china-mobile-international-custom-components 0.1.23 → 0.1.25

package/es/chunks/index.CXIY0q5X.js

@@ -0,0 +1,172 @@
+import { ref as w, shallowRef as O, watch as B, onMounted as k, openBlock as m, createElementBlock as A, normalizeClass as N, createBlock as I, unref as s, withCtx as y, createVNode as u, createCommentVNode as M } from "vue";
+import { ElMessage as g, ElIcon as P, ElScrollbar as b } from "element-plus";
+import { Codemirror as L } from "vue-codemirror";
+import { EditorView as h } from "@codemirror/view";
+import { json as x } from "@codemirror/lang-json";
+import { oneDark as V } from "@codemirror/theme-one-dark";
+import { codeFolding as _ } from "@codemirror/language";
+import { IconCopy1 as R } from "color-message-aibox-vue";
+import { u as T } from "./i18n.9cHOVn6X.js";
+import F from "copy-to-clipboard";
+import { _ as j } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/index2.css';const D = () => {
+  const { t: a } = T();
+  return {
+    copyText: (l) => {
+      F(l) ? g({
+        message: a("MESSAGE_REMIND.COPY_SUCCESS"),
+        type: "success"
+      }) : g({
+        message: a("COMMON_STORE_LIBRARY.LABEL_COPY_FAIL"),
+        type: "error"
+      });
+    }
+  };
+}, J = {
+  __name: "index",
+  props: {
+    code: {
+      type: String,
+      default: ""
+    },
+    language: {
+      type: String,
+      default: "json"
+    },
+    customExpandDepth: {
+      type: Number,
+      default: 1 / 0
+    },
+    sort: {
+      type: Boolean,
+      default: !0
+    },
+    noPadding: {
+      type: Boolean,
+      default: !1
+    },
+    theme: {
+      type: String,
+      default: "light"
+    },
+    showLength: {
+      type: Boolean,
+      default: !1
+    },
+    maxHeight: {
+      type: String,
+      default: "calc(100% - 125px)"
+    },
+    showCopy: {
+      type: Boolean,
+      default: !1
+    },
+    // 是否自定义折叠
+    enableFolding: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(a) {
+    const { copyText: d } = D(), l = a, i = w(""), p = {
+      json: () => x()
+    }, C = () => {
+      const r = l.language.toLowerCase();
+      return p[r] ? p[r]() : x();
+    }, f = O([]), E = (r) => {
+      const t = r.trim(), n = (o) => {
+        try {
+          return JSON.parse(o);
+        } catch {
+          return null;
+        }
+      };
+      let e = null;
+      if ((t.startsWith("{") || t.startsWith("[")) && (e = n(t)), !e) {
+        const o = `{${t.replace(/,\s*$/, "")}}`;
+        e = n(o);
+      }
+      if (e && typeof e == "object" && !Array.isArray(e)) {
+        const o = e.role;
+        if (o) return "role: " + o;
+      }
+      return "";
+    }, S = () => {
+      const r = [
+        C(),
+        h.editable.of(!1),
+        // 只读模式
+        h.lineWrapping
+        // 自动换行
+      ];
+      l.enableFolding && r.push(
+        // 配置代码折叠，自定义折叠后的显示内容
+        _({
+          preparePlaceholder: (t, n) => {
+            try {
+              const e = t.doc.sliceString(n.from, n.to);
+              return E(e);
+            } catch (e) {
+              return console.error("Error getting fold preview:", e), "...";
+            }
+          },
+          placeholderDOM: (t, n, e) => {
+            const o = document.createElement("span");
+            return o.className = "cm-foldPlaceholder", o.onclick = n, o.style.cursor = "pointer", o.style.color = "#888", o.style.padding = "0 4px", o.style.borderRadius = "3px", o.textContent = e ? `${e}...` : "...", o;
+          }
+        })
+      ), l.theme === "dark" && r.push(V), f.value = r;
+    }, v = (r) => {
+      try {
+        const t = JSON.parse(r);
+        if (l.sort && typeof t == "object" && t !== null) {
+          const n = (e) => Array.isArray(e) ? e.map(n) : typeof e == "object" && e !== null ? Object.keys(e).sort().reduce((o, c) => (o[c] = n(e[c]), o), {}) : e;
+          return JSON.stringify(n(t), null, 2);
+        }
+        return JSON.stringify(t, null, 2);
+      } catch {
+        return r;
+      }
+    };
+    return B(
+      () => l.code,
+      (r) => {
+        l.language === "json" ? i.value = v(r) : i.value = r;
+      },
+      { immediate: !0 }
+    ), k(() => {
+      S();
+    }), (r, t) => (m(), A("div", {
+      class: N(["code-viewer", { "no-padding": a.noPadding, dark: a.theme === "dark" }])
+    }, [
+      a.showCopy ? (m(), I(s(P), {
+        key: 0,
+        onClick: t[0] || (t[0] = (n) => s(d)(a.code)),
+        class: "code-viewer__copy",
+        color: "#96A0AB",
+        size: "18px"
+      }, {
+        default: y(() => [
+          u(s(R))
+        ]),
+        _: 1
+      })) : M("", !0),
+      u(s(b), { "max-height": a.maxHeight }, {
+        default: y(() => [
+          u(s(L), {
+            modelValue: i.value,
+            "onUpdate:modelValue": t[1] || (t[1] = (n) => i.value = n),
+            style: { height: "100%", minHeight: "100px" },
+            extensions: f.value,
+            disabled: !0
+          }, null, 8, ["modelValue", "extensions"])
+        ]),
+        _: 1
+      }, 8, ["max-height"])
+    ], 2));
+  }
+}, Z = /* @__PURE__ */ j(J, [["__scopeId", "data-v-011cdc70"]]);
+export {
+  Z as C,
+  D as u
+};