@opendesign-plus/components 0.0.1-rc.83 → 0.0.1-rc.85

package/dist/treeshaking/components/markdown/components/MarkdownTitle.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./MarkdownTitle.vue2.mjs";
+import './MarkdownTitle.css';
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const MarkdownTitle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1c4d30a3"]]);
+export {
+  MarkdownTitle as default
+};

package/dist/treeshaking/components/markdown/components/MarkdownTitle.vue2.mjs

@@ -0,0 +1,69 @@
+import { defineComponent, openBlock, createElementBlock, withDirectives, createElementVNode, unref, createVNode, withCtx, createTextVNode, toDisplayString } from "vue";
+import { useMessage, OPopover, OIcon } from "@opensig/opendesign";
+import { useClipboard } from "@opendesign-plus/composables";
+import { buildVueDompurifyHTMLDirective } from "vue-dompurify-html";
+import { useI18n } from "../../../i18n/index.mjs";
+import IconLink from "../../../_virtual/icon-link.mjs";
+const _hoisted_1 = { class: "o-md-title-wrap" };
+const _hoisted_2 = { class: "o-md-title __mounted" };
+const _hoisted_3 = { class: "o-md-title-copy-link-wrap" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MarkdownTitle",
+  props: {
+    el: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const vDompurifyHtml = buildVueDompurifyHTMLDirective({
+      default: {
+        FORBID_ATTR: ["style"]
+      }
+    });
+    const message = useMessage();
+    const { t } = useI18n();
+    const onClickCopyLink = async () => {
+      var _a, _b;
+      const text = `${window.location.origin}${window.location.pathname}#${(_b = (_a = props.el) == null ? void 0 : _a.id) == null ? void 0 : _b.replace("user-content-", "")}`;
+      if (await useClipboard(text)) {
+        message.success({
+          content: t("common.copySuccess")
+        });
+      }
+    };
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        withDirectives(createElementVNode("div", _hoisted_2, null, 512), [
+          [unref(vDompurifyHtml), (_a = __props.el) == null ? void 0 : _a.outerHTML]
+        ]),
+        createElementVNode("span", _hoisted_3, [
+          createVNode(unref(OPopover), {
+            position: "right",
+            trigger: "hover"
+          }, {
+            target: withCtx(() => [
+              createElementVNode("a", {
+                class: "o-md-title-copy-link",
+                onClick: onClickCopyLink
+              }, [
+                createVNode(unref(OIcon), { class: "o-md-title-icon-copy" }, {
+                  default: withCtx(() => [
+                    createVNode(unref(IconLink))
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            default: withCtx(() => [
+              createTextVNode(" " + toDisplayString(unref(t)("common.copyLink")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/markdown/index.d.ts

@@ -0,0 +1,169 @@
+import { App } from 'vue';
+declare const OMarkdown: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        disableH1?: boolean;
+        disableH2?: boolean;
+        disableTable?: boolean;
+        disableImg?: boolean;
+        disableCode?: boolean;
+        sourceUrl?: string;
+        updateTime?: string;
+        titleBg?: string;
+        enableDownload?: boolean;
+        enableStar?: boolean;
+        markdownBodyClass?: string;
+    }> & Readonly<{
+        onDownload?: (() => any) | undefined;
+        onCollect?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        download: () => any;
+        collect: () => any;
+    }, import('vue').PublicProps, {
+        enableDownload: boolean;
+        enableStar: boolean;
+        disableH1: boolean;
+        disableH2: boolean;
+        disableTable: boolean;
+        disableImg: boolean;
+        disableCode: boolean;
+        markdownBodyClass: string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        markdownBodyRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        disableH1?: boolean;
+        disableH2?: boolean;
+        disableTable?: boolean;
+        disableImg?: boolean;
+        disableCode?: boolean;
+        sourceUrl?: string;
+        updateTime?: string;
+        titleBg?: string;
+        enableDownload?: boolean;
+        enableStar?: boolean;
+        markdownBodyClass?: string;
+    }> & Readonly<{
+        onDownload?: (() => any) | undefined;
+        onCollect?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        enableDownload: boolean;
+        enableStar: boolean;
+        disableH1: boolean;
+        disableH2: boolean;
+        disableTable: boolean;
+        disableImg: boolean;
+        disableCode: boolean;
+        markdownBodyClass: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    disableH1?: boolean;
+    disableH2?: boolean;
+    disableTable?: boolean;
+    disableImg?: boolean;
+    disableCode?: boolean;
+    sourceUrl?: string;
+    updateTime?: string;
+    titleBg?: string;
+    enableDownload?: boolean;
+    enableStar?: boolean;
+    markdownBodyClass?: string;
+}> & Readonly<{
+    onDownload?: (() => any) | undefined;
+    onCollect?: (() => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    download: () => any;
+    collect: () => any;
+}, string, {
+    enableDownload: boolean;
+    enableStar: boolean;
+    disableH1: boolean;
+    disableH2: boolean;
+    disableTable: boolean;
+    disableImg: boolean;
+    disableCode: boolean;
+    markdownBodyClass: string;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & {
+    install(app: App): void;
+};
+declare const OMarkdownPagination: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        prev?: import('../../index').OMarkdownPaginationItemT | null;
+        next?: import('../../index').OMarkdownPaginationItemT | null;
+        prevLabel?: string;
+        nextLabel?: string;
+        divider?: boolean;
+        radius?: string;
+    }> & Readonly<{
+        onNavigate?: ((type: "prev" | "next", item: import('../../index').OMarkdownPaginationItemT) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        navigate: (type: "prev" | "next", item: import('../../index').OMarkdownPaginationItemT) => any;
+    }, import('vue').PublicProps, {
+        prev: import('../../index').OMarkdownPaginationItemT | null;
+        next: import('../../index').OMarkdownPaginationItemT | null;
+        prevLabel: string;
+        nextLabel: string;
+        divider: boolean;
+        radius: string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        prev?: import('../../index').OMarkdownPaginationItemT | null;
+        next?: import('../../index').OMarkdownPaginationItemT | null;
+        prevLabel?: string;
+        nextLabel?: string;
+        divider?: boolean;
+        radius?: string;
+    }> & Readonly<{
+        onNavigate?: ((type: "prev" | "next", item: import('../../index').OMarkdownPaginationItemT) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        prev: import('../../index').OMarkdownPaginationItemT | null;
+        next: import('../../index').OMarkdownPaginationItemT | null;
+        prevLabel: string;
+        nextLabel: string;
+        divider: boolean;
+        radius: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    prev?: import('../../index').OMarkdownPaginationItemT | null;
+    next?: import('../../index').OMarkdownPaginationItemT | null;
+    prevLabel?: string;
+    nextLabel?: string;
+    divider?: boolean;
+    radius?: string;
+}> & Readonly<{
+    onNavigate?: ((type: "prev" | "next", item: import('../../index').OMarkdownPaginationItemT) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    navigate: (type: "prev" | "next", item: import('../../index').OMarkdownPaginationItemT) => any;
+}, string, {
+    prev: import('../../index').OMarkdownPaginationItemT | null;
+    next: import('../../index').OMarkdownPaginationItemT | null;
+    prevLabel: string;
+    nextLabel: string;
+    divider: boolean;
+    radius: string;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: App): void;
+};
+export * from './types';
+export { OMarkdown, OMarkdownPagination };

package/dist/treeshaking/components/markdown/index.mjs

@@ -0,0 +1,16 @@
+import _OMarkdown from "./OMarkdown.vue.mjs";
+import _OMarkdownPagination from "./OMarkdownPagination.vue.mjs";
+const OMarkdown = Object.assign(_OMarkdown, {
+  install(app) {
+    app.component("OMarkdown", _OMarkdown);
+  }
+});
+const OMarkdownPagination = Object.assign(_OMarkdownPagination, {
+  install(app) {
+    app.component("OMarkdownPagination", _OMarkdownPagination);
+  }
+});
+export {
+  OMarkdown,
+  OMarkdownPagination
+};

package/dist/treeshaking/components/markdown/replacer/code.d.ts

@@ -0,0 +1,2 @@
+import { AppContext } from 'vue';
+export declare function mountMarkdownCode(el: Element, context: AppContext): (() => void) | undefined;

package/dist/treeshaking/components/markdown/replacer/code.mjs

@@ -0,0 +1,22 @@
+import { createVNode, render } from "vue";
+import MarkdownCode from "../components/MarkdownCode.vue.mjs";
+function mountMarkdownCode(el, context) {
+  var _a, _b, _c;
+  if (((_a = el.className) == null ? void 0 : _a.includes("o-")) || ((_c = (_b = el.parentNode) == null ? void 0 : _b.className) == null ? void 0 : _c.includes("__mounted"))) {
+    return;
+  }
+  let vnode = createVNode(MarkdownCode, {
+    el
+  });
+  vnode.appContext = context;
+  let container = document.createElement("div");
+  render(vnode, container);
+  el.replaceWith(container.querySelector(".o-md-code"));
+  return () => {
+    vnode = null;
+    container = null;
+  };
+}
+export {
+  mountMarkdownCode
+};

package/dist/treeshaking/components/markdown/replacer/h1.d.ts

@@ -0,0 +1,11 @@
+import { AppContext, MaybeRefOrGetter } from 'vue';
+export interface MarkdownPageTitleProps {
+    sourceUrl?: MaybeRefOrGetter<string | undefined>;
+    updateTime?: MaybeRefOrGetter<string | undefined>;
+    titleBg?: MaybeRefOrGetter<string | undefined>;
+    enableDownload?: MaybeRefOrGetter<boolean | undefined>;
+    enableStar?: MaybeRefOrGetter<boolean | undefined>;
+    onDownload?: () => void;
+    onCollect?: () => void;
+}
+export declare function mountMarkdownPageTitle(el: Element, context: AppContext, props?: MarkdownPageTitleProps): (() => void) | undefined;

package/dist/treeshaking/components/markdown/replacer/h1.mjs

@@ -0,0 +1,29 @@
+import { createVNode, render } from "vue";
+import MarkdownPageTitle from "../components/MarkdownPageTitle.vue.mjs";
+function mountMarkdownPageTitle(el, context, props) {
+  var _a, _b, _c;
+  if (((_a = el.className) == null ? void 0 : _a.includes("o-")) || ((_c = (_b = el.parentNode) == null ? void 0 : _b.className) == null ? void 0 : _c.includes("__mounted"))) {
+    return;
+  }
+  let vnode = createVNode(MarkdownPageTitle, {
+    el,
+    sourceUrl: props == null ? void 0 : props.sourceUrl,
+    updateTime: props == null ? void 0 : props.updateTime,
+    bgImage: props == null ? void 0 : props.titleBg,
+    enableDownload: props == null ? void 0 : props.enableDownload,
+    enableStar: props == null ? void 0 : props.enableStar,
+    onDownload: props == null ? void 0 : props.onDownload,
+    onCollect: props == null ? void 0 : props.onCollect
+  });
+  vnode.appContext = context;
+  let container = document.createElement("div");
+  render(vnode, container);
+  el.replaceWith(container.querySelector(".o-md-page-title"));
+  return () => {
+    vnode = null;
+    container = null;
+  };
+}
+export {
+  mountMarkdownPageTitle
+};

package/dist/treeshaking/components/markdown/replacer/h2.d.ts

@@ -0,0 +1,2 @@
+import { AppContext } from 'vue';
+export declare function mountMarkdownTitle(el: Element, context: AppContext): (() => void) | undefined;

package/dist/treeshaking/components/markdown/replacer/h2.mjs

@@ -0,0 +1,22 @@
+import { createVNode, render } from "vue";
+import MarkdownTitle from "../components/MarkdownTitle.vue.mjs";
+function mountMarkdownTitle(el, context) {
+  var _a, _b, _c;
+  if (((_a = el.className) == null ? void 0 : _a.includes("o-")) || ((_c = (_b = el.parentNode) == null ? void 0 : _b.className) == null ? void 0 : _c.includes("__mounted"))) {
+    return;
+  }
+  let vnode = createVNode(MarkdownTitle, {
+    el
+  });
+  vnode.appContext = context;
+  let container = document.createElement("div");
+  render(vnode, container);
+  el.replaceWith(container.querySelector(".o-md-title-wrap"));
+  return () => {
+    vnode = null;
+    container = null;
+  };
+}
+export {
+  mountMarkdownTitle
+};

package/dist/treeshaking/components/markdown/replacer/img.d.ts

@@ -0,0 +1,2 @@
+import { AppContext } from 'vue';
+export declare function mountMarkdownImage(el: Element, context: AppContext): (() => void) | undefined;

package/dist/treeshaking/components/markdown/replacer/img.mjs

@@ -0,0 +1,22 @@
+import { createVNode, render } from "vue";
+import MarkdownImage from "../components/MarkdownImage.vue.mjs";
+function mountMarkdownImage(el, context) {
+  var _a, _b, _c;
+  if (((_a = el.className) == null ? void 0 : _a.includes("o-")) || ((_c = (_b = el.parentNode) == null ? void 0 : _b.className) == null ? void 0 : _c.includes("__mounted"))) {
+    return;
+  }
+  let vnode = createVNode(MarkdownImage, {
+    el
+  });
+  vnode.appContext = context;
+  let container = document.createElement("div");
+  render(vnode, container);
+  el.replaceWith(container.querySelector(".o-md-img"));
+  return () => {
+    vnode = null;
+    container = null;
+  };
+}
+export {
+  mountMarkdownImage
+};

package/dist/treeshaking/components/markdown/replacer/table.d.ts

@@ -0,0 +1,2 @@
+import { AppContext } from 'vue';
+export declare function mountMarkdownTable(el: HTMLTableElement, context: AppContext): (() => void) | undefined;

package/dist/treeshaking/components/markdown/replacer/table.mjs

@@ -0,0 +1,22 @@
+import { createVNode, render } from "vue";
+import MarkdownTable from "../components/MarkdownTable.vue.mjs";
+function mountMarkdownTable(el, context) {
+  var _a, _b, _c;
+  if (((_a = el.className) == null ? void 0 : _a.includes("o-")) || ((_c = (_b = el.parentNode) == null ? void 0 : _b.className) == null ? void 0 : _c.includes("__mounted"))) {
+    return;
+  }
+  let vnode = createVNode(MarkdownTable, {
+    el
+  });
+  vnode.appContext = context;
+  let container = document.createElement("div");
+  render(vnode, container);
+  el.replaceWith(container.querySelector(".o-md-table-container"));
+  return () => {
+    vnode = null;
+    container = null;
+  };
+}
+export {
+  mountMarkdownTable
+};

package/dist/treeshaking/components/markdown/types.d.ts

@@ -0,0 +1,6 @@
+export interface OMarkdownMaybeElementT extends Element {
+}
+export interface OMarkdownPaginationItemT {
+    title?: string;
+    url?: string;
+}