fec-dev-designer 1.0.0

package/es/src/packages/dataSource/dataSource.vue.js

@@ -0,0 +1,323 @@
+import "../../../node_modules/element-plus/theme-chalk/base.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-tabs.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-scrollbar.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-tab-pane.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-tag.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-button.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-form.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-radio.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-radio-group.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-input.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-form-item.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-option.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-option-group.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-popper.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-select.css.js";
+import { ref as b, computed as $, watch as z, openBlock as E, createElementBlock as T, createVNode as t, unref as a, isRef as I, withCtx as o, createElementVNode as u, createTextVNode as d, toDisplayString as y } from "vue";
+import { VideoPlay as U, CopyDocument as L, Document as j } from "../../../node_modules/@element-plus/icons-vue/dist/index.js";
+import B from "../../components/ParamsConfig.vue2.js";
+import { getEditConfigDataFields as J } from "../utils/common.js";
+import G from "../../../node_modules/vue-json-viewer/vue-json-viewer.js";
+import { get as H, post as K, postForm as M } from "../../axios/index.js";
+import "../../../node_modules/element-plus/theme-chalk/el-badge.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-message.css.js";
+import "./dataSource.vue2.js";
+import h from "../../../_virtual/_plugin-vue_export-helper.js";
+import { ElMessage as C } from "../../../node_modules/element-plus/es/components/message/index.js";
+import { ElOption as A, ElSelect as Q } from "../../../node_modules/element-plus/es/components/select/index.js";
+import { ElFormItem as W, ElForm as X } from "../../../node_modules/element-plus/es/components/form/index.js";
+import { ElInput as Y } from "../../../node_modules/element-plus/es/components/input/index.js";
+import { ElRadio as Z, ElRadioGroup as ee } from "../../../node_modules/element-plus/es/components/radio/index.js";
+import { ElIcon as te } from "../../../node_modules/element-plus/es/components/icon/index.js";
+import { ElButton as oe } from "../../../node_modules/element-plus/es/components/button/index.js";
+import { ElTag as ae } from "../../../node_modules/element-plus/es/components/tag/index.js";
+import { ElTabPane as le, ElTabs as se } from "../../../node_modules/element-plus/es/components/tabs/index.js";
+import { ElScrollbar as ne } from "../../../node_modules/element-plus/es/components/scrollbar/index.js";
+const re = { class: "data-source" }, ie = { class: "config-section" }, ue = { class: "test-section" }, me = { class: "section-header" }, de = { class: "section-title" }, fe = {
+  key: 0,
+  class: "response-area"
+}, pe = { class: "response-title" }, ce = { class: "response-actions" }, _e = { class: "response-status" }, ve = { class: "response-time" }, ge = {
+  key: 1,
+  class: "empty-response"
+}, be = {
+  __name: "dataSource",
+  props: {
+    requestConfigData: Object
+  },
+  setup(s) {
+    const D = s, V = b("requestConfig"), c = b(!1), n = b(""), q = b(0), S = $(() => (J() || []).map((e) => ({
+      id: e.id,
+      label: e.label,
+      fieldName: e.fieldName,
+      fieldType: e.fieldType
+    })));
+    z(
+      () => D.requestConfigData,
+      () => {
+        n.value = "", q.value = 0;
+      },
+      { deep: !0 }
+    );
+    async function R() {
+      var _, v;
+      const r = D.requestConfigData;
+      if (!r.serverName) {
+        C.warning("请选择服务");
+        return;
+      }
+      if (!r.url) {
+        C.warning("请输入请求URL");
+        return;
+      }
+      c.value = !0, n.value = "";
+      const e = Date.now();
+      try {
+        const l = {};
+        (D.requestConfigData.params || []).forEach((p) => {
+          p.key && (l[p.key] = p.value);
+        });
+        const m = `${r.serverName ? `/${r.serverName}` : ""}${r.url}`;
+        let f;
+        if (r.method === "get") {
+          const p = new URLSearchParams(l).toString(), g = p ? `${m}?${p}` : m;
+          f = await H(g, c.value);
+        } else
+          r.contentType === "json" ? f = await K(m, l, c.value) : f = await M(m, l, c.value);
+        n.value = {
+          status: 200,
+          statusText: "OK",
+          data: f.data || f
+        };
+      } catch (l) {
+        n.value = {
+          success: !1,
+          error: l.message || "未知错误",
+          status: ((_ = l.response) == null ? void 0 : _.status) || 0,
+          statusText: ((v = l.response) == null ? void 0 : v.statusText) || "网络错误"
+        };
+      } finally {
+        q.value = Date.now() - e, c.value = !1;
+      }
+    }
+    function k() {
+      var e;
+      const r = ((e = n.value) == null ? void 0 : e.data) || n.value;
+      navigator.clipboard.writeText(JSON.stringify(r, null, 2)).then(() => {
+        C.success("复制成功");
+      }).catch(() => {
+        C.error("复制失败");
+      });
+    }
+    return (r, e) => {
+      const _ = A, v = Q, l = W, x = Y, m = Z, f = ee, p = X, g = te, w = oe, F = ae, N = le, O = ne, P = se;
+      return E(), T("div", re, [
+        t(P, {
+          modelValue: a(V),
+          "onUpdate:modelValue": e[5] || (e[5] = (i) => I(V) ? V.value = i : null),
+          class: "data-source-tab"
+        }, {
+          default: o(() => [
+            t(O, { height: "540px" }, {
+              default: o(() => [
+                t(N, {
+                  label: "请求配置",
+                  name: "requestConfig"
+                }, {
+                  default: o(() => [
+                    u("div", ie, [
+                      t(p, {
+                        "label-width": "auto",
+                        model: s.requestConfigData,
+                        size: "small"
+                      }, {
+                        default: o(() => [
+                          t(l, { label: "服务名称" }, {
+                            default: o(() => [
+                              t(v, {
+                                modelValue: s.requestConfigData.serverName,
+                                "onUpdate:modelValue": e[0] || (e[0] = (i) => s.requestConfigData.serverName = i),
+                                placeholder: "请选择服务"
+                              }, {
+                                default: o(() => [
+                                  t(_, {
+                                    label: "基础服务",
+                                    value: "base-server"
+                                  }),
+                                  t(_, {
+                                    label: "担保服务",
+                                    value: "gntee-server"
+                                  })
+                                ]),
+                                _: 1
+                              }, 8, ["modelValue"])
+                            ]),
+                            _: 1
+                          }),
+                          t(l, { label: "请求URL" }, {
+                            default: o(() => [
+                              t(x, {
+                                modelValue: s.requestConfigData.url,
+                                "onUpdate:modelValue": e[1] || (e[1] = (i) => s.requestConfigData.url = i),
+                                placeholder: "请输入请求URL"
+                              }, null, 8, ["modelValue"])
+                            ]),
+                            _: 1
+                          }),
+                          t(l, { label: "请求方式" }, {
+                            default: o(() => [
+                              t(f, {
+                                modelValue: s.requestConfigData.method,
+                                "onUpdate:modelValue": e[2] || (e[2] = (i) => s.requestConfigData.method = i)
+                              }, {
+                                default: o(() => [
+                                  t(m, { value: "get" }, {
+                                    default: o(() => [...e[6] || (e[6] = [
+                                      d("GET", -1)
+                                    ])]),
+                                    _: 1
+                                  }),
+                                  t(m, { value: "post" }, {
+                                    default: o(() => [...e[7] || (e[7] = [
+                                      d("POST", -1)
+                                    ])]),
+                                    _: 1
+                                  })
+                                ]),
+                                _: 1
+                              }, 8, ["modelValue"])
+                            ]),
+                            _: 1
+                          }),
+                          t(l, { label: "内容类型" }, {
+                            default: o(() => [
+                              t(f, {
+                                modelValue: s.requestConfigData.contentType,
+                                "onUpdate:modelValue": e[3] || (e[3] = (i) => s.requestConfigData.contentType = i)
+                              }, {
+                                default: o(() => [
+                                  t(m, { value: "json" }, {
+                                    default: o(() => [...e[8] || (e[8] = [
+                                      d("JSON", -1)
+                                    ])]),
+                                    _: 1
+                                  }),
+                                  t(m, { value: "formData" }, {
+                                    default: o(() => [...e[9] || (e[9] = [
+                                      d("FormData", -1)
+                                    ])]),
+                                    _: 1
+                                  })
+                                ]),
+                                _: 1
+                              }, 8, ["modelValue"])
+                            ]),
+                            _: 1
+                          }),
+                          t(l, { label: "请求参数" }, {
+                            default: o(() => [
+                              t(B, {
+                                modelValue: s.requestConfigData.params,
+                                "onUpdate:modelValue": e[4] || (e[4] = (i) => s.requestConfigData.params = i),
+                                "available-fields": a(S)
+                              }, null, 8, ["modelValue", "available-fields"])
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["model"])
+                    ]),
+                    u("div", ue, [
+                      u("div", me, [
+                        u("span", de, [
+                          t(g, { class: "section-icon" }, {
+                            default: o(() => [
+                              t(a(U))
+                            ]),
+                            _: 1
+                          }),
+                          e[10] || (e[10] = d(" 请求测试 ", -1))
+                        ]),
+                        t(w, {
+                          size: "small",
+                          type: "primary",
+                          icon: a(U),
+                          loading: a(c),
+                          onClick: R
+                        }, {
+                          default: o(() => [
+                            d(y(a(c) ? "请求中..." : "测试请求"), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["icon", "loading"])
+                      ]),
+                      a(n) ? (E(), T("div", fe, [
+                        u("div", pe, [
+                          e[12] || (e[12] = u("span", null, "响应结果", -1)),
+                          u("div", ce, [
+                            t(w, {
+                              size: "small",
+                              text: "",
+                              icon: a(L),
+                              onClick: k
+                            }, {
+                              default: o(() => [...e[11] || (e[11] = [
+                                d(" 复制 ", -1)
+                              ])]),
+                              _: 1
+                            }, 8, ["icon"])
+                          ])
+                        ]),
+                        u("div", _e, [
+                          t(F, {
+                            type: a(n).status >= 200 && a(n).status < 300 ? "success" : "danger",
+                            size: "small"
+                          }, {
+                            default: o(() => [
+                              d(y(a(n).status) + " " + y(a(n).statusText || ""), 1)
+                            ]),
+                            _: 1
+                          }, 8, ["type"]),
+                          u("span", ve, "耗时: " + y(a(q)) + "ms", 1)
+                        ]),
+                        t(a(G), {
+                          value: a(n).data,
+                          "expand-depth": 1,
+                          boxed: "",
+                          "show-array-index": !1
+                        }, null, 8, ["value"])
+                      ])) : (E(), T("div", ge, [
+                        t(g, { class: "empty-icon" }, {
+                          default: o(() => [
+                            t(a(j))
+                          ]),
+                          _: 1
+                        }),
+                        e[13] || (e[13] = u("span", null, "暂无响应数据，点击发送请求进行测试", -1))
+                      ]))
+                    ])
+                  ]),
+                  _: 1
+                }),
+                t(N, {
+                  label: "数据处理",
+                  name: "dataHandler"
+                }, {
+                  default: o(() => [...e[14] || (e[14] = [
+                    d("Config", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}, et = /* @__PURE__ */ h(be, [["__scopeId", "data-v-778d8e61"]]);
+export {
+  et as default
+};

package/es/src/packages/dataSource/dataSource.vue2.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/es/src/packages/dataSource/index.vue.js

@@ -0,0 +1,244 @@
+import "../../../node_modules/element-plus/theme-chalk/base.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-dialog.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-overlay.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-aside.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-container.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-footer.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-header.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-main.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-link.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-input.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-button.css.js";
+import { useModel as F, ref as c, watch as H, openBlock as p, createBlock as h, withCtx as o, createElementVNode as f, createVNode as t, createTextVNode as v, unref as l, createElementBlock as C, isRef as S, withKeys as O, createCommentVNode as P, Fragment as G, renderList as J, normalizeClass as Q, withDirectives as b, vShow as x, withModifiers as N, toDisplayString as W } from "vue";
+import { Plus as X, Close as Y, Check as Z, Delete as ee } from "../../../node_modules/@element-plus/icons-vue/dist/index.js";
+import { cloneDeep as te, getEditConfigDataSources as oe, setEditConfigDataSources as le } from "../utils/common.js";
+import ae from "./dataSource.vue.js";
+import "../../../node_modules/element-plus/theme-chalk/el-badge.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-message.css.js";
+import "./index.vue2.js";
+import ne from "../../../_virtual/_plugin-vue_export-helper.js";
+import { ElMessage as B } from "../../../node_modules/element-plus/es/components/message/index.js";
+import { ElButton as ie } from "../../../node_modules/element-plus/es/components/button/index.js";
+import { ElHeader as se, ElMain as re, ElContainer as ue, ElAside as de } from "../../../node_modules/element-plus/es/components/container/index.js";
+import { ElInput as me } from "../../../node_modules/element-plus/es/components/input/index.js";
+import { ElLink as ce } from "../../../node_modules/element-plus/es/components/link/index.js";
+import { ElIcon as pe } from "../../../node_modules/element-plus/es/components/icon/index.js";
+import { ElDialog as fe } from "../../../node_modules/element-plus/es/components/dialog/index.js";
+const ve = { key: 0 }, _e = { class: "data-source-menu-item is-editing" }, ge = { class: "new-item-content" }, ke = { class: "edit-actions" }, De = ["onClick"], Ce = { class: "data-source-content" }, ye = { class: "data-source-name-wrapper" }, Ee = {
+  key: 1,
+  class: "empty-selection"
+}, we = { class: "dialog-footer" }, Ve = {
+  __name: "index",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(z) {
+    const _ = F(z, "modelValue"), n = c([]), a = c(-1);
+    H(_, (i) => {
+      i && (g.value = !1, r.value = -1, n.value = te(oe()), n.value.length > 0 && a.value === -1 && (a.value = 0));
+    });
+    const g = c(!1), s = c(""), r = c(-1), u = c(""), I = () => {
+      g.value = !0, s.value = "";
+    }, y = () => {
+      if (!s.value.trim()) {
+        B.warning("请输入数据源名称");
+        return;
+      }
+      n.value.push({
+        id: Date.now(),
+        name: s.value,
+        serverName: "",
+        url: "",
+        method: "post",
+        contentType: "json",
+        params: []
+      }), g.value = !1, s.value = "", a.value = n.value.length - 1;
+    }, M = () => {
+      g.value = !1, s.value = "";
+    }, $ = (i) => {
+      n.value.splice(i, 1), a.value === i ? a.value = -1 : a.value > i && a.value--;
+    }, A = (i) => {
+      r.value = i, u.value = n.value[i].name;
+    }, q = () => {
+      if (r.value !== -1) {
+        if (!u.value.trim()) {
+          B.warning("请输入数据源名称");
+          return;
+        }
+        n.value[r.value].name = u.value, r.value = -1, u.value = "";
+      }
+    }, U = () => {
+      le(n.value), _.value = !1;
+    };
+    return (i, e) => {
+      const k = ie, K = se, E = me, L = ce, R = pe, w = re, V = ue, T = de, j = fe;
+      return p(), h(j, {
+        modelValue: _.value,
+        "onUpdate:modelValue": e[3] || (e[3] = (m) => _.value = m),
+        width: "50%",
+        title: "数据源配置",
+        draggable: "",
+        overflow: "",
+        "append-to-body": "",
+        class: "fec-dev-designer-dialog"
+      }, {
+        footer: o(() => [
+          f("div", we, [
+            t(k, {
+              onClick: e[2] || (e[2] = (m) => _.value = !1)
+            }, {
+              default: o(() => [...e[7] || (e[7] = [
+                v("取消", -1)
+              ])]),
+              _: 1
+            }),
+            t(k, {
+              type: "primary",
+              onClick: U
+            }, {
+              default: o(() => [...e[8] || (e[8] = [
+                v("确定", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ]),
+        default: o(() => [
+          t(V, { style: { border: "1px solid #ebeef5", "border-radius": "4px" } }, {
+            default: o(() => [
+              t(T, { width: "300px" }, {
+                default: o(() => [
+                  t(V, { style: { height: "600px" } }, {
+                    default: o(() => [
+                      t(K, {
+                        height: "40px",
+                        style: { "background-color": "#f2f2f2", "line-height": "40px" }
+                      }, {
+                        default: o(() => [
+                          t(k, {
+                            type: "primary",
+                            link: "",
+                            icon: l(X),
+                            onClick: I
+                          }, {
+                            default: o(() => [...e[4] || (e[4] = [
+                              v(" 新增数据源 ", -1)
+                            ])]),
+                            _: 1
+                          }, 8, ["icon"])
+                        ]),
+                        _: 1
+                      }),
+                      t(w, { style: { padding: "10px" } }, {
+                        default: o(() => [
+                          l(g) ? (p(), C("div", ve, [
+                            f("div", _e, [
+                              f("div", ge, [
+                                t(E, {
+                                  modelValue: l(s),
+                                  "onUpdate:modelValue": e[0] || (e[0] = (m) => S(s) ? s.value = m : null),
+                                  placeholder: "请输入数据源名称",
+                                  size: "default",
+                                  onKeyup: O(y, ["enter"]),
+                                  class: "new-item-input"
+                                }, null, 8, ["modelValue"]),
+                                f("div", ke, [
+                                  t(k, {
+                                    size: "small",
+                                    icon: l(Y),
+                                    onClick: M
+                                  }, {
+                                    default: o(() => [...e[5] || (e[5] = [
+                                      v(" 取消 ", -1)
+                                    ])]),
+                                    _: 1
+                                  }, 8, ["icon"]),
+                                  t(k, {
+                                    type: "primary",
+                                    size: "small",
+                                    icon: l(Z),
+                                    onClick: y
+                                  }, {
+                                    default: o(() => [...e[6] || (e[6] = [
+                                      v(" 确认 ", -1)
+                                    ])]),
+                                    _: 1
+                                  }, 8, ["icon"])
+                                ])
+                              ])
+                            ])
+                          ])) : P("", !0),
+                          (p(!0), C(G, null, J(l(n), (m, d) => (p(), C("div", {
+                            key: d,
+                            class: Q([
+                              "data-source-menu-item",
+                              { "is-active": l(a) === d }
+                            ]),
+                            onClick: (D) => a.value = d
+                          }, [
+                            f("div", Ce, [
+                              f("div", ye, [
+                                b(t(E, {
+                                  onBlur: (D) => q(),
+                                  maxlength: "30",
+                                  modelValue: l(u),
+                                  "onUpdate:modelValue": e[1] || (e[1] = (D) => S(u) ? u.value = D : null),
+                                  size: "small"
+                                }, null, 8, ["onBlur", "modelValue"]), [
+                                  [x, l(r) === d]
+                                ]),
+                                b(t(L, {
+                                  icon: "Edit",
+                                  onClick: N((D) => A(d), ["stop"])
+                                }, {
+                                  default: o(() => [
+                                    v(W(m.name), 1)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["onClick"]), [
+                                  [x, l(r) !== d]
+                                ])
+                              ]),
+                              t(R, {
+                                class: "delete-icon",
+                                onClick: N((D) => $(d), ["stop"])
+                              }, {
+                                default: o(() => [
+                                  t(l(ee))
+                                ]),
+                                _: 1
+                              }, 8, ["onClick"])
+                            ])
+                          ], 10, De))), 128))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              t(w, { style: { "border-left": "1px solid #ebeef5", padding: "0" } }, {
+                default: o(() => [
+                  l(a) !== -1 ? (p(), h(ae, {
+                    key: 0,
+                    requestConfigData: l(n)[l(a)]
+                  }, null, 8, ["requestConfigData"])) : (p(), C("div", Ee, "请从左侧选择一个数据源"))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}, Xe = /* @__PURE__ */ ne(Ve, [["__scopeId", "data-v-5fe0fbb7"]]);
+export {
+  Xe as default
+};

package/es/src/packages/dataSource/index.vue2.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/es/src/packages/dataSource/useDataSourceDialog.js

@@ -0,0 +1,15 @@
+import a from "./index.vue.js";
+import { ref as e } from "vue";
+function u() {
+  const o = e(!1);
+  return {
+    dataSourceDialogVisible: o,
+    openDataSourceDialog: () => {
+      o.value = !0;
+    },
+    DataSourceDialog: a
+  };
+}
+export {
+  u as useDataSourceDialog
+};

package/es/src/packages/event/index.vue.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};