bp-aicc-editor 1.0.0

package/lib/source-panel-ClGOmTVn.js

@@ -0,0 +1,557 @@
+import { NDrawer as nt, NDrawerContent as it, NSelect as lt, NPopover as dt, NIcon as K, NCheckbox as L, NTooltip as rt, NButton as ut } from "naive-ui";
+import { createElementBlock as c, openBlock as n, createElementVNode as s, defineComponent as R, computed as b, Fragment as j, normalizeClass as I, toDisplayString as N, resolveComponent as l, createCommentVNode as E, renderList as M, createVNode as o, ref as P, inject as O, provide as H, createBlock as U, withCtx as u, createTextVNode as S, withDirectives as pt, vShow as ct } from "vue";
+import { A as y, c as J, b as q, d as mt, F as G } from "./data-source-9Lgf-grI.js";
+import { _ as V, l as F, aV as Q } from "./index-Bjs1bW2W.js";
+import { u as W, s as X } from "./use-data-center-Cj9FGyCg.js";
+import { I as ft } from "./arrow-right-ZYLcC6uE.js";
+import { I as gt } from "./search-DkzwOoCx.js";
+import { c as Y, s as Z, b as vt, a as _t } from "./index-B9nm6Rgv.js";
+import { n as z } from "./iking-utils.es-Ba74AedH.js";
+const yt = {}, bt = {
+  t: "1639131563580",
+  class: "icon",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "4137",
+  width: "64",
+  height: "64"
+};
+function Dt(t, e) {
+  return n(), c("svg", bt, [...e[0] || (e[0] = [
+    s("path", {
+      d: "M250.52 209.31999969A398.44000031 398.44000031 0 0 1 512 111.99999969c220.92 0 400.00000031 179.08000031 400.00000031 400.00000031 0 85.44-26.80000031 164.64-72.40000031 229.60000031L711.99999969 512h120A319.99999969 319.99999969 0 0 0 290.40000031 281.12l-39.88000031-71.80000031z m522.96 605.36000062A398.44000031 398.44000031 0 0 1 512 912.00000031C291.08 912.00000031 111.99999969 732.92 111.99999969 512c0-85.44 26.80000031-164.64 72.40000031-229.60000031L312.00000031 512H192.00000031a319.99999969 319.99999969 0 0 0 541.59999938 230.88l39.88000031 71.80000031z",
+      "p-id": "4138"
+    }, null, -1)
+  ])]);
+}
+const x = /* @__PURE__ */ V(yt, [["render", Dt]]), wt = R({
+  name: "DisplayApiStatus",
+  props: {
+    status: {
+      type: String,
+      default: y.incomplete
+    },
+    loadingText: {
+      type: String,
+      default: "匹配中"
+    },
+    successText: {
+      type: String,
+      default: "匹配成功"
+    },
+    failedText: {
+      type: String,
+      default: "未找到字段"
+    },
+    completedText: {
+      type: String,
+      default: "配置完成"
+    },
+    incompleteText: {
+      type: String,
+      default: "配置未完成"
+    },
+    optional: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(t) {
+    const e = b(() => t.status === y.loading ? t.loadingText : t.status === y.success ? t.successText : t.status === y.completed ? t.completedText : t.optional ? "可选" : t.status === y.failed ? t.failedText : t.status === y.incomplete ? t.incompleteText : t.status);
+    return {
+      apiStatus: y,
+      statusText: e
+    };
+  }
+}), St = {
+  key: 2,
+  class: "status-icon --success"
+}, ht = { class: "status-text" };
+function Ct(t, e, D, g, v, w) {
+  return n(), c("div", null, [
+    t.status === t.apiStatus.loading ? (n(), c(j, { key: 0 }, [
+      e[0] || (e[0] = s("i", { class: "status-icon validating" }, null, -1)),
+      e[1] || (e[1] = s("i", { class: "status-icon validating" }, null, -1)),
+      e[2] || (e[2] = s("i", { class: "status-icon validating" }, null, -1))
+    ], 64)) : t.status === t.apiStatus.success || t.status === t.apiStatus.completed ? (n(), c("i", {
+      key: 1,
+      class: I(["status-icon", `--${t.status}`])
+    }, null, 2)) : t.optional ? (n(), c("i", St)) : (n(), c("i", {
+      key: 3,
+      class: I(["status-icon", `--${t.status}`])
+    }, null, 2)),
+    s("span", ht, N(t.statusText), 1)
+  ]);
+}
+const kt = /* @__PURE__ */ V(wt, [["render", Ct], ["__scopeId", "data-v-7da11222"]]), $t = R({
+  name: "FieldGrid",
+  props: {
+    fields: {
+      type: Object
+    }
+  },
+  setup(t) {
+    return {
+      onDrop: (g, v) => {
+        const w = JSON.parse(g.dataTransfer.getData("application/x-custom-type"));
+        t.fields[v].map = w.value;
+      },
+      onDropOver: (g) => {
+        g.preventDefault();
+      }
+    };
+  }
+}), Nt = {
+  key: 0,
+  class: "field-wp"
+}, It = { class: "field-grid" }, Tt = { class: "field-item" }, At = ["onDrop"];
+function Ut(t, e, D, g, v, w) {
+  const m = l("g-input");
+  return t.fields ? (n(), c("div", Nt, [
+    e[4] || (e[4] = s("div", { class: "field-info" }, " 数据相应结果应为列表，列表元素包含如下字段 ", -1)),
+    s("div", It, [
+      e[1] || (e[1] = s("div", { class: "field-item field-title" }, " 字段 ", -1)),
+      e[2] || (e[2] = s("div", { class: "field-item field-title" }, " 映射 ", -1)),
+      e[3] || (e[3] = s("div", { class: "field-item field-title" }, " 说明 ", -1)),
+      (n(!0), c(j, null, M(t.fields, (d, i) => (n(), c(j, { key: i }, [
+        s("div", Tt, N(i), 1),
+        o(m, {
+          modelValue: d.map,
+          "onUpdate:modelValue": (p) => d.map = p,
+          class: "field-item"
+        }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+        s("div", {
+          class: "field-item",
+          onDrop: (p) => t.onDrop(p, i),
+          onDragover: e[0] || (e[0] = (...p) => t.onDropOver && t.onDropOver(...p))
+        }, N(d.description || "-"), 41, At)
+      ], 64))), 128))
+    ])
+  ])) : E("", !0);
+}
+const Ft = /* @__PURE__ */ V($t, [["render", Ut], ["__scopeId", "data-v-114002ed"]]), jt = R({
+  name: "SourceDrawer",
+  components: {
+    IconSearch: gt,
+    IconRefresh: x,
+    FieldGrid: Ft,
+    FilterPanel: F(() => import("./filter-panel-BXIsc124.js")),
+    DsStaticEditor: F(() => import("./ds-static-editor-CyEO_12Q.js")),
+    DsApiEditor: F(() => import("./ds-api-editor-uAArtQJI.js")),
+    DsSqlEditor: F(() => import("./ds-sql-editor-ijeSFlXA.js")),
+    DsGlobalEditor: F(() => import("./ds-global-editor-Cp80r2NN.js"))
+  },
+  setup() {
+    const t = Q(), e = W(), D = P(!1), g = P(!1), v = q, w = Object.entries(J()).map(([r, B]) => ({ value: r, label: B })), m = () => {
+      D.value = !0;
+    }, d = O(Y), { apiName: i, apiConfig: p, apiDataConfig: f } = O(Z), h = b(() => {
+      const r = t.dataStatusMap[d.value.id];
+      return r ? r[i] ?? {} : {};
+    }), C = b(() => {
+      const r = t.originMap[d.value.id];
+      return r ? r[i] : "";
+    }), k = (r) => {
+      switch (r) {
+        case q.api:
+        case q.sql:
+          mt(f.value.config);
+          break;
+      }
+    }, T = b(() => {
+      const r = e.dataMap[d.value.id];
+      return r ? r[i] : "";
+    }), $ = async () => {
+      await X(d.value.id, i, p.value, f.value);
+    };
+    H(vt, {
+      dataStatus: h,
+      refreshData: $
+    });
+    const a = P(z.cloneDeep(f.value.config.fields));
+    return {
+      visible: D,
+      visiblePreview: g,
+      apiType: v,
+      datasources: w,
+      apiConfig: p,
+      apiDataConfig: f,
+      dataStatus: h,
+      dataOrign: C,
+      resData: T,
+      fields: a,
+      open: m,
+      changeSource: k,
+      refreshData: $,
+      handFieldChange: () => {
+        f.value.config.fields = z.cloneDeep(a.value);
+      }
+    };
+  }
+}), Vt = { class: "datasource-selector" }, Pt = { class: "datasource-select" }, Ot = { class: "datav-new-select-wp" }, Rt = { class: "ds-response-btn" }, Bt = { class: "ds-preview-content" }, qt = { class: "data-response" };
+function Et(t, e, D, g, v, w) {
+  const m = lt, d = l("ds-static-editor"), i = l("ds-api-editor"), p = l("ds-sql-editor"), f = l("ds-global-editor"), h = l("IconSearch"), C = K, k = l("g-monaco-editor"), T = dt, $ = L, a = l("filter-panel"), A = l("field-grid"), r = l("g-input"), B = l("g-field"), tt = l("IconRefresh"), et = it, st = nt;
+  return n(), U(st, {
+    show: t.visible,
+    "onUpdate:show": e[3] || (e[3] = (_) => t.visible = _),
+    width: "500px",
+    "trap-focus": !1,
+    class: "source-drawer",
+    to: "#edit-main-wp",
+    "show-mask": ""
+  }, {
+    default: u(() => [
+      o(et, { closable: "" }, {
+        header: u(() => [...e[4] || (e[4] = [
+          s("p", { class: "source-drawer-title" }, "设置数据源", -1)
+        ])]),
+        default: u(() => [
+          s("div", {
+            class: I(["step-title", { "--error": !!t.dataStatus.api }])
+          }, "数据源", 2),
+          e[10] || (e[10] = s("sub", null, [
+            S("全局属性必须设置在"),
+            s("b", null, "GlobalProxy"),
+            S("对象上,并且包含name、value属性;(如:GlobalProxy.lineData={name: '柱状图数据', value: 20}),否则不会在数据更改时监听响应")
+          ], -1)),
+          s("div", Vt, [
+            e[5] || (e[5] = s("label", { class: "datasource-selector-title" }, "数据源类型", -1)),
+            s("div", Pt, [
+              s("div", Ot, [
+                o(m, {
+                  value: t.apiDataConfig.type,
+                  "onUpdate:value": [
+                    e[0] || (e[0] = (_) => t.apiDataConfig.type = _),
+                    t.changeSource
+                  ],
+                  options: t.datasources,
+                  filterable: "",
+                  class: "datav-new-select"
+                }, null, 8, ["value", "options", "onUpdate:value"])
+              ])
+            ])
+          ]),
+          t.apiDataConfig.type === t.apiType.static ? (n(), U(d, { key: 0 })) : t.apiDataConfig.type === t.apiType.api ? (n(), U(i, { key: 1 })) : t.apiDataConfig.type === t.apiType.sql ? (n(), U(p, { key: 2 })) : t.apiDataConfig.type === t.apiType.global ? (n(), U(f, { key: 3 })) : E("", !0),
+          o(T, {
+            show: t.visiblePreview,
+            "onUpdate:show": e[1] || (e[1] = (_) => t.visiblePreview = _),
+            placement: "left",
+            width: 400,
+            class: "editor-popover"
+          }, {
+            trigger: u(() => [
+              s("div", Rt, [
+                o(C, { class: "refresh-btn" }, {
+                  default: u(() => [
+                    o(h)
+                  ]),
+                  _: 1
+                }),
+                e[6] || (e[6] = S(" 预览数据源返回结果 ", -1))
+              ])
+            ]),
+            default: u(() => [
+              s("div", Bt, [
+                o(k, {
+                  language: "json",
+                  "read-only": !0,
+                  "auto-format": !0,
+                  height: 180,
+                  code: t.dataOrign
+                }, null, 8, ["code"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["show"]),
+          s("div", {
+            class: I(["step-title", { "--error": !!t.dataStatus.filter }])
+          }, [
+            o($, {
+              checked: t.apiDataConfig.config.useFilter,
+              "onUpdate:checked": e[2] || (e[2] = (_) => t.apiDataConfig.config.useFilter = _),
+              class: "use-filter-btn"
+            }, null, 8, ["checked"]),
+            e[7] || (e[7] = s("span", { class: "use-filter-text" }, "数据过滤器", -1)),
+            e[8] || (e[8] = s("span", { class: "tutorial-popup" }, "教程", -1))
+          ], 2),
+          o(a),
+          o(A, {
+            fields: t.apiConfig.fields
+          }, null, 8, ["fields"]),
+          o(B, {
+            style: { padding: "16px 0 0" },
+            "label-span": "5",
+            tooltip: "配置字段名，会将返回的数据中对应字段名的数据直接返回;快键配置将先于过滤器执行",
+            label: "快捷属性配置(支持链式数据;如: data.obj)"
+          }, {
+            default: u(() => [
+              (n(!0), c(j, null, M(t.fields, (_, ot) => (n(), c("div", { key: ot }, [
+                o(r, {
+                  modelValue: _.key,
+                  "onUpdate:modelValue": (at) => _.key = at,
+                  placeholder: "请输入要返回的值对应的字段名",
+                  onBlur: t.handFieldChange
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "onBlur"])
+              ]))), 128))
+            ]),
+            _: 1
+          }),
+          s("div", {
+            class: I(["step-title", {
+              "--error": !!t.dataStatus.api || !!t.dataStatus.filter
+            }])
+          }, [
+            e[9] || (e[9] = s("span", null, "数据响应结果", -1)),
+            o(C, {
+              class: "refresh-btn",
+              onClick: t.refreshData
+            }, {
+              default: u(() => [
+                o(tt)
+              ]),
+              _: 1
+            }, 8, ["onClick"])
+          ], 2),
+          s("div", qt, [
+            o(k, {
+              language: "json",
+              "read-only": !0,
+              "auto-format": !0,
+              code: t.resData
+            }, null, 8, ["code"])
+          ])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  }, 8, ["show"]);
+}
+const Mt = /* @__PURE__ */ V(jt, [["render", Et]]), Gt = R({
+  name: "SourcePanel",
+  components: {
+    DisplayApiStatus: kt,
+    SourceDrawer: Mt,
+    IconArrowRight: ft,
+    IconRefresh: x
+  },
+  props: {
+    apiName: {
+      type: String,
+      required: !0
+    },
+    activeName: String,
+    collapse: Boolean
+  },
+  setup(t) {
+    const e = Q(), D = W(), g = b(() => t.apiName === t.activeName), v = P(null), w = J(), m = O(Y), d = b(() => m.value.apis[t.apiName]), i = b(() => m.value.apiData[t.apiName]);
+    H(Z, {
+      apiName: t.apiName,
+      apiConfig: d,
+      apiDataConfig: i
+    });
+    const p = b(() => {
+      const a = D.dataMap[m.value.id];
+      return a ? a[t.apiName] : "";
+    }), f = b(() => e.fieldStatusMap[m.value.id]?.[t.apiName] ?? {}), h = b(() => {
+      const a = Object.values(f.value);
+      return a.includes(G.loading) ? y.loading : a.includes(G.failed) ? y.incomplete : y.completed;
+    }), C = O(_t);
+    return {
+      visible: g,
+      sourceDrawerRef: v,
+      datasources: w,
+      com: m,
+      apiConfig: d,
+      apiDataConfig: i,
+      fieldsStatus: f,
+      totalStatus: h,
+      datav_data: p,
+      toggle: () => {
+        t.collapse && C(t.apiName);
+      },
+      openSourceDrawer: () => {
+        v.value?.open();
+      },
+      refreshData: () => {
+        X(m.value.id, t.apiName, d.value, i.value);
+      }
+    };
+  }
+}), zt = { class: "api-editor-title" }, Kt = { class: "api-status success" }, Lt = { class: "attr-source-wp" }, Ht = { class: "data-attr-table-container" }, Jt = { class: "data-attr-table" }, Qt = { class: "table-body" }, Wt = { class: "column-item attr-name" }, Xt = { class: "ellipsis2" }, Yt = { class: "column-item attr-value" }, Zt = { class: "column-item attr-status" }, xt = {
+  key: 1,
+  class: "table-body-row"
+}, te = { class: "column-item attr-status" }, ee = { class: "data-source" }, se = { class: "auto-update-config" }, oe = { class: "data-flow-wp" }, ae = { class: "ds-line" }, ne = { class: "ds-title" }, ie = { class: "ds-type-text" }, le = { class: "ds-line mt5" }, de = { class: "ds-dots" }, re = { class: "data-response" };
+function ue(t, e, D, g, v, w) {
+  const m = l("IconArrowRight"), d = K, i = l("display-api-status"), p = rt, f = l("new-input"), h = L, C = ut, k = l("IconRefresh"), T = l("g-monaco-editor"), $ = l("source-drawer");
+  return n(), c("div", {
+    class: I([
+      "api-editor",
+      {
+        "--disable-fold": !t.collapse,
+        "--fold": t.collapse && t.visible
+      }
+    ])
+  }, [
+    s("div", zt, [
+      s("div", {
+        class: "api-desc ellipsis2",
+        onClick: e[0] || (e[0] = (...a) => t.toggle && t.toggle(...a))
+      }, [
+        t.collapse ? (n(), U(d, {
+          key: 0,
+          class: "api-fold-icon"
+        }, {
+          default: u(() => [
+            o(m)
+          ]),
+          _: 1
+        })) : E("", !0),
+        S(" " + N(t.apiConfig.description || "数据接口"), 1)
+      ]),
+      s("div", Kt, [
+        o(i, {
+          status: t.totalStatus,
+          "success-text": "配置完成"
+        }, null, 8, ["status"])
+      ])
+    ]),
+    pt(s("div", Lt, [
+      s("div", Ht, [
+        s("table", Jt, [
+          e[5] || (e[5] = s("thead", { class: "table-head" }, [
+            s("tr", { class: "table-head-row" }, [
+              s("th", { class: "th-item column-item attr-name" }, "字段"),
+              s("th", { class: "th-item column-item attr-value" }, "映射"),
+              s("th", { class: "th-item column-item attr-status" }, "状态")
+            ])
+          ], -1)),
+          s("tbody", Qt, [
+            Object.keys(t.apiConfig.fields).length > 0 ? (n(!0), c(j, { key: 0 }, M(t.apiConfig.fields, (a, A) => (n(), c("tr", {
+              key: A,
+              class: "table-body-row"
+            }, [
+              s("td", Wt, [
+                o(p, { placement: "left" }, {
+                  trigger: u(() => [
+                    s("span", Xt, N(A), 1)
+                  ]),
+                  default: u(() => [
+                    S(" " + N(a.description), 1)
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              s("td", Yt, [
+                o(f, {
+                  "model-value": a.map,
+                  placeholder: "可自定义",
+                  class: "attr-input",
+                  onChange: (r) => a.map = r
+                }, null, 8, ["model-value", "onChange"])
+              ]),
+              s("td", Zt, [
+                o(i, {
+                  status: t.fieldsStatus[A],
+                  optional: a.optional
+                }, null, 8, ["status", "optional"])
+              ])
+            ]))), 128)) : (n(), c("tr", xt, [
+              e[3] || (e[3] = s("td", { class: "column-item attr-name" }, [
+                s("span", null, "任意")
+              ], -1)),
+              e[4] || (e[4] = s("td", { class: "column-item attr-value" }, null, -1)),
+              s("td", te, [
+                o(i, { status: "completed" })
+              ])
+            ]))
+          ])
+        ])
+      ]),
+      s("div", ee, [
+        e[13] || (e[13] = s("div", { class: "data-result-title" }, "数据响应结果", -1)),
+        s("div", se, [
+          o(h, {
+            checked: t.apiConfig.useAutoUpdate,
+            "onUpdate:checked": e[1] || (e[1] = (a) => t.apiConfig.useAutoUpdate = a),
+            class: "auto-update-checkbox"
+          }, {
+            default: u(() => [...e[6] || (e[6] = [
+              S(" 自动更新选项 ", -1)
+            ])]),
+            _: 1
+          }, 8, ["checked"]),
+          o(f, {
+            "model-value": t.apiConfig.autoUpdate,
+            type: "number",
+            disabled: !t.apiConfig.useAutoUpdate,
+            class: "update-interval-input",
+            onChange: e[2] || (e[2] = (a) => t.apiConfig.autoUpdate = a)
+          }, null, 8, ["model-value", "disabled"]),
+          e[7] || (e[7] = S(" 秒一次 ", -1))
+        ]),
+        s("div", oe, [
+          s("div", ae, [
+            s("div", ne, [
+              s("span", ie, N(t.datasources[t.apiDataConfig.type]), 1)
+            ]),
+            o(C, {
+              size: "tiny",
+              class: "ds-action-btn",
+              onClick: t.openSourceDrawer
+            }, {
+              default: u(() => [...e[8] || (e[8] = [
+                S(" 配置数据源 ", -1)
+              ])]),
+              _: 1
+            }, 8, ["onClick"])
+          ]),
+          s("div", le, [
+            e[10] || (e[10] = s("span", null, "数据响应结果 ( 只读 ) ", -1)),
+            o(p, { placement: "left" }, {
+              trigger: u(() => [
+                o(d, {
+                  class: "refresh-btn",
+                  onClick: t.refreshData
+                }, {
+                  default: u(() => [
+                    o(k)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              default: u(() => [
+                e[9] || (e[9] = S(" 刷新数据 ", -1))
+              ]),
+              _: 1
+            })
+          ]),
+          s("div", de, [
+            s("span", {
+              class: I(["ds-dot", [t.totalStatus === "completed" ? "active" : "error"]])
+            }, null, 2),
+            e[11] || (e[11] = s("span", { class: "ds-dot" }, null, -1)),
+            e[12] || (e[12] = s("span", { class: "ds-dot" }, null, -1))
+          ])
+        ]),
+        s("div", re, [
+          o(T, {
+            language: "json",
+            "read-only": !0,
+            "auto-format": !0,
+            code: t.datav_data,
+            height: 250,
+            "full-screen-title": "数据响应结果"
+          }, null, 8, ["code"])
+        ])
+      ])
+    ], 512), [
+      [ct, t.visible]
+    ]),
+    o($, { ref: "sourceDrawerRef" }, null, 512)
+  ], 2);
+}
+const De = /* @__PURE__ */ V(Gt, [["render", ue], ["__scopeId", "data-v-a98892b9"]]);
+export {
+  De as default
+};

package/lib/straightLine-DPMRNFNz.js

@@ -0,0 +1,23 @@
+import { createElementBlock as t, openBlock as r, createElementVNode as o } from "vue";
+import { _ as n } from "./index-Bjs1bW2W.js";
+const s = {}, i = {
+  width: "100%",
+  height: "5"
+};
+function c(l, e) {
+  return r(), t("svg", i, [...e[0] || (e[0] = [
+    o("line", {
+      x1: "0",
+      y1: "2.5",
+      x2: "1519",
+      y2: "2.5",
+      stroke: "#919191",
+      "stroke-width": "5",
+      "stroke-dasharray": "null"
+    }, null, -1)
+  ])]);
+}
+const d = /* @__PURE__ */ n(s, [["render", c]]);
+export {
+  d as default
+};