bp-aicc-editor 1.0.0

package/lib/ds-api-editor-uAArtQJI.js

@@ -0,0 +1,115 @@
+import { NSelect as k, NCheckbox as C } from "naive-ui";
+import { defineComponent as D, inject as f, computed as B, resolveComponent as A, createElementBlock as g, openBlock as m, createElementVNode as i, createVNode as s, createStaticVNode as H, createCommentVNode as S, withCtx as v, createTextVNode as b } from "vue";
+import { e as h } from "./data-source-9Lgf-grI.js";
+import { u as y } from "./event-DDj_G-ix.js";
+import { c as w, s as U } from "./index-B9nm6Rgv.js";
+import { b as j, _ as M } from "./index-Bjs1bW2W.js";
+const N = D({
+  name: "DsApiEditor",
+  setup() {
+    const a = y(), e = j(), r = f(w), { apiDataConfig: n } = f(U), c = Object.keys(h).map((o) => ({ label: o, value: o })), u = B(
+      () => e.pageConfig.host.filter((o) => o.host).map((o) => ({
+        ...o,
+        label: `${o.name}(${o.host})`
+      }))
+    ), l = Object.keys(a.publishersView);
+    return {
+      ApiRequestMethod: h,
+      apiDataConfig: n,
+      apiMethods: c,
+      apiHosts: u,
+      variables: l,
+      updateData: (o) => {
+        n.value.config.api = o.value, a.setSubscribersView(r.value.id, o.value);
+      },
+      updateApiHeaders: (o) => {
+        n.value.config.apiHeaders = o.value;
+      },
+      updateApiBody: (o) => {
+        n.value.config.apiBody = o.value;
+      }
+    };
+  }
+}), V = { class: "ds-wrapper ds-api" }, E = { class: "datav-new-select-wp" }, O = { class: "post-request-data" }, R = {
+  key: 0,
+  class: "post-request-data"
+};
+function $(a, e, r, n, c, u) {
+  const l = k, p = A("g-monaco-editor"), d = C;
+  return m(), g("div", V, [
+    e[8] || (e[8] = i("p", null, "请求方式", -1)),
+    i("div", E, [
+      s(l, {
+        value: a.apiDataConfig.config.apiMethod,
+        "onUpdate:value": e[0] || (e[0] = (t) => a.apiDataConfig.config.apiMethod = t),
+        options: a.apiMethods,
+        class: "datav-new-select"
+      }, null, 8, ["value", "options"])
+    ]),
+    e[9] || (e[9] = i("p", { class: "url-info" }, [
+      i("label", { class: "prefix-label textarea-label" }, "请求前缀：(防止开发、生产环境下需要单独修改组件请求配置，外网API可忽略)")
+    ], -1)),
+    s(l, {
+      value: a.apiDataConfig.config.apiHost,
+      "onUpdate:value": e[1] || (e[1] = (t) => a.apiDataConfig.config.apiHost = t),
+      options: a.apiHosts,
+      "value-field": "host",
+      class: "datav-new-select",
+      clearable: "",
+      placeholder: "请选择请求前缀(可选)"
+    }, null, 8, ["value", "options"]),
+    e[10] || (e[10] = H('<p class="url-info" data-v-4095d86c><label class="prefix-label textarea-label" data-v-4095d86c>URL：</label><a target="_blank" rel="noopener noreferrer" href="https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS" class="api-help" data-v-4095d86c>重要：跨域问题解决方案</a></p><p class="url-info-text" data-v-4095d86c>将回调参数配置到url中, 例: http://api.test?value=:value</p><p class="url-info-text" data-v-4095d86c> 选择了”请求前缀时“，URL只需要填写前缀后的内容, 例： <br data-v-4095d86c>完整地址：http://192.168.2.222/api/chart/bar/data <br data-v-4095d86c>前缀：http://192.168.2.222/api <br data-v-4095d86c>URL：/chart/bar/data </p>', 3)),
+    s(p, {
+      language: "plaintext",
+      "line-numbers": "off",
+      height: 120,
+      code: a.apiDataConfig.config.api,
+      completions: a.variables,
+      onBlur: a.updateData
+    }, null, 8, ["code", "completions", "onBlur"]),
+    i("div", O, [
+      e[4] || (e[4] = i("p", { class: "url-info-text" }, "Headers (Optional)", -1)),
+      s(p, {
+        language: "json",
+        height: 120,
+        "auto-format": !0,
+        code: a.apiDataConfig.config.apiHeaders,
+        onBlur: a.updateApiHeaders
+      }, null, 8, ["code", "onBlur"])
+    ]),
+    a.apiDataConfig.config.apiMethod === a.ApiRequestMethod.POST ? (m(), g("div", R, [
+      e[5] || (e[5] = i("p", { class: "url-info-text" }, "POST 请求参数", -1)),
+      s(p, {
+        language: "json",
+        height: 120,
+        "auto-format": !0,
+        code: a.apiDataConfig.config.apiBody,
+        onBlur: a.updateApiBody
+      }, null, 8, ["code", "onBlur"])
+    ])) : S("", !0),
+    s(d, {
+      checked: a.apiDataConfig.config.local,
+      "onUpdate:checked": e[2] || (e[2] = (t) => a.apiDataConfig.config.local = t),
+      class: "ds-checkbox"
+    }, {
+      default: v(() => [...e[6] || (e[6] = [
+        b(" 服务器代理请求 (因跨域无法访问时可勾选) ", -1)
+      ])]),
+      _: 1
+    }, 8, ["checked"]),
+    s(d, {
+      checked: a.apiDataConfig.config.cookie,
+      "onUpdate:checked": e[3] || (e[3] = (t) => a.apiDataConfig.config.cookie = t),
+      class: "ds-checkbox"
+    }, {
+      default: v(() => [...e[7] || (e[7] = [
+        b(" 需要 cookie (不选择代理并且需要获取cookie时使用) ", -1)
+      ])]),
+      _: 1
+    }, 8, ["checked"])
+  ]);
+}
+const z = /* @__PURE__ */ M(N, [["render", $], ["__scopeId", "data-v-4095d86c"]]);
+export {
+  z as default
+};

package/lib/ds-global-editor-Cp80r2NN.js

@@ -0,0 +1,121 @@
+import { NDataTable as g, NPopover as G, NIcon as y } from "naive-ui";
+import { defineComponent as h, inject as m, ref as p, onBeforeUnmount as C, resolveComponent as u, createElementBlock as P, openBlock as w, createElementVNode as n, createVNode as l, withCtx as i, createTextVNode as f } from "vue";
+import { e as I } from "./data-source-9Lgf-grI.js";
+import "./event-DDj_G-ix.js";
+import { c as B, s as N } from "./index-B9nm6Rgv.js";
+import "./db-rnJHM_q3.js";
+import { I as D } from "./search-DkzwOoCx.js";
+import { _ as E } from "./index-Bjs1bW2W.js";
+const S = h({
+  name: "DsGlobalEditor",
+  components: {
+    IconSearch: D,
+    NDataTable: g
+  },
+  setup() {
+    m(B);
+    const { apiDataConfig: e } = m(N), o = p(e.value.config.global), c = (a) => {
+      e.value.config.global = a.value;
+    }, d = (a) => {
+      o.value = a.value;
+    };
+    C(() => {
+      e.value.config.global = o.value;
+    });
+    const s = p([]), r = () => {
+      s.value = [];
+      const a = window.GlobalProxy;
+      for (const t in a)
+        s.value.push({
+          name: a[t].name,
+          key: t,
+          value: JSON.stringify(a[t].value)
+        });
+    };
+    return r(), {
+      globalParamList: s,
+      ApiRequestMethod: I,
+      apiDataConfig: e,
+      updateGlobal: d,
+      updateGlobalBlur: c,
+      handGetGlobalParam: r,
+      globalParamColumns: [
+        {
+          title: "字段名",
+          key: "name",
+          width: 100
+        },
+        {
+          title: "字段key",
+          key: "key",
+          width: 120
+        },
+        {
+          title: "值",
+          key: "value"
+        }
+      ]
+    };
+  }
+}), $ = { class: "ds-wrapper ds-global" }, j = { class: "ds-preview-content-datasource" };
+function V(e, o, c, d, s, r) {
+  const a = u("IconSearch"), t = y, b = g, v = G, _ = u("g-monaco-editor");
+  return w(), P("div", $, [
+    o[2] || (o[2] = n("p", { class: "url-info-text" }, "请编写全局处理函数，返回要应用的全局变量名", -1)),
+    l(v, {
+      placement: "left",
+      trigger: "click",
+      width: 600,
+      style: {
+        "--n-color": "#0e1013",
+        borderRadius: "8px"
+      }
+    }, {
+      trigger: i(() => [
+        n("div", {
+          class: "ds-response-btn",
+          onClick: o[0] || (o[0] = (...k) => e.handGetGlobalParam && e.handGetGlobalParam(...k))
+        }, [
+          l(t, { class: "refresh-btn" }, {
+            default: i(() => [
+              l(a)
+            ]),
+            _: 1
+          }),
+          o[1] || (o[1] = f(" 查看当前全局属性 ", -1))
+        ])
+      ]),
+      default: i(() => [
+        n("div", j, [
+          l(b, {
+            size: "small",
+            columns: e.globalParamColumns,
+            data: e.globalParamList,
+            bordered: !1
+          }, null, 8, ["columns", "data"])
+        ])
+      ]),
+      _: 1
+    }),
+    o[3] || (o[3] = n("p", {
+      title: "function formatter(data) {",
+      class: "fake-code --start"
+    }, [
+      n("span", { class: "--keyword" }, "function"),
+      f(" globalFunc(param) {")
+    ], -1)),
+    l(_, {
+      language: "sql",
+      "line-numbers": "off",
+      height: 120,
+      code: e.apiDataConfig.config.global,
+      onChange: e.updateGlobal,
+      onBlur: e.updateGlobalBlur
+    }, null, 8, ["code", "onChange", "onBlur"]),
+    o[4] || (o[4] = n("p", { class: "fake-code --end" }, "}", -1))
+  ]);
+}
+const F = /* @__PURE__ */ E(S, [["render", V], ["__scopeId", "data-v-c89d5c90"]]);
+export {
+  F as default
+};

package/lib/ds-sql-editor-ijeSFlXA.js

@@ -0,0 +1,338 @@
+import { NSelect as K, NPopover as Q, NIcon as V } from "naive-ui";
+import { shallowRef as h, shallowReadonly as F, toValue as w, getCurrentScope as W, onScopeDispose as J, watch as Y, computed as L, readonly as A, getCurrentInstance as z, onMounted as H, unref as X, toRaw as Z, defineComponent as _, ref as P, inject as x, onBeforeMount as ee, resolveComponent as I, createElementBlock as y, openBlock as S, createElementVNode as f, createVNode as T, withCtx as E, Fragment as B, renderList as O, toDisplayString as $, createTextVNode as te } from "vue";
+import { e as ne } from "./data-source-9Lgf-grI.js";
+import { u as oe } from "./event-DDj_G-ix.js";
+import { s as ae } from "./index-B9nm6Rgv.js";
+import { u as ie } from "./db-rnJHM_q3.js";
+import { I as le } from "./search-DkzwOoCx.js";
+import { _ as se } from "./index-Bjs1bW2W.js";
+function ue(e, t) {
+  return W() ? (J(e, t), !0) : !1;
+}
+const M = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const re = Object.prototype.toString, de = (e) => re.call(e) === "[object Object]";
+function ce(e) {
+  let t;
+  function n() {
+    return t || (t = e()), t;
+  }
+  return n.reset = async () => {
+    const a = t;
+    t = void 0, a && await a;
+  }, n;
+}
+function N(e) {
+  return Array.isArray(e) ? e : [e];
+}
+function pe(e, t, n = {}) {
+  const { immediate: a = !0, immediateCallback: l = !1 } = n, i = h(!1);
+  let s;
+  function u() {
+    s && (clearTimeout(s), s = void 0);
+  }
+  function v() {
+    i.value = !1, u();
+  }
+  function p(...c) {
+    l && e(), u(), i.value = !0, s = setTimeout(() => {
+      i.value = !1, s = void 0, e(...c);
+    }, w(t));
+  }
+  return a && (i.value = !0, M && p()), ue(v), {
+    isPending: F(i),
+    start: p,
+    stop: v
+  };
+}
+function fe(e, t, n) {
+  return Y(e, t, {
+    ...n,
+    immediate: !0
+  });
+}
+const ve = M ? window : void 0, R = M ? window.navigator : void 0;
+function me(e) {
+  var t;
+  const n = w(e);
+  return (t = n?.$el) !== null && t !== void 0 ? t : n;
+}
+function U(...e) {
+  const t = (a, l, i, s) => (a.addEventListener(l, i, s), () => a.removeEventListener(l, i, s)), n = L(() => {
+    const a = N(w(e[0])).filter((l) => l != null);
+    return a.every((l) => typeof l != "string") ? a : void 0;
+  });
+  return fe(() => {
+    var a, l;
+    return [
+      (a = (l = n.value) === null || l === void 0 ? void 0 : l.map((i) => me(i))) !== null && a !== void 0 ? a : [ve].filter((i) => i != null),
+      N(w(n.value ? e[1] : e[0])),
+      N(X(n.value ? e[2] : e[1])),
+      w(n.value ? e[3] : e[2])
+    ];
+  }, ([a, l, i, s], u, v) => {
+    if (!a?.length || !l?.length || !i?.length) return;
+    const p = de(s) ? { ...s } : s, c = a.flatMap((o) => l.flatMap((g) => i.map((C) => t(o, g, C, p))));
+    v(() => {
+      c.forEach((o) => o());
+    });
+  }, { flush: "post" });
+}
+// @__NO_SIDE_EFFECTS__
+function ge() {
+  const e = h(!1), t = z();
+  return t && H(() => {
+    e.value = !0;
+  }, t), e;
+}
+// @__NO_SIDE_EFFECTS__
+function j(e) {
+  const t = /* @__PURE__ */ ge();
+  return L(() => (t.value, !!e()));
+}
+// @__NO_SIDE_EFFECTS__
+function G(e, t = {}) {
+  const { controls: n = !1, navigator: a = R } = t, l = /* @__PURE__ */ j(() => a && "permissions" in a), i = h(), s = typeof e == "string" ? { name: e } : e, u = h(), v = () => {
+    var c, o;
+    u.value = (c = (o = i.value) === null || o === void 0 ? void 0 : o.state) !== null && c !== void 0 ? c : "prompt";
+  };
+  U(i, "change", v, { passive: !0 });
+  const p = ce(async () => {
+    if (l.value) {
+      if (!i.value) try {
+        i.value = await a.permissions.query(s);
+      } catch {
+        i.value = void 0;
+      } finally {
+        v();
+      }
+      if (n) return Z(i.value);
+    }
+  });
+  return p(), n ? {
+    state: u,
+    isSupported: l,
+    query: p
+  } : u;
+}
+function be(e = {}) {
+  const { navigator: t = R, read: n = !1, source: a, copiedDuring: l = 1500, legacy: i = !1 } = e, s = /* @__PURE__ */ j(() => t && "clipboard" in t), u = /* @__PURE__ */ G("clipboard-read"), v = /* @__PURE__ */ G("clipboard-write"), p = L(() => s.value || i), c = h(""), o = h(!1), g = pe(() => o.value = !1, l, { immediate: !1 });
+  async function C() {
+    let r = !(s.value && m(u.value));
+    if (!r) try {
+      c.value = await t.clipboard.readText();
+    } catch {
+      r = !0;
+    }
+    r && (c.value = q());
+  }
+  p.value && n && U(["copy", "cut"], C, { passive: !0 });
+  async function D(r = w(a)) {
+    if (p.value && r != null) {
+      let d = !(s.value && m(v.value));
+      if (!d) try {
+        await t.clipboard.writeText(r);
+      } catch {
+        d = !0;
+      }
+      d && k(r), c.value = r, o.value = !0, g.start();
+    }
+  }
+  function k(r) {
+    const d = document.createElement("textarea");
+    d.value = r, d.style.position = "absolute", d.style.opacity = "0", d.setAttribute("readonly", ""), document.body.appendChild(d), d.select(), document.execCommand("copy"), d.remove();
+  }
+  function q() {
+    var r, d, b;
+    return (r = (d = document) === null || d === void 0 || (b = d.getSelection) === null || b === void 0 || (b = b.call(d)) === null || b === void 0 ? void 0 : b.toString()) !== null && r !== void 0 ? r : "";
+  }
+  function m(r) {
+    return r === "granted" || r === "prompt";
+  }
+  return {
+    isSupported: p,
+    text: A(c),
+    copied: A(o),
+    copy: D
+  };
+}
+const ye = _({
+  name: "DsSqlEditor",
+  components: {
+    IconSearch: le
+  },
+  setup() {
+    const e = P(!1), t = oe(), n = ie();
+    n.loadDbs();
+    const a = L(() => n.dbList), l = L(() => n.dbBaseList), i = L(() => n.dbTableList), s = L(() => n.dbTableKeyList), { apiDataConfig: u } = x(ae), v = async (m) => {
+      const r = a.value.find((d) => d.id === m);
+      await n.loadBases(r);
+    };
+    u.value.config.database && v(u.value.config.database);
+    const p = Object.keys(t.publishersView), c = async () => {
+      u.value.config.datalist = "";
+      const m = a.value.find((r) => r.id === u.value.config.database);
+      await n.loadTables({
+        ...m,
+        schemaName: u.value.config.datatable
+      });
+    }, o = async (m) => {
+      await n.loadTableKeys({
+        id: u.value.config.database,
+        schemaName: u.value.config.datatable,
+        tableName: m
+      });
+    }, g = P(u.value.config.sql), C = (m) => {
+      g.value = m.value;
+    }, D = (m) => {
+      u.value.config.sql = m.value;
+    };
+    ee(() => {
+      u.value.config.sql = g.value;
+    });
+    const { copy: k } = be({ legacy: !0 });
+    return {
+      onDragStart: (m, r) => {
+        m.dataTransfer.setData("application/x-custom-type", JSON.stringify(r));
+      },
+      visibleTables: e,
+      ApiRequestMethod: ne,
+      apiDataConfig: u,
+      dbList: a,
+      dbTableList: i,
+      dbTableKeyList: s,
+      dbBaseList: l,
+      variables: p,
+      handGetListKeys: o,
+      handGetTables: c,
+      handChangeDB: v,
+      updateSQL: C,
+      updateSQLBlur: D,
+      copy: k,
+      columns: [
+        {
+          title: "列名",
+          key: "COLUMN_NAME"
+        },
+        {
+          title: "类型",
+          key: "DATA_TYPE"
+        }
+      ]
+    };
+  }
+}), Se = { class: "ds-wrapper ds-sql" }, Te = { class: "datav-new-select-wp" }, Le = { class: "datav-new-select-wp" }, Ce = { class: "ds-preview-content-datasource" }, we = ["onDblclick"], he = { class: "datav-new-select-wp" }, De = {
+  key: 0,
+  class: "table-keys"
+}, ke = ["onDragstart"];
+function Ee(e, t, n, a, l, i) {
+  const s = K, u = I("IconSearch"), v = V, p = Q, c = I("g-monaco-editor");
+  return S(), y("div", Se, [
+    t[10] || (t[10] = f("p", null, "数据源", -1)),
+    f("div", Te, [
+      T(s, {
+        value: e.apiDataConfig.config.database,
+        "onUpdate:value": [
+          t[0] || (t[0] = (o) => e.apiDataConfig.config.database = o),
+          e.handChangeDB
+        ],
+        options: e.dbList,
+        "label-field": "name",
+        "value-field": "id",
+        class: "datav-new-select",
+        placeholder: "请选择数据源"
+      }, null, 8, ["value", "options", "onUpdate:value"])
+    ]),
+    t[11] || (t[11] = f("p", null, "数据库(可选)", -1)),
+    f("div", Le, [
+      T(s, {
+        value: e.apiDataConfig.config.datatable,
+        "onUpdate:value": [
+          t[1] || (t[1] = (o) => e.apiDataConfig.config.datatable = o),
+          e.handGetTables
+        ],
+        options: e.dbBaseList,
+        "label-field": "value",
+        "value-field": "value",
+        class: "datav-new-select",
+        clearable: "",
+        placeholder: "请选择数据库"
+      }, null, 8, ["value", "options", "onUpdate:value"]),
+      T(p, {
+        show: e.visibleTables,
+        "onUpdate:show": t[3] || (t[3] = (o) => e.visibleTables = o),
+        placement: "left",
+        trigger: "click",
+        width: 260
+      }, {
+        trigger: E(() => [
+          f("div", {
+            class: "ds-response-btn",
+            onClick: t[2] || (t[2] = (...o) => e.handGetTables && e.handGetTables(...o))
+          }, [
+            T(v, { class: "refresh-btn" }, {
+              default: E(() => [
+                T(u)
+              ]),
+              _: 1
+            }),
+            t[5] || (t[5] = te(" 预览数据库中的数据表 ", -1))
+          ])
+        ]),
+        default: E(() => [
+          f("div", Ce, [
+            t[6] || (t[6] = f("p", { class: "url-info-text" }, "双击表名可复制", -1)),
+            f("ul", null, [
+              (S(!0), y(B, null, O(e.dbTableList, (o, g) => (S(), y("li", { key: o }, [
+                f("span", null, $(g + 1), 1),
+                f("sub", {
+                  onDblclick: (C) => e.copy(o)
+                }, $(o), 41, we)
+              ]))), 128))
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["show"]),
+      t[7] || (t[7] = f("p", { class: "iking-datav-tip" }, "不选择数据库编写SQL时需要在SQL中指定数据库(如: SELECT * FROM 'iking.user')", -1)),
+      t[8] || (t[8] = f("p", { class: "iking-datav-tip" }, "如果指定了数据库就可以直接查询表(如:SELECT * FROM 'user')", -1))
+    ]),
+    t[12] || (t[12] = f("p", null, "数据表(可选)", -1)),
+    f("div", he, [
+      T(s, {
+        value: e.apiDataConfig.config.datalist,
+        "onUpdate:value": [
+          t[4] || (t[4] = (o) => e.apiDataConfig.config.datalist = o),
+          e.handGetListKeys
+        ],
+        options: e.dbTableList,
+        "label-field": "value",
+        "value-field": "value",
+        class: "datav-new-select",
+        clearable: "",
+        placeholder: "请选择数据表"
+      }, null, 8, ["value", "options", "onUpdate:value"])
+    ]),
+    e.apiDataConfig.config.datalist ? (S(), y("div", De, [
+      (S(!0), y(B, null, O(e.dbTableKeyList, (o) => (S(), y("p", {
+        key: o.name,
+        draggable: "true",
+        onDragstart: (g) => e.onDragStart(g, o)
+      }, $(o.name), 41, ke))), 128))
+    ])) : (S(), y(B, { key: 1 }, [
+      t[9] || (t[9] = f("p", { class: "url-info-text" }, "请输入SQL语句，目前仅支持select语句，非select语句将被忽略", -1)),
+      T(c, {
+        language: "sql",
+        "line-numbers": "off",
+        height: 120,
+        code: e.apiDataConfig.config.sql,
+        onChange: e.updateSQL,
+        onBlur: e.updateSQLBlur
+      }, null, 8, ["code", "onChange", "onBlur"])
+    ], 64))
+  ]);
+}
+const Oe = /* @__PURE__ */ se(ye, [["render", Ee], ["__scopeId", "data-v-0408c4f8"]]);
+export {
+  Oe as default
+};