vue-api-request-builder 0.1.0

package/dist/index.es.js

@@ -0,0 +1,633 @@
+import { defineComponent as F, ref as w, watch as q, resolveComponent as y, createElementBlock as R, openBlock as g, createElementVNode as h, createCommentVNode as T, createBlock as z, createVNode as l, withCtx as d, createTextVNode as _, toDisplayString as J, Fragment as A, renderList as le, computed as I } from "vue";
+const oe = { class: "key-value-input flex flex-col gap-1" }, se = { class: "flex gap-2" }, ne = {
+  key: 0,
+  class: "flex flex-col gap-1"
+}, ue = { class: "flex w-full gap-1 items-center" }, re = /* @__PURE__ */ F({
+  __name: "KeyValueInput",
+  props: {
+    modelValue: {},
+    addButtonText: { default: "添加参数" },
+    showPreview: { type: Boolean, default: !1 },
+    previewText: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: x }) {
+    const r = t, s = x, n = w(r.modelValue);
+    q(
+      () => r.modelValue,
+      (i) => {
+        n.value = i;
+      }
+    ), q(
+      n,
+      (i) => {
+        s("update:modelValue", i);
+      },
+      { deep: !0 }
+    );
+    const f = () => {
+      n.value.push({ key: "", value: "" });
+    }, a = (i) => {
+      n.value.splice(i, 1);
+    }, v = () => {
+      n.value = [];
+    };
+    return (i, u) => {
+      const m = y("a-button"), c = y("a-popconfirm"), B = y("a-input"), $ = y("a-typography-paragraph"), U = y("a-typography");
+      return g(), R("div", oe, [
+        h("div", se, [
+          l(m, {
+            type: "primary",
+            onClick: f,
+            class: "w-40 max-w-full",
+            size: "small"
+          }, {
+            default: d(() => [
+              _(J(i.addButtonText), 1)
+            ]),
+            _: 1
+          }),
+          l(c, {
+            title: "确认清空",
+            description: "确定要清空所有参数吗？",
+            "ok-text": "确认",
+            "cancel-text": "取消",
+            onConfirm: v
+          }, {
+            default: d(() => [
+              l(m, {
+                type: "primary",
+                danger: "",
+                class: "w-40 max-w-full",
+                size: "small",
+                disabled: n.value.length === 0
+              }, {
+                default: d(() => u[0] || (u[0] = [
+                  _(" 清空 ")
+                ])),
+                _: 1
+              }, 8, ["disabled"])
+            ]),
+            _: 1
+          })
+        ]),
+        n.value.length > 0 ? (g(), R("div", ne, [
+          (g(!0), R(A, null, le(n.value, (k, S) => (g(), R("div", {
+            key: S,
+            class: "flex"
+          }, [
+            h("div", ue, [
+              l(m, {
+                type: "primary",
+                danger: "",
+                onClick: (j) => a(S),
+                class: "w-16",
+                size: "small"
+              }, {
+                default: d(() => u[1] || (u[1] = [
+                  _(" 删除 ")
+                ])),
+                _: 2
+              }, 1032, ["onClick"]),
+              l(B, {
+                value: k.key,
+                "onUpdate:value": (j) => k.key = j,
+                placeholder: "键",
+                style: { width: "60%" },
+                size: "small"
+              }, null, 8, ["value", "onUpdate:value"]),
+              l(B, {
+                value: k.value,
+                "onUpdate:value": (j) => k.value = j,
+                placeholder: "值",
+                style: { width: "100%" },
+                size: "small"
+              }, null, 8, ["value", "onUpdate:value"])
+            ])
+          ]))), 128))
+        ])) : T("", !0),
+        i.showPreview ? (g(), z(U, {
+          key: 1,
+          class: "m-0"
+        }, {
+          default: d(() => [
+            l($, { class: "!m-0" }, {
+              default: d(() => [
+                h("pre", null, J(i.previewText), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : T("", !0)
+      ]);
+    };
+  }
+}), G = (t, x) => {
+  const r = t.__vccOpts || t;
+  for (const [s, n] of x)
+    r[s] = n;
+  return r;
+}, D = /* @__PURE__ */ G(re, [["__scopeId", "data-v-1e5ef051"]]), de = {
+  method: "GET",
+  url: "https://yesno.wtf",
+  path: "/api",
+  auth: {
+    type: "none"
+  },
+  params: [],
+  headers: [],
+  body: {
+    type: "application/json"
+  }
+}, pe = { class: "request-form" }, ie = { class: "flex flex-col gap-1" }, ve = { class: "flex flex-row gap-1" }, me = { class: "flex flex-row gap-1" }, fe = { class: "mt-1" }, ce = {
+  key: 0,
+  class: "flex flex-col gap-1 mt-2"
+}, ye = { class: "flex flex-row gap-1 h-6" }, we = { class: "flex flex-row gap-1" }, _e = {
+  key: 1,
+  class: "flex flex-col gap-1 mt-1"
+}, xe = { class: "flex flex-row gap-1 items-center" }, ke = /* @__PURE__ */ F({
+  __name: "RequestForm",
+  props: {
+    modelValue: { default: () => de }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: x }) {
+    const r = t, s = x, n = w(r.modelValue.method), f = w(r.modelValue.url), a = w(r.modelValue.auth.type), v = w(r.modelValue.path), i = w(r.modelValue.auth.username || ""), u = w(r.modelValue.auth.password || ""), m = w(r.modelValue.auth.token || ""), c = w(r.modelValue.params), B = w(r.modelValue.headers), $ = w(r.modelValue.body.formData || []), U = w(r.modelValue.body.type), k = w(r.modelValue.body.json || ""), S = w(r.modelValue.body.raw || ""), j = w("");
+    function K(o, e) {
+      let b;
+      return function(...V) {
+        clearTimeout(b), b = setTimeout(() => o.apply(this, V), e);
+      };
+    }
+    const L = () => ({
+      method: n.value,
+      url: f.value,
+      path: v.value,
+      auth: {
+        type: a.value,
+        ...a.value === "Basic" ? {
+          username: i.value,
+          password: u.value
+        } : a.value === "Bearer" ? {
+          token: m.value
+        } : {}
+      },
+      params: c.value,
+      headers: B.value,
+      body: {
+        type: U.value,
+        ...U.value === "application/json" ? { json: k.value } : U.value === "multipart/form-data" ? { formData: $.value } : { raw: S.value }
+      }
+    }), W = K(() => {
+      s("update:modelValue", L());
+    }, 100);
+    q(
+      [
+        n,
+        f,
+        v,
+        a,
+        i,
+        u,
+        m,
+        c,
+        B,
+        U,
+        $,
+        k,
+        S
+      ],
+      () => {
+        W();
+      },
+      { deep: !0 }
+    ), q(
+      () => r.modelValue,
+      (o) => {
+        const e = L();
+        JSON.stringify(o) !== JSON.stringify(e) && (n.value = o.method, f.value = o.url, v.value = o.path, a.value = o.auth.type, i.value = o.auth.username || "", u.value = o.auth.password || "", m.value = o.auth.token || "", c.value = o.params, B.value = o.headers, U.value = o.body.type, $.value = o.body.formData || [], k.value = o.body.json || "", S.value = o.body.raw || "");
+      },
+      { deep: !0 }
+    );
+    const M = I(() => {
+      const o = c.value.filter((e) => !!e.key).map((e) => e.key + "=" + encodeURIComponent(e.value)).join("&");
+      return o === "" ? "" : "?" + o;
+    }), X = I(() => {
+      switch (U.value) {
+        case "application/json":
+          try {
+            return k.value ? JSON.stringify(JSON.parse(k.value), null, 2) : "-空-";
+          } catch {
+            return "Invalid JSON";
+          }
+        case "multipart/form-data":
+          const o = "----WebKitFormBoundaryPreview";
+          return $.value.filter((b) => !!b.key).map(
+            (b) => `--${o}\r
+Content-Disposition: form-data; name="${b.key}"\r
+\r
+${b.value}\r
+`
+          ).join("") + `--${o}--\r
+`;
+        case "text/plain":
+          return S.value || "-空-";
+        default:
+          return "-空-";
+      }
+    }), Q = () => {
+      try {
+        k.value && (JSON.parse(k.value), j.value = "");
+      } catch {
+        j.value = "Invalid JSON format";
+      }
+    }, Y = () => {
+      try {
+        const o = f.value, e = new URL(o);
+        f.value = `${e.protocol}//${e.host}`, v.value = e.pathname;
+        const b = new URLSearchParams(e.search), V = [];
+        b.forEach((O, C) => {
+          V.push({ key: C, value: O });
+        }), c.value = V;
+      } catch (o) {
+        console.error("URL解析失败:", o);
+      }
+    }, Z = I(() => {
+      if (!f.value) return !1;
+      try {
+        const o = f.value, e = new URL(o);
+        return e.search !== "" || e.pathname !== "/";
+      } catch {
+        return !1;
+      }
+    });
+    return (o, e) => {
+      const b = y("a-input"), V = y("a-button"), O = y("a-select-option"), C = y("a-select"), E = y("a-card"), P = y("a-radio-button"), H = y("a-radio-group"), ee = y("a-input-password"), N = y("a-textarea"), te = y("a-alert"), ae = y("a-form");
+      return g(), R("div", pe, [
+        l(ae, { layout: "vertical" }, {
+          default: d(() => [
+            l(E, {
+              title: "URL配置",
+              class: "form-section",
+              size: "small"
+            }, {
+              default: d(() => [
+                h("div", ie, [
+                  h("div", ve, [
+                    l(b, {
+                      value: f.value,
+                      "onUpdate:value": e[0] || (e[0] = (p) => f.value = p),
+                      placeholder: "基础URL",
+                      size: "small"
+                    }, null, 8, ["value"]),
+                    Z.value ? (g(), z(V, {
+                      key: 0,
+                      type: "primary",
+                      size: "small",
+                      onClick: Y
+                    }, {
+                      default: d(() => e[13] || (e[13] = [
+                        _("拆解")
+                      ])),
+                      _: 1
+                    })) : T("", !0)
+                  ]),
+                  h("div", me, [
+                    l(C, {
+                      value: n.value,
+                      "onUpdate:value": e[1] || (e[1] = (p) => n.value = p),
+                      class: "w-40",
+                      size: "small"
+                    }, {
+                      default: d(() => [
+                        l(O, { value: "GET" }, {
+                          default: d(() => e[14] || (e[14] = [
+                            _("GET")
+                          ])),
+                          _: 1
+                        }),
+                        l(O, { value: "POST" }, {
+                          default: d(() => e[15] || (e[15] = [
+                            _("POST")
+                          ])),
+                          _: 1
+                        }),
+                        l(O, { value: "PUT" }, {
+                          default: d(() => e[16] || (e[16] = [
+                            _("PUT")
+                          ])),
+                          _: 1
+                        }),
+                        l(O, { value: "DELETE" }, {
+                          default: d(() => e[17] || (e[17] = [
+                            _("DELETE")
+                          ])),
+                          _: 1
+                        }),
+                        l(O, { value: "OPTIONS" }, {
+                          default: d(() => e[18] || (e[18] = [
+                            _("OPTIONS")
+                          ])),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["value"]),
+                    l(b, {
+                      value: v.value,
+                      "onUpdate:value": e[2] || (e[2] = (p) => v.value = p),
+                      placeholder: "路径",
+                      size: "small"
+                    }, null, 8, ["value"])
+                  ])
+                ]),
+                h("div", fe, [
+                  l(D, {
+                    modelValue: c.value,
+                    "onUpdate:modelValue": e[3] || (e[3] = (p) => c.value = p),
+                    "add-button-text": "添加参数",
+                    "show-preview": !0,
+                    "preview-text": f.value + v.value + M.value
+                  }, null, 8, ["modelValue", "preview-text"])
+                ])
+              ]),
+              _: 1
+            }),
+            l(E, {
+              title: "认证方案",
+              class: "form-section",
+              size: "small"
+            }, {
+              default: d(() => [
+                l(H, {
+                  value: a.value,
+                  "onUpdate:value": e[4] || (e[4] = (p) => a.value = p),
+                  "button-style": "solid",
+                  size: "small"
+                }, {
+                  default: d(() => [
+                    l(P, { value: "none" }, {
+                      default: d(() => e[19] || (e[19] = [
+                        _("无认证")
+                      ])),
+                      _: 1
+                    }),
+                    l(P, { value: "Basic" }, {
+                      default: d(() => e[20] || (e[20] = [
+                        _("Basic认证")
+                      ])),
+                      _: 1
+                    }),
+                    l(P, { value: "Bearer" }, {
+                      default: d(() => e[21] || (e[21] = [
+                        _("Bearer认证")
+                      ])),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["value"]),
+                a.value === "Basic" ? (g(), R("div", ce, [
+                  h("div", ye, [
+                    e[22] || (e[22] = h("p", { class: "m-0 w-16" }, "用户名", -1)),
+                    l(b, {
+                      value: i.value,
+                      "onUpdate:value": e[5] || (e[5] = (p) => i.value = p),
+                      size: "small"
+                    }, null, 8, ["value"])
+                  ]),
+                  h("div", we, [
+                    e[23] || (e[23] = h("p", { class: "m-0 w-16" }, "密码", -1)),
+                    l(ee, {
+                      value: u.value,
+                      "onUpdate:value": e[6] || (e[6] = (p) => u.value = p),
+                      size: "small"
+                    }, null, 8, ["value"])
+                  ])
+                ])) : T("", !0),
+                a.value === "Bearer" ? (g(), R("div", _e, [
+                  h("div", xe, [
+                    e[24] || (e[24] = h("p", { class: "m-0 w-16 h-full" }, "Token", -1)),
+                    l(N, {
+                      value: m.value,
+                      "onUpdate:value": e[7] || (e[7] = (p) => m.value = p),
+                      size: "small",
+                      class: "mt-1",
+                      rows: "4",
+                      placeholder: "请输入Token"
+                    }, null, 8, ["value"])
+                  ])
+                ])) : T("", !0)
+              ]),
+              _: 1
+            }),
+            l(E, {
+              title: "请求头",
+              class: "form-section",
+              size: "small"
+            }, {
+              default: d(() => [
+                l(D, {
+                  modelValue: B.value,
+                  "onUpdate:modelValue": e[8] || (e[8] = (p) => B.value = p),
+                  "add-button-text": "添加请求头",
+                  "show-preview": !1
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n.value === "POST" || n.value === "PUT" ? (g(), z(E, {
+              key: 0,
+              title: "请求体",
+              class: "form-section",
+              size: "small"
+            }, {
+              default: d(() => [
+                l(H, {
+                  value: U.value,
+                  "onUpdate:value": e[9] || (e[9] = (p) => U.value = p),
+                  "button-style": "solid",
+                  size: "small",
+                  class: "mb-1"
+                }, {
+                  default: d(() => [
+                    l(P, { value: "application/json" }, {
+                      default: d(() => e[25] || (e[25] = [
+                        _("JSON")
+                      ])),
+                      _: 1
+                    }),
+                    l(P, { value: "multipart/form-data" }, {
+                      default: d(() => e[26] || (e[26] = [
+                        _("Form Data")
+                      ])),
+                      _: 1
+                    }),
+                    l(P, { value: "text/plain" }, {
+                      default: d(() => e[27] || (e[27] = [
+                        _("Raw")
+                      ])),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["value"]),
+                U.value === "application/json" ? (g(), R(A, { key: 0 }, [
+                  l(N, {
+                    value: k.value,
+                    "onUpdate:value": e[10] || (e[10] = (p) => k.value = p),
+                    rows: 6,
+                    placeholder: "请输入 JSON 数据",
+                    onInput: Q
+                  }, null, 8, ["value"]),
+                  j.value ? (g(), z(te, {
+                    key: 0,
+                    type: "error",
+                    message: j.value,
+                    banner: "",
+                    style: { "margin-bottom": "8px" }
+                  }, null, 8, ["message"])) : T("", !0)
+                ], 64)) : T("", !0),
+                U.value === "multipart/form-data" ? (g(), z(D, {
+                  key: 1,
+                  modelValue: $.value,
+                  "onUpdate:modelValue": e[11] || (e[11] = (p) => $.value = p),
+                  "add-button-text": "添加表单字段",
+                  "show-preview": !1
+                }, null, 8, ["modelValue"])) : T("", !0),
+                U.value === "text/plain" ? (g(), z(N, {
+                  key: 2,
+                  value: S.value,
+                  "onUpdate:value": e[12] || (e[12] = (p) => S.value = p),
+                  rows: 6,
+                  placeholder: "请输入原始数据"
+                }, null, 8, ["value"])) : T("", !0),
+                h("pre", null, J(X.value), 1)
+              ]),
+              _: 1
+            })) : T("", !0)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), Te = /* @__PURE__ */ G(ke, [["__scopeId", "data-v-c9f65487"]]);
+async function Se(t, x = "xhr") {
+  return x === "fetch" ? be(t) : he(t);
+}
+async function be(t) {
+  var f;
+  const x = t.params.filter((a) => !!a.key).map((a) => `${a.key}=${encodeURIComponent(a.value)}`).join("&"), r = `${t.url}${t.path}${x ? "?" + x : ""}`, s = new Headers();
+  t.headers.forEach((a) => {
+    a.key && s.append(a.key, a.value);
+  });
+  const n = {
+    method: t.method,
+    headers: s,
+    credentials: "omit"
+  };
+  if (t.auth.type === "Basic" && t.auth.username && t.auth.password) {
+    const a = btoa(`${t.auth.username}:${t.auth.password}`);
+    s.append("Authorization", `Basic ${a}`);
+  } else t.auth.type === "Bearer" && t.auth.token && s.append("Authorization", `Bearer ${t.auth.token}`);
+  if (t.method === "POST" || t.method === "PUT")
+    switch (t.body.type) {
+      case "application/json":
+        n.body = t.body.json || "", s.set("Content-Type", "application/json; charset=utf-8");
+        break;
+      case "multipart/form-data":
+        const a = new FormData();
+        (f = t.body.formData) == null || f.forEach((v) => {
+          v.key && a.append(v.key, v.value);
+        }), n.body = a;
+        break;
+      case "text/plain":
+        n.body = t.body.raw || "", s.set("Content-Type", "text/plain; charset=utf-8");
+        break;
+    }
+  try {
+    const a = await fetch(r, n), v = {};
+    a.headers.forEach((m, c) => {
+      v[c.toLowerCase()] = m;
+    });
+    let i = "";
+    if ((v["content-type"] || "").startsWith("application/json"))
+      try {
+        const m = await a.json();
+        i = JSON.stringify(m, null, 2);
+      } catch {
+        i = await a.text();
+      }
+    else
+      i = await a.text();
+    return {
+      status: a.status.toString(),
+      headers: v,
+      body: i
+    };
+  } catch {
+    throw new Error("Request failed");
+  }
+}
+async function he(t) {
+  return new Promise((x, r) => {
+    var i;
+    const s = new XMLHttpRequest(), n = t.auth.type === "Basic" ? t.auth.username : null, f = t.auth.type === "Basic" ? t.auth.password : null, a = t.params.filter((u) => !!u.key).map((u) => `${u.key}=${encodeURIComponent(u.value)}`).join("&"), v = `${t.url}${t.path}${a ? "?" + a : ""}`;
+    if (s.open(t.method, v, !0, n, f), t.headers.forEach((u) => {
+      u.key && s.setRequestHeader(u.key, u.value);
+    }), t.auth.type === "Bearer" && t.auth.token && s.setRequestHeader("Authorization", `Bearer ${t.auth.token}`), t.method === "POST" || t.method === "PUT") {
+      let u = "";
+      switch (t.body.type) {
+        case "application/json":
+          u = t.body.json || "", s.setRequestHeader("Content-Type", "application/json; charset=utf-8");
+          break;
+        case "multipart/form-data":
+          const m = new FormData();
+          (i = t.body.formData) == null || i.forEach((c) => {
+            c.key && m.append(c.key, c.value);
+          }), u = m;
+          break;
+        case "text/plain":
+          u = t.body.raw || "", s.setRequestHeader("Content-Type", "text/plain; charset=utf-8");
+          break;
+      }
+      s.send(u);
+    } else
+      s.send();
+    s.onload = () => {
+      const u = ge(s), m = {
+        status: s.status.toString(),
+        headers: u,
+        body: ""
+      };
+      if ((u["content-type"] || "").startsWith("application/json"))
+        try {
+          m.body = JSON.stringify(JSON.parse(s.responseText), null, 2);
+        } catch {
+          m.body = s.responseText;
+        }
+      else
+        m.body = s.responseText;
+      x(m);
+    }, s.onerror = () => {
+      r(new Error("Request failed"));
+    };
+  });
+}
+function ge(t) {
+  const x = t.getAllResponseHeaders().trim().split(/[\r\n]+/), r = {};
+  return x.forEach(function(s) {
+    var v;
+    const n = s.split(": "), f = ((v = n.shift()) == null ? void 0 : v.toLowerCase()) || "", a = n.join(": ");
+    r[f] = a;
+  }), r;
+}
+export {
+  D as KeyValueInput,
+  Te as RequestForm,
+  Te as default,
+  de as defaultRequestSchema,
+  Se as executeRequest
+};

package/dist/index.umd.js

@@ -0,0 +1,6 @@
+(function(h,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(h=typeof globalThis<"u"?globalThis:h||self,e(h.ApiRequestBuilder={},h.Vue))})(this,function(h,e){"use strict";const q={class:"key-value-input flex flex-col gap-1"},P={class:"flex gap-2"},z={key:0,class:"flex flex-col gap-1"},D={class:"flex w-full gap-1 items-center"},I=e.defineComponent({__name:"KeyValueInput",props:{modelValue:{},addButtonText:{default:"添加参数"},showPreview:{type:Boolean,default:!1},previewText:{default:""}},emits:["update:modelValue"],setup(o,{emit:y}){const d=o,n=y,r=e.ref(d.modelValue);e.watch(()=>d.modelValue,i=>{r.value=i}),e.watch(r,i=>{n("update:modelValue",i)},{deep:!0});const m=()=>{r.value.push({key:"",value:""})},a=i=>{r.value.splice(i,1)},u=()=>{r.value=[]};return(i,s)=>{const c=e.resolveComponent("a-button"),f=e.resolveComponent("a-popconfirm"),C=e.resolveComponent("a-input"),_=e.resolveComponent("a-typography-paragraph"),w=e.resolveComponent("a-typography");return e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("div",P,[e.createVNode(c,{type:"primary",onClick:m,class:"w-40 max-w-full",size:"small"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.addButtonText),1)]),_:1}),e.createVNode(f,{title:"确认清空",description:"确定要清空所有参数吗？","ok-text":"确认","cancel-text":"取消",onConfirm:u},{default:e.withCtx(()=>[e.createVNode(c,{type:"primary",danger:"",class:"w-40 max-w-full",size:"small",disabled:r.value.length===0},{default:e.withCtx(()=>s[0]||(s[0]=[e.createTextVNode(" 清空 ")])),_:1},8,["disabled"])]),_:1})]),r.value.length>0?(e.openBlock(),e.createElementBlock("div",z,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(x,N)=>(e.openBlock(),e.createElementBlock("div",{key:N,class:"flex"},[e.createElementVNode("div",D,[e.createVNode(c,{type:"primary",danger:"",onClick:k=>a(N),class:"w-16",size:"small"},{default:e.withCtx(()=>s[1]||(s[1]=[e.createTextVNode(" 删除 ")])),_:2},1032,["onClick"]),e.createVNode(C,{value:x.key,"onUpdate:value":k=>x.key=k,placeholder:"键",style:{width:"60%"},size:"small"},null,8,["value","onUpdate:value"]),e.createVNode(C,{value:x.value,"onUpdate:value":k=>x.value=k,placeholder:"值",style:{width:"100%"},size:"small"},null,8,["value","onUpdate:value"])])]))),128))])):e.createCommentVNode("",!0),i.showPreview?(e.openBlock(),e.createBlock(w,{key:1,class:"m-0"},{default:e.withCtx(()=>[e.createVNode(_,{class:"!m-0"},{default:e.withCtx(()=>[e.createElementVNode("pre",null,e.toDisplayString(i.previewText),1)]),_:1})]),_:1})):e.createCommentVNode("",!0)])}}}),S=(o,y)=>{const d=o.__vccOpts||o;for(const[n,r]of y)d[n]=r;return d},g=S(I,[["__scopeId","data-v-1e5ef051"]]),j={method:"GET",url:"https://yesno.wtf",path:"/api",auth:{type:"none"},params:[],headers:[],body:{type:"application/json"}},J={class:"request-form"},L={class:"flex flex-col gap-1"},F={class:"flex flex-row gap-1"},H={class:"flex flex-row gap-1"},A={class:"mt-1"},K={key:0,class:"flex flex-col gap-1 mt-2"},M={class:"flex flex-row gap-1 h-6"},G={class:"flex flex-row gap-1"},W={key:1,class:"flex flex-col gap-1 mt-1"},X={class:"flex flex-row gap-1 items-center"},R=S(e.defineComponent({__name:"RequestForm",props:{modelValue:{default:()=>j}},emits:["update:modelValue"],setup(o,{emit:y}){const d=o,n=y,r=e.ref(d.modelValue.method),m=e.ref(d.modelValue.url),a=e.ref(d.modelValue.auth.type),u=e.ref(d.modelValue.path),i=e.ref(d.modelValue.auth.username||""),s=e.ref(d.modelValue.auth.password||""),c=e.ref(d.modelValue.auth.token||""),f=e.ref(d.modelValue.params),C=e.ref(d.modelValue.headers),_=e.ref(d.modelValue.body.formData||[]),w=e.ref(d.modelValue.body.type),x=e.ref(d.modelValue.body.json||""),N=e.ref(d.modelValue.body.raw||""),k=e.ref("");function te(l,t){let V;return function(...T){clearTimeout(V),V=setTimeout(()=>l.apply(this,T),t)}}const $=()=>({method:r.value,url:m.value,path:u.value,auth:{type:a.value,...a.value==="Basic"?{username:i.value,password:s.value}:a.value==="Bearer"?{token:c.value}:{}},params:f.value,headers:C.value,body:{type:w.value,...w.value==="application/json"?{json:x.value}:w.value==="multipart/form-data"?{formData:_.value}:{raw:N.value}}}),oe=te(()=>{n("update:modelValue",$())},100);e.watch([r,m,u,a,i,s,c,f,C,w,_,x,N],()=>{oe()},{deep:!0}),e.watch(()=>d.modelValue,l=>{const t=$();JSON.stringify(l)!==JSON.stringify(t)&&(r.value=l.method,m.value=l.url,u.value=l.path,a.value=l.auth.type,i.value=l.auth.username||"",s.value=l.auth.password||"",c.value=l.auth.token||"",f.value=l.params,C.value=l.headers,w.value=l.body.type,_.value=l.body.formData||[],x.value=l.body.json||"",N.value=l.body.raw||"")},{deep:!0});const ae=e.computed(()=>{const l=f.value.filter(t=>!!t.key).map(t=>t.key+"="+encodeURIComponent(t.value)).join("&");return l===""?"":"?"+l}),le=e.computed(()=>{switch(w.value){case"application/json":try{return x.value?JSON.stringify(JSON.parse(x.value),null,2):"-空-"}catch{return"Invalid JSON"}case"multipart/form-data":const l="----WebKitFormBoundaryPreview";return _.value.filter(V=>!!V.key).map(V=>`--${l}\r
+Content-Disposition: form-data; name="${V.key}"\r
+\r
+${V.value}\r
+`).join("")+`--${l}--\r
+`;case"text/plain":return N.value||"-空-";default:return"-空-"}}),ne=()=>{try{x.value&&(JSON.parse(x.value),k.value="")}catch{k.value="Invalid JSON format"}},re=()=>{try{const l=m.value,t=new URL(l);m.value=`${t.protocol}//${t.host}`,u.value=t.pathname;const V=new URLSearchParams(t.search),T=[];V.forEach((b,v)=>{T.push({key:v,value:b})}),f.value=T}catch(l){console.error("URL解析失败:",l)}},se=e.computed(()=>{if(!m.value)return!1;try{const l=m.value,t=new URL(l);return t.search!==""||t.pathname!=="/"}catch{return!1}});return(l,t)=>{const V=e.resolveComponent("a-input"),T=e.resolveComponent("a-button"),b=e.resolveComponent("a-select-option"),v=e.resolveComponent("a-select"),E=e.resolveComponent("a-card"),B=e.resolveComponent("a-radio-button"),O=e.resolveComponent("a-radio-group"),de=e.resolveComponent("a-input-password"),U=e.resolveComponent("a-textarea"),pe=e.resolveComponent("a-alert"),ie=e.resolveComponent("a-form");return e.openBlock(),e.createElementBlock("div",J,[e.createVNode(ie,{layout:"vertical"},{default:e.withCtx(()=>[e.createVNode(E,{title:"URL配置",class:"form-section",size:"small"},{default:e.withCtx(()=>[e.createElementVNode("div",L,[e.createElementVNode("div",F,[e.createVNode(V,{value:m.value,"onUpdate:value":t[0]||(t[0]=p=>m.value=p),placeholder:"基础URL",size:"small"},null,8,["value"]),se.value?(e.openBlock(),e.createBlock(T,{key:0,type:"primary",size:"small",onClick:re},{default:e.withCtx(()=>t[13]||(t[13]=[e.createTextVNode("拆解")])),_:1})):e.createCommentVNode("",!0)]),e.createElementVNode("div",H,[e.createVNode(v,{value:r.value,"onUpdate:value":t[1]||(t[1]=p=>r.value=p),class:"w-40",size:"small"},{default:e.withCtx(()=>[e.createVNode(b,{value:"GET"},{default:e.withCtx(()=>t[14]||(t[14]=[e.createTextVNode("GET")])),_:1}),e.createVNode(b,{value:"POST"},{default:e.withCtx(()=>t[15]||(t[15]=[e.createTextVNode("POST")])),_:1}),e.createVNode(b,{value:"PUT"},{default:e.withCtx(()=>t[16]||(t[16]=[e.createTextVNode("PUT")])),_:1}),e.createVNode(b,{value:"DELETE"},{default:e.withCtx(()=>t[17]||(t[17]=[e.createTextVNode("DELETE")])),_:1}),e.createVNode(b,{value:"OPTIONS"},{default:e.withCtx(()=>t[18]||(t[18]=[e.createTextVNode("OPTIONS")])),_:1})]),_:1},8,["value"]),e.createVNode(V,{value:u.value,"onUpdate:value":t[2]||(t[2]=p=>u.value=p),placeholder:"路径",size:"small"},null,8,["value"])])]),e.createElementVNode("div",A,[e.createVNode(g,{modelValue:f.value,"onUpdate:modelValue":t[3]||(t[3]=p=>f.value=p),"add-button-text":"添加参数","show-preview":!0,"preview-text":m.value+u.value+ae.value},null,8,["modelValue","preview-text"])])]),_:1}),e.createVNode(E,{title:"认证方案",class:"form-section",size:"small"},{default:e.withCtx(()=>[e.createVNode(O,{value:a.value,"onUpdate:value":t[4]||(t[4]=p=>a.value=p),"button-style":"solid",size:"small"},{default:e.withCtx(()=>[e.createVNode(B,{value:"none"},{default:e.withCtx(()=>t[19]||(t[19]=[e.createTextVNode("无认证")])),_:1}),e.createVNode(B,{value:"Basic"},{default:e.withCtx(()=>t[20]||(t[20]=[e.createTextVNode("Basic认证")])),_:1}),e.createVNode(B,{value:"Bearer"},{default:e.withCtx(()=>t[21]||(t[21]=[e.createTextVNode("Bearer认证")])),_:1})]),_:1},8,["value"]),a.value==="Basic"?(e.openBlock(),e.createElementBlock("div",K,[e.createElementVNode("div",M,[t[22]||(t[22]=e.createElementVNode("p",{class:"m-0 w-16"},"用户名",-1)),e.createVNode(V,{value:i.value,"onUpdate:value":t[5]||(t[5]=p=>i.value=p),size:"small"},null,8,["value"])]),e.createElementVNode("div",G,[t[23]||(t[23]=e.createElementVNode("p",{class:"m-0 w-16"},"密码",-1)),e.createVNode(de,{value:s.value,"onUpdate:value":t[6]||(t[6]=p=>s.value=p),size:"small"},null,8,["value"])])])):e.createCommentVNode("",!0),a.value==="Bearer"?(e.openBlock(),e.createElementBlock("div",W,[e.createElementVNode("div",X,[t[24]||(t[24]=e.createElementVNode("p",{class:"m-0 w-16 h-full"},"Token",-1)),e.createVNode(U,{value:c.value,"onUpdate:value":t[7]||(t[7]=p=>c.value=p),size:"small",class:"mt-1",rows:"4",placeholder:"请输入Token"},null,8,["value"])])])):e.createCommentVNode("",!0)]),_:1}),e.createVNode(E,{title:"请求头",class:"form-section",size:"small"},{default:e.withCtx(()=>[e.createVNode(g,{modelValue:C.value,"onUpdate:modelValue":t[8]||(t[8]=p=>C.value=p),"add-button-text":"添加请求头","show-preview":!1},null,8,["modelValue"])]),_:1}),r.value==="POST"||r.value==="PUT"?(e.openBlock(),e.createBlock(E,{key:0,title:"请求体",class:"form-section",size:"small"},{default:e.withCtx(()=>[e.createVNode(O,{value:w.value,"onUpdate:value":t[9]||(t[9]=p=>w.value=p),"button-style":"solid",size:"small",class:"mb-1"},{default:e.withCtx(()=>[e.createVNode(B,{value:"application/json"},{default:e.withCtx(()=>t[25]||(t[25]=[e.createTextVNode("JSON")])),_:1}),e.createVNode(B,{value:"multipart/form-data"},{default:e.withCtx(()=>t[26]||(t[26]=[e.createTextVNode("Form Data")])),_:1}),e.createVNode(B,{value:"text/plain"},{default:e.withCtx(()=>t[27]||(t[27]=[e.createTextVNode("Raw")])),_:1})]),_:1},8,["value"]),w.value==="application/json"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(U,{value:x.value,"onUpdate:value":t[10]||(t[10]=p=>x.value=p),rows:6,placeholder:"请输入 JSON 数据",onInput:ne},null,8,["value"]),k.value?(e.openBlock(),e.createBlock(pe,{key:0,type:"error",message:k.value,banner:"",style:{"margin-bottom":"8px"}},null,8,["message"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),w.value==="multipart/form-data"?(e.openBlock(),e.createBlock(g,{key:1,modelValue:_.value,"onUpdate:modelValue":t[11]||(t[11]=p=>_.value=p),"add-button-text":"添加表单字段","show-preview":!1},null,8,["modelValue"])):e.createCommentVNode("",!0),w.value==="text/plain"?(e.openBlock(),e.createBlock(U,{key:2,value:N.value,"onUpdate:value":t[12]||(t[12]=p=>N.value=p),rows:6,placeholder:"请输入原始数据"},null,8,["value"])):e.createCommentVNode("",!0),e.createElementVNode("pre",null,e.toDisplayString(le.value),1)]),_:1})):e.createCommentVNode("",!0)]),_:1})])}}}),[["__scopeId","data-v-c9f65487"]]);async function Q(o,y="xhr"){return y==="fetch"?Y(o):Z(o)}async function Y(o){var m;const y=o.params.filter(a=>!!a.key).map(a=>`${a.key}=${encodeURIComponent(a.value)}`).join("&"),d=`${o.url}${o.path}${y?"?"+y:""}`,n=new Headers;o.headers.forEach(a=>{a.key&&n.append(a.key,a.value)});const r={method:o.method,headers:n,credentials:"omit"};if(o.auth.type==="Basic"&&o.auth.username&&o.auth.password){const a=btoa(`${o.auth.username}:${o.auth.password}`);n.append("Authorization",`Basic ${a}`)}else o.auth.type==="Bearer"&&o.auth.token&&n.append("Authorization",`Bearer ${o.auth.token}`);if(o.method==="POST"||o.method==="PUT")switch(o.body.type){case"application/json":r.body=o.body.json||"",n.set("Content-Type","application/json; charset=utf-8");break;case"multipart/form-data":const a=new FormData;(m=o.body.formData)==null||m.forEach(u=>{u.key&&a.append(u.key,u.value)}),r.body=a;break;case"text/plain":r.body=o.body.raw||"",n.set("Content-Type","text/plain; charset=utf-8");break}try{const a=await fetch(d,r),u={};a.headers.forEach((c,f)=>{u[f.toLowerCase()]=c});let i="";if((u["content-type"]||"").startsWith("application/json"))try{const c=await a.json();i=JSON.stringify(c,null,2)}catch{i=await a.text()}else i=await a.text();return{status:a.status.toString(),headers:u,body:i}}catch{throw new Error("Request failed")}}async function Z(o){return new Promise((y,d)=>{var i;const n=new XMLHttpRequest,r=o.auth.type==="Basic"?o.auth.username:null,m=o.auth.type==="Basic"?o.auth.password:null,a=o.params.filter(s=>!!s.key).map(s=>`${s.key}=${encodeURIComponent(s.value)}`).join("&"),u=`${o.url}${o.path}${a?"?"+a:""}`;if(n.open(o.method,u,!0,r,m),o.headers.forEach(s=>{s.key&&n.setRequestHeader(s.key,s.value)}),o.auth.type==="Bearer"&&o.auth.token&&n.setRequestHeader("Authorization",`Bearer ${o.auth.token}`),o.method==="POST"||o.method==="PUT"){let s="";switch(o.body.type){case"application/json":s=o.body.json||"",n.setRequestHeader("Content-Type","application/json; charset=utf-8");break;case"multipart/form-data":const c=new FormData;(i=o.body.formData)==null||i.forEach(f=>{f.key&&c.append(f.key,f.value)}),s=c;break;case"text/plain":s=o.body.raw||"",n.setRequestHeader("Content-Type","text/plain; charset=utf-8");break}n.send(s)}else n.send();n.onload=()=>{const s=ee(n),c={status:n.status.toString(),headers:s,body:""};if((s["content-type"]||"").startsWith("application/json"))try{c.body=JSON.stringify(JSON.parse(n.responseText),null,2)}catch{c.body=n.responseText}else c.body=n.responseText;y(c)},n.onerror=()=>{d(new Error("Request failed"))}})}function ee(o){const y=o.getAllResponseHeaders().trim().split(/[\r\n]+/),d={};return y.forEach(function(n){var u;const r=n.split(": "),m=((u=r.shift())==null?void 0:u.toLowerCase())||"",a=r.join(": ");d[m]=a}),d}h.KeyValueInput=g,h.RequestForm=R,h.default=R,h.defaultRequestSchema=j,h.executeRequest=Q,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/dist/vue-api-request-builder.css

@@ -0,0 +1 @@
+.key-value-input[data-v-1e5ef051]{width:100%}.empty-state[data-v-1e5ef051]{color:#999;text-align:center;padding:8px 0}.key-value-input[data-v-1e5ef051] .ant-typography pre{background-color:#f5f5f5;padding:4px 8px;border-radius:4px;margin:0;width:100%;overflow-x:auto}.key-value-input[data-v-1e5ef051] .ant-space-item{flex:1}.key-value-input[data-v-1e5ef051] .ant-space-item:first-child{flex:0 0 100px}.key-value-input[data-v-1e5ef051] .ant-space-item:nth-child(2){flex:0 0 200px}.key-value-input[data-v-1e5ef051] .ant-list-item{padding:4px 0}[data-v-1e5ef051] .ant-typography pre{background-color:#f5f5f5;padding:8px;border-radius:4px;margin:0;width:100%;overflow-x:auto;max-height:60px;font-size:12px;line-height:1.5}.request-form[data-v-c9f65487]{margin:0;padding:0}.request-form[data-v-c9f65487] *{font-size:.9rem}.form-section[data-v-c9f65487]{margin-bottom:8px;width:100%}[data-v-c9f65487] .ant-card-head{background-color:#fafafa}[data-v-c9f65487] .ant-card-head-title{font-weight:500;padding:4px 0}[data-v-c9f65487] .ant-card-body{padding:8px 12px}[data-v-c9f65487] .ant-space{width:100%;display:flex;gap:8px;align-items:center}pre[data-v-c9f65487]{background-color:#f5f5f5;padding:8px;border-radius:4px;margin:0;width:100%;overflow-x:auto}