epic-designer-gold 0.0.4 → 0.0.6

package/dist/index-bIzClEMh.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),d=require("./pluginManager-itCTrGag.cjs"),g=require("element-plus"),c=require("./icon.vue_vue_type_script_setup_true_lang-DJbUD5AQ.cjs"),I=require("./axios-tuVKNgv9.cjs"),G={class:"e-data-source"},A={class:"icon-numbers"},z={class:"drawer-content"},H={class:"drawer-content-left"},Q=["onClick"],W={class:"source-item-title"},X=["onClick"],Y={class:"drawer-content-right"},Z={class:"content"},ee={key:0,class:"content-empty"},te={key:1,class:"content-form"},ae={class:"form-flex"},le={class:"form-item"},oe={class:"form-item-title"},ne={key:0,class:"form-item-content"},re={class:"form-item"},de={class:"form-item-title"},ue={key:0,class:"form-item-content"},se={class:"form-item"},ie={class:"form-item-title"},ce={key:0,class:"form-item-content"},me={class:"content-right-btn"},pe=e.defineComponent({__name:"index",emits:["update:modelValue","update:sourceData"],setup(ve,{emit:fe}){const i=d.pluginManager.getComponent("button"),w=d.pluginManager.getComponent("Drawer"),y=d.pluginManager.getComponent("input"),v=d.pluginManager.getComponent("FormItem"),x=d.pluginManager.getComponent("Form"),B=d.pluginManager.getComponent("RadioGroup"),b=d.pluginManager.getComponent("RadioButton"),f=d.pluginManager.getComponent("select");d.pluginManager.getComponent("switch");const h=e.ref(),S=e.ref(0),L=e.reactive({apiName:[{required:!0,message:"请输入接口名称",trigger:"blur"}],url:[{required:!0,message:"请输入请求地址",trigger:"blur"}],dataKey:[{required:!0,message:"请输入标签键名",trigger:"blur"}],dataValue:[{required:!0,message:"请输入值键名",trigger:"blur"}]}),k=e.ref(!1),p=e.ref([]),t=e.ref(),V=[{label:"1",value:"1"}];function O(){k.value=!0}function M(){const l="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";return l.charAt(Math.floor(Math.random()*l.length))}function _(l){let a="";for(let o=0;o<l;o++)a+=M();return a}function U(){t.value={id:`${_(5)}`,url:"",body:{},bodyList:[],apiName:`数据源_${_(5)}`,method:"get",params:{},paramsList:[],dataKey:"name",headers:{},headerList:[],dataPath:"",dataValue:"id"},p.value.push(t.value)}function T(l){var a;p.value=JSON.parse(JSON.stringify(d.pluginManager.getSourceData())),((a=t.value)==null?void 0:a.id)===l?t.value={}:(t.value=p.value.find(o=>o.id===l),t.value.paramsList=Object.keys(JSON.parse(t.value.params)).map(o=>({label:o,value:JSON.parse(t.value.params)[o]})),t.value.bodyList=Object.keys(JSON.parse(t.value.body)).map(o=>({label:o,value:JSON.parse(t.value.body)[o]})),t.value.headerList=Object.keys(JSON.parse(t.value.headers)).map(o=>({label:o,value:JSON.parse(t.value.headers)[o]})))}function D(l){d.EventBus.emit("deleteSourceData",l)}function J(){var l;(l=t.value)==null||l.paramsList.push({label:"",value:""})}function P(l){t.value.paramsList.splice(l,1)}function q(){var l;(l=t.value)==null||l.headerList.push({label:"",value:""})}function F(l){t.value.headerList.splice(l,1)}function R(){var l;(l=t.value)==null||l.bodyList.push({label:"",value:""})}function K(l){t.value.bodyList.splice(l,1)}e.onMounted(()=>{p.value=JSON.parse(JSON.stringify(d.pluginManager.getSourceData()))}),d.EventBus.on("updateSource",l=>{p.value=JSON.parse(JSON.stringify(d.pluginManager.getSourceData()))});async function $(){h.value.validate(async l=>{if(l)try{const a={};t.value.paramsList.forEach(r=>{a[r.label]=r.value});const o={};t.value.bodyList.forEach(r=>{o[r.label]=r.value});const m={};t.value.headerList.forEach(r=>{m[r.label]=r.value});let s=await I.axios({method:t.value.method,url:"http://localhost:3333/users",params:a,data:o,headers:m});t.value.dataPath?s.data[t.value.dataPath]&&s.data[t.value.dataPath].length?g.ElMessage({message:s.data[t.value.dataPath].map(r=>({label:r[t.value.dataKey],value:r[t.value.dataValue]}))}):g.ElMessage.info("配置错误"):s.data&&s.data.length?g.ElMessage({message:s.data.map(r=>({label:r[t.value.dataKey],value:r[t.value.dataValue]}))}):g.ElMessage.info("配置错误")}catch{g.ElMessage.error("请求失败")}finally{}else g.ElMessage.error("请填写必填项")})}async function j(){t.value.body=t.value.bodyList.reduce((l,a)=>(l[a.label]=a.value,l),{}),t.value.params=t.value.paramsList.reduce((l,a)=>(l[a.label]=a.value,l),{}),t.value.headers=t.value.headerList.reduce((l,a)=>(l[a.label]=a.value,l),{}),h.value.validate(l=>{l&&(t.value.id?(d.EventBus.emit("updateSourceData",{...t.value,body:JSON.stringify(t.value.body),params:JSON.stringify(t.value.params),headers:JSON.stringify(t.value.headers)}),t.value={}):(d.EventBus.emit("saveSourceData",{...t.value,body:JSON.stringify(t.value.body),params:JSON.stringify(t.value.params),headers:JSON.stringify(t.value.headers)}),t.value={}))})}return(l,a)=>(e.openBlock(),e.createElementBlock("div",G,[e.createVNode(e.unref(i),{class:"btn",onClick:O},{default:e.withCtx(()=>[e.createVNode(e.unref(c._sfc_main),{name:"icon--epic--window-outline",class:"mr-4px"}),a[8]||(a[8]=e.createElementVNode("span",null,"配置",-1)),e.createElementVNode("span",A,e.toDisplayString(S.value||p.value.length),1)]),_:1}),e.createVNode(e.unref(w),{size:800,modelValue:k.value,"onUpdate:modelValue":a[7]||(a[7]=o=>k.value=o),"append-to-body":"",title:"数据源"},{default:e.withCtx(()=>[e.createElementVNode("div",z,[e.createElementVNode("div",H,[e.createVNode(e.unref(i),{type:"primary",class:"btn",onClick:U},{default:e.withCtx(()=>[e.createVNode(e.unref(c._sfc_main),{name:"icon--epic--add-rounded",class:"mr-4px"}),a[9]||(a[9]=e.createElementVNode("span",null,"新增数据源",-1))]),_:1}),e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,o=>{var m;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["source-item",{active:o.id===((m=t.value)==null?void 0:m.id)}]),key:o.id,onClick:s=>T(o.id)},[e.createElementVNode("div",W,[e.createElementVNode("div",null,e.toDisplayString(o.method.toLocaleUpperCase()),1),e.createElementVNode("div",null,e.toDisplayString(o.apiName),1)]),e.createElementVNode("div",{onClick:s=>D(o.id),class:"source-item-icon"},[e.createVNode(e.unref(c._sfc_main),{name:"icon--epic--delete-outline-rounded"})],8,X)],10,Q)}),128))])]),e.createElementVNode("div",Y,[e.createElementVNode("div",Z,[!t.value||!Object.keys(t.value).length?(e.openBlock(),e.createElementBlock("div",ee,"请选择数据源")):(e.openBlock(),e.createElementBlock("div",te,[e.createVNode(e.unref(x),{ref_key:"ruleFormRef",ref:h,model:t.value,"label-position":"top",rules:L,"label-width":120},{default:e.withCtx(()=>{var o,m,s,r,C,E;return[e.createVNode(e.unref(v),{prop:"apiName",label:"接口名称"},{default:e.withCtx(()=>[e.createVNode(e.unref(y),{clearable:"",modelValue:t.value.apiName,"onUpdate:modelValue":a[0]||(a[0]=n=>t.value.apiName=n)},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(v),{prop:"url",label:"请求地址"},{default:e.withCtx(()=>[e.createVNode(e.unref(y),{modelValue:t.value.url,"onUpdate:modelValue":a[1]||(a[1]=n=>t.value.url=n)},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(v),{label:"请求方法",required:""},{default:e.withCtx(()=>[e.createVNode(e.unref(B),{modelValue:t.value.method,"onUpdate:modelValue":a[2]||(a[2]=n=>t.value.method=n)},{default:e.withCtx(()=>[e.createVNode(e.unref(b),{label:"GET",value:"get"},{default:e.withCtx(()=>a[10]||(a[10]=[e.createTextVNode("GET")])),_:1}),e.createVNode(e.unref(b),{label:"POST",value:"post"},{default:e.withCtx(()=>a[11]||(a[11]=[e.createTextVNode("POST")])),_:1}),e.createVNode(e.unref(b),{label:"PUT",value:"put"},{default:e.withCtx(()=>a[12]||(a[12]=[e.createTextVNode("PUT")])),_:1}),e.createVNode(e.unref(b),{label:"DELETE",value:"delete"},{default:e.withCtx(()=>a[13]||(a[13]=[e.createTextVNode("DELETE")])),_:1})]),_:1},8,["modelValue"])]),_:1}),e.createElementVNode("div",ae,[e.createVNode(e.unref(v),{prop:"dataKey",style:{width:"30%"},label:"标签键名"},{default:e.withCtx(()=>[e.createVNode(e.unref(y),{modelValue:t.value.dataKey,"onUpdate:modelValue":a[3]||(a[3]=n=>t.value.dataKey=n)},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(v),{prop:"dataValue",style:{width:"30%"},label:"值键名"},{default:e.withCtx(()=>[e.createVNode(e.unref(y),{modelValue:t.value.dataValue,"onUpdate:modelValue":a[4]||(a[4]=n=>t.value.dataValue=n)},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(v),{style:{width:"33%"},label:"数据位置"},{default:e.withCtx(()=>[e.createVNode(e.unref(y),{modelValue:t.value.dataPath,"onUpdate:modelValue":a[5]||(a[5]=n=>t.value.dataPath=n)},null,8,["modelValue"])]),_:1})]),e.createElementVNode("div",le,[e.createElementVNode("div",oe,[a[15]||(a[15]=e.createTextVNode(" 请求参数 ")),e.createVNode(e.unref(i),{onClick:J,text:"",type:"primary",class:"btn"},{default:e.withCtx(()=>[e.createVNode(e.unref(c._sfc_main),{name:"icon--epic--add-rounded"}),a[14]||(a[14]=e.createTextVNode(" 添加 "))]),_:1})]),(o=t.value)!=null&&o.paramsList&&((m=t.value)!=null&&m.paramsList.length)?(e.openBlock(),e.createElementBlock("div",ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value.paramsList,(n,N)=>(e.openBlock(),e.createElementBlock("div",{class:"content-item",key:n.value},[e.createVNode(e.unref(f),{modelValue:n.label,"onUpdate:modelValue":u=>n.label=u,filterable:"","allow-create":"",style:{width:"42%"},options:V,placeholder:"参数名"},null,8,["modelValue","onUpdate:modelValue"]),e.createVNode(e.unref(f),{modelValue:n.value,"onUpdate:modelValue":u=>n.value=u,filterable:"","allow-create":"",style:{width:"42%"},options:V,placeholder:"参数值"},null,8,["modelValue","onUpdate:modelValue"]),e.createVNode(e.unref(i),{onClick:u=>P(N),type:"danger",circle:""},{default:e.withCtx(()=>[e.createVNode(e.unref(c._sfc_main),{style:{color:"#fff"},name:"icon--epic--delete-outline-rounded"})]),_:2},1032,["onClick"])]))),128))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",re,[e.createElementVNode("div",de,[a[17]||(a[17]=e.createTextVNode(" 请求头 ")),e.createVNode(e.unref(i),{onClick:q,text:"",type:"primary",class:"btn"},{default:e.withCtx(()=>[e.createVNode(e.unref(c._sfc_main),{name:"icon--epic--add-rounded"}),a[16]||(a[16]=e.createTextVNode(" 添加 "))]),_:1})]),(s=t.value)!=null&&s.headerList&&((r=t.value)!=null&&r.headerList.length)?(e.openBlock(),e.createElementBlock("div",ue,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value.headerList,(n,N)=>(e.openBlock(),e.createElementBlock("div",{class:"content-item",key:N},[e.createVNode(e.unref(f),{modelValue:n.label,"onUpdate:modelValue":u=>n.label=u,filterable:"","allow-create":"",style:{width:"42%"},options:V,placeholder:"参数名"},null,8,["modelValue","onUpdate:modelValue"]),e.createVNode(e.unref(f),{modelValue:n.value,"onUpdate:modelValue":u=>n.value=u,filterable:"","allow-create":"",style:{width:"42%"},options:V,placeholder:"参数值"},null,8,["modelValue","onUpdate:modelValue"]),e.createVNode(e.unref(i),{onClick:u=>F(N),type:"danger",circle:""},{default:e.withCtx(()=>[e.createVNode(e.unref(c._sfc_main),{style:{color:"#fff"},name:"icon--epic--delete-outline-rounded"})]),_:2},1032,["onClick"])]))),128))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",se,[e.createElementVNode("div",ie,[a[19]||(a[19]=e.createTextVNode(" 请求体 ")),e.createVNode(e.unref(i),{onClick:R,text:"",type:"primary",class:"btn"},{default:e.withCtx(()=>[e.createVNode(e.unref(c._sfc_main),{name:"icon--epic--add-rounded"}),a[18]||(a[18]=e.createTextVNode(" 添加 "))]),_:1})]),(C=t.value)!=null&&C.bodyList&&((E=t.value)!=null&&E.bodyList.length)?(e.openBlock(),e.createElementBlock("div",ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value.bodyList,(n,N)=>(e.openBlock(),e.createElementBlock("div",{class:"content-item",key:N},[e.createVNode(e.unref(f),{modelValue:n.label,"onUpdate:modelValue":u=>n.label=u,filterable:"","allow-create":"",style:{width:"42%"},options:V,placeholder:"参数名"},null,8,["modelValue","onUpdate:modelValue"]),e.createVNode(e.unref(f),{modelValue:n.value,"onUpdate:modelValue":u=>n.value=u,filterable:"","allow-create":"",style:{width:"42%"},options:V,placeholder:"参数值"},null,8,["modelValue","onUpdate:modelValue"]),e.createVNode(e.unref(i),{onClick:a[6]||(a[6]=u=>K(l.i)),type:"danger",circle:""},{default:e.withCtx(()=>[e.createVNode(e.unref(c._sfc_main),{style:{color:"#fff"},name:"icon--epic--delete-outline-rounded"})]),_:1})]))),128))])):e.createCommentVNode("",!0)]),e.createElementVNode("div",me,[e.createVNode(e.unref(i),{type:"info",onClick:$},{default:e.withCtx(()=>a[20]||(a[20]=[e.createTextVNode("请求测试")])),_:1}),e.createVNode(e.unref(i),{type:"primary",onClick:j},{default:e.withCtx(()=>a[21]||(a[21]=[e.createTextVNode("保存")])),_:1})])]}),_:1},8,["model","rules"])]))])])])]),_:1},8,["modelValue"])]))}});exports.default=pe;

package/dist/index-g5ZjtbqH.cjs

@@ -0,0 +1,102 @@
+"use strict";const u=require("./_commonjsHelpers-DwTZ_eVU.cjs"),be=require("./_vue_commonjs-external-BbihI59z.cjs"),h=require("./index-4PPmJYKt.cjs"),A=require("./index-jx5A2kt8.cjs");function ve(i,c){for(var r=0;r<c.length;r++){const o=c[r];if(typeof o!="string"&&!Array.isArray(o)){for(const s in o)if(s!=="default"&&!(s in i)){const d=Object.getOwnPropertyDescriptor(o,s);d&&Object.defineProperty(i,s,d.get?d:{enumerable:!0,get:()=>o[s]})}}}return Object.freeze(Object.defineProperty(i,Symbol.toStringTag,{value:"Module"}))}var U={},I={},X={},N={},D={};Object.defineProperty(D,"__esModule",{value:!0});D.default={buttonHeightSmall:"14px",buttonHeightMedium:"18px",buttonHeightLarge:"22px",buttonWidthSmall:"14px",buttonWidthMedium:"18px",buttonWidthLarge:"22px",buttonWidthPressedSmall:"20px",buttonWidthPressedMedium:"24px",buttonWidthPressedLarge:"28px",railHeightSmall:"18px",railHeightMedium:"22px",railHeightLarge:"26px",railWidthSmall:"32px",railWidthMedium:"40px",railWidthLarge:"48px"};var me=u.commonjsGlobal&&u.commonjsGlobal.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(N,"__esModule",{value:!0});const ge=h.require$$1,pe=h.common,_e=me(D),we={name:"Switch",common:pe.commonDark,self(i){const{primaryColorSuppl:c,opacityDisabled:r,borderRadius:o,primaryColor:s,textColor2:d,baseColor:B}=i;return Object.assign(Object.assign({},_e.default),{iconColor:B,textColor:d,loadingColor:c,opacityDisabled:r,railColor:"rgba(255, 255, 255, .20)",railColorActive:c,buttonBoxShadow:"0px 2px 4px 0 rgba(0, 0, 0, 0.4)",buttonColor:"#FFF",railBorderRadiusSmall:o,railBorderRadiusMedium:o,railBorderRadiusLarge:o,buttonBorderRadiusSmall:o,buttonBorderRadiusMedium:o,buttonBorderRadiusLarge:o,boxShadowFocus:`0 0 8px 0 ${(0,ge.changeColor)(s,{alpha:.3})}`})}};N.default=we;var T={},ye=u.commonjsGlobal&&u.commonjsGlobal.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(T,"__esModule",{value:!0});const xe=h.require$$1,Se=h.common,ke=ye(D);function Ce(i){const{primaryColor:c,opacityDisabled:r,borderRadius:o,textColor3:s}=i;return Object.assign(Object.assign({},ke.default),{iconColor:s,textColor:"white",loadingColor:c,opacityDisabled:r,railColor:"rgba(0, 0, 0, .14)",railColorActive:c,buttonBoxShadow:"0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)",buttonColor:"#FFF",railBorderRadiusSmall:o,railBorderRadiusMedium:o,railBorderRadiusLarge:o,buttonBorderRadiusSmall:o,buttonBorderRadiusMedium:o,buttonBorderRadiusLarge:o,boxShadowFocus:`0 0 0 2px ${(0,xe.changeColor)(c,{alpha:.2})}`})}const $e={name:"Switch",common:Se.commonLight,self:Ce};T.default=$e;(function(i){var c=u.commonjsGlobal&&u.commonjsGlobal.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(i,"__esModule",{value:!0}),i.switchLight=i.switchDark=void 0;var r=N;Object.defineProperty(i,"switchDark",{enumerable:!0,get:function(){return c(r).default}});var o=T;Object.defineProperty(i,"switchLight",{enumerable:!0,get:function(){return c(o).default}})})(X);var H={};Object.defineProperty(H,"__esModule",{value:!0});const q=A.iconSwitch_cssr,t=h.cssr;H.default=(0,t.cB)("switch",`
+ height: var(--n-height);
+ min-width: var(--n-width);
+ vertical-align: middle;
+ user-select: none;
+ -webkit-user-select: none;
+ display: inline-flex;
+ outline: none;
+ justify-content: center;
+ align-items: center;
+`,[(0,t.cE)("children-placeholder",`
+ height: var(--n-rail-height);
+ display: flex;
+ flex-direction: column;
+ overflow: hidden;
+ pointer-events: none;
+ visibility: hidden;
+ `),(0,t.cE)("rail-placeholder",`
+ display: flex;
+ flex-wrap: none;
+ `),(0,t.cE)("button-placeholder",`
+ width: calc(1.75 * var(--n-rail-height));
+ height: var(--n-rail-height);
+ `),(0,t.cB)("base-loading",`
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translateX(-50%) translateY(-50%);
+ font-size: calc(var(--n-button-width) - 4px);
+ color: var(--n-loading-color);
+ transition: color .3s var(--n-bezier);
+ `,[(0,q.iconSwitchTransition)({left:"50%",top:"50%",originalTransform:"translateX(-50%) translateY(-50%)"})]),(0,t.cE)("checked, unchecked",`
+ transition: color .3s var(--n-bezier);
+ color: var(--n-text-color);
+ box-sizing: border-box;
+ position: absolute;
+ white-space: nowrap;
+ top: 0;
+ bottom: 0;
+ display: flex;
+ align-items: center;
+ line-height: 1;
+ `),(0,t.cE)("checked",`
+ right: 0;
+ padding-right: calc(1.25 * var(--n-rail-height) - var(--n-offset));
+ `),(0,t.cE)("unchecked",`
+ left: 0;
+ justify-content: flex-end;
+ padding-left: calc(1.25 * var(--n-rail-height) - var(--n-offset));
+ `),(0,t.c)("&:focus",[(0,t.cE)("rail",`
+ box-shadow: var(--n-box-shadow-focus);
+ `)]),(0,t.cM)("round",[(0,t.cE)("rail","border-radius: calc(var(--n-rail-height) / 2);",[(0,t.cE)("button","border-radius: calc(var(--n-button-height) / 2);")])]),(0,t.cNotM)("disabled",[(0,t.cNotM)("icon",[(0,t.cM)("rubber-band",[(0,t.cM)("pressed",[(0,t.cE)("rail",[(0,t.cE)("button","max-width: var(--n-button-width-pressed);")])]),(0,t.cE)("rail",[(0,t.c)("&:active",[(0,t.cE)("button","max-width: var(--n-button-width-pressed);")])]),(0,t.cM)("active",[(0,t.cM)("pressed",[(0,t.cE)("rail",[(0,t.cE)("button","left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));")])]),(0,t.cE)("rail",[(0,t.c)("&:active",[(0,t.cE)("button","left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));")])])])])])]),(0,t.cM)("active",[(0,t.cE)("rail",[(0,t.cE)("button","left: calc(100% - var(--n-button-width) - var(--n-offset))")])]),(0,t.cE)("rail",`
+ overflow: hidden;
+ height: var(--n-rail-height);
+ min-width: var(--n-rail-width);
+ border-radius: var(--n-rail-border-radius);
+ cursor: pointer;
+ position: relative;
+ transition:
+ opacity .3s var(--n-bezier),
+ background .3s var(--n-bezier),
+ box-shadow .3s var(--n-bezier);
+ background-color: var(--n-rail-color);
+ `,[(0,t.cE)("button-icon",`
+ color: var(--n-icon-color);
+ transition: color .3s var(--n-bezier);
+ font-size: calc(var(--n-button-height) - 4px);
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ line-height: 1;
+ `,[(0,q.iconSwitchTransition)()]),(0,t.cE)("button",`
+ align-items: center; 
+ top: var(--n-offset);
+ left: var(--n-offset);
+ height: var(--n-button-height);
+ width: var(--n-button-width-pressed);
+ max-width: var(--n-button-width);
+ border-radius: var(--n-button-border-radius);
+ background-color: var(--n-button-color);
+ box-shadow: var(--n-button-box-shadow);
+ box-sizing: border-box;
+ cursor: inherit;
+ content: "";
+ position: absolute;
+ transition:
+ background-color .3s var(--n-bezier),
+ left .3s var(--n-bezier),
+ opacity .3s var(--n-bezier),
+ max-width .3s var(--n-bezier),
+ box-shadow .3s var(--n-bezier);
+ `)]),(0,t.cM)("active",[(0,t.cE)("rail","background-color: var(--n-rail-color-active);")]),(0,t.cM)("loading",[(0,t.cE)("rail",`
+ cursor: wait;
+ `)]),(0,t.cM)("disabled",[(0,t.cE)("rail",`
+ cursor: not-allowed;
+ opacity: .5;
+ `)])]);(function(i){var c=u.commonjsGlobal&&u.commonjsGlobal.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(i,"__esModule",{value:!0}),i.switchProps=void 0;const r=be.require$$0,o=h.require$$1,s=h.require$$2,d=h._mixins,B=A._internal,a=h._utils,Y=X,J=c(H);i.switchProps=Object.assign(Object.assign({},d.useTheme.props),{size:{type:String,default:"medium"},value:{type:[String,Number,Boolean],default:void 0},loading:Boolean,defaultValue:{type:[String,Number,Boolean],default:!1},disabled:{type:Boolean,default:void 0},round:{type:Boolean,default:!0},"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array],checkedValue:{type:[String,Number,Boolean],default:!0},uncheckedValue:{type:[String,Number,Boolean],default:!1},railStyle:Function,rubberBand:{type:Boolean,default:!0},onChange:[Function,Array]});let x;i.default=(0,r.defineComponent)({name:"Switch",props:i.switchProps,setup(e){process.env.NODE_ENV!=="production"&&(0,r.watchEffect)(()=>{e.onChange&&(0,a.warnOnce)("switch","`on-change` is deprecated, please use `on-update:value` instead.")}),x===void 0&&(typeof CSS<"u"?typeof CSS.supports<"u"?x=CSS.supports("width","max(1px)"):x=!1:x=!0);const{mergedClsPrefixRef:R,inlineThemeDisabled:S}=(0,d.useConfig)(e),F=(0,d.useTheme)("Switch","-switch",J.default,Y.switchLight,e,R),f=(0,d.useFormItem)(e),{mergedSizeRef:j,mergedDisabledRef:p}=f,k=(0,r.ref)(e.defaultValue),M=(0,r.toRef)(e,"value"),_=(0,s.useMergedState)(M,k),C=(0,r.computed)(()=>_.value===e.checkedValue),w=(0,r.ref)(!1),l=(0,r.ref)(!1),b=(0,r.computed)(()=>{const{railStyle:n}=e;if(n)return n({focused:l.value,checked:C.value})});function v(n){const{"onUpdate:value":E,onChange:O,onUpdateValue:P}=e,{nTriggerFormInput:V,nTriggerFormChange:W}=f;E&&(0,a.call)(E,n),P&&(0,a.call)(P,n),O&&(0,a.call)(O,n),k.value=n,V(),W()}function Q(){const{nTriggerFormFocus:n}=f;n()}function Z(){const{nTriggerFormBlur:n}=f;n()}function ee(){e.loading||p.value||(_.value!==e.checkedValue?v(e.checkedValue):v(e.uncheckedValue))}function te(){l.value=!0,Q()}function oe(){l.value=!1,Z(),w.value=!1}function re(n){e.loading||p.value||n.key===" "&&(_.value!==e.checkedValue?v(e.checkedValue):v(e.uncheckedValue),w.value=!1)}function ie(n){e.loading||p.value||n.key===" "&&(n.preventDefault(),w.value=!0)}const G=(0,r.computed)(()=>{const{value:n}=j,{self:{opacityDisabled:E,railColor:O,railColorActive:P,buttonBoxShadow:V,buttonColor:W,boxShadowFocus:ne,loadingColor:ae,textColor:le,iconColor:ce,[(0,a.createKey)("buttonHeight",n)]:m,[(0,a.createKey)("buttonWidth",n)]:se,[(0,a.createKey)("buttonWidthPressed",n)]:de,[(0,a.createKey)("railHeight",n)]:g,[(0,a.createKey)("railWidth",n)]:$,[(0,a.createKey)("railBorderRadius",n)]:ue,[(0,a.createKey)("buttonBorderRadius",n)]:he},common:{cubicBezierEaseInOut:fe}}=F.value;let z,L,K;return x?(z=`calc((${g} - ${m}) / 2)`,L=`max(${g}, ${m})`,K=`max(${$}, calc(${$} + ${m} - ${g}))`):(z=(0,o.pxfy)(((0,o.depx)(g)-(0,o.depx)(m))/2),L=(0,o.pxfy)(Math.max((0,o.depx)(g),(0,o.depx)(m))),K=(0,o.depx)(g)>(0,o.depx)(m)?$:(0,o.pxfy)((0,o.depx)($)+(0,o.depx)(m)-(0,o.depx)(g))),{"--n-bezier":fe,"--n-button-border-radius":he,"--n-button-box-shadow":V,"--n-button-color":W,"--n-button-width":se,"--n-button-width-pressed":de,"--n-button-height":m,"--n-height":L,"--n-offset":z,"--n-opacity-disabled":E,"--n-rail-border-radius":ue,"--n-rail-color":O,"--n-rail-color-active":P,"--n-rail-height":g,"--n-rail-width":$,"--n-width":K,"--n-box-shadow-focus":ne,"--n-loading-color":ae,"--n-text-color":le,"--n-icon-color":ce}}),y=S?(0,d.useThemeClass)("switch",(0,r.computed)(()=>j.value[0]),G,e):void 0;return{handleClick:ee,handleBlur:oe,handleFocus:te,handleKeyup:re,handleKeydown:ie,mergedRailStyle:b,pressed:w,mergedClsPrefix:R,mergedValue:_,checked:C,mergedDisabled:p,cssVars:S?void 0:G,themeClass:y==null?void 0:y.themeClass,onRender:y==null?void 0:y.onRender}},render(){const{mergedClsPrefix:e,mergedDisabled:R,checked:S,mergedRailStyle:F,onRender:f,$slots:j}=this;f==null||f();const{checked:p,unchecked:k,icon:M,"checked-icon":_,"unchecked-icon":C}=j,w=!((0,a.isSlotEmpty)(M)&&(0,a.isSlotEmpty)(_)&&(0,a.isSlotEmpty)(C));return(0,r.h)("div",{role:"switch","aria-checked":S,class:[`${e}-switch`,this.themeClass,w&&`${e}-switch--icon`,S&&`${e}-switch--active`,R&&`${e}-switch--disabled`,this.round&&`${e}-switch--round`,this.loading&&`${e}-switch--loading`,this.pressed&&`${e}-switch--pressed`,this.rubberBand&&`${e}-switch--rubber-band`],tabindex:this.mergedDisabled?void 0:0,style:this.cssVars,onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyup:this.handleKeyup,onKeydown:this.handleKeydown},(0,r.h)("div",{class:`${e}-switch__rail`,"aria-hidden":"true",style:F},(0,a.resolveWrappedSlot)(p,l=>(0,a.resolveWrappedSlot)(k,b=>l||b?(0,r.h)("div",{"aria-hidden":!0,class:`${e}-switch__children-placeholder`},(0,r.h)("div",{class:`${e}-switch__rail-placeholder`},(0,r.h)("div",{class:`${e}-switch__button-placeholder`}),l),(0,r.h)("div",{class:`${e}-switch__rail-placeholder`},(0,r.h)("div",{class:`${e}-switch__button-placeholder`}),b)):null)),(0,r.h)("div",{class:`${e}-switch__button`},(0,a.resolveWrappedSlot)(M,l=>(0,a.resolveWrappedSlot)(_,b=>(0,a.resolveWrappedSlot)(C,v=>(0,r.h)(B.NIconSwitchTransition,null,{default:()=>this.loading?(0,r.h)(B.NBaseLoading,{key:"loading",clsPrefix:e,strokeWidth:20}):this.checked&&(b||l)?(0,r.h)("div",{class:`${e}-switch__button-icon`,key:b?"checked-icon":"icon"},b||l):!this.checked&&(v||l)?(0,r.h)("div",{class:`${e}-switch__button-icon`,key:v?"unchecked-icon":"icon"},v||l):null})))),(0,a.resolveWrappedSlot)(p,l=>l&&(0,r.h)("div",{key:"checked",class:`${e}-switch__checked`},l)),(0,a.resolveWrappedSlot)(k,l=>l&&(0,r.h)("div",{key:"unchecked",class:`${e}-switch__unchecked`},l)))))}})})(I);(function(i){var c=u.commonjsGlobal&&u.commonjsGlobal.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(i,"__esModule",{value:!0}),i.switchProps=i.NSwitch=void 0;var r=I;Object.defineProperty(i,"NSwitch",{enumerable:!0,get:function(){return c(r).default}}),Object.defineProperty(i,"switchProps",{enumerable:!0,get:function(){return r.switchProps}})})(U);const Be=ve({__proto__:null},[U]);exports.index=Be;