aibox-custom-component-packages 0.0.6 → 0.0.8

package/es/MdEditor.mjs

@@ -0,0 +1,201 @@
+import { w as M } from "./chunks/index.bCzIhWFw.js";
+import { ref as O, watch as A, computed as I, createElementBlock as F, openBlock as L, createVNode as V, unref as c, normalizeStyle as k } from "vue";
+import { MdEditor as B } from "md-editor-v3";
+import { f as D } from "./chunks/files.cduUqjHX.js";
+import { ElMessage as x } from "element-plus";
+import { t as i, f as C } from "./chunks/i18n.k9Q_HVMs.js";
+import { emitsMap as o } from "color-star-custom-methods";
+import { _ as N } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/MdEditor.css';const P = { class: "md-editor-container" }, U = {
+  __name: "index",
+  props: {
+    // v-model绑定值
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    // 编辑器高度
+    height: {
+      type: String,
+      default: "500px"
+    },
+    // 主题 'light' | 'dark'
+    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: () => i("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: [
+    o.updateModelValue,
+    o.change,
+    o.save,
+    o.blur,
+    o.focus
+  ],
+  setup(t, { emit: h }) {
+    const { commonUpload: f } = D(), p = C(), a = t, l = O(a.modelValue);
+    A(
+      () => a.modelValue,
+      (e) => {
+        e !== l.value && (l.value = e);
+      }
+    );
+    const r = h, g = I(() => {
+      if (!a.showToolbars) return [];
+      const e = [
+        "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"
+      ];
+      return a.toolbars.length ? a.toolbars : e;
+    }), y = (e) => {
+      l.value = e, r(o.updateModelValue, e), r(o.change, e);
+    }, w = (e) => {
+      r(o.save, e);
+    }, v = (e) => {
+      r(o.blur, e);
+    }, b = (e) => {
+      r(o.focus, e);
+    }, E = async (e, n) => {
+      try {
+        const d = e.map(async (s) => {
+          const u = new FormData();
+          u.append("file", s);
+          const { code: S, data: m } = await f(u, a.businessType);
+          if (S === 0)
+            return {
+              url: `${m.url}?id="${m.bnid}"`,
+              desc: s.name
+            };
+          throw new Error(i("MESSAGE_REMIND.FILE_UPLOAD_FAIL") || "上传失败");
+        }), T = await Promise.all(d);
+        n(T);
+      } catch {
+        x.error(i("MESSAGE_REMIND.FILE_UPLOAD_FAIL_TIP") || "上传图片失败"), n([]);
+      }
+    };
+    return (e, n) => (L(), F("div", P, [
+      V(c(B), {
+        modelValue: l.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (d) => l.value = d),
+        theme: t.theme,
+        toolbars: g.value,
+        "preview-theme": t.previewTheme,
+        "code-theme": t.codeTheme,
+        preview: t.preview,
+        "preview-only": t.previewOnly,
+        style: k({ height: t.height }),
+        disabled: t.disabled,
+        placeholder: t.placeholder,
+        "highlight-theme": t.highlightTheme,
+        "show-code-row-number": !0,
+        "auto-focus": t.autoFocus,
+        "tab-width": 2,
+        footers: t.footers,
+        language: c(p),
+        onOnChange: y,
+        onOnSave: w,
+        onOnUploadImg: E,
+        onOnBlur: v,
+        onOnFocus: b,
+        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"])
+    ]));
+  }
+}, R = /* @__PURE__ */ N(U, [["__scopeId", "data-v-e78b00e9"]]), Q = M(R);
+export {
+  Q as MdEditor,
+  Q as default
+};