epic-designer-gold 1.0.1 → 1.0.2

package/dist/index-JhxJizMR.js

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