aibox-custom-component-packages 0.0.11 → 0.0.13

package/es/chunks/MdEditor.Bb9S_hso.js

@@ -0,0 +1,163 @@
+import { t as e } from "./chunk.EU29TkMc.js";
+import { t } from "./withinstall.dLh4K-0g.js";
+import { c as n, p as r } from "./i18n.CIhVBbR3.js";
+import { t as i } from "./_plugin-vue_export-helper.Ct3qlEzt.js";
+import { t as a } from "./files.DvOT1nf3.js";
+import { computed as o, createElementBlock as s, createVNode as c, normalizeStyle as l, openBlock as u, ref as d, unref as f, watch as p } from "vue";
+import { ElMessage as m } from "element-plus";
+import { emitsMap as h } from "color-star-custom-methods";
+import { MdEditor as g } from "md-editor-v3";
+(/* @__PURE__ */ e(((e, t) => {
+	t.exports = {};
+})))();
+import '../assets/MdEditor.css';//#endregion
+//#region components/MdEditor/index.vue
+var _ = { class: "md-editor-container" }, v = t(/* @__PURE__ */ i({
+	__name: "index",
+	props: {
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		height: {
+			type: String,
+			default: "500px"
+		},
+		theme: {
+			type: String,
+			default: "light"
+		},
+		previewTheme: {
+			type: String,
+			default: "default"
+		},
+		codeTheme: {
+			type: String,
+			default: "atom-one-dark"
+		},
+		language: {
+			type: String,
+			default: "zh-CN"
+		},
+		showToolbars: {
+			type: Boolean,
+			default: !0
+		},
+		businessType: {
+			type: String,
+			default: "common"
+		},
+		toolbars: {
+			type: Array,
+			default: () => []
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		placeholder: {
+			type: String,
+			default: () => r("COMMON_DATA.PLACEHOLDER_CONTENT")
+		},
+		highlightTheme: {
+			type: String,
+			default: "atom-one-dark"
+		},
+		autoFocus: {
+			type: Boolean,
+			default: !1
+		},
+		previewOnly: {
+			type: Boolean,
+			default: !0
+		},
+		preview: {
+			type: Boolean,
+			default: !0
+		},
+		footers: {
+			type: Array,
+			default: () => ["markdownTotal", "htmlTotal"]
+		}
+	},
+	emits: [
+		h.updateModelValue,
+		h.change,
+		h.save,
+		h.blur,
+		h.focus
+	],
+	setup(e, { emit: t }) {
+		let { commonUpload: i } = a(), v = n(), y = e, b = d(y.modelValue);
+		p(() => y.modelValue, (e) => {
+			e !== b.value && (b.value = e);
+		});
+		let x = t, S = o(() => y.showToolbars ? y.toolbars.length ? y.toolbars : /* @__PURE__ */ "bold.underline.italic.strikeThrough.-.title.sub.sup.quote.unorderedList.orderedList.task.-.codeRow.code.link.image.table.mermaid.katex.-.revoke.next.save.-.pageFullscreen.fullscreen.preview.htmlPreview.catalog".split(".") : []), C = (e) => {
+			b.value = e, x(h.updateModelValue, e), x(h.change, e);
+		}, w = (e) => {
+			x(h.save, e);
+		}, T = (e) => {
+			x(h.blur, e);
+		}, E = (e) => {
+			x(h.focus, e);
+		}, D = async (e, t) => {
+			try {
+				let n = e.map(async (e) => {
+					let t = new FormData();
+					t.append("file", e);
+					let { code: n, data: a } = await i(t, y.businessType);
+					if (n === 0) return {
+						url: `${a.url}?id="${a.bnid}"`,
+						desc: e.name
+					};
+					throw Error(r("MESSAGE_REMIND.FILE_UPLOAD_FAIL"));
+				});
+				t(await Promise.all(n));
+			} catch {
+				m.error(r("MESSAGE_REMIND.FILE_UPLOAD_FAIL_TIP")), t([]);
+			}
+		};
+		return (t, n) => (u(), s("div", _, [c(f(g), {
+			modelValue: b.value,
+			"onUpdate:modelValue": n[0] ||= (e) => b.value = e,
+			theme: e.theme,
+			toolbars: S.value,
+			"preview-theme": e.previewTheme,
+			"code-theme": e.codeTheme,
+			preview: e.preview,
+			"preview-only": e.previewOnly,
+			style: l({ height: e.height }),
+			disabled: e.disabled,
+			placeholder: e.placeholder,
+			"highlight-theme": e.highlightTheme,
+			"show-code-row-number": !0,
+			"auto-focus": e.autoFocus,
+			"tab-width": 2,
+			footers: e.footers,
+			language: f(v),
+			onOnChange: C,
+			onOnSave: w,
+			onOnUploadImg: D,
+			onOnBlur: T,
+			onOnFocus: E,
+			class: "custom-md-editor"
+		}, null, 8, [
+			"modelValue",
+			"theme",
+			"toolbars",
+			"preview-theme",
+			"code-theme",
+			"preview",
+			"preview-only",
+			"style",
+			"disabled",
+			"placeholder",
+			"highlight-theme",
+			"auto-focus",
+			"footers",
+			"language"
+		])]));
+	}
+}, [["__scopeId", "data-v-d0fca9d9"]]));
+//#endregion
+export { v as t };