@hg2/dataview-core 2.0.0

package/dist/index-148f6c33.js

@@ -0,0 +1,1183 @@
+import { defineComponent as X, computed as oe, resolveComponent as a, unref as r, openBlock as s, createBlock as w, withCtx as e, createVNode as t, withModifiers as ee, createTextVNode as k, createElementBlock as p, createElementVNode as o, createCommentVNode as j, Fragment as x, renderList as O, toDisplayString as y, withDirectives as ie, vShow as de, ref as U, watch as ae } from "vue";
+import { aE as le, ax as J, ay as ue, p as te, aF as ce, k as pe, q as _e, aD as me, _ as ne, aG as q, aH as ve, aI as D } from "./index-237a6823.js";
+import "element-plus";
+import "screenfull";
+import "lodash/throttle";
+import "html2canvas";
+import "lodash/isObject";
+import "lodash/cloneDeep";
+import "crypto-js";
+import "vue3-lazyload";
+import "vue3-sketch-ruler";
+import { n as fe } from "./noData-63b54dc3.js";
+import { u as Q } from "./useTargetData.hook-832cc980.js";
+import { M as se } from "./index-8d8dc1d2.js";
+import "highlight.js/lib/core";
+import "highlight.js/lib/languages/json";
+import "highlight.js/lib/languages/typescript";
+import "lodash";
+import "element-plus/es/locale/lang/zh-cn";
+import "element-plus/es/locale/lang/en";
+import "pinia";
+import "vue-i18n";
+import "vue-demi";
+import "lodash/debounce";
+import "lodash/merge";
+import "lodash/pick";
+import "axios";
+import "three";
+import "three/examples/jsm/controls/OrbitControls";
+import "gsap";
+import "vue3-sketch-ruler/lib/style.css";
+import "monaco-editor/esm/vs/editor/editor.api.js";
+import "monaco-editor";
+import "monaco-editor/esm/vs/editor/editor.worker?worker";
+import "monaco-editor/esm/vs/language/json/json.worker?worker";
+import "monaco-editor/esm/vs/language/typescript/ts.worker?worker";
+import "monaco-editor/esm/vs/language/html/html.worker?worker";
+const ye = {
+  key: 0,
+  class: "no-data go-flex-center"
+}, ge = ["src"], be = { style: { display: "flex", "justify-content": "space-between", "align-items": "center" } }, xe = {
+  key: 0,
+  class: "el-input-group"
+}, Ee = {
+  class: "go-pt-1",
+  style: { color: "var(--el-text-color-secondary)" }
+}, he = /* @__PURE__ */ X({
+  __name: "index",
+  setup(Y) {
+    const { CloseIcon: _, AddIcon: R, HelpOutlineIcon: A } = te.ionicons5, { targetData: m, chartEditStore: $ } = Q(), S = [le.PARAMS, le.HEADER], V = oe(() => {
+      var n;
+      const l = (n = m.value) == null ? void 0 : n.interactActions;
+      return l ? l.map((d) => ({
+        label: d.interactName,
+        value: d.interactType
+      })) : [];
+    }), I = oe(() => {
+      var l;
+      return ((l = m.value) == null ? void 0 : l.option) || {};
+    }), F = (l, n) => {
+      var E, f;
+      if (!l)
+        return {};
+      const d = (E = $.requestGlobalConfig.requestDataPond.find((c) => c.dataPondId === l)) == null ? void 0 : E.dataPondRequestConfig.requestParams;
+      return d ? d[n] : (f = $.componentList[$.fetchTargetIndex(l)]) == null ? void 0 : f.request.requestParams[n];
+    }, L = (l) => {
+      var d;
+      if (!l || !((d = m.value) != null && d.interactActions))
+        return [];
+      const n = m.value.interactActions.find((E) => E.interactType === l);
+      return (n == null ? void 0 : n.componentEmitEvents[I.value[ce]]) || [];
+    }, B = () => {
+      if (!m.value)
+        return [];
+      const l = m.value.id, n = m.value.events.interactEvents, d = (v) => v.reduce(
+        (C, g) => (!g.groupList && g.request.requestDataType === me.AJAX && g.request.requestUrl && C.push(g), g.groupList && g.groupList.length > 0 ? [...C, ...d(g.groupList)] : C),
+        []
+      ), f = d($.componentList).filter((v) => {
+        const C = v.id !== l, g = v.chartConfig.chartFrame !== pe.STATIC, M = !v.isGroup;
+        return C && g && M;
+      }).map((v) => ({
+        id: v.id,
+        title: v.chartConfig.title,
+        disabled: !1,
+        type: "componentList"
+      })), T = $.requestGlobalConfig.requestDataPond.map((v) => ({
+        id: v.dataPondId,
+        title: v.dataPondName,
+        disabled: !1,
+        type: "requestDataPond"
+      })).concat(f);
+      return n == null || n.forEach((v) => {
+        T.forEach((C) => {
+          C.id === v.interactComponentId && (C.disabled = !0);
+        });
+      }), T;
+    }, z = () => {
+      m.value && m.value.events.interactEvents.push({
+        interactOn: void 0,
+        interactComponentId: void 0,
+        interactFn: {}
+      });
+    }, N = (l) => {
+      _e({
+        message: "是否删除此关联交互模块?",
+        onPositiveCallback: () => {
+          m.value && m.value.events.interactEvents.splice(l, 1);
+        }
+      });
+    };
+    return (l, n) => {
+      const d = a("el-icon"), E = a("el-button"), f = a("el-divider"), c = a("el-tag"), T = a("el-option"), v = a("el-select"), C = a("el-tooltip"), g = a("el-table-column"), M = a("el-table"), P = a("el-card"), H = a("el-collapse-item");
+      return r(m) && V.value.length ? (s(), w(H, {
+        key: 0,
+        title: "组件交互",
+        name: "1"
+      }, {
+        "header-extra": e(() => [
+          t(E, {
+            type: "primary",
+            text: "",
+            size: "small",
+            onClick: ee(z, ["stop"])
+          }, {
+            icon: e(() => [
+              t(d, null, {
+                default: e(() => [
+                  t(r(R))
+                ]),
+                _: 1
+              })
+            ]),
+            default: e(() => [
+              n[0] || (n[0] = k(" 新增 "))
+            ]),
+            _: 1,
+            __: [0]
+          })
+        ]),
+        default: e(() => {
+          var G, u, i;
+          return [
+            (u = (G = r(m)) == null ? void 0 : G.events.interactEvents) != null && u.length ? j("", !0) : (s(), p("div", ye, [
+              o("img", {
+                src: r(fe),
+                alt: "暂无数据"
+              }, null, 8, ge),
+              n[1] || (n[1] = o("span", { style: { color: "var(--el-text-color-secondary)" } }, "暂无内容", -1))
+            ])),
+            (s(!0), p(x, null, O(((i = r(m)) == null ? void 0 : i.events.interactEvents) || [], (b, K) => (s(), w(P, {
+              key: K,
+              class: "n-card-shallow",
+              shadow: "never"
+            }, {
+              default: e(() => [
+                o("div", be, [
+                  o("span", null, "关联组件 - " + y(K + 1), 1),
+                  t(E, {
+                    type: "danger",
+                    text: "",
+                    size: "small",
+                    onClick: (h) => N(K)
+                  }, {
+                    icon: e(() => [
+                      t(d, null, {
+                        default: e(() => [
+                          t(r(_))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"])
+                ]),
+                t(f, { style: { margin: "10px 0" } }),
+                t(c, { type: "primary" }, {
+                  default: e(() => n[2] || (n[2] = [
+                    k(" 选择目标组件 ")
+                  ])),
+                  _: 1,
+                  __: [2]
+                }),
+                t(r(J), {
+                  name: "触发事件",
+                  alone: !0
+                }, {
+                  default: e(() => [
+                    V.value ? (s(), p("div", xe, [
+                      t(v, {
+                        class: "select-type-options",
+                        modelValue: b.interactOn,
+                        "onUpdate:modelValue": (h) => b.interactOn = h,
+                        size: "small"
+                      }, {
+                        default: e(() => [
+                          (s(!0), p(x, null, O(V.value, (h) => (s(), w(T, {
+                            key: h.value,
+                            label: h.label,
+                            value: h.value
+                          }, null, 8, ["label", "value"]))), 128))
+                        ]),
+                        _: 2
+                      }, 1032, ["modelValue", "onUpdate:modelValue"])
+                    ])) : j("", !0)
+                  ]),
+                  _: 2
+                }, 1024),
+                t(r(J), { alone: !0 }, {
+                  name: e(() => [
+                    n[3] || (n[3] = o("span", null, "绑定", -1)),
+                    t(C, {
+                      content: "不支持「静态组件」支持「组件」「公共APi」",
+                      placement: "top"
+                    }, {
+                      default: e(() => [
+                        t(d, {
+                          size: "21",
+                          style: { color: "var(--el-text-color-secondary)" }
+                        }, {
+                          default: e(() => [
+                            t(r(A))
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  default: e(() => [
+                    t(v, {
+                      class: "select-type-options",
+                      "value-key": "id",
+                      size: "small",
+                      filterable: "",
+                      placeholder: "仅展示符合条件的组件",
+                      modelValue: b.interactComponentId,
+                      "onUpdate:modelValue": (h) => b.interactComponentId = h
+                    }, {
+                      default: e(() => [
+                        (s(!0), p(x, null, O(B(), (h) => (s(), w(T, {
+                          key: h.id,
+                          label: h.title,
+                          value: h.id,
+                          disabled: h.disabled
+                        }, null, 8, ["label", "value", "disabled"]))), 128))
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 2
+                }, 1024),
+                L(b.interactOn).length ? (s(), w(r(J), {
+                  key: 0,
+                  name: "查询结果",
+                  alone: !0
+                }, {
+                  default: e(() => [
+                    t(M, {
+                      data: L(b.interactOn),
+                      size: "small",
+                      stripe: ""
+                    }, {
+                      default: e(() => [
+                        t(g, {
+                          prop: "value",
+                          label: "参数"
+                        }),
+                        t(g, {
+                          prop: "label",
+                          label: "说明"
+                        })
+                      ]),
+                      _: 2
+                    }, 1032, ["data"])
+                  ]),
+                  _: 2
+                }, 1024)) : j("", !0),
+                t(c, { type: "primary" }, {
+                  default: e(() => n[4] || (n[4] = [
+                    k(" 关联目标请求参数 ")
+                  ])),
+                  _: 1,
+                  __: [4]
+                }),
+                (s(), p(x, null, O(S, (h) => t(r(J), {
+                  name: h,
+                  key: h
+                }, {
+                  default: e(() => [
+                    (s(!0), p(x, null, O(F(b.interactComponentId, h), (it, Z, re) => (s(), w(r(ue), {
+                      key: re,
+                      name: `${Z}`
+                    }, {
+                      default: e(() => [
+                        t(v, {
+                          size: "small",
+                          modelValue: b.interactFn[Z],
+                          "onUpdate:modelValue": (W) => b.interactFn[Z] = W,
+                          clearable: ""
+                        }, {
+                          default: e(() => [
+                            (s(!0), p(x, null, O(L(b.interactOn), (W) => (s(), w(T, {
+                              key: W.value,
+                              label: W.label,
+                              value: W.value
+                            }, null, 8, ["label", "value"]))), 128))
+                          ]),
+                          _: 2
+                        }, 1032, ["modelValue", "onUpdate:modelValue"])
+                      ]),
+                      _: 2
+                    }, 1032, ["name"]))), 128)),
+                    ie(o("span", Ee, " 暂无数据 ", 512), [
+                      [de, JSON.stringify(F(b.interactComponentId, h)) === "{}"]
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["name"])), 64))
+              ]),
+              _: 2
+            }, 1024))), 128))
+          ];
+        }),
+        _: 1
+      })) : j("", !0);
+    };
+  }
+});
+const ke = /* @__PURE__ */ ne(he, [["__scopeId", "data-v-fa141194"]]), Ce = `
+console.log(e)
+`, Oe = `
+console.log(echarts)
+`, Ve = `
+console.log(components)
+`, Te = `
+console.log(node_modules)
+`, we = `
+// 在渲染之后才能获取 dom 实例
+e.el.addEventListener('click', () => {
+  alert('我触发啦~');
+}, false)
+`, $e = `
+await import('https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/lodash.js/4.17.21/lodash.js')
+
+// lodash 默认赋值给 "_"
+console.log('isEqual', _.isEqual(['1'], ['1']))
+`, De = `
+// 获取 echart 实例
+const chart = this.refs.vChartRef.chart
+
+// 图表设置 tooltip
+chart.setOption({
+  tooltip: {
+    trigger: 'axis', // item
+    enterable: true,
+    formatter (params) {
+      return\`
+        <div>
+          <img src="https://portrait.gitee.com/uploads/avatars/user/1654/4964818_MTrun_1653229420.png!avatar30">
+          <b><a href="https://gitee.com/dromara/hgdataview">《这是一个自定义的 tooltip》</a></b>
+        <div>
+        <div style='border-radius:35px;color:#666'>
+        \${Object.entries(params[0].value).map(kv => \`<div>\${kv[0]}:\${kv[1]}</div>\`).join('')}
+        </div>
+      \`;
+    },
+  }
+})
+`, Se = `
+// 组件样式作用域标识
+const scoped = this.subTree.scopeId
+function loadStyleString(css){
+	let style = document.createElement('style')
+	style.type = 'text/css'
+	style.appendChild(document.createTextNode(css))
+	let head = document.getElementsByTagName('head')[0]
+	head.appendChild(style)
+}
+loadStyleString(\`
+.dv-scroll-board[\${scoped}] {
+  position: relative;
+  overflow: hidden;
+}
+.dv-scroll-board[\${scoped}]::before {
+  content: '';
+  display: block;
+  position: absolute;
+  top: -20%;
+  left: -100%;
+  width: 550px;
+  height: 60px;
+  transform: rotate(-45deg);
+  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0));
+  animation: cross 2s infinite;
+}
+@keyframes cross{
+  to{
+    top: 80%;
+    left: 100%;
+    transform: rotate(-45deg);
+  }
+}
+\`)
+`, Ie = `
+const chart = this.refs.vChartRef.chart
+// 定义地图原点大小，同理可自定义标签等内容
+this.props.chartConfig.option.series[0].symbolSize = (val) => {
+  return Math.sqrt(val[2]) / 3;
+}
+this.setupState.vEchartsSetOption();
+let i = 0; // 当前轮播索引
+const len = 3; // 轮播部分提示
+(function showTips() {
+  const action = (type, dataIndex) => {
+    chart.dispatchAction({
+      type,
+      dataIndex,
+      seriesIndex: 0,
+    });
+  }
+  setInterval(() => {
+    action("downplay", i);
+    action("hideTip", i);
+    if (i === len) i = 0;
+    i++;
+    action("highlight", i);
+    action("showTip", i);
+  }, 2000);
+})()
+`, Ne = [
+  {
+    description: "获取当前组件实例",
+    code: Ce
+  },
+  {
+    description: "获取全局 echarts 实例",
+    code: Oe
+  },
+  {
+    description: "获取组件图表集合",
+    code: Ve
+  },
+  {
+    description: "获取 nodeModules 实例",
+    code: Te
+  },
+  {
+    description: "获取远程 CDN 资源",
+    code: $e
+  },
+  {
+    description: "设置文字组件点击事件",
+    code: we
+  },
+  {
+    description: "修改图表 tooltip",
+    code: De
+  },
+  {
+    description: "添加【轮播列表】样式",
+    code: Se
+  },
+  {
+    description: "修改【地图】圆点，新增提示自动轮播",
+    code: Ie
+  }
+], Le = { class: "collapse-item-title" }, Me = { class: "func-annotate" }, Ae = { class: "func-keyword" }, Ue = { class: "go-ml-4" }, Fe = {
+  class: "tab-tip",
+  style: { color: "var(--el-color-warning)" }
+}, Pe = { class: "go-pl-3" }, qe = { class: "func-keyNameWord" }, je = { style: { color: "var(--el-text-color-secondary)" } }, Re = { style: { color: "var(--el-text-color-secondary)" } }, Be = { style: { color: "var(--el-text-color-secondary)" } }, ze = { style: { display: "flex", "justify-content": "space-between", "align-items": "center" } }, Ge = { class: "go-flex-items-center" }, He = /* @__PURE__ */ X({
+  __name: "index",
+  setup(Y) {
+    var N;
+    const { targetData: _ } = Q(), { DocumentTextIcon: R, PencilIcon: A } = te.ionicons5, m = {
+      [q.VNODE_BEFORE_MOUNT]: "渲染之前",
+      [q.VNODE_MOUNTED]: "渲染之后"
+    }, $ = {
+      [q.VNODE_BEFORE_MOUNT]: "此时组件 DOM 还未存在",
+      [q.VNODE_MOUNTED]: "此时组件 DOM 已经存在"
+    }, S = U(!1), V = U(q.VNODE_MOUNTED);
+    let I = U({ ...((N = _.value) == null ? void 0 : N.events.advancedEvents) || {} });
+    const F = U(!1), L = () => {
+      let l = "", n = "", d = "";
+      return F.value = Object.entries(I.value).every(([E, f]) => {
+        try {
+          const c = Object.getPrototypeOf(async function() {
+          }).constructor;
+          return new c(f), !0;
+        } catch (c) {
+          return n = c.message, d = c.name, l = E, !1;
+        }
+      }), {
+        errorFn: l,
+        message: n,
+        name: d
+      };
+    }, B = () => {
+      S.value = !1;
+    }, z = () => {
+      if (_.value) {
+        if (L().errorFn) {
+          window.$message.error("事件函数错误，无法进行保存");
+          return;
+        }
+        Object.values(I.value).join("").trim() === "" ? _.value.events.advancedEvents = {
+          vnodeBeforeMount: void 0,
+          vnodeMounted: void 0
+        } : _.value.events.advancedEvents = { ...I.value }, B();
+      }
+    };
+    return ae(
+      () => S.value,
+      (l) => {
+        l && _.value && (I.value = { ..._.value.events.advancedEvents });
+      }
+    ), (l, n) => {
+      const d = a("el-icon"), E = a("el-button"), f = a("el-card"), c = a("el-collapse-item"), T = a("el-tab-pane"), v = a("el-tabs"), C = a("el-main"), g = a("el-collapse"), M = a("el-scrollbar"), P = a("el-tag"), H = a("el-aside"), G = a("el-container"), u = a("el-dialog");
+      return s(), p(x, null, [
+        r(_) ? (s(), w(c, {
+          key: 0,
+          name: "3"
+        }, {
+          title: e(() => [
+            o("div", Le, [
+              n[4] || (n[4] = o("span", null, "高级事件配置", -1)),
+              t(E, {
+                type: "primary",
+                text: "",
+                size: "small",
+                onClick: n[0] || (n[0] = ee((i) => S.value = !0, ["stop"]))
+              }, {
+                icon: e(() => [
+                  t(d, null, {
+                    default: e(() => [
+                      t(r(A))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                default: e(() => [
+                  n[3] || (n[3] = k(" 编辑 "))
+                ]),
+                _: 1,
+                __: [3]
+              })
+            ])
+          ]),
+          default: e(() => [
+            t(f, {
+              class: "collapse-show-box",
+              shadow: "never"
+            }, {
+              default: e(() => [
+                (s(!0), p(x, null, O(r(q), (i) => (s(), p("div", { key: i }, [
+                  o("div", null, [
+                    o("span", Me, "// " + y(m[i]), 1),
+                    n[5] || (n[5] = o("br", null, null, -1)),
+                    o("span", Ae, "async " + y(i), 1),
+                    n[6] || (n[6] = k(" (e, components, node_modules) { "))
+                  ]),
+                  o("div", Ue, [
+                    o("pre", null, [
+                      o("code", null, y((r(_).events.advancedEvents || {})[i] || ""), 1)
+                    ])
+                  ]),
+                  n[7] || (n[7] = o("div", null, [
+                    k("}"),
+                    o("span", null, ",")
+                  ], -1))
+                ]))), 128))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : j("", !0),
+        t(u, {
+          class: "go-chart-data-monaco-editor",
+          modelValue: S.value,
+          "onUpdate:modelValue": n[2] || (n[2] = (i) => S.value = i),
+          "close-on-click-modal": !1,
+          width: "1200px"
+        }, {
+          header: e(() => n[8] || (n[8] = [
+            o("span", null, "高级事件编辑器（配合源码使用）", -1)
+          ])),
+          footer: e(() => [
+            o("div", ze, [
+              o("div", Ge, [
+                t(P, { type: "primary" }, {
+                  icon: e(() => [
+                    t(d, { component: r(R) }, null, 8, ["component"])
+                  ]),
+                  default: e(() => [
+                    n[17] || (n[17] = k(" 说明 "))
+                  ]),
+                  _: 1,
+                  __: [17]
+                }),
+                n[18] || (n[18] = o("span", {
+                  class: "go-ml-2",
+                  style: { color: "var(--el-text-color-secondary)" }
+                }, "通过提供的参数可为图表增加定制化的tooltip、交互事件等等", -1))
+              ]),
+              o("div", null, [
+                t(E, { onClick: B }, {
+                  default: e(() => n[19] || (n[19] = [
+                    k("取消")
+                  ])),
+                  _: 1,
+                  __: [19]
+                }),
+                t(E, {
+                  type: "primary",
+                  onClick: z
+                }, {
+                  default: e(() => n[20] || (n[20] = [
+                    k("保存")
+                  ])),
+                  _: 1,
+                  __: [20]
+                })
+              ])
+            ])
+          ]),
+          default: e(() => [
+            t(G, { style: { height: "580px" } }, {
+              default: e(() => [
+                t(C, { style: { "padding-right": "20px" } }, {
+                  default: e(() => [
+                    t(v, {
+                      modelValue: V.value,
+                      "onUpdate:modelValue": n[1] || (n[1] = (i) => V.value = i),
+                      type: "card"
+                    }, {
+                      suffix: e(() => [
+                        o("span", Fe, "提示: " + y($[V.value]), 1)
+                      ]),
+                      default: e(() => [
+                        (s(!0), p(x, null, O(r(q), (i, b) => (s(), w(T, {
+                          key: b,
+                          label: `${m[i]}-${i}`,
+                          name: i
+                        }, {
+                          default: e(() => [
+                            o("p", Pe, [
+                              n[9] || (n[9] = o("span", { class: "func-keyword" }, "async function   ", -1)),
+                              o("span", qe, y(i) + "(e, components, node_modules)  {", 1)
+                            ]),
+                            t(r(se), {
+                              modelValue: r(I)[i],
+                              "onUpdate:modelValue": (K) => r(I)[i] = K,
+                              height: "480px",
+                              language: "javascript"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                            n[10] || (n[10] = o("p", { class: "go-pl-3 func-keyNameWord" }, "}", -1))
+                          ]),
+                          _: 2,
+                          __: [10]
+                        }, 1032, ["label", "name"]))), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                t(H, {
+                  width: "340px",
+                  style: { padding: "12px 12px 0px 12px", "margin-left": "3px" }
+                }, {
+                  default: e(() => [
+                    t(v, {
+                      "model-value": "1",
+                      stretch: ""
+                    }, {
+                      default: e(() => [
+                        t(T, {
+                          label: "验证结果",
+                          name: "1"
+                        }, {
+                          default: e(() => [
+                            t(M, { style: { "max-height": "505px" } }, {
+                              default: e(() => [
+                                t(g, { class: "go-px-3" }, {
+                                  default: e(() => [
+                                    (s(!0), p(x, null, O([L()], (i) => (s(), p(x, { key: i }, [
+                                      t(c, {
+                                        title: "错误函数",
+                                        name: "1"
+                                      }, {
+                                        default: e(() => [
+                                          o("span", je, y(i.errorFn || "暂无"), 1)
+                                        ]),
+                                        _: 2
+                                      }, 1024),
+                                      t(c, {
+                                        title: "错误信息",
+                                        name: "2"
+                                      }, {
+                                        default: e(() => [
+                                          o("span", Re, y(i.name || "暂无"), 1)
+                                        ]),
+                                        _: 2
+                                      }, 1024),
+                                      t(c, {
+                                        title: "堆栈信息",
+                                        name: "3"
+                                      }, {
+                                        default: e(() => [
+                                          o("span", Be, y(i.message || "暂无"), 1)
+                                        ]),
+                                        _: 2
+                                      }, 1024)
+                                    ], 64))), 128))
+                                  ]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }),
+                        t(T, {
+                          label: "变量说明",
+                          name: "2"
+                        }, {
+                          default: e(() => [
+                            t(M, { style: { "max-height": "505px" } }, {
+                              default: e(() => [
+                                t(g, { class: "go-px-3" }, {
+                                  default: e(() => [
+                                    t(c, {
+                                      title: "e",
+                                      name: "1"
+                                    }, {
+                                      default: e(() => n[11] || (n[11] = [
+                                        o("span", { style: { color: "var(--el-text-color-secondary)" } }, "触发对应生命周期事件时接收的参数", -1)
+                                      ])),
+                                      _: 1,
+                                      __: [11]
+                                    }),
+                                    t(c, {
+                                      title: "this",
+                                      name: "2"
+                                    }, {
+                                      default: e(() => [
+                                        n[12] || (n[12] = o("span", { style: { color: "var(--el-text-color-secondary)" } }, "图表组件实例", -1)),
+                                        n[13] || (n[13] = o("br", null, null, -1)),
+                                        (s(), p(x, null, O(["refs", "setupState", "ctx", "props", "..."], (i) => t(P, {
+                                          class: "go-m-1",
+                                          key: i
+                                        }, {
+                                          default: e(() => [
+                                            k(y(i), 1)
+                                          ]),
+                                          _: 2
+                                        }, 1024)), 64))
+                                      ]),
+                                      _: 1,
+                                      __: [12, 13]
+                                    }),
+                                    t(c, {
+                                      title: "components",
+                                      name: "3"
+                                    }, {
+                                      default: e(() => n[14] || (n[14] = [
+                                        o("span", { style: { color: "var(--el-text-color-secondary)" } }, "当前大屏内所有组件的集合id 图表组件中的配置id，可以获取其他图表组件进行控制", -1),
+                                        o("pre", null, [
+                                          o("code", null, y(`{
+ [id]: component
+}`))
+                                        ], -1)
+                                      ])),
+                                      _: 1,
+                                      __: [14]
+                                    }),
+                                    t(c, {
+                                      title: "node_modules",
+                                      name: "4"
+                                    }, {
+                                      default: e(() => [
+                                        n[15] || (n[15] = o("span", { style: { color: "var(--el-text-color-secondary)" } }, "以下是内置在代码环境中可用的包变量", -1)),
+                                        n[16] || (n[16] = o("br", null, null, -1)),
+                                        (s(!0), p(x, null, O(Object.keys(r(ve) || {}), (i) => (s(), w(P, {
+                                          class: "go-m-1",
+                                          key: i
+                                        }, {
+                                          default: e(() => [
+                                            k(y(i), 1)
+                                          ]),
+                                          _: 2
+                                        }, 1024))), 128))
+                                      ]),
+                                      _: 1,
+                                      __: [15, 16]
+                                    })
+                                  ]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }),
+                        t(T, {
+                          label: "介绍案例",
+                          name: "3"
+                        }, {
+                          default: e(() => [
+                            t(M, { style: { "max-height": "505px" } }, {
+                              default: e(() => [
+                                t(g, null, {
+                                  default: e(() => [
+                                    (s(!0), p(x, null, O(r(Ne), (i, b) => (s(), w(c, {
+                                      key: b,
+                                      title: `案例${b + 1}：${i.description}`,
+                                      name: b
+                                    }, {
+                                      default: e(() => [
+                                        o("pre", null, [
+                                          o("code", null, y(i.code), 1)
+                                        ])
+                                      ]),
+                                      _: 2
+                                    }, 1032, ["title", "name"]))), 128))
+                                  ]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ], 64);
+    };
+  }
+});
+const Ke = /* @__PURE__ */ ne(He, [["__scopeId", "data-v-d4c809ae"]]), We = { class: "collapse-item-title" }, Je = { class: "func-annotate" }, Xe = { class: "func-keyword" }, Qe = { class: "go-ml-4" }, Ye = { class: "go-pl-3" }, Ze = { class: "func-keyNameWord" }, et = { style: { color: "var(--el-text-color-secondary)" } }, tt = { style: { color: "var(--el-text-color-secondary)" } }, nt = { style: { color: "var(--el-text-color-secondary)" } }, ot = { style: { display: "flex", "justify-content": "space-between", "align-items": "center" } }, lt = { class: "go-flex-items-center" }, at = /* @__PURE__ */ X({
+  __name: "index",
+  setup(Y) {
+    var z;
+    const { targetData: _ } = Q(), { DocumentTextIcon: R, PencilIcon: A } = te.ionicons5, m = {
+      [D.ON_CLICK]: "单击",
+      [D.ON_DBL_CLICK]: "双击",
+      [D.ON_MOUSE_ENTER]: "鼠标进入",
+      [D.ON_MOUSE_LEAVE]: "鼠标移出"
+    }, $ = U(!1), S = U(D.ON_CLICK);
+    let V = U({ ...((z = _.value) == null ? void 0 : z.events.baseEvent) || {} });
+    const I = U(!1), F = () => {
+      let N = "", l = "", n = "";
+      return I.value = Object.entries(V.value).every(([d, E]) => {
+        try {
+          const f = Object.getPrototypeOf(async function() {
+          }).constructor;
+          return new f(E), !0;
+        } catch (f) {
+          return l = f.message, n = f.name, N = d, !1;
+        }
+      }), {
+        errorFn: N,
+        message: l,
+        name: n
+      };
+    }, L = () => {
+      $.value = !1;
+    }, B = () => {
+      if (_.value) {
+        if (F().errorFn) {
+          window.$message.error("事件函数错误，无法进行保存");
+          return;
+        }
+        Object.values(V.value).join("").trim() === "" ? _.value.events.baseEvent = {
+          [D.ON_CLICK]: void 0,
+          [D.ON_DBL_CLICK]: void 0,
+          [D.ON_MOUSE_ENTER]: void 0,
+          [D.ON_MOUSE_LEAVE]: void 0
+        } : _.value.events.baseEvent = { ...V.value }, L();
+      }
+    };
+    return ae(
+      () => $.value,
+      (N) => {
+        N && _.value && (V.value = { ..._.value.events.baseEvent });
+      }
+    ), (N, l) => {
+      const n = a("el-icon"), d = a("el-button"), E = a("el-card"), f = a("el-collapse-item"), c = a("el-tab-pane"), T = a("el-tabs"), v = a("el-main"), C = a("el-collapse"), g = a("el-scrollbar"), M = a("el-aside"), P = a("el-container"), H = a("el-tag"), G = a("el-dialog");
+      return s(), p(x, null, [
+        r(_) ? (s(), w(f, {
+          key: 0,
+          name: "2"
+        }, {
+          title: e(() => [
+            o("div", We, [
+              l[4] || (l[4] = o("span", null, "基础事件配置", -1)),
+              t(d, {
+                type: "primary",
+                text: "",
+                size: "small",
+                onClick: l[0] || (l[0] = ee((u) => $.value = !0, ["stop"]))
+              }, {
+                icon: e(() => [
+                  t(n, null, {
+                    default: e(() => [
+                      t(r(A))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                default: e(() => [
+                  l[3] || (l[3] = k(" 编辑 "))
+                ]),
+                _: 1,
+                __: [3]
+              })
+            ])
+          ]),
+          default: e(() => [
+            t(E, {
+              class: "collapse-show-box",
+              shadow: "never"
+            }, {
+              default: e(() => [
+                (s(!0), p(x, null, O(r(D), (u) => (s(), p("div", { key: u }, [
+                  o("div", null, [
+                    o("span", Je, "// " + y(m[u]), 1),
+                    l[5] || (l[5] = o("br", null, null, -1)),
+                    o("span", Xe, "async " + y(u), 1),
+                    l[6] || (l[6] = k(" (mouseEvent,components) { "))
+                  ]),
+                  o("div", Qe, [
+                    o("pre", null, [
+                      o("code", null, y((r(_).events.baseEvent || {})[u] || ""), 1)
+                    ])
+                  ]),
+                  l[7] || (l[7] = o("div", null, [
+                    k("}"),
+                    o("span", null, ",")
+                  ], -1))
+                ]))), 128))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : j("", !0),
+        t(G, {
+          class: "go-chart-data-monaco-editor",
+          modelValue: $.value,
+          "onUpdate:modelValue": l[2] || (l[2] = (u) => $.value = u),
+          "close-on-click-modal": !1,
+          width: "1200px"
+        }, {
+          header: e(() => l[8] || (l[8] = [
+            o("span", null, "基础事件编辑器", -1)
+          ])),
+          footer: e(() => [
+            o("div", ot, [
+              o("div", lt, [
+                t(H, { type: "primary" }, {
+                  icon: e(() => [
+                    t(n, { component: r(R) }, null, 8, ["component"])
+                  ]),
+                  default: e(() => [
+                    l[13] || (l[13] = k(" 说明 "))
+                  ]),
+                  _: 1,
+                  __: [13]
+                }),
+                l[14] || (l[14] = o("span", {
+                  class: "go-ml-2",
+                  style: { color: "var(--el-text-color-secondary)" }
+                }, "编写方式同正常 JavaScript 写法", -1))
+              ]),
+              o("div", null, [
+                t(d, { onClick: L }, {
+                  default: e(() => l[15] || (l[15] = [
+                    k("取消")
+                  ])),
+                  _: 1,
+                  __: [15]
+                }),
+                t(d, {
+                  type: "primary",
+                  onClick: B
+                }, {
+                  default: e(() => l[16] || (l[16] = [
+                    k("保存")
+                  ])),
+                  _: 1,
+                  __: [16]
+                })
+              ])
+            ])
+          ]),
+          default: e(() => [
+            t(P, { style: { height: "580px" } }, {
+              default: e(() => [
+                t(v, { style: { "padding-right": "20px" } }, {
+                  default: e(() => [
+                    t(T, {
+                      modelValue: S.value,
+                      "onUpdate:modelValue": l[1] || (l[1] = (u) => S.value = u),
+                      type: "card"
+                    }, {
+                      suffix: e(() => l[9] || (l[9] = [
+                        o("span", {
+                          class: "tab-tip",
+                          style: { color: "var(--el-color-warning)" }
+                        }, "提示: ECharts 组件会拦截鼠标事件", -1)
+                      ])),
+                      default: e(() => [
+                        (s(!0), p(x, null, O(r(D), (u, i) => (s(), w(c, {
+                          key: i,
+                          label: `${m[u]}-${u}`,
+                          name: u
+                        }, {
+                          default: e(() => [
+                            o("p", Ye, [
+                              l[10] || (l[10] = o("span", { class: "func-keyword" }, "async function   ", -1)),
+                              o("span", Ze, y(u) + "(mouseEvent,components)  {", 1)
+                            ]),
+                            t(r(se), {
+                              modelValue: r(V)[u],
+                              "onUpdate:modelValue": (b) => r(V)[u] = b,
+                              height: "480px",
+                              language: "javascript"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                            l[11] || (l[11] = o("p", { class: "go-pl-3 func-keyNameWord" }, "}", -1))
+                          ]),
+                          _: 2,
+                          __: [11]
+                        }, 1032, ["label", "name"]))), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                t(M, {
+                  width: "340px",
+                  style: { padding: "12px 12px 0px 12px", "margin-left": "3px" }
+                }, {
+                  default: e(() => [
+                    t(T, {
+                      "model-value": "1",
+                      stretch: ""
+                    }, {
+                      default: e(() => [
+                        t(c, {
+                          label: "验证结果",
+                          name: "1"
+                        }, {
+                          default: e(() => [
+                            t(g, { style: { "max-height": "505px" } }, {
+                              default: e(() => [
+                                t(C, { class: "go-px-3" }, {
+                                  default: e(() => [
+                                    (s(!0), p(x, null, O([F()], (u) => (s(), p(x, { key: u }, [
+                                      t(f, {
+                                        title: "错误函数",
+                                        name: "1"
+                                      }, {
+                                        default: e(() => [
+                                          o("span", et, y(u.errorFn || "暂无"), 1)
+                                        ]),
+                                        _: 2
+                                      }, 1024),
+                                      t(f, {
+                                        title: "错误信息",
+                                        name: "2"
+                                      }, {
+                                        default: e(() => [
+                                          o("span", tt, y(u.name || "暂无"), 1)
+                                        ]),
+                                        _: 2
+                                      }, 1024),
+                                      t(f, {
+                                        title: "堆栈信息",
+                                        name: "3"
+                                      }, {
+                                        default: e(() => [
+                                          o("span", nt, y(u.message || "暂无"), 1)
+                                        ]),
+                                        _: 2
+                                      }, 1024)
+                                    ], 64))), 128))
+                                  ]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }),
+                        t(c, {
+                          label: "变量说明",
+                          name: "2"
+                        }, {
+                          default: e(() => [
+                            t(g, { style: { "max-height": "505px" } }, {
+                              default: e(() => [
+                                t(C, { class: "go-px-3" }, {
+                                  default: e(() => [
+                                    t(f, {
+                                      title: "mouseEvent",
+                                      name: "1"
+                                    }, {
+                                      default: e(() => l[12] || (l[12] = [
+                                        o("span", { style: { color: "var(--el-text-color-secondary)" } }, "鼠标事件对象", -1)
+                                      ])),
+                                      _: 1,
+                                      __: [12]
+                                    })
+                                  ]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ], 64);
+    };
+  }
+});
+const st = /* @__PURE__ */ ne(at, [["__scopeId", "data-v-472a30e7"]]), rt = { style: { color: "var(--el-text-color-secondary)" } }, Ht = /* @__PURE__ */ X({
+  __name: "index",
+  setup(Y) {
+    const { targetData: _ } = Q();
+    return (R, A) => {
+      const m = a("el-collapse");
+      return r(_) ? (s(), w(m, {
+        key: 0,
+        class: "go-mt-3",
+        "model-value": ["1", "2"]
+      }, {
+        default: e(() => [
+          o("span", rt, [
+            A[0] || (A[0] = k(" 组件 id： ")),
+            o("span", null, y(r(_).id), 1)
+          ]),
+          t(r(ke)),
+          t(r(st)),
+          t(r(Ke))
+        ]),
+        _: 1
+      })) : j("", !0);
+    };
+  }
+});
+export {
+  Ht as default
+};
+//# sourceMappingURL=index-148f6c33.js.map