@epxing/business 0.0.0-stage → 5.3.0-beta.1

package/dist/src/base/AiPromptDesigner.js

@@ -0,0 +1,684 @@
+import "codemirror/addon/hint/show-hint.js";
+import "codemirror/lib/codemirror.css";
+import "codemirror/addon/hint/show-hint.css";
+import "codemirror/addon/edit/closebrackets.js";
+import "./aiPromptMode.js";
+import __cjsReq0 from "codemirror";
+import { component } from "@epxing/core/src/mixins";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, createBlock, withCtx, createTextVNode, createCommentVNode, normalizeClass, withDirectives, createVNode, Fragment, renderList, toDisplayString, withModifiers, vShow } from "vue";
+/* empty css                     */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const __compatRequireEnsure = (_deps, cb) => Promise.resolve().then(() => cb && cb());
+const _sfc_main = {
+  name: "epx-base-ai-prompt-designer",
+  mixins: [component],
+  props: {
+    formData: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    pageType: {
+      type: String
+    }
+  },
+  data() {
+    return {
+      activeTab: "base",
+      functionList: [],
+      staticVariableList: [],
+      paramList: [],
+      foldMap: {},
+      showParamsDialog: false,
+      params: {},
+      templateList: [],
+      showTemplateDialog: false,
+      previewTemplate: null,
+      isDetailMode: false,
+      saving: false,
+      isFold: false,
+      isEdit: false
+    };
+  },
+  computed: {
+    componentType() {
+      const { componentType } = this.$configs;
+      if (this.isEdit) return "EDIT";
+      console.log(this.pageType);
+      if (!componentType) {
+        return this.pageType;
+      } else {
+        return componentType;
+      }
+    },
+    isAppMode() {
+      return this.$meta && this.$meta.code === "FM_SERVICE";
+    }
+  },
+  watch: {
+    isDetailMode(val) {
+      if (val) {
+        this.isEdit = false;
+      }
+      if (this.editor) {
+        this.editor.setOption("readOnly", val ? "nocursor" : false);
+      }
+    }
+  },
+  methods: {
+    getFunctionLibary() {
+      Promise.all([this.$http.$post({
+        action: "list",
+        entityId: "FM_FUNCTION",
+        "scope.TYPE": "AI_FUN"
+      }), this.$http.$post({
+        action: "list",
+        entityId: "FM_AI_FUNCTION",
+        "scope.ENABLE#not": "0",
+        "scope.TYPE": "static_var"
+      })]).then(([functionData, varData]) => {
+        this.functionList = functionData.entitys;
+        this.staticVariableList = varData.entitys;
+        this.initFormula();
+      });
+    },
+    getParamList() {
+      return this.$http.list({
+        entityId: "FM_AI_PROMPT_PARAM",
+        "scope.PROMPT": this.$query.id
+      }).then((data) => {
+        this.paramList = data.entitys;
+      });
+    },
+    initFormula() {
+      __compatRequireEnsure([], () => {
+        const CodeMirror = __cjsReq0;
+        globalThis.codemirror = CodeMirror;
+        this.editor = CodeMirror.fromTextArea(this.$refs.textarea, {
+          mode: { name: "prompt", functionList: this.functionList },
+          lineWrapping: true,
+          lineNumbers: false,
+          autofocus: true,
+          showCursorWhenSelecting: true,
+          matchBrackets: {
+            afterCursor: false
+          },
+          autoCloseBrackets: true,
+          inputStyle: "contenteditable",
+          hintOptions: { completeSingle: false },
+          readOnly: this.isDetailMode ? "nocursor" : false
+        });
+        this.editor.on("change", (editor, change) => {
+          if (change.origin === "+input") {
+            setTimeout(function() {
+              editor.execCommand("autocomplete");
+            }, 20);
+          }
+        });
+        this.editor.on("blur", (editor) => {
+          this.setContent();
+        });
+        this.editor.showHint();
+        if (this.formData.CONTENT || this.formData.SYSTEM_PROMPT) {
+          this.addEditorContent(this.isAppMode ? this.formData.SYSTEM_PROMPT : this.formData.CONTENT);
+        }
+      });
+    },
+    addEditorContent(content) {
+      const { line: lineCount, ch: initCh } = this.editor.getCursor();
+      const lines = content.split("\n");
+      const markList = [];
+      lines.forEach((line, index) => {
+        let diffNum = 0;
+        const lineIndex = lineCount + index;
+        let text = line.replace(/{{(\w+)}}/g, (str, $1, chIndex) => {
+          const item = this.staticVariableList.find((item2) => item2.FUNC_VAR === $1);
+          const paramItem = this.paramList.find((item2) => item2.KEY === $1);
+          const realIndex = diffNum + chIndex;
+          if (item) {
+            markList.push({
+              line: lineIndex,
+              from: realIndex,
+              to: item.NAME.length + realIndex,
+              marker: {
+                className: "cm-variable",
+                atomic: true,
+                attributes: {
+                  type: item.TYPE,
+                  code: str
+                }
+              }
+            });
+            diffNum += item.NAME.length - str.length;
+            return item.NAME;
+          } else if (paramItem) {
+            markList.push({
+              line: lineIndex,
+              from: realIndex,
+              to: paramItem.NAME.length + realIndex,
+              marker: {
+                className: "cm-variable",
+                atomic: true,
+                attributes: {
+                  type: "params",
+                  code: str
+                }
+              }
+            });
+            diffNum += paramItem.NAME.length - str.length;
+            return paramItem.NAME;
+          } else {
+            return str;
+          }
+        });
+        diffNum = 0;
+        text = text.replace(/#{(\w+)\(([^#{]+)\)}/g, (str, $1, $2, chIndex) => {
+          const paramList = [];
+          const params = $2.split(",");
+          params.forEach((param, paramIndex) => {
+            if (param.trim()) {
+              const item = this.staticVariableList.find((item2) => item2.FUNC_VAR === param.trim());
+              const paramItem = this.paramList.find((item2) => item2.KEY === param.trim());
+              const realIndex = diffNum + chIndex + $1.length + 3;
+              if (item) {
+                markList.push({
+                  line: lineIndex,
+                  from: realIndex,
+                  to: item.NAME.length + realIndex,
+                  marker: {
+                    className: "cm-variable",
+                    atomic: true,
+                    attributes: {
+                      type: item.TYPE,
+                      code: param.trim()
+                    }
+                  }
+                });
+                param = item.NAME;
+              } else if (paramItem) {
+                markList.push({
+                  line: lineIndex,
+                  from: realIndex,
+                  to: paramItem.NAME.length + realIndex,
+                  marker: {
+                    className: "cm-variable",
+                    atomic: true,
+                    attributes: {
+                      type: "params",
+                      code: param.trim()
+                    }
+                  }
+                });
+                param = paramItem.MAME;
+              }
+            }
+            paramList.push(param);
+            diffNum += param.length + (paramIndex === params.length - 1 ? 0 : 1);
+          });
+          return `#{${$1}(${paramList.join(",")})}`;
+        });
+        this.editor.replaceRange(text + (index < lines.length - 1 ? "\n" : ""), { line: lineIndex, ch: index === 0 ? initCh : 0 });
+      });
+      markList.forEach((item) => {
+        this.editor.markText({ line: item.line, ch: item.from }, { line: item.line, ch: item.to }, {
+          ...item.marker
+        });
+      });
+    },
+    addFunction(data) {
+      const cursor = this.editor.getCursor();
+      const inFunction = this.isInfunction(cursor);
+      const code = inFunction ? data.METHOD + "()" : "#{" + data.METHOD + "()}";
+      this.editor.replaceRange(code, cursor);
+      this.editor.focus();
+      this.editor.setCursor({ line: cursor.line, ch: cursor.ch + inFunction ? code.length - 1 : code.length - 2 });
+    },
+    isInfunction(cursor) {
+      const line = this.editor.getLine(cursor.line);
+      const fucnList = [];
+      line.replace(/#{[^#{]+}/g, (str, index) => {
+        fucnList.push([index, index + str.length]);
+        return str;
+      });
+      const inFunction = fucnList.some((item) => cursor.ch > item[0] && cursor.ch < item[1]);
+      return inFunction;
+    },
+    addVariable(data) {
+      const cursor = this.editor.getCursor();
+      const inFunction = this.isInfunction(cursor);
+      this.editor.replaceRange(data.NAME, cursor);
+      this.editor.markText(cursor, { line: cursor.line, ch: cursor.ch + data.NAME.length }, {
+        className: "cm-variable",
+        atomic: true,
+        attributes: {
+          type: data.TYPE,
+          code: inFunction ? data.FUNC_VAR : `{{${data.FUNC_VAR}}}`
+        }
+      });
+      this.editor.focus();
+      this.editor.setCursor({ line: cursor.line, ch: cursor.ch + data.NAME.length });
+    },
+    addParamToDesigner(data) {
+      const cursor = this.editor.getCursor();
+      const inFunction = this.isInfunction(cursor);
+      this.editor.replaceRange(data.NAME, cursor);
+      this.editor.markText(cursor, { line: cursor.line, ch: cursor.ch + data.NAME.length }, {
+        className: "cm-variable",
+        atomic: true,
+        attributes: {
+          type: "params",
+          code: inFunction ? data.KEY : `{{${data.KEY}}}`
+        }
+      });
+      this.editor.focus();
+      this.editor.setCursor({ line: cursor.line, ch: cursor.ch + data.NAME.length });
+    },
+    addParams() {
+      this.params = {};
+      this.showParamsDialog = true;
+    },
+    editParams(param) {
+      this.params = { ...param };
+      this.showParamsDialog = true;
+    },
+    deleteParams(param) {
+      this.$http.removeMulti({
+        entityId: "FM_AI_PROMPT_PARAM",
+        ids: param.ID
+      }).then((data) => {
+        this.$message.success("删除成功");
+        this.getParamList();
+        this.showParamsDialog = false;
+        this.params = {};
+      }).catch((err) => {
+        this.$message.error(err.message);
+      });
+    },
+    saveParams() {
+      const { ID } = this.params;
+      this.$http.save({
+        action: ID ? "update" : "save",
+        entityId: "FM_AI_PROMPT_PARAM",
+        bean: {
+          CLIENT: this.CLIENT,
+          SYSTEM: this.SYSTEM,
+          PROMPT: this.$query.id,
+          ...this.params
+        }
+      }).then((data) => {
+        this.getParamList();
+        this.showParamsDialog = false;
+        this.params = {};
+      }).catch((err) => {
+        this.$message.error(err.message);
+      });
+    },
+    getTemplateList() {
+      this.$http.list({
+        entityId: "FM_AI_PROMPT",
+        "scope.IS_COMMON_USE": "1",
+        "scope.ID#not_in": this.$query.id
+      }).then((data) => {
+        this.templateList = data.entitys;
+      });
+    },
+    refTemplate(template) {
+      if (this.isAppMode) {
+        this.addEditorContent(template.CONTENT);
+        this.setContent();
+      } else {
+        this.$http.$post({
+          action: "refTemplate",
+          entityId: "FM_AI_PROMPT_PARAM",
+          promptTemplate: template.ID,
+          promptId: this.$query.id
+        }).then((data) => {
+          this.$message.success("引入成功");
+          this.getParamList().then(() => {
+            this.addEditorContent(template.CONTENT);
+            this.setContent();
+          });
+        }).catch((err) => {
+          this.$message.error(err.message);
+        });
+      }
+    },
+    replaceStr(str, startIndex, endIndex, char) {
+      return str.substring(0, startIndex) + char + str.substring(endIndex);
+    },
+    setContent() {
+      const value = this.editor.getValue();
+      if (value) {
+        let el = "";
+        let index = 0;
+        this.editor.eachLine((line) => {
+          let text = line.text;
+          const lineItem = {
+            text: line.text,
+            styles: line.styles ? [...line.styles] : null
+          };
+          if (line.markedSpans) {
+            lineItem.markedSpans = line.markedSpans.map((item) => ({ from: item.from, to: item.to, marker: { atomic: item.marker.atomic, attributes: item.marker.attributes, className: item.marker.className, type: item.marker.type } }));
+            const reverseMark = line.markedSpans.sort((a, b) => b.from - a.from);
+            reverseMark.map((item, index2) => {
+              if (item.marker.attributes) {
+                text = this.replaceStr(text, item.from, item.to, item.marker.attributes.code);
+              }
+            });
+          }
+          el += (index !== 0 ? "\n" : "") + text;
+          index++;
+        });
+        const field = this.isAppMode ? "SYSTEM_PROMPT" : "CONTENT";
+        this.$emit("change", { ...this.formData, [field]: el });
+      } else {
+        const field = this.isAppMode ? "SYSTEM_PROMPT" : "CONTENT";
+        this.$emit("change", { ...this.formData, [field]: "" });
+      }
+    },
+    saveContent() {
+      this.setContent();
+      const field = this.isAppMode ? "SYSTEM_PROMPT" : "CONTENT";
+      const value = this.editor ? this.editor.getValue() : "";
+      this.saving = true;
+      this.$http.save({
+        action: "update",
+        entityId: this.$metaId,
+        bean: {
+          ID: this.formData.ID,
+          [field]: value
+        }
+      }).then(() => {
+        this.$message.success("保存成功");
+        this.isDetailMode = true;
+      }).catch((err) => {
+        this.$message.error(err.message);
+      }).finally(() => {
+        this.saving = false;
+      });
+    }
+  },
+  mounted() {
+    console.log(this.componentType === "DETAIL");
+    this.isDetailMode = this.componentType === "DETAIL";
+    this.getFunctionLibary();
+    this.getParamList();
+    this.getTemplateList();
+  }
+};
+const _hoisted_1 = { class: "epx-add-form-item__header" };
+const _hoisted_2 = { class: "epx-add-form-item__title-operate fr" };
+const _hoisted_3 = { class: "ai-prompt-designer__editor" };
+const _hoisted_4 = { class: "ai-prompt-designer__variable-header" };
+const _hoisted_5 = { class: "ai-prompt-designer__variable-list" };
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = ["title"];
+const _hoisted_8 = { class: "ai-prompt-designer__variable-header" };
+const _hoisted_9 = { class: "ai-prompt-designer__variable-list" };
+const _hoisted_10 = ["onClick"];
+const _hoisted_11 = ["title"];
+const _hoisted_12 = { class: "ai-prompt-designer__variable-header" };
+const _hoisted_13 = { class: "ai-prompt-designer__variable-list" };
+const _hoisted_14 = ["onClick"];
+const _hoisted_15 = { class: "fr ai-prompt-designer__variable-operate" };
+const _hoisted_16 = ["onClick"];
+const _hoisted_17 = { class: "ai-prompt-designer__variable-header" };
+const _hoisted_18 = { class: "ai-prompt-designer__variable-list" };
+const _hoisted_19 = { class: "ai-prompt-designer__variable-item" };
+const _hoisted_20 = ["onClick"];
+const _hoisted_21 = { class: "ai-prompt-designer__editor-input" };
+const _hoisted_22 = {
+  ref: "textarea",
+  name: "",
+  id: "",
+  cols: "30",
+  rows: "3"
+};
+const _hoisted_23 = {
+  key: 0,
+  class: "epx-add-form-item__buttongroup"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_popconfirm = resolveComponent("el-popconfirm");
+  const _component_el_tab_pane = resolveComponent("el-tab-pane");
+  const _component_el_tabs = resolveComponent("el-tabs");
+  const _component_epx_base_ai_prompt_view = resolveComponent("epx-base-ai-prompt-view");
+  const _component_el_dialog = resolveComponent("el-dialog");
+  return openBlock(), createElementBlock("div", null, [
+    createElementVNode("div", _hoisted_1, [
+      _cache[11] || (_cache[11] = createElementVNode("span", { class: "epx-add-form-item__title" }, "提示词", -1)),
+      createElementVNode("span", _hoisted_2, [
+        $data.isDetailMode ? (openBlock(), createBlock(_component_el_button, {
+          key: 0,
+          type: "primary",
+          link: "",
+          size: "default",
+          onClick: _cache[0] || (_cache[0] = ($event) => {
+            $data.isDetailMode = false;
+            $data.isEdit = true;
+          })
+        }, {
+          default: withCtx(() => [..._cache[10] || (_cache[10] = [
+            createElementVNode("i", { class: "el-icon-edit" }, null, -1),
+            createTextVNode(" 编辑 ", -1)
+          ])]),
+          _: 1
+        })) : createCommentVNode("", true),
+        createElementVNode("i", {
+          class: normalizeClass(["epx-add-form-item__title-foldicon", "el-icon-caret-top", { "is-fold": $data.isFold }]),
+          onClick: _cache[1] || (_cache[1] = ($event) => $data.isFold = !$data.isFold)
+        }, null, 2)
+      ])
+    ]),
+    withDirectives(createElementVNode("div", _hoisted_3, [
+      !$data.isDetailMode ? (openBlock(), createBlock(_component_el_tabs, {
+        key: 0,
+        class: "ai-prompt-designer__editor-slider",
+        type: "border-card",
+        modelValue: $data.activeTab,
+        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => $data.activeTab = $event)
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_tab_pane, {
+            label: "基础",
+            name: "base"
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(["ai-prompt-designer__variable", { "is-fold": $data.foldMap.func }])
+              }, [
+                createElementVNode("div", _hoisted_4, [
+                  createElementVNode("i", {
+                    class: "el-icon-caret-bottom",
+                    onClick: _cache[2] || (_cache[2] = ($event) => $data.foldMap["func"] = !$data.foldMap.func)
+                  }),
+                  _cache[12] || (_cache[12] = createElementVNode("span", null, "常用函数", -1))
+                ]),
+                createElementVNode("ul", _hoisted_5, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList($data.functionList, (item) => {
+                    return openBlock(), createElementBlock("li", {
+                      class: "ai-prompt-designer__variable-item",
+                      key: item.ID,
+                      onClick: ($event) => $options.addFunction(item)
+                    }, [
+                      createElementVNode("span", {
+                        title: item.NOTE
+                      }, toDisplayString(item.NAME), 9, _hoisted_7)
+                    ], 8, _hoisted_6);
+                  }), 128))
+                ])
+              ], 2),
+              createElementVNode("div", {
+                class: normalizeClass(["ai-prompt-designer__variable", { "is-fold": $data.foldMap.static }])
+              }, [
+                createElementVNode("div", _hoisted_8, [
+                  createElementVNode("i", {
+                    class: "el-icon-caret-bottom",
+                    onClick: _cache[3] || (_cache[3] = ($event) => $data.foldMap["static"] = !$data.foldMap.static)
+                  }),
+                  _cache[13] || (_cache[13] = createElementVNode("span", null, "内置变量", -1))
+                ]),
+                createElementVNode("ul", _hoisted_9, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList($data.staticVariableList, (item) => {
+                    return openBlock(), createElementBlock("li", {
+                      class: "ai-prompt-designer__variable-item",
+                      key: item.ID,
+                      onClick: ($event) => $options.addVariable(item)
+                    }, [
+                      createElementVNode("span", {
+                        title: item.NOTE
+                      }, toDisplayString(item.NAME), 9, _hoisted_11)
+                    ], 8, _hoisted_10);
+                  }), 128))
+                ])
+              ], 2),
+              !$options.isAppMode ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: normalizeClass(["ai-prompt-designer__variable", { "is-fold": $data.foldMap.params }])
+              }, [
+                createElementVNode("div", _hoisted_12, [
+                  createElementVNode("i", {
+                    class: "el-icon-caret-bottom",
+                    onClick: _cache[4] || (_cache[4] = ($event) => $data.foldMap["params"] = !$data.foldMap.params)
+                  }),
+                  _cache[15] || (_cache[15] = createElementVNode("span", null, "动态参数", -1)),
+                  createVNode(_component_el_button, {
+                    class: "fr",
+                    type: "primary",
+                    link: "",
+                    onClick: $options.addParams
+                  }, {
+                    default: withCtx(() => [..._cache[14] || (_cache[14] = [
+                      createElementVNode("i", { class: "el-icon-plus" }, null, -1),
+                      createTextVNode("添加", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]),
+                createElementVNode("ul", _hoisted_13, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList($data.paramList, (param) => {
+                    return openBlock(), createElementBlock("li", {
+                      class: "ai-prompt-designer__variable-item",
+                      key: param.ID,
+                      onClick: ($event) => $options.addParamToDesigner(param)
+                    }, [
+                      createElementVNode("span", null, toDisplayString(param.NAME) + "/" + toDisplayString(param.KEY), 1),
+                      createElementVNode("span", _hoisted_15, [
+                        createElementVNode("i", {
+                          class: "epx-icon-ai61",
+                          onClick: withModifiers(($event) => $options.editParams(param), ["stop"])
+                        }, null, 8, _hoisted_16),
+                        createVNode(_component_el_popconfirm, {
+                          title: "确认删除该参数？",
+                          onConfirm: ($event) => $options.deleteParams(param)
+                        }, {
+                          reference: withCtx(() => [..._cache[16] || (_cache[16] = [
+                            createElementVNode("i", { class: "el-icon-delete-solid" }, null, -1)
+                          ])]),
+                          _: 1
+                        }, 8, ["onConfirm"])
+                      ])
+                    ], 8, _hoisted_14);
+                  }), 128))
+                ])
+              ], 2)) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_tab_pane, {
+            label: "模板",
+            name: "template"
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(["ai-prompt-designer__variable", { "is-fold": $data.foldMap.template }])
+              }, [
+                createElementVNode("div", _hoisted_17, [
+                  createElementVNode("i", {
+                    class: "el-icon-caret-bottom",
+                    onClick: _cache[5] || (_cache[5] = ($event) => $data.foldMap["template"] = !$data.foldMap.template)
+                  }),
+                  _cache[17] || (_cache[17] = createElementVNode("span", null, "引用模板", -1))
+                ]),
+                createElementVNode("ul", _hoisted_18, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList($data.templateList, (item) => {
+                    return openBlock(), createBlock(_component_el_popconfirm, {
+                      key: item.ID,
+                      title: "确认引用该模板",
+                      onConfirm: ($event) => $options.refTemplate(item)
+                    }, {
+                      reference: withCtx(() => [
+                        createElementVNode("li", _hoisted_19, [
+                          createElementVNode("span", null, toDisplayString(item.TITLE), 1),
+                          createElementVNode("span", {
+                            onClick: _cache[6] || (_cache[6] = withModifiers(() => {
+                            }, ["stop"])),
+                            class: "fr ai-prompt-designer__variable-operate"
+                          }, [
+                            createElementVNode("i", {
+                              class: "el-icon-view",
+                              onClick: ($event) => {
+                                $data.previewTemplate = item;
+                                $data.showTemplateDialog = true;
+                              }
+                            }, null, 8, _hoisted_20)
+                          ])
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["onConfirm"]);
+                  }), 128))
+                ])
+              ], 2)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue"])) : createCommentVNode("", true),
+      createElementVNode("div", _hoisted_21, [
+        createElementVNode("textarea", _hoisted_22, null, 512)
+      ])
+    ], 512), [
+      [vShow, !$data.isFold]
+    ]),
+    $data.isEdit && !$data.isFold ? (openBlock(), createElementBlock("div", _hoisted_23, [
+      createVNode(_component_el_button, {
+        type: "primary",
+        size: "default",
+        loading: $data.saving,
+        onClick: $options.saveContent
+      }, {
+        default: withCtx(() => [..._cache[18] || (_cache[18] = [
+          createTextVNode("保存", -1)
+        ])]),
+        _: 1
+      }, 8, ["loading", "onClick"]),
+      createVNode(_component_el_button, {
+        size: "default",
+        onClick: _cache[8] || (_cache[8] = ($event) => $data.isDetailMode = true)
+      }, {
+        default: withCtx(() => [..._cache[19] || (_cache[19] = [
+          createTextVNode("取消", -1)
+        ])]),
+        _: 1
+      })
+    ])) : createCommentVNode("", true),
+    createVNode(_component_el_dialog, {
+      title: "模板预览",
+      modelValue: $data.showTemplateDialog,
+      "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => $data.showTemplateDialog = $event)
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_epx_base_ai_prompt_view, { formData: $data.previewTemplate }, null, 8, ["formData"])
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ]);
+}
+const AiPromptDesigner = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-859c9847"]]);
+export {
+  AiPromptDesigner as default
+};