@duxweb/dvha-pro 1.1.29 → 1.1.31

package/dist/esm/components/textImageEditor/textImageEditor.js

@@ -1,405 +1,274 @@
-import { defineComponent as M, ref as I, computed as v, watch as S, createVNode as e, nextTick as O, isVNode as F } from "vue";
-import { useI18n as q } from "@duxweb/dvha-core";
-import J from "clsx";
-import { NButton as m } from "naive-ui";
-import L from "short-unique-id";
-import { VueDraggable as _ } from "vue-draggable-plus";
-import "vue-router";
-import "@overlastic/vue";
-import "@vueuse/core";
-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 G from "../modal/modalPage.js";
-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 "vue-command-palette";
-import "@duxweb/dvha-naiveui";
-import "../../pages/page404.js";
-import "aieditor";
-import { useUploadConfig as K } 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";
-function R(i) {
-  return typeof i == "function" || Object.prototype.toString.call(i) === "[object Object]" && !F(i);
+import { useModal as e } from "../../hooks/modal.js";
+import "../../hooks/index.js";
+import t from "../modal/modalPage.js";
+import "../modal/index.js";
+import { useUploadConfig as n } from "../upload/config.js";
+import { computed as r, createVNode as i, defineComponent as a, isVNode as o, nextTick as s, ref as c, watch as l } from "vue";
+import { useI18n as u } from "@duxweb/dvha-core";
+import { NButton as d } from "naive-ui";
+import f from "clsx";
+import { VueDraggable as p } from "vue-draggable-plus";
+import m from "short-unique-id";
+function h(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !o(e);
 }
-function P(i) {
-  if (!i) return [];
-  try {
-    const l = JSON.parse(i);
-    return Array.isArray(l) ? l : [];
-  } catch {
-    return [];
-  }
+function g(e) {
+	if (!e) return [];
+	try {
+		let t = JSON.parse(e);
+		return Array.isArray(t) ? t : [];
+	} catch {
+		return [];
+	}
 }
-function T(i, l) {
-  return (i || []).filter(Boolean).map((a) => {
-    const d = String(a?.id || "") || l();
-    return a?.type === "image" ? {
-      id: d,
-      type: "image",
-      url: a?.url ? String(a.url) : void 0,
-      alt: a?.alt ? String(a.alt) : void 0
-    } : {
-      id: d,
-      type: "text",
-      content: a?.content ? String(a.content) : ""
-    };
-  });
+function _(e, t) {
+	return (e || []).filter(Boolean).map((e) => {
+		let n = String(e?.id || "") || t();
+		return e?.type === "image" ? {
+			id: n,
+			type: "image",
+			url: e?.url ? String(e.url) : void 0,
+			alt: e?.alt ? String(e.alt) : void 0
+		} : {
+			id: n,
+			type: "text",
+			content: e?.content ? String(e.content) : ""
+		};
+	});
 }
-const W = /* @__PURE__ */ M({
-  name: "DuxTextImageEditorPreviewModal",
-  props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    handle: String,
-    blocks: {
-      type: Array,
-      default: () => []
-    },
-    onClose: Function
-  },
-  setup(i) {
-    return () => e(G, {
-      title: i.title,
-      handle: i.handle,
-      onClose: i.onClose
-    }, {
-      default: () => [e("div", {
-        class: "max-h-70vh overflow-auto"
-      }, [i.blocks?.length ? e("div", {
-        class: "flex flex-col gap-4"
-      }, [i.blocks.map((l) => l.type === "image" ? e("div", {
-        key: l.id,
-        class: "w-full"
-      }, [l.url ? e("img", {
-        src: l.url,
-        alt: l.alt || "",
-        class: "w-full h-auto rounded"
-      }, null) : e("div", {
-        class: "w-full h-200px bg-muted rounded"
-      }, null)]) : e("div", {
-        key: l.id,
-        class: "prose prose-sm max-w-none dark:prose-invert",
-        innerHTML: l.content || ""
-      }, null))]) : e("div", {
-        class: "h-40 flex items-center justify-center text-muted"
-      }, [i.title])])]
-    });
-  }
-}), ut = /* @__PURE__ */ M({
-  name: "DuxTextImageEditor",
-  props: {
-    value: [String, Array],
-    defaultValue: [String, Array],
-    onUpdateValue: Function,
-    description: String,
-    editorType: {
-      type: String,
-      default: "richtext"
-    },
-    aiPath: String,
-    uploadPath: String,
-    uploadHeaders: Object,
-    fileManagerType: {
-      type: String,
-      default: "image"
-    },
-    editorHeight: {
-      type: String,
-      default: "500px"
-    },
-    previewHeight: {
-      type: String,
-      default: "600px"
-    }
-  },
-  setup(i, {
-    emit: l
-  }) {
-    const {
-      t: a
-    } = q(), d = Q(), {
-      uploadPath: x,
-      managePath: E,
-      method: b
-    } = K({
-      uploadPath: i.uploadPath
-    }), {
-      randomUUID: C
-    } = new L({
-      length: 10
-    }), p = () => C(), c = I(!1), f = v(() => i.value === void 0 ? i.defaultValue : i.value), y = v(() => Array.isArray(f.value)), o = I(T(y.value ? f.value || [] : P(f.value), p)), z = () => {
-      if (c.value) return;
-      c.value = !0;
-      const r = y.value ? o.value || [] : JSON.stringify(o.value || []);
-      l("update:value", r), i.onUpdateValue?.(r), O(() => {
-        c.value = !1;
-      });
-    };
-    S(() => i.value, (r) => {
-      c.value || (o.value = T(Array.isArray(r) ? r : P(r), p));
-    }, {
-      immediate: !0
-    }), S(o, z, {
-      deep: !0
-    });
-    const A = v(() => i.description || a("components.textImageEditor.hint") || "点击按钮添加图片或文本，也可以拖拽进行排序"), h = async (r = !0) => {
-      const t = await d.show({
-        title: a("components.uploadManage.title") || a("components.upload.fileManager") || "文件管理器",
-        width: "800px",
-        component: () => import("../upload/manager.js"),
-        componentProps: {
-          path: E.value,
-          type: i.fileManagerType || "image",
-          multiple: r,
-          uploadParams: {
-            path: x.value,
-            accept: i.fileManagerType === "image" ? "image/*" : "*/*",
-            method: b.value
-          }
-        }
-      });
-      return t ? (Array.isArray(t) ? t : [t]).filter((u) => u?.url) : void 0;
-    }, V = async () => {
-      const r = await h(!0);
-      r?.length && r.forEach((t) => {
-        const n = String(t?.url || "");
-        n && o.value.push({
-          id: p(),
-          type: "image",
-          url: n,
-          alt: t?.filename || t?.name
-        });
-      });
-    }, j = async (r) => {
-      const n = (await h(!1))?.[0], u = String(n?.url || "");
-      if (!u) return;
-      const s = o.value.findIndex((N) => N.id === r);
-      if (s < 0) return;
-      const g = o.value[s];
-      g.type === "image" && (o.value[s] = {
-        ...g,
-        url: u,
-        alt: n?.filename || n?.name
-      });
-    }, w = async (r) => {
-      const t = await d.show({
-        title: a("components.textImageEditor.editText") || "编辑文本",
-        width: "900px",
-        component: () => import("./textModal.js"),
-        componentProps: {
-          value: r,
-          editorType: i.editorType,
-          aiPath: i.aiPath,
-          uploadPath: x.value,
-          uploadHeaders: i.uploadHeaders,
-          fileManager: !0,
-          fileManagerType: "all",
-          height: i.editorHeight
-        },
-        modalProps: {
-          maskClosable: !1
-        }
-      });
-      return typeof t == "string" ? t : "";
-    }, H = async () => {
-      const r = await w("");
-      r && o.value.push({
-        id: p(),
-        type: "text",
-        content: r
-      });
-    }, U = async (r) => {
-      const t = o.value.findIndex((s) => s.id === r);
-      if (t < 0) return;
-      const n = o.value[t];
-      if (n.type !== "text") return;
-      const u = await w(n.content || "");
-      u && (o.value[t] = {
-        ...n,
-        content: u
-      });
-    }, D = (r) => {
-      const t = o.value.findIndex((n) => n.id === r);
-      t >= 0 && o.value.splice(t, 1);
-    }, k = (r) => r.type === "image" ? r.url ? e("img", {
-      src: r.url,
-      alt: r.alt || "",
-      class: "w-96px h-96px rounded object-cover"
-    }, null) : e("div", {
-      class: "size-96px rounded bg-muted flex items-center justify-center text-muted"
-    }, [e("div", {
-      class: "i-tabler:photo size-6"
-    }, null)]) : e("div", {
-      class: "size-96px rounded bg-muted flex flex-col items-center justify-center gap-1 text-muted"
-    }, [e("div", {
-      class: "i-tabler:typography size-6"
-    }, null), e("div", {
-      class: "text-xs"
-    }, [a("components.textImageEditor.textLabel") || "文本"])]), B = async () => {
-      await d.show({
-        title: a("components.textImageEditor.previewTitle") || a("components.button.preview") || "预览",
-        width: "92vw",
-        component: W,
-        componentProps: {
-          blocks: o.value
-        }
-      });
-    };
-    return () => {
-      let r;
-      return e("div", {
-        class: "grid grid-cols-1 md:grid-cols-2 gap-4",
-        style: {
-          height: i.previewHeight
-        }
-      }, [e("div", {
-        class: "flex flex-col gap-3 border border-muted p-4"
-      }, [e("div", {
-        class: "flex gap-2 flex-none"
-      }, [e(m, {
-        secondary: !0,
-        onClick: V,
-        renderIcon: () => e("div", {
-          class: "i-tabler:photo-plus size-4"
-        }, null)
-      }, {
-        default: () => [a("components.textImageEditor.addImage") || "添加图片"]
-      }), e(m, {
-        secondary: !0,
-        onClick: H,
-        renderIcon: () => e("div", {
-          class: "i-tabler:text-plus size-4"
-        }, null)
-      }, {
-        default: () => [a("components.textImageEditor.addText") || "添加文本"]
-      }), e(m, {
-        class: "md:hidden!",
-        secondary: !0,
-        onClick: B,
-        renderIcon: () => e("div", {
-          class: "i-tabler:eye size-4"
-        }, null)
-      }, {
-        default: () => [a("components.textImageEditor.preview") || a("components.button.preview") || "预览"]
-      })]), e("div", {
-        class: "text-sm text-muted flex-none"
-      }, [A.value]), e(_, {
-        modelValue: o.value,
-        "onUpdate:modelValue": (t) => o.value = t,
-        animation: 150,
-        class: "grid gap-3 flex-1 min-h-0 overflow-y-auto items-start",
-        style: {
-          "grid-template-columns": "repeat(auto-fill, minmax(150px, 1fr))"
-        },
-        draggable: ".dux-tie-item",
-        handle: ".dux-tie-handle",
-        ghostClass: "opacity-60"
-      }, R(r = o.value.map((t) => {
-        const n = t.type === "image", u = () => n ? j(t.id) : U(t.id);
-        return e("div", {
-          key: t.id,
-          class: J(["dux-tie-item group relative rounded border border-muted bg-default hover:bg-muted/60 cursor-pointer"]),
-          onClick: (s) => {
-            s.target?.closest?.(".dux-tie-handle") || u();
-          }
-        }, [e("div", {
-          class: "p-2 flex items-center justify-center"
-        }, [k(t)]), e("div", {
-          class: "absolute top-1 right-1 flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity"
-        }, [e(m, {
-          quaternary: !0,
-          circle: !0,
-          size: "tiny",
-          onClick: (s) => {
-            s.stopPropagation(), D(t.id);
-          },
-          renderIcon: () => e("div", {
-            class: "i-tabler:trash size-4"
-          }, null)
-        }, null), e(m, {
-          quaternary: !0,
-          circle: !0,
-          size: "tiny",
-          class: "dux-tie-handle cursor-move",
-          onClick: (s) => s.stopPropagation(),
-          renderIcon: () => e("div", {
-            class: "i-tabler:grip-vertical size-4"
-          }, null)
-        }, null)])]);
-      })) ? r : {
-        default: () => [r]
-      })]), e("div", {
-        class: "hidden md:block border border-dashed border-muted rounded bg-default p-4 overflow-auto"
-      }, [o.value.length === 0 ? e("div", {
-        class: "h-full flex items-center justify-center text-muted"
-      }, [a("components.textImageEditor.empty") || "右侧实时预览"]) : e("div", {
-        class: "flex flex-col"
-      }, [o.value.map((t) => t.type === "image" ? e("div", {
-        key: t.id,
-        class: "w-full"
-      }, [t.url ? e("img", {
-        src: t.url,
-        alt: t.alt || "",
-        class: "w-full h-auto rounded"
-      }, null) : e("div", {
-        class: "w-full h-200px bg-muted rounded"
-      }, null)]) : e("div", {
-        key: t.id,
-        class: "prose prose-sm max-w-none dark:prose-invert",
-        innerHTML: t.content || ""
-      }, null))])])]);
-    };
-  }
+var v = /* @__PURE__ */ a({
+	name: "DuxTextImageEditorPreviewModal",
+	props: {
+		title: {
+			type: String,
+			default: ""
+		},
+		handle: String,
+		blocks: {
+			type: Array,
+			default: () => []
+		},
+		onClose: Function
+	},
+	setup(e) {
+		return () => i(t, {
+			title: e.title,
+			handle: e.handle,
+			onClose: e.onClose
+		}, { default: () => [i("div", { class: "max-h-70vh overflow-auto" }, [e.blocks?.length ? i("div", { class: "flex flex-col gap-4" }, [e.blocks.map((e) => e.type === "image" ? i("div", {
+			key: e.id,
+			class: "w-full"
+		}, [e.url ? i("img", {
+			src: e.url,
+			alt: e.alt || "",
+			class: "w-full h-auto rounded"
+		}, null) : i("div", { class: "w-full h-200px bg-muted rounded" }, null)]) : i("div", {
+			key: e.id,
+			class: "prose prose-sm max-w-none dark:prose-invert",
+			innerHTML: e.content || ""
+		}, null))]) : i("div", { class: "h-40 flex items-center justify-center text-muted" }, [e.title])])] });
+	}
 });
-export {
-  ut as DuxTextImageEditor
-};
+const y = /* @__PURE__ */ a({
+	name: "DuxTextImageEditor",
+	props: {
+		value: [String, Array],
+		defaultValue: [String, Array],
+		onUpdateValue: Function,
+		description: String,
+		editorType: {
+			type: String,
+			default: "richtext"
+		},
+		aiPath: String,
+		uploadPath: String,
+		uploadHeaders: Object,
+		fileManagerType: {
+			type: String,
+			default: "image"
+		},
+		editorHeight: {
+			type: String,
+			default: "500px"
+		},
+		previewHeight: {
+			type: String,
+			default: "600px"
+		}
+	},
+	setup(t, { emit: a }) {
+		let { t: o } = u(), y = e(), { uploadPath: b, managePath: x, method: S } = n({ uploadPath: t.uploadPath }), { randomUUID: C } = new m({ length: 10 }), w = () => C(), T = c(!1), E = r(() => t.value === void 0 ? t.defaultValue : t.value), D = r(() => Array.isArray(E.value)), O = c(_(D.value ? E.value || [] : g(E.value), w));
+		l(() => t.value, (e) => {
+			T.value || (O.value = _(Array.isArray(e) ? e : g(e), w));
+		}, { immediate: !0 }), l(O, () => {
+			if (T.value) return;
+			T.value = !0;
+			let e = D.value ? O.value || [] : JSON.stringify(O.value || []);
+			a("update:value", e), t.onUpdateValue?.(e), s(() => {
+				T.value = !1;
+			});
+		}, { deep: !0 });
+		let k = r(() => t.description || o("components.textImageEditor.hint") || "点击按钮添加图片或文本，也可以拖拽进行排序"), A = async (e = !0) => {
+			let n = await y.show({
+				title: o("components.uploadManage.title") || o("components.upload.fileManager") || "文件管理器",
+				width: "800px",
+				component: () => import("../upload/manager.js"),
+				componentProps: {
+					path: x.value,
+					type: t.fileManagerType || "image",
+					multiple: e,
+					uploadParams: {
+						path: b.value,
+						accept: t.fileManagerType === "image" ? "image/*" : "*/*",
+						method: S.value
+					}
+				}
+			});
+			if (n) return (Array.isArray(n) ? n : [n]).filter((e) => e?.url);
+		}, j = async () => {
+			let e = await A(!0);
+			e?.length && e.forEach((e) => {
+				let t = String(e?.url || "");
+				t && O.value.push({
+					id: w(),
+					type: "image",
+					url: t,
+					alt: e?.filename || e?.name
+				});
+			});
+		}, M = async (e) => {
+			let t = (await A(!1))?.[0], n = String(t?.url || "");
+			if (!n) return;
+			let r = O.value.findIndex((t) => t.id === e);
+			if (r < 0) return;
+			let i = O.value[r];
+			i.type === "image" && (O.value[r] = {
+				...i,
+				url: n,
+				alt: t?.filename || t?.name
+			});
+		}, N = async (e) => {
+			let n = await y.show({
+				title: o("components.textImageEditor.editText") || "编辑文本",
+				width: "900px",
+				component: () => import("./textModal.js"),
+				componentProps: {
+					value: e,
+					editorType: t.editorType,
+					aiPath: t.aiPath,
+					uploadPath: b.value,
+					uploadHeaders: t.uploadHeaders,
+					fileManager: !0,
+					fileManagerType: "all",
+					height: t.editorHeight
+				},
+				modalProps: { maskClosable: !1 }
+			});
+			return typeof n == "string" ? n : "";
+		}, P = async () => {
+			let e = await N("");
+			e && O.value.push({
+				id: w(),
+				type: "text",
+				content: e
+			});
+		}, F = async (e) => {
+			let t = O.value.findIndex((t) => t.id === e);
+			if (t < 0) return;
+			let n = O.value[t];
+			if (n.type !== "text") return;
+			let r = await N(n.content || "");
+			r && (O.value[t] = {
+				...n,
+				content: r
+			});
+		}, I = (e) => {
+			let t = O.value.findIndex((t) => t.id === e);
+			t >= 0 && O.value.splice(t, 1);
+		}, L = (e) => e.type === "image" ? e.url ? i("img", {
+			src: e.url,
+			alt: e.alt || "",
+			class: "w-96px h-96px rounded object-cover"
+		}, null) : i("div", { class: "size-96px rounded bg-muted flex items-center justify-center text-muted" }, [i("div", { class: "i-tabler:photo size-6" }, null)]) : i("div", { class: "size-96px rounded bg-muted flex flex-col items-center justify-center gap-1 text-muted" }, [i("div", { class: "i-tabler:typography size-6" }, null), i("div", { class: "text-xs" }, [o("components.textImageEditor.textLabel") || "文本"])]), R = async () => {
+			await y.show({
+				title: o("components.textImageEditor.previewTitle") || o("components.button.preview") || "预览",
+				width: "92vw",
+				component: v,
+				componentProps: { blocks: O.value }
+			});
+		};
+		return () => {
+			let e;
+			return i("div", {
+				class: "grid grid-cols-1 md:grid-cols-2 gap-4",
+				style: { height: t.previewHeight }
+			}, [i("div", { class: "flex flex-col gap-3 border border-muted p-4" }, [
+				i("div", { class: "flex gap-2 flex-none" }, [
+					i(d, {
+						secondary: !0,
+						onClick: j,
+						renderIcon: () => i("div", { class: "i-tabler:photo-plus size-4" }, null)
+					}, { default: () => [o("components.textImageEditor.addImage") || "添加图片"] }),
+					i(d, {
+						secondary: !0,
+						onClick: P,
+						renderIcon: () => i("div", { class: "i-tabler:text-plus size-4" }, null)
+					}, { default: () => [o("components.textImageEditor.addText") || "添加文本"] }),
+					i(d, {
+						class: "md:hidden!",
+						secondary: !0,
+						onClick: R,
+						renderIcon: () => i("div", { class: "i-tabler:eye size-4" }, null)
+					}, { default: () => [o("components.textImageEditor.preview") || o("components.button.preview") || "预览"] })
+				]),
+				i("div", { class: "text-sm text-muted flex-none" }, [k.value]),
+				i(p, {
+					modelValue: O.value,
+					"onUpdate:modelValue": (e) => O.value = e,
+					animation: 150,
+					class: "grid gap-3 flex-1 min-h-0 overflow-y-auto items-start",
+					style: { "grid-template-columns": "repeat(auto-fill, minmax(150px, 1fr))" },
+					draggable: ".dux-tie-item",
+					handle: ".dux-tie-handle",
+					ghostClass: "opacity-60"
+				}, h(e = O.value.map((e) => {
+					let t = e.type === "image", n = () => t ? M(e.id) : F(e.id);
+					return i("div", {
+						key: e.id,
+						class: f(["dux-tie-item group relative rounded border border-muted bg-default hover:bg-muted/60 cursor-pointer"]),
+						onClick: (e) => {
+							e.target?.closest?.(".dux-tie-handle") || n();
+						}
+					}, [i("div", { class: "p-2 flex items-center justify-center" }, [L(e)]), i("div", { class: "absolute top-1 right-1 flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity" }, [i(d, {
+						quaternary: !0,
+						circle: !0,
+						size: "tiny",
+						onClick: (t) => {
+							t.stopPropagation(), I(e.id);
+						},
+						renderIcon: () => i("div", { class: "i-tabler:trash size-4" }, null)
+					}, null), i(d, {
+						quaternary: !0,
+						circle: !0,
+						size: "tiny",
+						class: "dux-tie-handle cursor-move",
+						onClick: (e) => e.stopPropagation(),
+						renderIcon: () => i("div", { class: "i-tabler:grip-vertical size-4" }, null)
+					}, null)])]);
+				})) ? e : { default: () => [e] })
+			]), i("div", { class: "hidden md:block border border-dashed border-muted rounded bg-default p-4 overflow-auto" }, [O.value.length === 0 ? i("div", { class: "h-full flex items-center justify-center text-muted" }, [o("components.textImageEditor.empty") || "右侧实时预览"]) : i("div", { class: "flex flex-col" }, [O.value.map((e) => e.type === "image" ? i("div", {
+				key: e.id,
+				class: "w-full"
+			}, [e.url ? i("img", {
+				src: e.url,
+				alt: e.alt || "",
+				class: "w-full h-auto rounded"
+			}, null) : i("div", { class: "w-full h-200px bg-muted rounded" }, null)]) : i("div", {
+				key: e.id,
+				class: "prose prose-sm max-w-none dark:prose-invert",
+				innerHTML: e.content || ""
+			}, null))])])]);
+		};
+	}
+});
+export { y as DuxTextImageEditor };