@hejiayue/x-markdown-test 0.0.1-beta.118 → 0.0.1-beta.120

package/dist/x-markdown.es27.js

@@ -1,142 +1,160 @@
-import { defineComponent, ref, computed, nextTick, watch, onMounted, createElementBlock, openBlock, normalizeClass, createElementVNode, renderSlot } from "vue";
-import { debounce } from "lodash-es";
-import { useMermaid, useMermaidZoom, downloadSvgAsPng } from "./x-markdown.es9.js";
-const _hoisted_1 = {
-  key: 0,
-  class: "syntax-mermaid__loading"
-};
-const _hoisted_2 = ["innerHTML"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "SyntaxMermaid",
-  props: {
-    content: { default: "" },
-    id: { default: "mermaid-default" },
-    isDark: { type: Boolean, default: false },
-    config: { default: () => ({}) }
-  },
-  emits: ["degraded", "ready"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const renderContainerRef = ref(null);
-    const mermaidContent = computed(() => props.content);
-    const mermaidOptions = computed(() => ({
-      id: props.id,
-      theme: props.isDark ? "dark" : "default",
-      config: props.config,
-      container: renderContainerRef.value
-    }));
-    const mermaidResult = useMermaid(mermaidContent, mermaidOptions);
-    const svg = ref("");
-    const isLoading = computed(() => mermaidResult.isLoading.value);
-    const error = computed(() => mermaidResult.error.value);
-    const containerRef = ref(null);
-    const zoomControls = useMermaidZoom({
-      container: containerRef
-    });
-    const debouncedInitialize = debounce(initializeZoom, 500);
-    function initializeZoom() {
-      nextTick(() => {
-        if (containerRef.value) {
-          zoomControls.initialize();
-        }
-      });
-    }
-    watch(
-      () => mermaidResult.data.value,
-      (newSvg, oldSvg) => {
-        console.log("[SyntaxMermaid] mermaidResult.data.value changed:", {
-          oldSvg,
-          newSvg,
-          isNewSvg: !!newSvg,
-          startsWithSvg: newSvg?.trim().startsWith("<svg"),
-          preview: newSvg?.substring(0, 50)
-        });
-        if (newSvg) {
-          svg.value = newSvg;
-          debouncedInitialize();
-          if (newSvg.trim().startsWith("<svg")) {
-            console.log("[SyntaxMermaid] Emitting ready event - Mermaid is available");
-            emit("ready");
-          } else {
-            console.log("[SyntaxMermaid] Emitting degraded event - Mermaid not available");
-            emit("degraded");
-          }
-        }
-      },
-      { immediate: true }
-    );
-    watch(svg, (newSvg) => {
-      if (newSvg) {
-        debouncedInitialize();
-      }
+import { useTimeoutFn, isClient, toArray, watchImmediate, createSingletonPromise, isObject } from "./x-markdown.es31.js";
+import { tryOnScopeDispose } from "./x-markdown.es31.js";
+import { computed, shallowRef, toValue, readonly, getCurrentInstance, onMounted, unref, toRaw } from "vue";
+const defaultWindow = isClient ? window : void 0;
+const defaultNavigator = isClient ? window.navigator : void 0;
+function unrefElement(elRef) {
+  var _$el;
+  const plain = toValue(elRef);
+  return (_$el = plain === null || plain === void 0 ? void 0 : plain.$el) !== null && _$el !== void 0 ? _$el : plain;
+}
+function useEventListener(...args) {
+  const register = (el, event, listener, options) => {
+    el.addEventListener(event, listener, options);
+    return () => el.removeEventListener(event, listener, options);
+  };
+  const firstParamTargets = computed(() => {
+    const test = toArray(toValue(args[0])).filter((e) => e != null);
+    return test.every((e) => typeof e !== "string") ? test : void 0;
+  });
+  return watchImmediate(() => {
+    var _firstParamTargets$va, _firstParamTargets$va2;
+    return [
+      (_firstParamTargets$va = (_firstParamTargets$va2 = firstParamTargets.value) === null || _firstParamTargets$va2 === void 0 ? void 0 : _firstParamTargets$va2.map((e) => unrefElement(e))) !== null && _firstParamTargets$va !== void 0 ? _firstParamTargets$va : [defaultWindow].filter((e) => e != null),
+      toArray(toValue(firstParamTargets.value ? args[1] : args[0])),
+      toArray(unref(firstParamTargets.value ? args[2] : args[1])),
+      toValue(firstParamTargets.value ? args[3] : args[2])
+    ];
+  }, ([raw_targets, raw_events, raw_listeners, raw_options], _, onCleanup) => {
+    if (!(raw_targets === null || raw_targets === void 0 ? void 0 : raw_targets.length) || !(raw_events === null || raw_events === void 0 ? void 0 : raw_events.length) || !(raw_listeners === null || raw_listeners === void 0 ? void 0 : raw_listeners.length)) return;
+    const optionsClone = isObject(raw_options) ? { ...raw_options } : raw_options;
+    const cleanups = raw_targets.flatMap((el) => raw_events.flatMap((event) => raw_listeners.map((listener) => register(el, event, listener, optionsClone))));
+    onCleanup(() => {
+      cleanups.forEach((fn) => fn());
     });
-    function zoomIn() {
-      zoomControls?.zoomIn();
-    }
-    function zoomOut() {
-      zoomControls?.zoomOut();
-    }
-    function reset() {
-      zoomControls?.reset();
-    }
-    function fullscreen() {
-      zoomControls?.fullscreen();
-      zoomControls?.reset();
-    }
-    function download() {
-      downloadSvgAsPng(svg.value);
+  }, { flush: "post" });
+}
+// @__NO_SIDE_EFFECTS__
+function useMounted() {
+  const isMounted = shallowRef(false);
+  const instance = getCurrentInstance();
+  if (instance) onMounted(() => {
+    isMounted.value = true;
+  }, instance);
+  return isMounted;
+}
+// @__NO_SIDE_EFFECTS__
+function useSupported(callback) {
+  const isMounted = /* @__PURE__ */ useMounted();
+  return computed(() => {
+    isMounted.value;
+    return Boolean(callback());
+  });
+}
+// @__NO_SIDE_EFFECTS__
+function usePermission(permissionDesc, options = {}) {
+  const { controls = false, navigator: navigator$1 = defaultNavigator } = options;
+  const isSupported = /* @__PURE__ */ useSupported(() => navigator$1 && "permissions" in navigator$1);
+  const permissionStatus = shallowRef();
+  const desc = typeof permissionDesc === "string" ? { name: permissionDesc } : permissionDesc;
+  const state = shallowRef();
+  const update = () => {
+    var _permissionStatus$val, _permissionStatus$val2;
+    state.value = (_permissionStatus$val = (_permissionStatus$val2 = permissionStatus.value) === null || _permissionStatus$val2 === void 0 ? void 0 : _permissionStatus$val2.state) !== null && _permissionStatus$val !== void 0 ? _permissionStatus$val : "prompt";
+  };
+  useEventListener(permissionStatus, "change", update, { passive: true });
+  const query = createSingletonPromise(async () => {
+    if (!isSupported.value) return;
+    if (!permissionStatus.value) try {
+      permissionStatus.value = await navigator$1.permissions.query(desc);
+    } catch (_unused) {
+      permissionStatus.value = void 0;
+    } finally {
+      update();
     }
-    function getSvg() {
-      return svg.value;
+    if (controls) return toRaw(permissionStatus.value);
+  });
+  query();
+  if (controls) return {
+    state,
+    isSupported,
+    query
+  };
+  else return state;
+}
+function useClipboard(options = {}) {
+  const { navigator: navigator$1 = defaultNavigator, read = false, source, copiedDuring = 1500, legacy = false } = options;
+  const isClipboardApiSupported = /* @__PURE__ */ useSupported(() => navigator$1 && "clipboard" in navigator$1);
+  const permissionRead = /* @__PURE__ */ usePermission("clipboard-read");
+  const permissionWrite = /* @__PURE__ */ usePermission("clipboard-write");
+  const isSupported = computed(() => isClipboardApiSupported.value || legacy);
+  const text = shallowRef("");
+  const copied = shallowRef(false);
+  const timeout = useTimeoutFn(() => copied.value = false, copiedDuring, { immediate: false });
+  async function updateText() {
+    let useLegacy = !(isClipboardApiSupported.value && isAllowed(permissionRead.value));
+    if (!useLegacy) try {
+      text.value = await navigator$1.clipboard.readText();
+    } catch (_unused) {
+      useLegacy = true;
     }
-    function reinitialize() {
-      debouncedInitialize();
-    }
-    onMounted(() => {
-      if (svg.value) {
-        debouncedInitialize();
+    if (useLegacy) text.value = legacyRead();
+  }
+  if (isSupported.value && read) useEventListener(["copy", "cut"], updateText, { passive: true });
+  async function copy(value = toValue(source)) {
+    if (isSupported.value && value != null) {
+      let useLegacy = !(isClipboardApiSupported.value && isAllowed(permissionWrite.value));
+      if (!useLegacy) try {
+        await navigator$1.clipboard.writeText(value);
+      } catch (_unused2) {
+        useLegacy = true;
       }
-    });
-    __expose({
-      svg,
-      isLoading,
-      error,
-      containerRef,
-      zoomIn,
-      zoomOut,
-      reset,
-      fullscreen,
-      download,
-      getSvg,
-      reinitialize
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "containerRef",
-        ref: containerRef,
-        class: normalizeClass(["syntax-mermaid", { "syntax-mermaid--dark": props.isDark }])
-      }, [
-        createElementVNode("div", {
-          ref_key: "renderContainerRef",
-          ref: renderContainerRef,
-          class: "syntax-mermaid__render-container",
-          "aria-hidden": "true"
-        }, null, 512),
-        isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          renderSlot(_ctx.$slots, "loading", {}, () => [
-            _cache[0] || (_cache[0] = createElementVNode("span", { class: "syntax-mermaid__loading-text" }, "加载中...", -1))
-          ])
-        ])) : (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: "syntax-mermaid__content",
-          innerHTML: svg.value
-        }, null, 8, _hoisted_2))
-      ], 2);
-    };
+      if (useLegacy) legacyCopy(value);
+      text.value = value;
+      copied.value = true;
+      timeout.start();
+    }
+  }
+  function legacyCopy(value) {
+    const ta = document.createElement("textarea");
+    ta.value = value;
+    ta.style.position = "absolute";
+    ta.style.opacity = "0";
+    ta.setAttribute("readonly", "");
+    document.body.appendChild(ta);
+    ta.select();
+    document.execCommand("copy");
+    ta.remove();
+  }
+  function legacyRead() {
+    var _document$getSelectio, _document, _document$getSelectio2;
+    return (_document$getSelectio = (_document = document) === null || _document === void 0 || (_document$getSelectio2 = _document.getSelection) === null || _document$getSelectio2 === void 0 || (_document$getSelectio2 = _document$getSelectio2.call(_document)) === null || _document$getSelectio2 === void 0 ? void 0 : _document$getSelectio2.toString()) !== null && _document$getSelectio !== void 0 ? _document$getSelectio : "";
+  }
+  function isAllowed(status) {
+    return status === "granted" || status === "prompt";
   }
-});
+  return {
+    isSupported,
+    text: readonly(text),
+    copied: readonly(copied),
+    copy
+  };
+}
 export {
-  _sfc_main as default
+  createSingletonPromise,
+  defaultNavigator,
+  defaultWindow,
+  isClient,
+  isObject,
+  toArray,
+  tryOnScopeDispose,
+  unrefElement,
+  useClipboard,
+  useEventListener,
+  useMounted,
+  usePermission,
+  useSupported,
+  useTimeoutFn,
+  watchImmediate
 };
 //# sourceMappingURL=x-markdown.es27.js.map