bp-aicc-editor 1.0.0

package/lib/index-BSeD4M2U.js

@@ -0,0 +1,988 @@
+import { defineComponent as x, computed as R, ref as S, h as E, resolveComponent as g, createElementBlock as b, openBlock as m, Fragment as w, createElementVNode as i, createVNode as l, createCommentVNode as q, normalizeClass as oe, withCtx as s, toDisplayString as B, createTextVNode as y, renderList as W, normalizeStyle as ae, withModifiers as L, createBlock as G, inject as se, provide as ie, watch as de, onMounted as ue, withDirectives as re, vShow as ve } from "vue";
+import { u as pe } from "./event-DDj_G-ix.js";
+import { b as me, a as ce, _ as ee, aU as Z } from "./index-Bjs1bW2W.js";
+import { c as fe, i as Ee } from "./index-B9nm6Rgv.js";
+import { C as be, a as ke } from "./children-manager-CdxNQ6Oe.js";
+import { E as ye } from "./empty-panel-C6Y6WgQ5.js";
+import { NIcon as H, NDataTable as te, NInput as h, NPopover as ne, NTreeSelect as le, NSelect as _, NTooltip as ge, NPopconfirm as we, NCheckbox as Ce, NDrawer as Te, NDrawerContent as Ve, NRadioGroup as Ne, NRadioButton as Ie, NButton as he } from "naive-ui";
+import { I as Se } from "./arrow-right-ZYLcC6uE.js";
+import { b as Oe, d as K } from "./delete-074QJWYN.js";
+import { I as Ue } from "./plus-DjE6l8qH.js";
+import { I as Fe } from "./search-DkzwOoCx.js";
+const Pe = x({
+  name: "EventItem",
+  components: {
+    IconArrowRight: Se,
+    IconDelete: K,
+    IconPlus: Ue,
+    NTreeSelect: le,
+    IconEdit: Oe,
+    IconSearch: Fe,
+    NPopover: ne,
+    NInput: h,
+    NDataTable: te,
+    NIcon: H
+  },
+  props: {
+    item: {
+      type: Object,
+      required: !0
+    },
+    com: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    const t = me(), z = ce();
+    console.log(" editorStore.pageConfig");
+    const j = R(() => t.pageConfig.pages), V = R(
+      () => j.value?.map((o) => ({
+        id: o.name,
+        value: o.name
+      }))
+    ), f = R(() => V.value.map((o) => o.id)), N = S(!0), k = S(e.item.enable), C = S(!1), O = S(""), u = S(), M = R(() => {
+      const o = t.pageConfig.pages, a = z.coms, n = [];
+      return o.forEach((D) => {
+        n.push({
+          alias: D.name,
+          id: D.id,
+          children: a.filter((A) => D.children.includes(A.id))
+        });
+      }), n;
+    }), I = S(""), r = () => {
+      const o = Object.entries(e.com.events[e.item.name].fields).map(([a, n]) => ({
+        name: a,
+        ...n,
+        operator: null,
+        checkValue: "",
+        screenId: null
+      }));
+      u.value = useEventConfig(o), I.value = u.value.customFunc, e.com.events[e.item.name].events || (e.com.events[e.item.name].events = []), e.com.events[e.item.name].events.push(u.value), O.value = e.item.description, C.value = !0;
+    }, v = (o) => {
+      e.item.enable = o;
+    }, p = (o) => {
+      o.push({
+        type: "string",
+        name: "",
+        map: "",
+        description: "",
+        custom: !0,
+        optional: !1
+      });
+    }, d = (o, a) => {
+      a.func = o.value, u.value.customFunc = I.value;
+    }, c = {
+      [EVENT_TYPE.组件事件]: "组件事件",
+      [EVENT_TYPE.系统事件]: "系统事件",
+      [EVENT_TYPE.自定义事件]: "自定义事件"
+    }, T = {
+      [EVENT_TYPE.组件事件]: "var(--el-color-success)",
+      [EVENT_TYPE.系统事件]: "var(--el-color-primary)",
+      [EVENT_TYPE.自定义事件]: "var(--el-border-color-light)"
+    }, Y = (o, a) => {
+      o.splice(a, 1);
+    }, F = (o, a) => {
+      u.value = o[a], I.value = u.value.customFunc, O.value = e.item.description, C.value = !0;
+    }, P = (o) => {
+      o || (u.value.customFunc = I.value, I.value = "");
+    }, $ = [
+      {
+        id: "==",
+        value: "等于"
+      },
+      {
+        id: ">",
+        value: "大于"
+      },
+      {
+        id: "<",
+        value: "小于"
+      },
+      {
+        id: ">=",
+        value: "大于等于"
+      },
+      {
+        id: "<=",
+        value: "小于等于"
+      },
+      {
+        id: "!=",
+        value: "不等于"
+      },
+      {
+        id: "includes",
+        value: "包含"
+      }
+    ], U = [
+      {
+        id: EVENT_SHOW_HIDDEN.显示,
+        value: "显示"
+      },
+      {
+        id: EVENT_SHOW_HIDDEN.隐藏,
+        value: "隐藏"
+      }
+    ];
+    return {
+      handDeleteEvent: Y,
+      handEditEvent: F,
+      toggleShow: P,
+      codeValue: I,
+      screens: V,
+      handCodeBlur: d,
+      addField: p,
+      eventTree: M,
+      editEvent: u,
+      visible: N,
+      isEnabled: k,
+      eventTitle: O,
+      showEventDrawer: C,
+      showColumns: [
+        {
+          title: "字段名",
+          key: "name",
+          width: 80,
+          render(o, a) {
+            return E(h, {
+              value: o.name,
+              onUpdateValue(n) {
+                u.value.updateHiddle.fields[a].name = n;
+              }
+            });
+          }
+        },
+        {
+          title: "运算符",
+          key: "operator",
+          width: 120,
+          render(o, a) {
+            return E(_, {
+              value: o.operator,
+              options: $,
+              labelField: "value",
+              valueField: "id",
+              onUpdateValue(n) {
+                u.value.updateHiddle.fields[a].operator = n;
+              }
+            });
+          }
+        },
+        {
+          title: "值",
+          key: "checkValue",
+          render(o, a) {
+            return E(h, {
+              value: o.checkValue,
+              onUpdateValue(n) {
+                u.value.updateHiddle.fields[a].checkValue = n;
+              }
+            });
+          }
+        },
+        {
+          title: "状态",
+          key: "map",
+          width: 100,
+          render(o, a) {
+            return E(_, {
+              value: o.map,
+              options: U,
+              labelField: "value",
+              valueField: "id",
+              onUpdateValue(n) {
+                u.value.updateHiddle.fields[a].map = n;
+              }
+            });
+          }
+        },
+        {
+          title: "",
+          key: "",
+          width: 50,
+          render(o, a) {
+            return E(
+              H,
+              {
+                onClick(n) {
+                  u.value.updateHiddle.fields.splice(a, 1);
+                }
+              },
+              {
+                default: () => E(K)
+              }
+            );
+          }
+        }
+      ],
+      showReColumns: [
+        {
+          title: "字段名",
+          key: "name",
+          width: 80,
+          render(o, a) {
+            return E(h, {
+              value: o.name,
+              onUpdateValue(n) {
+                u.value.reRequest.fields[a].name = n;
+              }
+            });
+          }
+        },
+        {
+          title: "映射字段名",
+          key: "map",
+          width: 120,
+          render(o, a) {
+            return E(h, {
+              value: o.map,
+              onUpdateValue(n) {
+                u.value.reRequest.fields[a].map = n;
+              }
+            });
+          }
+        },
+        {
+          title: "说明",
+          key: "description",
+          width: 120,
+          render(o, a) {
+            return E(h, {
+              disabled: !0,
+              value: o.description || "暂无"
+            });
+          }
+        },
+        {
+          title: "",
+          key: "",
+          width: 50,
+          render(o, a) {
+            return E(
+              H,
+              {
+                onClick(n) {
+                  u.value.reRequest.fields.splice(a, 1);
+                }
+              },
+              {
+                default: () => E(K)
+              }
+            );
+          }
+        }
+      ],
+      screenColumns: [
+        {
+          title: "字段名",
+          key: "name",
+          width: 80,
+          render(o, a) {
+            return E(h, {
+              value: o.name,
+              onUpdateValue(n) {
+                u.value.sysUpScreen.fields[a].name = n;
+              }
+            });
+          }
+        },
+        {
+          title: "运算符",
+          key: "operator",
+          width: 120,
+          render(o, a) {
+            return E(_, {
+              value: o.operator,
+              options: $,
+              labelField: "value",
+              valueField: "id",
+              onUpdateValue(n) {
+                u.value.sysUpScreen.fields[a].operator = n;
+              }
+            });
+          }
+        },
+        {
+          title: "目标值",
+          key: "checkValue",
+          width: 100,
+          render(o, a) {
+            return E(h, {
+              value: o.checkValue,
+              onUpdateValue(n) {
+                u.value.sysUpScreen.fields[a].checkValue = n;
+              }
+            });
+          }
+        },
+        {
+          title: "子屏",
+          key: "screenId",
+          render(o, a) {
+            return E(_, {
+              value: o.screenId,
+              options: V.value,
+              labelField: "value",
+              valueField: "id",
+              onUpdateValue(n) {
+                u.value.sysUpScreen.fields[a].screenId = n;
+              }
+            });
+          }
+        },
+        {
+          title: "",
+          key: "",
+          width: 50,
+          render(o, a) {
+            return E(
+              H,
+              {
+                onClick(n) {
+                  u.value.sysUpScreen.fields.splice(a, 1);
+                }
+              },
+              {
+                default: () => E(K)
+              }
+            );
+          }
+        }
+      ],
+      onEnableChange: v,
+      handAddEvent: r,
+      pages: j,
+      EVENT_TYPE,
+      getEvenType: (o) => c[o],
+      getEventColor: (o) => T[o],
+      actionOptions: Object.entries(EVENT_COM_ACTION).map(([o, a]) => ({ id: a, value: o })),
+      EVENT_SYS_ACTION,
+      EVENT_COM_ACTION,
+      // handUpdateStaticData,
+      // handUpdateStaticDataChange,
+      eventTypes: [
+        {
+          id: "com-event",
+          value: "组件事件"
+        },
+        {
+          id: "sys-event",
+          value: "系统事件"
+        },
+        {
+          id: "custom-event",
+          value: "自定义事件"
+        }
+      ],
+      eventSysTypes: [
+        {
+          id: EVENT_SYS_ACTION.切换子屏,
+          value: "切换子屏"
+        },
+        {
+          id: EVENT_SYS_ACTION.跳转链接,
+          value: "跳转链接"
+        },
+        {
+          id: EVENT_SYS_ACTION.定时器,
+          value: "定时器"
+        }
+      ],
+      operators: $,
+      showHiddens: U,
+      defaultExpendKeys: f
+    };
+  }
+}), $e = { class: "event" }, De = { class: "events-title" }, Ae = {
+  key: 0,
+  class: "variables"
+}, je = { class: "event-item-icon" }, Ye = { class: "add-variable" }, Be = { class: "ds-response-btn" }, ze = { class: "ds-preview-content" }, Re = { class: "add-variable" }, He = { class: "add-variable" };
+function Me(e, t, z, j, V, f) {
+  const N = g("IconArrowRight"), k = H, C = g("IconPlus"), O = ge, u = h, M = g("IconEdit"), I = g("IconDelete"), r = we, v = Ce, p = g("g-input"), d = g("g-field"), c = Ie, T = Ne, Y = le, F = g("g-select"), P = te, $ = he, U = g("g-monaco-editor"), J = g("IconSearch"), Q = ne, X = g("g-input-number"), o = Ve, a = Te;
+  return m(), b(w, null, [
+    i("div", $e, [
+      i("div", De, [
+        l(k, {
+          class: oe(e.visible ? "events-down" : "events-up"),
+          onClick: t[0] || (t[0] = (n) => e.visible = !e.visible)
+        }, {
+          default: s(() => [
+            l(N)
+          ]),
+          _: 1
+        }, 8, ["class"]),
+        i("div", {
+          class: "event-text",
+          onClick: t[1] || (t[1] = (n) => e.visible = !e.visible)
+        }, B(e.item.description), 1),
+        l(O, { trigger: "hover" }, {
+          trigger: s(() => [
+            l(k, {
+              class: "event-add",
+              onClick: e.handAddEvent
+            }, {
+              default: s(() => [
+                l(C)
+              ]),
+              _: 1
+            }, 8, ["onClick"])
+          ]),
+          default: s(() => [
+            t[23] || (t[23] = y(" 添加组件事件 ", -1))
+          ]),
+          _: 1
+        })
+      ]),
+      e.visible ? (m(), b("div", Ae, [
+        (m(!0), b(w, null, W(e.com.events[e.item.name]?.events, (n, D) => (m(), b("div", { key: D }, [
+          i("p", {
+            style: ae({ color: e.getEventColor(n.type) })
+          }, B(e.getEvenType(n.type)), 5),
+          l(u, {
+            value: n.name,
+            "onUpdate:value": (A) => n.name = A,
+            size: "small",
+            clearable: ""
+          }, null, 8, ["value", "onUpdate:value"]),
+          i("div", je, [
+            l(k, {
+              class: "event-icon",
+              onClick: (A) => e.handEditEvent(e.com.events[e.item.name]?.events, D)
+            }, {
+              default: s(() => [
+                l(M)
+              ]),
+              _: 1
+            }, 8, ["onClick"]),
+            l(r, {
+              size: "small",
+              onPositiveClick: (A) => e.handDeleteEvent(e.com.events[e.item.name]?.events, D)
+            }, {
+              trigger: s(() => [
+                l(k, { class: "event-icon" }, {
+                  default: s(() => [
+                    l(I)
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: s(() => [
+                y(" 是否删除 [ " + B(e.getEvenType(n.type)) + " - " + B(n.name) + " ] ", 1)
+              ]),
+              _: 2
+            }, 1032, ["onPositiveClick"])
+          ]),
+          l(v, {
+            checked: n.enable,
+            "onUpdate:checked": (A) => n.enable = A,
+            class: "enable-checkbox",
+            onClick: t[2] || (t[2] = L(() => {
+            }, ["stop"]))
+          }, {
+            default: s(() => [...t[24] || (t[24] = [
+              y(" 启用 ", -1)
+            ])]),
+            _: 1
+          }, 8, ["checked", "onUpdate:checked"])
+        ]))), 128))
+      ])) : q("", !0)
+    ]),
+    l(a, {
+      show: e.showEventDrawer,
+      "onUpdate:show": [
+        t[22] || (t[22] = (n) => e.showEventDrawer = n),
+        e.toggleShow
+      ],
+      "show-mask": !1,
+      resizable: "",
+      width: 500,
+      "max-width": 1200,
+      "min-width": 400,
+      class: "com-event-draw"
+    }, {
+      default: s(() => [
+        l(o, {
+          title: e.eventTitle,
+          closable: ""
+        }, {
+          default: s(() => [
+            l(d, {
+              "label-span": "5",
+              label: "事件名称"
+            }, {
+              default: s(() => [
+                l(p, {
+                  modelValue: e.editEvent.name,
+                  "onUpdate:modelValue": t[3] || (t[3] = (n) => e.editEvent.name = n),
+                  clearable: ""
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            l(d, {
+              "label-span": "5",
+              label: "事件类别"
+            }, {
+              default: s(() => [
+                l(T, {
+                  value: e.editEvent.type,
+                  "onUpdate:value": t[4] || (t[4] = (n) => e.editEvent.type = n),
+                  onChange: t[5] || (t[5] = (n) => e.editEvent.actions = null)
+                }, {
+                  default: s(() => [
+                    (m(!0), b(w, null, W(e.eventTypes, (n) => (m(), G(c, {
+                      key: n.id,
+                      value: n.id
+                    }, {
+                      default: s(() => [
+                        y(B(n.value), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["value"])
+              ]),
+              _: 1
+            }),
+            e.editEvent.type === e.EVENT_TYPE.组件事件 ? (m(), b(w, { key: 0 }, [
+              l(d, {
+                "label-span": "5",
+                label: "事件目标组件"
+              }, {
+                default: s(() => [
+                  l(Y, {
+                    value: e.editEvent.target,
+                    "onUpdate:value": t[6] || (t[6] = (n) => e.editEvent.target = n),
+                    multiple: "",
+                    checkable: "",
+                    filterable: "",
+                    clearable: "",
+                    "clear-filter-after-select": !1,
+                    options: e.eventTree,
+                    "label-field": "alias",
+                    "key-field": "id",
+                    to: !1
+                  }, null, 8, ["value", "options"])
+                ]),
+                _: 1
+              }),
+              l(d, {
+                "label-span": "5",
+                label: "事件执行动作"
+              }, {
+                default: s(() => [
+                  l(F, {
+                    modelValue: e.editEvent.actions,
+                    "onUpdate:modelValue": t[7] || (t[7] = (n) => e.editEvent.actions = n),
+                    data: e.actionOptions,
+                    size: "medium"
+                  }, null, 8, ["modelValue", "data"])
+                ]),
+                _: 1
+              }),
+              e.editEvent.actions === e.EVENT_COM_ACTION.重新请求 ? (m(), b(w, { key: 0 }, [
+                l(P, {
+                  size: "small",
+                  columns: e.showReColumns,
+                  data: e.editEvent.reRequest.fields
+                }, null, 8, ["columns", "data"]),
+                i("div", Ye, [
+                  l($, {
+                    focusable: !1,
+                    type: "default",
+                    size: "tiny",
+                    onClick: t[8] || (t[8] = (n) => e.addField(e.editEvent.reRequest.fields))
+                  }, {
+                    icon: s(() => [
+                      l(k, { size: 12 }, {
+                        default: s(() => [
+                          l(C)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    default: s(() => [
+                      t[25] || (t[25] = y(" 新建一个条件 ", -1))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                l(d, {
+                  "label-span": "5",
+                  label: "自定义函数"
+                }),
+                t[26] || (t[26] = i("p", { class: "fake-code --start" }, [
+                  i("span", { class: "--keyword" }, "function"),
+                  y(" func(param) { // param:组件实例，包含组件的全部属性及请求配置 ")
+                ], -1)),
+                l(U, {
+                  style: { width: "100%" },
+                  language: "javascript",
+                  code: e.editEvent.reRequest.func,
+                  height: 300,
+                  onBlur: t[9] || (t[9] = (n) => e.handCodeBlur(n, e.editEvent.reRequest))
+                }, null, 8, ["code"]),
+                t[27] || (t[27] = i("p", { class: "fake-code --end" }, " } ", -1))
+              ], 64)) : e.editEvent.actions === e.EVENT_COM_ACTION.更新数据 ? (m(), b(w, { key: 1 }, [
+                l(Q, {
+                  placement: "left-start",
+                  width: 400,
+                  class: "editor-popover"
+                }, {
+                  trigger: s(() => [
+                    i("div", Be, [
+                      l(k, { class: "refresh-btn" }, {
+                        default: s(() => [
+                          l(J)
+                        ]),
+                        _: 1
+                      }),
+                      t[28] || (t[28] = y(" 预览组件当前静态数据 ", -1))
+                    ])
+                  ]),
+                  default: s(() => [
+                    i("div", ze, [
+                      l(U, {
+                        language: "json",
+                        "read-only": !0,
+                        "auto-format": !0,
+                        height: 500,
+                        code: e.com.apiData.source.config.data
+                      }, null, 8, ["code"])
+                    ])
+                  ]),
+                  _: 1
+                }),
+                t[29] || (t[29] = i("p", { class: "fake-code --start" }, [
+                  i("span", { class: "--keyword" }, "function"),
+                  y(" func(param) { ")
+                ], -1)),
+                t[30] || (t[30] = i("p", { class: "fake-code --start" }, " param: {com, data}中包含组件实例(com)和点击事件传递的参数(data) ", -1)),
+                t[31] || (t[31] = i("p", { class: "fake-code --start" }, " 需要return回图表数据 ", -1)),
+                l(U, {
+                  style: { width: "100%" },
+                  language: "javascript",
+                  code: e.editEvent.updateData.func,
+                  height: 500,
+                  "auto-format": "",
+                  onBlur: t[10] || (t[10] = (n) => e.handCodeBlur(n, e.editEvent.updateData))
+                }, null, 8, ["code"]),
+                t[32] || (t[32] = i("p", { class: "fake-code --end" }, " } ", -1))
+              ], 64)) : [e.EVENT_COM_ACTION.显示, e.EVENT_COM_ACTION.隐藏, e.EVENT_COM_ACTION.切换显隐].includes(e.editEvent.actions) ? (m(), b(w, { key: 2 }, [
+                l(d, {
+                  "label-span": "5",
+                  tooltip: "",
+                  label: "条件设置"
+                }),
+                l(P, {
+                  empty: "未配置条件",
+                  size: "small",
+                  columns: e.showColumns,
+                  data: e.editEvent.updateHiddle.fields
+                }, null, 8, ["columns", "data"]),
+                i("div", Re, [
+                  l($, {
+                    focusable: !1,
+                    type: "default",
+                    size: "tiny",
+                    onClick: t[11] || (t[11] = (n) => e.addField(e.editEvent.updateHiddle.fields))
+                  }, {
+                    icon: s(() => [
+                      l(k, { size: 12 }, {
+                        default: s(() => [
+                          l(C)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    default: s(() => [
+                      t[33] || (t[33] = y(" 新建一个条件 ", -1))
+                    ]),
+                    _: 1
+                  })
+                ])
+              ], 64)) : q("", !0)
+            ], 64)) : e.editEvent.type === e.EVENT_TYPE.系统事件 ? (m(), b(w, { key: 1 }, [
+              l(d, {
+                "label-span": "5",
+                label: "事件执行动作"
+              }, {
+                default: s(() => [
+                  l(F, {
+                    modelValue: e.editEvent.actions,
+                    "onUpdate:modelValue": t[12] || (t[12] = (n) => e.editEvent.actions = n),
+                    data: e.eventSysTypes
+                  }, null, 8, ["modelValue", "data"])
+                ]),
+                _: 1
+              }),
+              e.editEvent.actions === e.EVENT_SYS_ACTION.跳转链接 ? (m(), b(w, { key: 0 }, [
+                l(d, {
+                  "label-span": "5",
+                  tooltip: "支持拼接参数，如：https://www.baidu.com?name=x&count=y",
+                  label: "链接地址"
+                }, {
+                  default: s(() => [
+                    l(p, {
+                      modelValue: e.editEvent.link,
+                      "onUpdate:modelValue": t[13] || (t[13] = (n) => e.editEvent.link = n),
+                      clearable: "",
+                      placeholder: "https://www.baidu.com?name=x&count=y",
+                      label: "请输入完整的链接地址，支持拼接参数"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                l(d, {
+                  "label-span": "5",
+                  label: "打开方式"
+                }, {
+                  default: s(() => [
+                    l(v, {
+                      checked: e.editEvent.linkBlank,
+                      "onUpdate:checked": t[14] || (t[14] = (n) => e.editEvent.linkBlank = n),
+                      class: "enable-checkbox",
+                      onClick: t[15] || (t[15] = L(() => {
+                      }, ["stop"]))
+                    }, {
+                      default: s(() => [...t[34] || (t[34] = [
+                        y(" 新窗口打开 ", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["checked"])
+                  ]),
+                  _: 1
+                })
+              ], 64)) : e.editEvent.actions === e.EVENT_SYS_ACTION.切换子屏 ? (m(), b(w, { key: 1 }, [
+                l(d, {
+                  "label-span": "5",
+                  tooltip: "",
+                  label: "参数设置"
+                }),
+                l(P, {
+                  empty: "未配置条件",
+                  size: "small",
+                  columns: e.screenColumns,
+                  data: e.editEvent.sysUpScreen.fields
+                }, null, 8, ["columns", "data"]),
+                i("div", He, [
+                  l($, {
+                    focusable: !1,
+                    type: "default",
+                    size: "tiny",
+                    onClick: t[16] || (t[16] = (n) => e.addField(e.editEvent.sysUpScreen.fields))
+                  }, {
+                    icon: s(() => [
+                      l(k, { size: 12 }, {
+                        default: s(() => [
+                          l(C)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    default: s(() => [
+                      t[35] || (t[35] = y(" 新建一个条件 ", -1))
+                    ]),
+                    _: 1
+                  })
+                ])
+              ], 64)) : e.editEvent.actions === e.EVENT_SYS_ACTION.定时器 ? (m(), b(w, { key: 2 }, [
+                l(d, {
+                  "label-span": "5",
+                  label: "定时时间"
+                }, {
+                  default: s(() => [
+                    l(X, {
+                      modelValue: e.editEvent.timers.timer,
+                      "onUpdate:modelValue": t[17] || (t[17] = (n) => e.editEvent.timers.timer = n),
+                      suffix: "秒",
+                      label: "请根据实际情况设定时间，间隔过小可能导致性能下将"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                l(d, {
+                  "label-span": "5",
+                  label: "循环执行",
+                  tooltip: "开启循环执行时，每隔设定的定时时间间隔就会再次执行，否则只执行一次"
+                }, {
+                  default: s(() => [
+                    l(v, {
+                      checked: e.editEvent.timers.loop,
+                      "onUpdate:checked": t[18] || (t[18] = (n) => e.editEvent.timers.loop = n),
+                      class: "enable-checkbox",
+                      onClick: t[19] || (t[19] = L(() => {
+                      }, ["stop"]))
+                    }, {
+                      default: s(() => [...t[36] || (t[36] = [
+                        y(" 循环执行 ", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["checked"])
+                  ]),
+                  _: 1
+                }),
+                l(d, {
+                  "label-span": "5",
+                  label: "定时器内容"
+                }),
+                t[37] || (t[37] = i("p", { class: "fake-code --start" }, [
+                  i("span", { class: "--keyword" }, "function"),
+                  y(" func(param) { // param:组件实例，包含组件的全部属性及请求配置 ")
+                ], -1)),
+                l(U, {
+                  style: { width: "100%" },
+                  language: "javascript",
+                  code: e.editEvent.timers.func,
+                  height: 300,
+                  onBlur: t[20] || (t[20] = (n) => e.handCodeBlur(n, e.editEvent.timers))
+                }, null, 8, ["code"]),
+                t[38] || (t[38] = i("p", { class: "fake-code --end" }, " } ", -1))
+              ], 64)) : q("", !0)
+            ], 64)) : e.editEvent.type === e.EVENT_TYPE.自定义事件 ? (m(), b(w, { key: 2 }, [
+              t[39] || (t[39] = i("p", { class: "fake-code --start" }, [
+                i("span", { class: "--keyword" }, "function"),
+                y(" func(com, eventName, data, coms) { ")
+              ], -1)),
+              t[40] || (t[40] = i("p", { class: "fake-code --start" }, " com:当前组件; eventName: 事件名称; data: 数据; coms当前大屏所有组件 ", -1)),
+              l(U, {
+                style: { width: "100%" },
+                language: "javascript",
+                code: e.editEvent.customEvent.func,
+                height: 600,
+                onBlur: t[21] || (t[21] = (n) => e.handCodeBlur(n, e.editEvent.customEvent))
+              }, null, 8, ["code"]),
+              t[41] || (t[41] = i("p", { class: "fake-code --end" }, " } ", -1))
+            ], 64)) : q("", !0)
+          ]),
+          _: 1
+        }, 8, ["title"])
+      ]),
+      _: 1
+    }, 8, ["show", "onUpdate:show"])
+  ], 64);
+}
+const qe = /* @__PURE__ */ ee(Pe, [["render", Me]]), _e = x({
+  name: "InteractionPanel",
+  components: {
+    ConfigTitle: ke,
+    EmptyPanel: ye,
+    EventItem: qe,
+    ChildrenManager: be
+  },
+  setup() {
+    const e = pe(), t = se(fe), z = S(!0), j = R(() => Object.keys(t.value.events)), V = S([]);
+    let f = S(e.componentsView[t.value.id]);
+    const N = (r, v, p, d = !1) => ({
+      name: r,
+      map: v || r,
+      description: p,
+      custom: d
+    }), k = (r) => {
+      if (f.value || (f.value = {}), !f.value[r]) {
+        const v = Object.keys(t.value.events[r].fields);
+        f.value[r] = {
+          enable: !1,
+          fields: Z(v)
+        };
+      }
+    }, C = () => {
+      const r = [];
+      for (const [v, p] of Object.entries(t.value.events)) {
+        const d = {
+          name: v,
+          description: p.description,
+          enable: !1,
+          fields: Object.entries(p.fields).map(([c, T]) => N(c, "", T.description))
+        };
+        if (f.value) {
+          const c = f.value[v];
+          if (c) {
+            d.enable = c.enable;
+            for (const [T, Y] of Object.entries(c.fields)) {
+              const F = d.fields.find((P) => P.name === T);
+              F ? F.map = Y : d.fields.push(N(T, Y, "", !0));
+            }
+          }
+        }
+        r.push(d);
+      }
+      V.value.push(...r);
+    };
+    return ie(Ee, {
+      addField: (r) => {
+        const v = V.value.find((p) => p.name === r);
+        v.fields.some((p) => p.name === "") || v.fields.push(N("", "", "", !0));
+      },
+      deleteField: (r, v) => {
+        const d = V.value.find((c) => c.name === r).fields.splice(v, 1)[0].name;
+        if (d) {
+          delete f.value[r].fields[d];
+          const c = f.value[r];
+          c.enable && e.setPublishersView(
+            t.value.id,
+            Object.entries(c.fields).map((T) => T[1] || T[0]),
+            !0
+          );
+        }
+      },
+      updateField: (r, v) => {
+        k(r), f.value[r].fields = Z(v, "name", "map"), f.value[r].enable && e.setPublishersView(
+          t.value.id,
+          v.map((p) => p.map || p.name),
+          !0
+        );
+      },
+      toggleEnable: (r, v) => {
+        k(r);
+        const p = f.value[r];
+        p.enable = v;
+        const d = [];
+        for (const c in p.fields)
+          v && !p.fields[c] && (p.fields[c] = c), d.push(p.fields[c]);
+        e.setPublishersView(t.value.id, d, v);
+      }
+    }), de(f, () => {
+      e.componentsView[t.value.id] = f.value;
+    }), ue(() => {
+      C();
+    }), {
+      com: t,
+      eventKeys: j,
+      visible: z,
+      eventList: V
+    };
+  }
+}), Ke = { class: "interaction-panle" }, Le = { key: 0 }, We = { class: "com-events" }, Ge = { class: "event-list" };
+function Je(e, t, z, j, V, f) {
+  const N = g("config-title"), k = g("children-manager"), C = g("event-item"), O = g("empty-panel");
+  return m(), b("div", Ke, [
+    l(N),
+    l(k),
+    e.eventKeys.length > 0 ? (m(), b("div", Le, [
+      i("div", We, [
+        t[0] || (t[0] = i("div", { class: "events-title" }, [
+          i("span", null, B("交互事件"))
+        ], -1)),
+        re(i("div", Ge, [
+          (m(!0), b(w, null, W(e.eventList, (u) => (m(), G(C, {
+            key: u.name,
+            item: u,
+            com: e.com
+          }, null, 8, ["item", "com"]))), 128))
+        ], 512), [
+          [ve, e.visible]
+        ])
+      ])
+    ])) : (m(), G(O, {
+      key: 1,
+      content: "该组件没有交互事件"
+    }))
+  ]);
+}
+const it = /* @__PURE__ */ ee(_e, [["render", Je]]);
+export {
+  it as default
+};