epic-designer-gold 0.0.7 → 0.0.9

package/dist/index-CTAIy0UI.js

@@ -1,205 +0,0 @@
-import { defineComponent as $, inject as D, resolveComponent as M, openBlock as p, createBlock as O, unref as a, isRef as S, withCtx as w, createElementVNode as m, normalizeClass as B, createVNode as d, createCommentVNode as I, createElementBlock as V, ref as j, reactive as N, onMounted as J, watch as z, provide as L, Fragment as P, renderList as R, toDisplayString as T, withDirectives as F, vShow as q, createTextVNode as G } from "vue";
-import { d as H } from "./vuedraggable.umd-D2S7Eo7p.js";
-import { p as _, E as K } from "./pluginManager-D8PM7ICc.js";
-import { _ as U } from "./icon.vue_vue_type_script_setup_true_lang-D3QdcReY.js";
-import { n as E } from "./index-BGkXLe-e.js";
-import { ElMessage as Q } from "element-plus";
-import { a as W } from "./axios-CXDYiOMX.js";
-import { _ as X } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Y = {
-  key: 0,
-  class: "pl-4"
-}, Z = /* @__PURE__ */ $({
-  name: "EOptionItem",
-  __name: "optionItem",
-  props: {
-    modelValue: {}
-  },
-  emits: ["update:modelValue"],
-  setup(y, { emit: b }) {
-    const k = y, g = _.getComponent("input"), c = D("tree", !1), r = E(k, "modelValue", b);
-    function x(o) {
-      const s = {
-        label: "",
-        value: ""
-      };
-      o.children ? o.children.push(s) : o.children = [s];
-    }
-    function i(o) {
-      r.value = r.value.filter((s, h) => h !== o);
-    }
-    return (o, s) => {
-      const h = M("EOptionItem");
-      return p(), O(a(H), {
-        modelValue: a(r),
-        "onUpdate:modelValue": s[0] || (s[0] = (l) => S(r) ? r.value = l : null),
-        "item-key": "id",
-        "component-data": {
-          type: "transition-group"
-        },
-        group: "option-list",
-        handle: ".handle",
-        animation: 200
-      }, {
-        item: w(({ element: l, index: C }) => [
-          m("div", null, [
-            m("div", {
-              class: B([a(c) ? "grid-cols-[16px_auto_auto_16px_16px]" : "grid-cols-[16px_auto_auto_16px]", "option-item text-16px grid text-$epic-text-secondary gap-2 items-center mb-2"])
-            }, [
-              d(a(U), {
-                class: "mr-2 cursor-move handle",
-                name: "icon--epic--drag"
-              }),
-              d(a(g), {
-                modelValue: l.label,
-                "onUpdate:modelValue": (n) => l.label = n,
-                value: l.label,
-                "onUpdate:value": (n) => l.label = n,
-                placeholder: "label"
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "onUpdate:value"]),
-              d(a(g), {
-                modelValue: l.value,
-                "onUpdate:modelValue": (n) => l.value = n,
-                value: l.value,
-                "onUpdate:value": (n) => l.value = n,
-                placeholder: "value"
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "onUpdate:value"]),
-              a(c) ? (p(), O(a(U), {
-                key: 0,
-                class: "cursor-pointer text-lg!",
-                name: "icon--epic--add-rounded",
-                onClick: (n) => x(l)
-              }, null, 8, ["onClick"])) : I("", !0),
-              d(a(U), {
-                class: "hover:text-red cursor-pointer",
-                name: "icon--epic--delete-outline-rounded",
-                onClick: (n) => i(C)
-              }, null, 8, ["onClick"])
-            ], 2),
-            l.children ? (p(), V("div", Y, [
-              d(h, {
-                modelValue: l.children,
-                "onUpdate:modelValue": (n) => l.children = n
-              }, null, 8, ["modelValue", "onUpdate:modelValue"])
-            ])) : I("", !0)
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), ee = { class: "" }, te = { class: "epic-tabs-box" }, le = ["title", "onClick"], ae = { key: 0 }, oe = { class: "py-4 my-2 text-center text-gray-400 bg-white" }, ne = { key: 1 }, ie = /* @__PURE__ */ $({
-  __name: "index",
-  props: {
-    tree: { type: Boolean },
-    modelValue: {},
-    dynamicId: {},
-    type: {}
-  },
-  emits: ["update:modelValue", "update:EOptionsEditor"],
-  setup(y, { emit: b }) {
-    const k = _.getComponent("button"), g = _.getComponent("select"), c = j([]), v = N({
-      title: "静态"
-    }), r = y, x = b;
-    K.on("updateSource", (t) => {
-      c.value = _.sourceData.map((e) => ({
-        ...e,
-        label: e.apiName,
-        value: e.id
-      }));
-    }), J(() => {
-      c.value = _.sourceData.map((t) => ({
-        ...t,
-        label: t.apiName,
-        value: t.id
-      }));
-    });
-    const i = E(r, "modelValue", x), o = E(r, "dynamicId", x);
-    function s(t) {
-      return t && Object.prototype.toString.call(t) === "[object Array]" ? t : (Q.info("请检查数据位置是否配置准确"), []);
-    }
-    z(
-      () => o.value,
-      async () => {
-        o.value ? v.title = "动态" : v.title = "静态";
-      },
-      {
-        immediate: !0
-      }
-    );
-    const h = [
-      {
-        title: "静态"
-      },
-      {
-        title: "动态"
-      }
-    ];
-    async function l(t) {
-      v.title = t.title, t.title === "静态" && (o.value = "");
-    }
-    async function C(t) {
-      const e = c.value.find((u) => u.id === t);
-      let f = await W({
-        method: (e == null ? void 0 : e.method) || "get",
-        // url: "/test" + data.url,
-        url: "http://localhost:3333/users",
-        params: e != null && e.params ? JSON.parse(e == null ? void 0 : e.params) : {},
-        data: e != null && e.data ? JSON.parse(e == null ? void 0 : e.data) : {},
-        headers: e != null && e.header ? JSON.parse(e == null ? void 0 : e.header) : {}
-      });
-      e && (e != null && e.dataPath) ? i.value = s(f.data[e.dataPath]) : i.value = s(f.data);
-    }
-    r.modelValue, L("tree", r.tree);
-    function n() {
-      const t = N({
-        label: "",
-        value: ""
-      });
-      i.value.length ? i.value = [...i.value, t] : i.value = [t];
-    }
-    return (t, e) => {
-      var f;
-      return p(), V("div", ee, [
-        m("div", null, [
-          m("div", te, [
-            (p(), V(P, null, R(h, (u, A) => m("div", {
-              class: B(["epic-tab cursor-pointer truncate", { checked: v.title === u.title }]),
-              key: A,
-              title: u.title,
-              onClick: (re) => l(u)
-            }, T(u.title), 11, le)), 64))
-          ]),
-          v.title === "静态" ? (p(), V("div", ae, [
-            F(m("div", oe, "暂无选项", 512), [
-              [q, !((f = a(i)) != null && f.length)]
-            ]),
-            d(Z, {
-              modelValue: a(i),
-              "onUpdate:modelValue": e[0] || (e[0] = (u) => S(i) ? i.value = u : null)
-            }, null, 8, ["modelValue"]),
-            d(a(k), { onClick: n }, {
-              default: w(() => e[2] || (e[2] = [
-                G("添加选项")
-              ])),
-              _: 1
-            })
-          ])) : (p(), V("div", ne, [
-            e[3] || (e[3] = m("span", { style: { "font-size": "12px", "margin-bottom": "8px", display: "inline-block" } }, "数据源", -1)),
-            d(a(g), {
-              modelValue: a(o),
-              "onUpdate:modelValue": e[1] || (e[1] = (u) => S(o) ? o.value = u : null),
-              placeholder: "请选择数据源",
-              clearable: "",
-              options: c.value,
-              onChange: C
-            }, null, 8, ["modelValue", "options"])
-          ]))
-        ])
-      ]);
-    };
-  }
-}), fe = /* @__PURE__ */ X(ie, [["__scopeId", "data-v-9004c684"]]);
-export {
-  fe as default
-};

package/dist/index-egFxSHTm.cjs

@@ -1 +0,0 @@
-"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"),$=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"),E=d.pluginManager.getComponent("Drawer"),y=d.pluginManager.getComponent("input"),v=d.pluginManager.getComponent("FormItem"),w=d.pluginManager.getComponent("Form"),x=d.pluginManager.getComponent("RadioGroup"),b=d.pluginManager.getComponent("RadioButton"),f=d.pluginManager.getComponent("select");d.pluginManager.getComponent("switch");const h=e.ref(),B=e.ref(0),S=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 L(){k.value=!0}function O(){const l="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";return l.charAt(Math.floor(Math.random()*l.length))}function M(l){let a="";for(let o=0;o<l;o++)a+=O();return a}function U(){t.value={id:"",url:"",body:{},bodyList:[],apiName:`数据源_${M(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())),t.value.id?((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]}))):t.value={}}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 j(){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 $.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 I(){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:L},{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(B.value||p.value.length),1)]),_:1}),e.createVNode(e.unref(E),{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(w),{ref_key:"ruleFormRef",ref:h,model:t.value,"label-position":"top",rules:S,"label-width":120},{default:e.withCtx(()=>{var o,m,s,r,_,C;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(x),{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})]),(_=t.value)!=null&&_.bodyList&&((C=t.value)!=null&&C.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:j},{default:e.withCtx(()=>a[20]||(a[20]=[e.createTextVNode("请求测试")])),_:1}),e.createVNode(e.unref(i),{type:"primary",onClick:I},{default:e.withCtx(()=>a[21]||(a[21]=[e.createTextVNode("保存")])),_:1})])]}),_:1},8,["model","rules"])]))])])])]),_:1},8,["modelValue"])]))}});exports.default=pe;