@opendesign-plus/components 0.0.1-rc.94 → 0.0.1-rc.95

package/dist/treeshaking/components/article/components/ArticleTitle.vue2.mjs

@@ -0,0 +1,97 @@
+import { defineComponent, useCssVars, computed, openBlock, createElementBlock, toDisplayString, withDirectives, unref, createBlock, withCtx, createTextVNode, createCommentVNode, Fragment, renderList } from "vue";
+import { OTag, ODivider } from "@opensig/opendesign";
+import { buildVueDompurifyHTMLDirective } from "vue-dompurify-html";
+import { useI18n } from "../../../i18n/index.mjs";
+const _hoisted_1 = { class: "o-article__header" };
+const _hoisted_2 = {
+  key: 0,
+  class: "o-article__title"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "o-article__title __mounted"
+};
+const _hoisted_4 = {
+  key: 2,
+  class: "o-article__meta"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "o-article__tags"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "o-article__update-time"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ArticleTitle",
+  props: {
+    title: {},
+    el: {},
+    headerBg: {},
+    tags: { default: () => [] },
+    community: {},
+    updateTime: {},
+    radius: { default: "var(--o-radius-xs)" }
+  },
+  setup(__props) {
+    useCssVars((_ctx) => ({
+      "v5804c76a": headerBgStyle.value
+    }));
+    const props = __props;
+    const { t } = useI18n();
+    const vDompurifyHtml = buildVueDompurifyHTMLDirective({
+      default: {
+        FORBID_ATTR: ["style"]
+      }
+    });
+    const headerBgStyle = computed(() => props.headerBg ? `url(${props.headerBg})` : "none");
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("header", _hoisted_1, [
+        __props.title ? (openBlock(), createElementBlock("h1", _hoisted_2, toDisplayString(__props.title), 1)) : withDirectives((openBlock(), createElementBlock("h1", _hoisted_3, null, 512)), [
+          [unref(vDompurifyHtml), (_a = __props.el) == null ? void 0 : _a.outerHTML]
+        ]),
+        __props.tags.length || __props.updateTime || __props.community ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          __props.tags.length || __props.community ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            __props.community ? (openBlock(), createBlock(unref(OTag), {
+              key: 0,
+              class: "o-article__tag",
+              size: "large",
+              variant: "outline",
+              round: __props.community === "MindSpore" ? "pill" : __props.radius
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(__props.community), 1)
+              ]),
+              _: 1
+            }, 8, ["round"])) : createCommentVNode("", true),
+            __props.community && __props.tags.length ? (openBlock(), createBlock(unref(ODivider), {
+              key: 1,
+              direction: "v",
+              class: "o-article__tags-divider"
+            })) : createCommentVNode("", true),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tags, (tag) => {
+              return openBlock(), createBlock(unref(OTag), {
+                key: tag,
+                class: "o-article__tag",
+                size: "large",
+                variant: "outline",
+                round: __props.community === "MindSpore" ? "pill" : __props.radius
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(tag), 1)
+                ]),
+                _: 2
+              }, 1032, ["round"]);
+            }), 128))
+          ])) : createCommentVNode("", true),
+          __props.updateTime ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(unref(t)("md.updateTime")) + toDisplayString(__props.updateTime), 1)) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/article/components/DocTitle.css

@@ -0,0 +1,246 @@
+.hover-icon-rotate .o-icon[data-v-ea84d56c] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-ea84d56c] {
+    transform: rotate(-180deg);
+}
+}
+.o-doc-title[data-v-ea84d56c] {
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 16px;
+  border-radius: var(--o-radius-xs);
+  background-image: var(--bc7b9dec);
+  background-position: 100% 100%;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+@media (max-width: 1680px) {
+.o-doc-title[data-v-ea84d56c] {
+    gap: 8px;
+    padding: 12px;
+}
+}
+@media (max-width: 1200px) {
+.o-doc-title[data-v-ea84d56c] {
+    gap: 8px;
+    padding: 8px;
+}
+}
+@media (max-width: 840px) {
+.o-doc-title[data-v-ea84d56c] {
+    gap: 12px;
+    padding: 16px;
+}
+}
+.o-doc-title .o-doc-title-content[data-v-ea84d56c] {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  min-width: 0;
+}
+.o-doc-title .o-doc-title-text[data-v-ea84d56c] h1 {
+  margin-top: 0;
+  margin-bottom: 0;
+  font-size: 32px;
+  line-height: 44px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-doc-title .o-doc-title-text[data-v-ea84d56c] h1 {
+    font-size: 20px;
+    line-height: 28px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-doc-title .o-doc-title-text[data-v-ea84d56c] h1 {
+    font-size: 20px;
+    line-height: 28px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-doc-title .o-doc-title-text[data-v-ea84d56c] h1 {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) {
+.o-doc-title .o-doc-title-text[data-v-ea84d56c] h1 {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+.o-doc-title .o-doc-title-actions[data-v-ea84d56c] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 12px;
+}
+@media (max-width: 1680px) {
+.o-doc-title .o-doc-title-actions[data-v-ea84d56c] {
+    margin-top: 8px;
+}
+}
+@media (max-width: 840px) {
+.o-doc-title .o-doc-title-actions[data-v-ea84d56c] {
+    margin-top: 0;
+}
+}
+.o-doc-title .o-doc-title-actions .o-doc-title-icon-more[data-v-ea84d56c] {
+  font-size: 24px;
+  color: var(--o-color-info2);
+}
+.o-doc-title .o-doc-title-actions .o-doc-title-source-code[data-v-ea84d56c] {
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-doc-title .o-doc-title-actions .o-doc-title-source-code[data-v-ea84d56c] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-doc-title .o-doc-title-actions .o-doc-title-source-code[data-v-ea84d56c] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-doc-title .o-doc-title-actions .o-doc-title-source-code[data-v-ea84d56c] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.o-doc-title .o-doc-title-actions .o-doc-title-source-code[data-v-ea84d56c] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-doc-title .o-doc-title-actions .o-doc-title-source-code[data-v-ea84d56c] .o-link-label {
+  display: flex;
+  align-items: center;
+}
+.o-doc-title .o-doc-title-actions .o-doc-title-icon-outlink[data-v-ea84d56c] {
+  font-size: 22px;
+  line-height: 30px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-doc-title .o-doc-title-actions .o-doc-title-icon-outlink[data-v-ea84d56c] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-doc-title .o-doc-title-actions .o-doc-title-icon-outlink[data-v-ea84d56c] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-doc-title .o-doc-title-actions .o-doc-title-icon-outlink[data-v-ea84d56c] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) {
+.o-doc-title .o-doc-title-actions .o-doc-title-icon-outlink[data-v-ea84d56c] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+.o-doc-title .o-doc-title-actions .o-doc-title-update-time[data-v-ea84d56c] {
+  color: var(--o-color-info3);
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-doc-title .o-doc-title-actions .o-doc-title-update-time[data-v-ea84d56c] {
+    font-size: 14px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-doc-title .o-doc-title-actions .o-doc-title-update-time[data-v-ea84d56c] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-doc-title .o-doc-title-actions .o-doc-title-update-time[data-v-ea84d56c] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-doc-title .o-doc-title-actions .o-doc-title-update-time[data-v-ea84d56c] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-doc-title .o-doc-title-actions .o-doc-title-actions-left[data-v-ea84d56c] {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+.o-doc-title .o-doc-title-actions .o-doc-title-icon-download[data-v-ea84d56c],
+.o-doc-title .o-doc-title-actions .o-doc-title-icon-star[data-v-ea84d56c],
+.o-doc-title .o-doc-title-actions .o-doc-title-icon-copy[data-v-ea84d56c] {
+  font-size: 24px;
+  cursor: pointer;
+}
+@media (hover: hover) {
+.o-doc-title .o-doc-title-actions .o-doc-title-icon-download[data-v-ea84d56c]:hover,
+  .o-doc-title .o-doc-title-actions .o-doc-title-icon-star[data-v-ea84d56c]:hover,
+  .o-doc-title .o-doc-title-actions .o-doc-title-icon-copy[data-v-ea84d56c]:hover {
+    color: var(--o-color-info1);
+}
+}
+@media (max-width: 1680px) {
+.o-doc-title .o-doc-title-actions .o-doc-title-icon-download[data-v-ea84d56c],
+  .o-doc-title .o-doc-title-actions .o-doc-title-icon-star[data-v-ea84d56c],
+  .o-doc-title .o-doc-title-actions .o-doc-title-icon-copy[data-v-ea84d56c] {
+    font-size: 20px;
+}
+}
+.o-doc-title.is-simple[data-v-ea84d56c] {
+  padding: 0;
+  background-image: none;
+  background-color: var(--o-color-fill2);
+}
+@media (max-width: 840px) {
+.o-doc-title.first-h1[data-v-ea84d56c] {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+}
+.o-doc-title-dlg-action-box-container[data-v-ea84d56c] {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  column-gap: 8px;
+  row-gap: 24px;
+}
+.o-doc-title-dlg-action-box-container .o-doc-title-dlg-action-box[data-v-ea84d56c] {
+  flex: 0 0 calc(33.333% - 8px);
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+}
+.o-doc-title-dlg-action-box-container .o-doc-title-dlg-action-box-icon[data-v-ea84d56c] {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 40px;
+  height: 40px;
+  background-color: var(--o-color-fill1);
+  border-radius: 50%;
+  font-size: 24px;
+}
+.o-doc-title-dlg-action-box-container .o-doc-title-dlg-action-box-label[data-v-ea84d56c] {
+  margin-top: 8px;
+  color: var(--o-color-info1);
+}

package/dist/treeshaking/components/{markdown/components/MarkdownPageTitle.vue.d.ts → article/components/DocTitle.vue.d.ts}

@@ -1,12 +1,14 @@
 import { MaybeRefOrGetter } from 'vue';
-import { OMarkdownMaybeElementT } from '../types';
+import { OMarkdownMaybeElementT } from '../../markdown/types';
 type __VLS_Props = {
-    el: OMarkdownMaybeElementT;
+    el?: OMarkdownMaybeElementT;
+    title?: string;
     bgImage?: MaybeRefOrGetter<string>;
     sourceUrl?: MaybeRefOrGetter<string>;
     updateTime?: MaybeRefOrGetter<string>;
     enableDownload?: MaybeRefOrGetter<boolean>;
     enableStar?: MaybeRefOrGetter<boolean>;
+    enableCopyLink?: MaybeRefOrGetter<boolean>;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     download: () => any;
@@ -17,7 +19,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
 }>, {
     enableDownload: MaybeRefOrGetter<boolean>;
     enableStar: MaybeRefOrGetter<boolean>;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    titleRef: HTMLDivElement;
-}, any>;
+    enableCopyLink: MaybeRefOrGetter<boolean>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/treeshaking/components/article/components/DocTitle.vue.mjs

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