mixdashboards 1.0.32 → 1.0.39

package/dist/actionItem-Bb2xiYlY.js

@@ -0,0 +1,686 @@
+var de = Object.defineProperty, fe = Object.defineProperties;
+var pe = Object.getOwnPropertyDescriptors;
+var H = Object.getOwnPropertySymbols;
+var ye = Object.prototype.hasOwnProperty, he = Object.prototype.propertyIsEnumerable;
+var L = (b, e, r) => e in b ? de(b, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : b[e] = r, R = (b, e) => {
+  for (var r in e || (e = {}))
+    ye.call(e, r) && L(b, r, e[r]);
+  if (H)
+    for (var r of H(e))
+      he.call(e, r) && L(b, r, e[r]);
+  return b;
+}, W = (b, e) => fe(b, pe(e));
+var K = (b, e, r) => new Promise((o, s) => {
+  var n = (i) => {
+    try {
+      y(r.next(i));
+    } catch (v) {
+      s(v);
+    }
+  }, p = (i) => {
+    try {
+      y(r.throw(i));
+    } catch (v) {
+      s(v);
+    }
+  }, y = (i) => i.done ? o(i.value) : Promise.resolve(i.value).then(n, p);
+  y((r = r.apply(b, e)).next());
+});
+import { ElEmpty as ge, ElForm as _e } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/form/style/css";
+import "element-plus/es/components/empty/style/css";
+import { reactive as be, ref as z, watch as ke, defineComponent as G, computed as Q, h as f, onMounted as ve, onUnmounted as Ve, watchEffect as De, openBlock as O, createElementBlock as w, normalizeStyle as X, unref as c, createElementVNode as $, toDisplayString as Y, createVNode as V, withCtx as D, createTextVNode as C, createCommentVNode as I, Fragment as Se, renderList as Fe, createBlock as Z, renderSlot as Oe } from "vue";
+import { ElFormItem as j, ElButton as x, ElInput as A, ElSwitch as ee, ElInputNumber as te, ElSelect as re, ElOption as oe, ElDialog as xe, ElMessage as J } from "element-plus";
+import { Delete as Ee, Plus as we } from "@element-plus/icons-vue";
+import { u as Ce } from "./store-DzDtVfSX.js";
+import { _ as Ae } from "./index-kShjySl9.js";
+import { B as Ie } from "./element-resize-detector-DJcsrJ8s.js";
+import { g as Je } from "./titleStyle-BT5GlpAb.js";
+import { A as Ne, D as Pe } from "./ele-crd-icon-BXxB7P3T.js";
+class Te extends Ie {
+  constructor(e) {
+    super(e, "actionItem"), this.formData = be({}), this.showJsonEditor = z(!1), this.jsonInput = z("");
+  }
+  extractStyles() {
+    return {
+      bgColor: this.getOptionValue("bgColor", "#fff"),
+      titleColor: this.getOptionValue("titleColor", "#333"),
+      radiusSize: this.getOptionValue("radiusSize", 8),
+      labelWidth: this.getOptionValue("labelWidth", 100),
+      isHideTitle: this.getOptionValue("isHideTitle", !1),
+      showButtons: this.getOptionValue("showButtons", !0)
+    };
+  }
+  init() {
+    var r;
+    this.Style.value = this.extractStyles(), this.applyTheme();
+    const e = this.props.conf.data;
+    e && typeof e == "object" && ((r = e.params) != null && r.length) && this.parseBackendData(e), this.initFormData();
+  }
+  // ==================== 数据方法 ====================
+  /** 获取参数列表 */
+  getParams() {
+    var e;
+    return Array.isArray((e = this.props.conf) == null ? void 0 : e.params) ? this.props.conf.params : [];
+  }
+  /** 是否有参数 */
+  get hasParams() {
+    return this.getParams().length > 0;
+  }
+  /** 获取可见参数 */
+  getVisibleParams() {
+    return this.getParams().filter((e) => e.form_type !== "hidden" && !this.isFieldHidden(e));
+  }
+  /** 获取表单校验规则（支持嵌套路径） */
+  getFormRules() {
+    const e = {}, r = (o, s = "") => {
+      o.forEach((n) => {
+        const p = s ? `${s}.${n.key}` : n.key;
+        if (n.form_type === "sub_form" && n.properties && !n.items) {
+          r(n.properties, p);
+          return;
+        }
+        if (n.form_type === "sub_form" && n.items)
+          return;
+        const y = this.buildValidationRules(n);
+        y.length && (e[p] = y);
+      });
+    };
+    return r(this.getParams()), e;
+  }
+  /** 初始化表单数据 */
+  initFormData() {
+    var r, o;
+    const e = (o = (r = this.props.conf) == null ? void 0 : r.data) == null ? void 0 : o.values;
+    this.getParams().forEach((s) => {
+      e && e[s.key] !== void 0 ? this.formData[s.key] = e[s.key] : this.formData[s.key] = this.getDefaultValue(s);
+    });
+  }
+  /** 重置表单 */
+  resetForm() {
+    this.initFormData();
+  }
+  // ==================== 字段处理 ====================
+  /** 获取默认值（支持递归嵌套） */
+  getDefaultValue(e) {
+    var r, o;
+    if (e.form_type === "sub_form" && e.properties && !e.items) {
+      const s = {};
+      return e.properties.forEach((n) => {
+        s[n.key] = this.getDefaultValue(n);
+      }), s;
+    }
+    return e.form_type === "sub_form" && e.items ? Array.isArray(e.default_value) ? e.default_value : [] : e.form_type === "checkbox_group" ? Array.isArray(e.default_value) ? e.default_value : [] : e.default_value !== null && e.default_value !== void 0 ? e.default_value : e.form_type === "switch" ? !1 : e.form_type === "number" ? (o = (r = e.format) == null ? void 0 : r.min) != null ? o : 0 : "";
+  }
+  /** 构建校验规则 */
+  buildValidationRules(e) {
+    const r = [];
+    e.required && r.push({ required: !0, message: `请输入${e.cn_name}`, trigger: "blur" });
+    const o = e.format;
+    return o && (o.pattern && r.push({ pattern: new RegExp(o.pattern), message: `${e.cn_name}格式不正确`, trigger: "blur" }), (o.min_length || o.max_length) && r.push({
+      min: o.min_length,
+      max: o.max_length,
+      message: o.min_length && o.max_length ? `长度在 ${o.min_length} 到 ${o.max_length} 个字符` : o.min_length ? `最少 ${o.min_length} 个字符` : `最多 ${o.max_length} 个字符`,
+      trigger: "blur"
+    })), r;
+  }
+  /** 字段是否隐藏 */
+  isFieldHidden(e) {
+    var r, o, s, n;
+    if (!((r = e.rules) != null && r.length)) return !1;
+    for (const p of e.rules) {
+      const y = this.formData[(o = p.related_key) == null ? void 0 : o.split(".")[0]], i = (s = p.conditions) == null ? void 0 : s.find((v) => v.value === y);
+      if ((n = i == null ? void 0 : i.property) != null && n.hidden) return !0;
+    }
+    return !1;
+  }
+  /** 字段是否禁用 */
+  isFieldDisabled(e) {
+    var r, o, s, n;
+    if (!((r = e.rules) != null && r.length)) return !1;
+    for (const p of e.rules) {
+      const y = this.formData[(o = p.related_key) == null ? void 0 : o.split(".")[0]], i = (s = p.conditions) == null ? void 0 : s.find((v) => v.value === y);
+      if ((n = i == null ? void 0 : i.property) != null && n.disabled) return !0;
+    }
+    return !1;
+  }
+  /** 获取字段选项（支持联动） */
+  getFieldOptions(e) {
+    var o, s;
+    let r = e.enum || [];
+    if (e.rules)
+      for (const n of e.rules) {
+        if (!n.related_key) continue;
+        const p = this.formData[n.related_key], y = (o = n.conditions) == null ? void 0 : o.find((i) => i.value === p);
+        if ((s = y == null ? void 0 : y.property) != null && s.enum) {
+          r = y.property.enum;
+          break;
+        }
+      }
+    return r;
+  }
+  /** 字段变化时清空依赖字段 */
+  onFieldChange(e) {
+    this.getParams().forEach((r) => {
+      if (r.rules)
+        for (const o of r.rules)
+          o.related_key === e.key && (this.formData[r.key] = r.form_type === "checkbox_group" ? [] : r.form_type === "switch" ? !1 : "");
+    });
+  }
+  // ==================== 子表单处理 ====================
+  /** 添加子表单行 */
+  addSubItem(e) {
+    var s;
+    Array.isArray(this.formData[e.key]) || (this.formData[e.key] = []);
+    const r = ((s = e.items) == null ? void 0 : s.properties) || e.properties || [], o = {};
+    r.forEach((n) => {
+      o[n.key] = this.getDefaultValue(n);
+    }), this.formData[e.key].push(o);
+  }
+  /** 删除子表单行 */
+  removeSubItem(e, r) {
+    var o;
+    (o = this.formData[e]) == null || o.splice(r, 1);
+  }
+  /** 获取子表单字段选项 */
+  getSubFieldOptions(e, r) {
+    var o, s, n;
+    if ((o = e.enum) != null && o.length) return e.enum;
+    if (e.rules)
+      for (const p of e.rules) {
+        if (!p.related_key) continue;
+        const y = p.related_key.split(".").pop(), i = (s = p.conditions) == null ? void 0 : s.find((v) => v.value === r[y]);
+        if ((n = i == null ? void 0 : i.property) != null && n.enum) return i.property.enum;
+      }
+    return [];
+  }
+  /** 子表单字段变化 */
+  onSubFieldChange(e, r, o) {
+    var n;
+    (((n = e.items) == null ? void 0 : n.properties) || e.properties || []).forEach((p) => {
+      var y;
+      if (p.rules)
+        for (const i of p.rules)
+          ((y = i.related_key) == null ? void 0 : y.split(".").pop()) === r.key && (o[p.key] = "");
+    });
+  }
+  // ==================== JSON 编辑器 ====================
+  /** 应用 JSON 配置 */
+  applyJson() {
+    try {
+      const e = JSON.parse(this.jsonInput.value);
+      if (e.params && Array.isArray(e.params))
+        this.props.conf.action_name = e.action_name || "表单", this.props.conf.description = e.description || "", this.props.conf.params = e.params, this.props.conf.data = e, this.initFormData();
+      else if (Array.isArray(e))
+        this.props.conf.params = e, this.props.conf.data = { params: e }, this.initFormData();
+      else if (e.key && e.form_type)
+        this.props.conf.params = [e], this.initFormData();
+      else
+        return { success: !1, error: "无法识别的 JSON 格式" };
+      return this.showJsonEditor.value = !1, { success: !0 };
+    } catch (e) {
+      return { success: !1, error: e.message || "JSON 格式错误" };
+    }
+  }
+  /** 导出为目标JSON格式（还原成原始结构） */
+  exportTargetJson() {
+    return this.exportToOriginalFormat();
+  }
+  // ==================== 数据转换 ====================
+  /** 解析后端数据 */
+  parseBackendData(e) {
+    e && (this.props.conf.action_name = e.action_name, this.props.conf.description = e.description, this.props.conf.params = e.params, this.props.conf.block = e.block, this.props.conf.action = e.action, this.props.conf.data = e, this.initFormData());
+  }
+  /** 序列化为后端格式 */
+  serializeToBackend() {
+    return {
+      block: this.props.conf.block,
+      action: this.props.conf.action,
+      params: R({}, this.formData),
+      // 同时提供原始设备配置格式
+      originalFormat: this.exportToOriginalFormat()
+    };
+  }
+  /** 保存表单数据到 conf.data（用于持久化） */
+  saveFormData() {
+    this.props.conf.data || (this.props.conf.data = {}), this.props.conf.data.values = JSON.parse(JSON.stringify(this.formData));
+  }
+  /** 获取完整配置 */
+  getFullConfig() {
+    return {
+      action_name: this.props.conf.action_name,
+      description: this.props.conf.description,
+      block: this.props.conf.block,
+      action: this.props.conf.action,
+      params: this.props.conf.params
+    };
+  }
+  /** 
+   * 导出为原始设备配置格式
+   * 将 formData 转换回原始 JSON 结构（去掉 action_item 的元数据）
+   */
+  exportToOriginalFormat() {
+    return this.convertFormDataToOriginal(this.formData, this.getParams());
+  }
+  /** 递归转换 formData 为原始格式 */
+  convertFormDataToOriginal(e, r) {
+    const o = {};
+    return r.forEach((s) => {
+      var p;
+      const n = e[s.key];
+      s.form_type === "sub_form" ? s.properties && !s.items ? o[s.key] = this.convertFormDataToOriginal(n || {}, s.properties) : (p = s.items) != null && p.properties && (o[s.key] = Array.isArray(n) ? n.map((y) => this.convertArrayItemToOriginal(y, s.items.properties)) : []) : s.db_type === "boolean" && typeof n == "boolean" ? o[s.key] = n ? "true" : "false" : o[s.key] = n;
+    }), o;
+  }
+  /** 转换数组项为原始格式 */
+  convertArrayItemToOriginal(e, r) {
+    const o = {};
+    return r.forEach((s) => {
+      s.form_type === "sub_form" && s.properties ? o[s.key] = this.convertFormDataToOriginal(e[s.key] || {}, s.properties) : o[s.key] = e[s.key];
+    }), o;
+  }
+  /** 处理 WebSocket 数据 */
+  setSocketData(e) {
+    if (!e) return;
+    const r = e.result || e, o = r.action_item || r;
+    o != null && o.params && this.parseBackendData(o);
+  }
+  // ==================== 监听器 ====================
+  /** 设置参数变化监听 */
+  watchParams() {
+    ke(() => {
+      var e;
+      return (e = this.props.conf) == null ? void 0 : e.params;
+    }, () => this.initFormData(), { immediate: !0, deep: !0 });
+  }
+}
+const $e = { class: "mix-body" }, ze = {
+  key: 0,
+  class: "json-editor"
+}, Ue = { class: "editor-header" }, Be = {
+  key: 1,
+  class: "edit-toolbar"
+}, Re = {
+  key: 2,
+  class: "empty-state"
+}, je = {
+  key: 3,
+  class: "form-content"
+}, qe = {
+  key: 0,
+  class: "form-description"
+}, Me = { DEFAULT_ICON: Pe, ACTIVE_ICON: Ne, NAME_CN: "动态表单", NAME_EN: "ActionItem", ORDER: 1 }, He = { titleColor: "#111", bgColor: "#fff", radiusSize: 8, labelWidth: 100, isHideTitle: !1, showButtons: !0 }, Le = {}, We = [], Ke = [], Ge = {}, Qe = { DEFAULT: Me, OPTIONS: He, DATA: Le, PARAMS: We, SOURCE: Ke, COMMON: Ge }, Xe = /* @__PURE__ */ G(W(R({}, Qe), {
+  __name: "actionItem",
+  props: {
+    conf: { type: Object, default: () => ({}) },
+    uid: { type: String, default: "" },
+    mode: { type: String, default: "edit" },
+    theme: { type: String, default: "light" }
+  },
+  emits: ["submit", "generate"],
+  setup(b, { emit: e }) {
+    const r = b, o = z(!1), s = z(""), n = e, p = Ce(), y = z(), i = new Te(r);
+    i.setupLifecycle(), i.watchParams();
+    const v = i.getStyle(), N = Q(() => r.conf || {}), se = Q(() => Je(r.conf.options));
+    function P(a, t) {
+      return t.split(".").reduce((m, d) => m == null ? void 0 : m[d], a);
+    }
+    function B(a, t, m) {
+      const d = t.split("."), u = d.pop(), l = d.reduce((_, k) => ((!_[k] || typeof _[k] != "object") && (_[k] = {}), _[k]), a);
+      l[u] = m;
+    }
+    function q(a, t, m) {
+      var d, u, l;
+      if (!((d = a.rules) != null && d.length)) return !1;
+      for (const _ of a.rules) {
+        const k = _.related_key;
+        if (!k) continue;
+        const S = t ? `${t}.${k}` : k, F = P(m, S), g = (u = _.conditions) == null ? void 0 : u.find((E) => E.value === F);
+        if ((l = g == null ? void 0 : g.property) != null && l.hidden) return !0;
+      }
+      return !1;
+    }
+    const M = G({
+      name: "FormField",
+      props: {
+        param: { type: Object, required: !0 },
+        rootData: { type: Object, required: !0 },
+        // 始终是顶层 formData
+        actionItem: { type: Object, required: !0 },
+        parentPath: { type: String, default: "" }
+        // 父级路径
+      },
+      setup(a) {
+        var S;
+        const t = a.param, m = a.rootData, d = a.actionItem, u = t.key, l = a.parentPath ? `${a.parentPath}.${u}` : u, _ = t.form_type === "sub_form" && t.properties && !t.items, k = t.form_type === "sub_form" && ((S = t.items) == null ? void 0 : S.properties);
+        return () => {
+          if (q(t, a.parentPath, m))
+            return null;
+          if (_) {
+            let g = P(m, l);
+            (!g || typeof g != "object" || Array.isArray(g)) && B(m, l, {});
+            const E = t.properties.filter((h) => !q(h, l, m));
+            return f("div", { class: "nested-group" }, [
+              f("div", { class: "nested-title" }, t.cn_name),
+              f(
+                "div",
+                { class: "nested-content" },
+                E.map(
+                  (h) => f(M, { param: h, rootData: m, actionItem: d, key: h.key, parentPath: l })
+                )
+              )
+            ]);
+          }
+          if (k) {
+            let g = P(m, l);
+            Array.isArray(g) || (B(m, l, []), g = P(m, l));
+            const E = t.items.properties;
+            return f(j, { label: t.cn_name }, () => [
+              f("div", { class: "sub-form" }, [
+                ...g.map(
+                  (h, T) => f("div", { class: "sub-item", key: T }, [
+                    f(
+                      "div",
+                      { class: "sub-fields" },
+                      E.map(
+                        (U) => f("div", { class: "sub-field", key: U.key }, [
+                          f("span", { class: "sub-label" }, [
+                            U.required ? f("span", { class: "required-star" }, "*") : null,
+                            U.cn_name
+                          ]),
+                          ie(U, h, d)
+                        ])
+                      )
+                    ),
+                    f(x, { type: "danger", icon: Ee, circle: !0, size: "small", onClick: () => g.splice(T, 1) })
+                  ])
+                ),
+                f(x, { type: "primary", icon: we, onClick: () => {
+                  const h = {};
+                  E.forEach((T) => {
+                    h[T.key] = ne(T);
+                  }), g.push(h);
+                } }, () => "添加")
+              ])
+            ]);
+          }
+          const F = { label: t.cn_name, prop: l };
+          return t.required && (F.rules = [{ required: !0, message: `请输入${t.cn_name}`, trigger: "blur" }]), f(j, F, () => ae(t, l, m, d));
+        };
+      }
+    });
+    function ae(a, t, m, d) {
+      var k, S;
+      const u = d.isFieldDisabled(a), l = P(m, t), _ = (F) => B(m, t, F);
+      switch (a.form_type) {
+        case "text":
+          return f(A, {
+            modelValue: l != null ? l : "",
+            "onUpdate:modelValue": _,
+            placeholder: a.description || `请输入${a.cn_name}`,
+            disabled: u,
+            size: "small"
+          });
+        case "textarea":
+          return f(A, {
+            type: "textarea",
+            modelValue: l != null ? l : "",
+            "onUpdate:modelValue": _,
+            placeholder: a.description,
+            disabled: u,
+            rows: 3
+          });
+        case "select":
+          return f(
+            re,
+            {
+              modelValue: l != null ? l : "",
+              "onUpdate:modelValue": _,
+              placeholder: `请选择${a.cn_name}`,
+              disabled: u,
+              style: "width:100%",
+              size: "small"
+            },
+            () => (a.enum || []).map((g) => f(oe, { key: g.value, label: g.cn_name, value: g.value }))
+          );
+        case "number":
+          return f(te, {
+            modelValue: l != null ? l : 0,
+            "onUpdate:modelValue": _,
+            disabled: u,
+            min: (k = a.format) == null ? void 0 : k.min,
+            max: (S = a.format) == null ? void 0 : S.max,
+            style: "width:100%",
+            size: "small"
+          });
+        case "switch":
+          return f(ee, { modelValue: l === !0 || l === "true", "onUpdate:modelValue": _, disabled: u });
+        default:
+          return f(A, { modelValue: l != null ? l : "", "onUpdate:modelValue": _, disabled: u, size: "small" });
+      }
+    }
+    function ie(a, t, m) {
+      var l, _, k, S, F, g;
+      const d = a.key, u = m.isFieldDisabled(a);
+      switch (a.form_type) {
+        case "text":
+          return f(A, {
+            modelValue: (l = t[d]) != null ? l : "",
+            "onUpdate:modelValue": (h) => t[d] = h,
+            placeholder: a.description || `请输入${a.cn_name}`,
+            disabled: u,
+            size: "small"
+          });
+        case "select":
+          return f(
+            re,
+            {
+              modelValue: (_ = t[d]) != null ? _ : "",
+              "onUpdate:modelValue": (h) => t[d] = h,
+              placeholder: `请选择${a.cn_name}`,
+              disabled: u,
+              style: "width:100%",
+              size: "small"
+            },
+            () => (a.enum || []).map((h) => f(oe, { key: h.value, label: h.cn_name, value: h.value }))
+          );
+        case "number":
+          return f(te, {
+            modelValue: (k = t[d]) != null ? k : 0,
+            "onUpdate:modelValue": (h) => t[d] = h,
+            disabled: u,
+            min: (S = a.format) == null ? void 0 : S.min,
+            max: (F = a.format) == null ? void 0 : F.max,
+            style: "width:100%",
+            size: "small"
+          });
+        case "switch":
+          const E = t[d] === !0 || t[d] === "true";
+          return f(ee, { modelValue: E, "onUpdate:modelValue": (h) => t[d] = h, disabled: u });
+        default:
+          return f(A, { modelValue: (g = t[d]) != null ? g : "", "onUpdate:modelValue": (h) => t[d] = h, disabled: u, size: "small" });
+      }
+    }
+    function ne(a) {
+      var t, m;
+      return a.default_value !== void 0 ? a.default_value : a.form_type === "switch" ? !1 : a.form_type === "checkbox_group" ? [] : a.form_type === "number" ? (m = (t = a.format) == null ? void 0 : t.min) != null ? m : 0 : "";
+    }
+    const le = () => {
+      const a = i.applyJson();
+      a.success ? J.success("JSON 配置已应用") : J.error(a.error || "JSON 格式错误");
+    }, ue = () => {
+      i.saveFormData(), J.success("保存成功");
+    }, ce = () => K(null, null, function* () {
+      var a;
+      try {
+        yield (a = y.value) == null ? void 0 : a.validate();
+        const t = i.exportTargetJson();
+        s.value = JSON.stringify(t, null, 2), o.value = !0, n("generate", t);
+      } catch (t) {
+        J.error("请先完善必填项");
+      }
+    }), me = () => {
+      try {
+        const a = document.createElement("textarea");
+        a.value = s.value, a.style.position = "fixed", a.style.opacity = "0", document.body.appendChild(a), a.select(), document.execCommand("copy"), document.body.removeChild(a), J.success("已复制到剪贴板");
+      } catch (a) {
+        J.error("复制失败");
+      }
+    };
+    return ve(() => {
+      p.registerInstance(r.uid, i);
+    }), Ve(() => {
+      p.unregisterInstance(r.uid);
+    }), De(() => {
+      r.conf.socketData && i.setSocketData(r.conf.socketData);
+    }), (a, t) => {
+      const m = ge, d = _e;
+      return O(), w("div", {
+        class: "mix-component",
+        style: X({ background: c(v).bgColor, borderRadius: c(v).radiusSize + "px" })
+      }, [
+        $("div", {
+          class: "mix-title",
+          style: X(se.value)
+        }, Y(N.value.action_name || N.value.caption || N.value.name), 5),
+        $("div", $e, [
+          b.mode === "edit" && c(i).showJsonEditor.value ? (O(), w("div", ze, [
+            $("div", Ue, [
+              t[8] || (t[8] = $("span", null, "JSON 配置", -1)),
+              V(c(x), {
+                size: "small",
+                onClick: le
+              }, {
+                default: D(() => [...t[6] || (t[6] = [
+                  C("应用", -1)
+                ])]),
+                _: 1
+              }),
+              V(c(x), {
+                size: "small",
+                onClick: t[0] || (t[0] = (u) => c(i).showJsonEditor.value = !1)
+              }, {
+                default: D(() => [...t[7] || (t[7] = [
+                  C("关闭", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            V(c(A), {
+              type: "textarea",
+              modelValue: c(i).jsonInput.value,
+              "onUpdate:modelValue": t[1] || (t[1] = (u) => c(i).jsonInput.value = u),
+              rows: 12,
+              placeholder: "粘贴 action_item JSON..."
+            }, null, 8, ["modelValue"])
+          ])) : I("", !0),
+          b.mode === "edit" && !c(i).showJsonEditor.value ? (O(), w("div", Be, [
+            V(c(x), {
+              size: "small",
+              type: "primary",
+              onClick: t[2] || (t[2] = (u) => c(i).showJsonEditor.value = !0)
+            }, {
+              default: D(() => [...t[9] || (t[9] = [
+                C("编辑 JSON", -1)
+              ])]),
+              _: 1
+            })
+          ])) : I("", !0),
+          V(c(xe), {
+            modelValue: o.value,
+            "onUpdate:modelValue": t[5] || (t[5] = (u) => o.value = u),
+            title: "生成的目标JSON",
+            width: "600px",
+            "close-on-click-modal": !1
+          }, {
+            footer: D(() => [
+              V(c(x), { onClick: me }, {
+                default: D(() => [...t[10] || (t[10] = [
+                  C("复制", -1)
+                ])]),
+                _: 1
+              }),
+              V(c(x), {
+                type: "primary",
+                onClick: t[4] || (t[4] = (u) => o.value = !1)
+              }, {
+                default: D(() => [...t[11] || (t[11] = [
+                  C("关闭", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            default: D(() => [
+              V(c(A), {
+                type: "textarea",
+                modelValue: s.value,
+                "onUpdate:modelValue": t[3] || (t[3] = (u) => s.value = u),
+                rows: 16,
+                readonly: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          !c(i).hasParams && b.mode !== "edit" ? (O(), w("div", Re, [
+            V(m, {
+              description: "等待表单配置...",
+              "image-size": 80
+            })
+          ])) : I("", !0),
+          c(i).hasParams ? (O(), w("div", je, [
+            N.value.description ? (O(), w("div", qe, [
+              $("p", null, Y(N.value.description), 1)
+            ])) : I("", !0),
+            V(d, {
+              ref_key: "formRef",
+              ref: y,
+              model: c(i).formData,
+              rules: c(i).getFormRules(),
+              "label-width": c(v).labelWidth + "px"
+            }, {
+              default: D(() => [
+                (O(!0), w(Se, null, Fe(c(i).getVisibleParams(), (u) => (O(), Z(c(M), {
+                  key: u.key,
+                  param: u,
+                  rootData: c(i).formData,
+                  actionItem: c(i)
+                }, null, 8, ["param", "rootData", "actionItem"]))), 128)),
+                c(v).showButtons ? (O(), Z(c(j), {
+                  key: 0,
+                  class: "form-buttons"
+                }, {
+                  default: D(() => [
+                    V(c(x), {
+                      type: "primary",
+                      onClick: ue
+                    }, {
+                      default: D(() => [...t[12] || (t[12] = [
+                        C("保存", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    V(c(x), {
+                      type: "success",
+                      onClick: ce
+                    }, {
+                      default: D(() => [...t[13] || (t[13] = [
+                        C("生成JSON", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })) : I("", !0)
+              ]),
+              _: 1
+            }, 8, ["model", "rules", "label-width"])
+          ])) : I("", !0)
+        ]),
+        Oe(a.$slots, "default", {}, void 0, !0)
+      ], 4);
+    };
+  }
+})), mt = /* @__PURE__ */ Ae(Xe, [["__scopeId", "data-v-0174b7e7"]]);
+export {
+  mt as default
+};