@duxweb/dvha-pro 1.1.30 → 1.2.0

package/dist/esm/components/editor/aiEditor.js

@@ -1,290 +1,247 @@
-import { defineComponent as j, ref as F, computed as z, watch as M, onMounted as B, nextTick as H, onUnmounted as D, createVNode as I } from "vue";
-import { useTheme as N, useManage as O, useGetAuth as Z, useI18n as J, useUpload as _ } from "@duxweb/dvha-core";
-import { useVModel as q } from "@vueuse/core";
-import { AiEditor as G } from "aieditor";
-import { useMessage as K } from "naive-ui";
-import "vue-router";
-import "@overlastic/vue";
-import "clsx";
-import "vue-echarts";
-import "vue3-ace-editor";
-import "ace-builds/src-noconflict/mode-vue";
-import "ace-builds/src-noconflict/mode-javascript";
-import "ace-builds/src-noconflict/mode-html";
-import "ace-builds/src-noconflict/mode-json";
-import "ace-builds/src-noconflict/mode-json5";
-import "ace-builds/src-noconflict/theme-tomorrow_night";
-import "ace-builds/src-noconflict/theme-tomorrow";
-import "ace-builds/src-noconflict/ext-searchbox";
-import "ace-builds/src-noconflict/ext-language_tools";
-import "ace-builds/src-noconflict/mode-snippets";
-import "vue-cropper";
-import "jinrishici";
-import "lodash-es";
-import "@vee-validate/i18n";
-import "colorizr";
-import "echarts";
-import "highlight.js/lib/core";
-import "highlight.js/lib/languages/bash";
-import "highlight.js/lib/languages/css";
-import "highlight.js/lib/languages/go";
-import "highlight.js/lib/languages/java";
-import "highlight.js/lib/languages/javascript";
-import "highlight.js/lib/languages/json";
-import "highlight.js/lib/languages/markdown";
-import "highlight.js/lib/languages/php";
-import "highlight.js/lib/languages/python";
-import "highlight.js/lib/languages/shell";
-import "highlight.js/lib/languages/sql";
-import "highlight.js/lib/languages/typescript";
-import "highlight.js/lib/languages/xml";
-import "@ant-design/colors";
-import "@unocss/preset-icons/browser";
-import "@unocss/preset-typography";
-import "unocss/preset-wind4";
-import "@vee-validate/i18n/dist/locale/en.json";
-import "@vee-validate/i18n/dist/locale/zh_CN.json";
-import "vee-validate";
-import "@duxweb/dvha-naiveui";
-import "vue-command-palette";
-import "../../pages/page404.js";
-import "vue-draggable-plus";
-import "short-unique-id";
-import { useUploadConfig as R } from "../upload/config.js";
-import "@vue-flow/core";
-import "lodash-es/cloneDeep";
-import "@vue-flow/background";
-/* empty css                      */
-import { useModal as Q } from "../../hooks/modal.js";
-import "mime";
-import "@iconify-json/tabler/icons.json";
-import "../posterEditor/elements/index.js";
-import "fabric";
-import "../schemaEditor/schemaEditor.js";
-import "dayjs";
-import "@tanstack/vue-query";
-import "pinia";
-const pe = /* @__PURE__ */ j({
-  name: "DuxAiEditor",
-  props: {
-    value: String,
-    defaultValue: String,
-    uploadPath: String,
-    uploadHeaders: Object,
-    editorType: {
-      type: String,
-      default: "richtext"
-    },
-    aiPath: String,
-    fileManager: {
-      type: Boolean,
-      default: !0
-    },
-    fileManagerType: {
-      type: String,
-      default: "all"
-    },
-    height: {
-      type: String,
-      default: "500px"
-    }
-  },
-  setup(t, {
-    emit: b,
-    expose: x
-  }) {
-    const d = F();
-    let o = null, g = !1;
-    const v = N(), {
-      config: y
-    } = O(), S = Z(), {
-      t: u
-    } = J(), P = K(), T = Q(), k = q(t, "value", b, {
-      passive: !0
-    }), s = z(() => t.uploadPath || y.apiPath?.upload || "upload"), f = _({
-      path: s.value,
-      autoUpload: !1
-    }), {
-      managePath: E,
-      method: U
-    } = R(), A = () => {
-      if (!o || g) return;
-      const e = k.value || "";
-      t.editorType === "markdown" ? o.setMarkdownContent(e) : o.setContent(e);
-    }, w = () => {
-      if (!o) return;
-      g = !0;
-      const e = t.editorType === "markdown" ? o.getMarkdown() : o.getHtml();
-      k.value = e, H(() => {
-        g = !1;
-      });
-    }, h = (e) => new Promise((n, i) => {
-      f.addFiles([e], "file").then(() => {
-        f.trigger().then((l) => {
-          l.forEach((p) => {
-            const m = p?.data?.data;
-            n({
-              errorCode: 0,
-              data: {
-                src: m?.url,
-                alt: p?.filename
-              }
-            });
-          });
-        }).catch((l) => {
-          P.error(l.message), i(l);
-        }).finally(() => {
-          f.clearFiles();
-        });
-      });
-    }), C = (e) => {
-      const n = String(e?.filetype || ""), i = String(e?.url || "");
-      return /^image\//i.test(n) || /\.(?:png|jpe?g|gif|bmp|webp|svg)$/i.test(i) ? "image" : /^video\//i.test(n) || /\.(?:mp4|webm|ogg|mov|m4v)$/i.test(i) ? "video" : "attachment";
-    }, L = () => {
-      if (!d.value) return;
-      const e = t.value || t.defaultValue || "";
-      o = new G({
-        element: d.value,
-        theme: v.isDark.value ? "dark" : "light",
-        placeholder: u("components.editor.placeholder"),
-        content: e,
-        contentIsMarkdown: t.editorType === "markdown",
-        onChange: w,
-        onBlur: w,
-        image: {
-          uploadUrl: s.value,
-          uploadHeaders: t.uploadHeaders || {},
-          uploader: h,
-          defaultSize: "auto"
-        },
-        video: {
-          uploadUrl: s.value,
-          uploadHeaders: t.uploadHeaders || {},
-          uploader: h
-        },
-        attachment: {
-          uploadUrl: s.value,
-          uploadHeaders: t.uploadHeaders || {},
-          uploader: h
-        },
-        ai: {
-          models: {
-            custom: {
-              url: t.aiPath || y.apiPath?.ai || "ai",
-              headers: () => ({
-                "Content-Type": "application/json",
-                Authorization: S.token
-              }),
-              wrapPayload: (n) => JSON.stringify({
-                prompt: n
-              }),
-              parseMessage: (n) => {
-                const i = JSON.parse(n);
-                return {
-                  role: "assistant",
-                  content: i.message,
-                  index: i.number,
-                  status: i.status
-                };
-              },
-              protocol: "sse"
-            }
-          }
-        },
-        toolbarKeys: ["undo", "redo", "brush", "eraser", "divider", "heading", "font-family", "font-size", "divider", "bold", "italic", "underline", "strike", "link", "code", "subscript", "superscript", "hr", "todo", "emoji", "divider", "highlight", "font-color", "divider", "align", "line-height", "divider", "bullet-list", "ordered-list", "indent-decrease", "indent-increase", "break", "divider", ...t.fileManager ? [{
-          id: "dux-file-manager-image",
-          tip: u("components.upload.fileManager"),
-          icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3.08697 9H20.9134C21.4657 9 21.9134 9.44772 21.9134 10C21.9134 10.0277 21.9122 10.0554 21.9099 10.083L21.0766 20.083C21.0334 20.6013 20.6001 21 20.08 21H3.9203C3.40021 21 2.96695 20.6013 2.92376 20.083L2.09042 10.083C2.04456 9.53267 2.45355 9.04932 3.00392 9.00345C3.03155 9.00115 3.05925 9 3.08697 9ZM4.84044 19H19.1599L19.8266 11H4.17377L4.84044 19ZM13.4144 5H20.0002C20.5525 5 21.0002 5.44772 21.0002 6V7H3.00017V4C3.00017 3.44772 3.44789 3 4.00017 3H11.4144L13.4144 5Z"></path></svg>',
-          onClick: (n, i) => {
-            T.show({
-              title: u("components.uploadManage.title") || u("components.upload.fileManager"),
-              width: "800px",
-              component: () => import("../upload/manager.js"),
-              componentProps: {
-                path: E.value,
-                type: t.fileManagerType || "all",
-                multiple: !0,
-                uploadParams: {
-                  path: s.value,
-                  accept: "*/*",
-                  method: U.value
-                }
-              }
-            }).then((l) => {
-              const p = Array.isArray(l) ? [...l] : l ? [l] : [];
-              if (!p.length) return;
-              if (t.editorType === "markdown") {
-                const r = p.filter((a) => a?.url).map((a) => {
-                  const c = a?.filename || a?.name || "file";
-                  return C(a) === "image" ? `![${c}](${a.url})` : `[${c}](${a.url})`;
-                });
-                r.length && i.insertMarkdown(r.join(`
-
-`));
-                return;
-              }
-              const m = p.filter((r) => r?.url).map((r) => {
-                const a = C(r), c = r?.filename || "";
-                return a === "image" ? {
-                  type: "image",
-                  attrs: {
-                    src: r.url,
-                    alt: c,
-                    width: "auto"
-                  }
-                } : a === "video" ? {
-                  type: "video",
-                  attrs: {
-                    src: r.url,
-                    controls: "true",
-                    width: 350
-                  }
-                } : {
-                  type: "paragraph",
-                  content: [{
-                    type: "text",
-                    text: r?.filename || r?.name || "file",
-                    marks: [{
-                      type: "link",
-                      attrs: {
-                        href: r.url,
-                        target: "_blank"
-                      }
-                    }]
-                  }]
-                };
-              });
-              m.length && i.insert(m.length === 1 ? m[0] : m);
-            });
-          }
-        }] : [], "image", "video", "attachment", "quote", "container", "code-block", "table", "divider", "printer", "fullscreen", "ai"]
-      });
-    }, V = () => {
-      o && (o.destroy(), o = null);
-    };
-    return M(() => t.value, A), M(() => v.isDark.value, (e) => {
-      d.value && (d.value.classList.toggle("aie-theme-dark", e), d.value.classList.toggle("aie-theme-light", !e));
-    }, {
-      immediate: !0
-    }), x({
-      get aiEditor() {
-        return o;
-      }
-    }), B(() => {
-      H(() => {
-        L();
-      });
-    }), D(() => {
-      V();
-    }), () => I("div", {
-      ref: d,
-      style: {
-        height: t.height,
-        width: "100%"
-      }
-    }, null);
-  }
+import { useModal as e } from "../../hooks/modal.js";
+import "../../hooks/index.js";
+import { useUploadConfig as t } from "../upload/config.js";
+import { computed as n, createVNode as r, defineComponent as i, nextTick as a, onMounted as o, onUnmounted as s, ref as c, watch as l } from "vue";
+import { useGetAuth as u, useI18n as d, useManage as f, useTheme as p, useUpload as m } from "@duxweb/dvha-core";
+import { useMessage as h } from "naive-ui";
+import { useVModel as g } from "@vueuse/core";
+import { AiEditor as _ } from "aieditor";
+const v = /* @__PURE__ */ i({
+	name: "DuxAiEditor",
+	props: {
+		value: String,
+		defaultValue: String,
+		uploadPath: String,
+		uploadHeaders: Object,
+		editorType: {
+			type: String,
+			default: "richtext"
+		},
+		aiPath: String,
+		fileManager: {
+			type: Boolean,
+			default: !0
+		},
+		fileManagerType: {
+			type: String,
+			default: "all"
+		},
+		height: {
+			type: String,
+			default: "500px"
+		}
+	},
+	setup(i, { emit: v, expose: y }) {
+		let b = c(), x = null, S = !1, C = p(), { config: w } = f(), T = u(), { t: E } = d(), D = h(), O = e(), k = g(i, "value", v, { passive: !0 }), A = n(() => i.uploadPath || w.apiPath?.upload || "upload"), j = m({
+			path: A.value,
+			autoUpload: !1
+		}), { managePath: M, method: N } = t(), P = () => {
+			if (!x || S) return;
+			let e = k.value || "";
+			i.editorType === "markdown" ? x.setMarkdownContent(e) : x.setContent(e);
+		}, F = () => {
+			x && (S = !0, k.value = i.editorType === "markdown" ? x.getMarkdown() : x.getHtml(), a(() => {
+				S = !1;
+			}));
+		}, I = (e) => new Promise((t, n) => {
+			j.addFiles([e], "file").then(() => {
+				j.trigger().then((e) => {
+					e.forEach((e) => {
+						let n = e?.data?.data;
+						t({
+							errorCode: 0,
+							data: {
+								src: n?.url,
+								alt: e?.filename
+							}
+						});
+					});
+				}).catch((e) => {
+					D.error(e.message), n(e);
+				}).finally(() => {
+					j.clearFiles();
+				});
+			});
+		}), L = (e) => {
+			let t = String(e?.filetype || ""), n = String(e?.url || "");
+			return /^image\//i.test(t) || /\.(?:png|jpe?g|gif|bmp|webp|svg)$/i.test(n) ? "image" : /^video\//i.test(t) || /\.(?:mp4|webm|ogg|mov|m4v)$/i.test(n) ? "video" : "attachment";
+		}, R = () => {
+			if (!b.value) return;
+			let e = i.value || i.defaultValue || "";
+			x = new _({
+				element: b.value,
+				theme: C.isDark.value ? "dark" : "light",
+				placeholder: E("components.editor.placeholder"),
+				content: e,
+				contentIsMarkdown: i.editorType === "markdown",
+				onChange: F,
+				onBlur: F,
+				image: {
+					uploadUrl: A.value,
+					uploadHeaders: i.uploadHeaders || {},
+					uploader: I,
+					defaultSize: "auto"
+				},
+				video: {
+					uploadUrl: A.value,
+					uploadHeaders: i.uploadHeaders || {},
+					uploader: I
+				},
+				attachment: {
+					uploadUrl: A.value,
+					uploadHeaders: i.uploadHeaders || {},
+					uploader: I
+				},
+				ai: { models: { custom: {
+					url: i.aiPath || w.apiPath?.ai || "ai",
+					headers: () => ({
+						"Content-Type": "application/json",
+						Authorization: T.token
+					}),
+					wrapPayload: (e) => JSON.stringify({ prompt: e }),
+					parseMessage: (e) => {
+						let t = JSON.parse(e);
+						return {
+							role: "assistant",
+							content: t.message,
+							index: t.number,
+							status: t.status
+						};
+					},
+					protocol: "sse"
+				} } },
+				toolbarKeys: [
+					"undo",
+					"redo",
+					"brush",
+					"eraser",
+					"divider",
+					"heading",
+					"font-family",
+					"font-size",
+					"divider",
+					"bold",
+					"italic",
+					"underline",
+					"strike",
+					"link",
+					"code",
+					"subscript",
+					"superscript",
+					"hr",
+					"todo",
+					"emoji",
+					"divider",
+					"highlight",
+					"font-color",
+					"divider",
+					"align",
+					"line-height",
+					"divider",
+					"bullet-list",
+					"ordered-list",
+					"indent-decrease",
+					"indent-increase",
+					"break",
+					"divider",
+					...i.fileManager ? [{
+						id: "dux-file-manager-image",
+						tip: E("components.upload.fileManager"),
+						icon: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M3.08697 9H20.9134C21.4657 9 21.9134 9.44772 21.9134 10C21.9134 10.0277 21.9122 10.0554 21.9099 10.083L21.0766 20.083C21.0334 20.6013 20.6001 21 20.08 21H3.9203C3.40021 21 2.96695 20.6013 2.92376 20.083L2.09042 10.083C2.04456 9.53267 2.45355 9.04932 3.00392 9.00345C3.03155 9.00115 3.05925 9 3.08697 9ZM4.84044 19H19.1599L19.8266 11H4.17377L4.84044 19ZM13.4144 5H20.0002C20.5525 5 21.0002 5.44772 21.0002 6V7H3.00017V4C3.00017 3.44772 3.44789 3 4.00017 3H11.4144L13.4144 5Z\"></path></svg>",
+						onClick: (e, t) => {
+							O.show({
+								title: E("components.uploadManage.title") || E("components.upload.fileManager"),
+								width: "800px",
+								component: () => import("../upload/manager.js"),
+								componentProps: {
+									path: M.value,
+									type: i.fileManagerType || "all",
+									multiple: !0,
+									uploadParams: {
+										path: A.value,
+										accept: "*/*",
+										method: N.value
+									}
+								}
+							}).then((e) => {
+								let n = Array.isArray(e) ? [...e] : e ? [e] : [];
+								if (!n.length) return;
+								if (i.editorType === "markdown") {
+									let e = n.filter((e) => e?.url).map((e) => {
+										let t = e?.filename || e?.name || "file";
+										return L(e) === "image" ? `![${t || ""}](${e.url})` : `[${t}](${e.url})`;
+									});
+									e.length && t.insertMarkdown(e.join("\n\n"));
+									return;
+								}
+								let r = n.filter((e) => e?.url).map((e) => {
+									let t = L(e), n = e?.filename || "";
+									return t === "image" ? {
+										type: "image",
+										attrs: {
+											src: e.url,
+											alt: n,
+											width: "auto"
+										}
+									} : t === "video" ? {
+										type: "video",
+										attrs: {
+											src: e.url,
+											controls: "true",
+											width: 350
+										}
+									} : {
+										type: "paragraph",
+										content: [{
+											type: "text",
+											text: e?.filename || e?.name || "file",
+											marks: [{
+												type: "link",
+												attrs: {
+													href: e.url,
+													target: "_blank"
+												}
+											}]
+										}]
+									};
+								});
+								r.length && t.insert(r.length === 1 ? r[0] : r);
+							});
+						}
+					}] : [],
+					"image",
+					"video",
+					"attachment",
+					"quote",
+					"container",
+					"code-block",
+					"table",
+					"divider",
+					"printer",
+					"fullscreen",
+					"ai"
+				]
+			});
+		}, z = () => {
+			x &&= (x.destroy(), null);
+		};
+		return l(() => i.value, P), l(() => C.isDark.value, (e) => {
+			b.value && (b.value.classList.toggle("aie-theme-dark", e), b.value.classList.toggle("aie-theme-light", !e));
+		}, { immediate: !0 }), y({ get aiEditor() {
+			return x;
+		} }), o(() => {
+			a(() => {
+				R();
+			});
+		}), s(() => {
+			z();
+		}), () => r("div", {
+			ref: b,
+			style: {
+				height: i.height,
+				width: "100%"
+			}
+		}, null);
+	}
 });
-export {
-  pe as DuxAiEditor
-};
+export { v as DuxAiEditor };

package/dist/esm/components/editor/index.js

@@ -0,0 +1 @@
+import "./aiEditor.js";