@opendesign-plus/components 0.0.1-rc.103 → 0.0.1-rc.104

package/dist/treeshaking/components/anchor-bar/OAnchorBar.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,84 @@
+import { isAnchorSticky } from "../../shared/anchor.mjs";
+import { Fragment, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { OAnchor, OAnchorItem, OTab, OTabPane } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+import { useEventListener } from "@vueuse/core";
+// src/components/anchor-bar/OAnchorBar.vue?vue&type=script&setup=true&lang.ts
+var OAnchorBar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OAnchorBar",
+	props: {
+		mobileFixed: {
+			type: Boolean,
+			default: false
+		},
+		mode: { default: "anchor" },
+		items: { default: () => [] },
+		targetOffset: { default: void 0 }
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const active = ref(props.items[0]?.id ?? "");
+		const { lePadV } = useScreen();
+		const sentinelRef = ref();
+		const isSticky = ref(false);
+		const onScroll = () => {
+			const headerHeight = parseFloat(getComputedStyle(document.documentElement).getPropertyValue("--layout-header-height")) || 0;
+			const sentinel = sentinelRef.value;
+			if (!sentinel) return;
+			isSticky.value = isAnchorSticky(sentinel.getBoundingClientRect().top, headerHeight, lePadV.value);
+		};
+		useEventListener(window, "scroll", onScroll, { passive: true });
+		onMounted(() => onScroll());
+		__expose({ isSticky });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", {
+				ref_key: "sentinelRef",
+				ref: sentinelRef,
+				class: "o-anchor-bar-sentinel"
+			}, null, 512), createElementVNode("div", { class: normalizeClass(["o-anchor-bar-body", {
+				"is-sticky": isSticky.value,
+				"is-mobile-fixed": props.mobileFixed
+			}]) }, [!props.items.length ? renderSlot(_ctx.$slots, "default", { key: 0 }, void 0, true) : (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass(["o-anchor-bar-tabs", `is-${props.mode}`])
+			}, [props.mode === "anchor" ? (openBlock(), createBlock(unref(OAnchor), {
+				key: 0,
+				"target-offset": props.targetOffset
+			}, {
+				default: withCtx(() => [createVNode(unref(OTab), {
+					modelValue: active.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => active.value = $event),
+					line: false,
+					"max-show": 10
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (item) => {
+						return openBlock(), createBlock(unref(OTabPane), { key: item.id ?? item.title }, {
+							nav: withCtx(() => [createVNode(unref(OAnchorItem), {
+								title: item.title,
+								href: `#${item.id}`
+							}, null, 8, ["title", "href"])]),
+							_: 2
+						}, 1024);
+					}), 128))]),
+					_: 1
+				}, 8, ["modelValue"])]),
+				_: 1
+			}, 8, ["target-offset"])) : (openBlock(), createBlock(unref(OTab), {
+				key: 1,
+				modelValue: active.value,
+				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => active.value = $event),
+				line: false,
+				"max-show": 10
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (item) => {
+					return openBlock(), createBlock(unref(OTabPane), { key: item.id ?? item.title }, {
+						nav: withCtx(() => [createTextVNode(toDisplayString(item.title), 1)]),
+						_: 2
+					}, 1024);
+				}), 128))]),
+				_: 1
+			}, 8, ["modelValue"]))], 2))], 2)], 64);
+		};
+	}
+});
+export { OAnchorBar_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/anchor-bar/index.mjs

@@ -1,9 +1,6 @@
-import _OAnchorBar from "./OAnchorBar.vue.mjs";
-const OAnchorBar = Object.assign(_OAnchorBar, {
-  install(app) {
-    app.component("OAnchorBar", _OAnchorBar);
-  }
-});
-export {
-  OAnchorBar
-};
+import OAnchorBar_default from "./OAnchorBar.mjs";
+// src/components/anchor-bar/index.ts
+var OAnchorBar = Object.assign(OAnchorBar_default, { install(app) {
+	app.component("OAnchorBar", OAnchorBar_default);
+} });
+export { OAnchorBar };

package/dist/treeshaking/components/article/OArticle.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OArticle_vue_vue_type_script_setup_true_lang_default from "./OArticle.vue_vue_type_script_setup_true_lang.mjs";
+import './OArticle.vue_vue_type_style_index_0_scoped_f94c0e57_lang.css';
+// src/components/article/OArticle.vue
+var OArticle_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OArticle_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f94c0e57"]]);
+export { OArticle_default as default };

package/dist/treeshaking/components/article/OArticle.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,133 @@
+import OMarkdown_default from "../markdown/OMarkdown.mjs";
+import OArticlePagination_default from "../article-pagination/OArticlePagination.mjs";
+import ArticleTitle_default from "./components/ArticleTitle.mjs";
+import DocTitle_default from "./components/DocTitle.mjs";
+import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, renderSlot, withCtx } from "vue";
+// src/components/article/OArticle.vue?vue&type=script&setup=true&lang.ts
+var OArticle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OArticle",
+	props: {
+		title: {},
+		headerBg: {},
+		tags: { default: () => [] },
+		community: {},
+		prev: { default: null },
+		next: { default: null },
+		type: { default: "article" },
+		disableH2: {
+			type: Boolean,
+			default: false
+		},
+		disableTable: {
+			type: Boolean,
+			default: false
+		},
+		disableImg: {
+			type: Boolean,
+			default: false
+		},
+		disableCode: {
+			type: Boolean,
+			default: false
+		},
+		updateTime: {},
+		sourceUrl: {},
+		enableDownload: {
+			type: Boolean,
+			default: false
+		},
+		enableStar: {
+			type: Boolean,
+			default: false
+		},
+		enableCopyLink: {
+			type: Boolean,
+			default: false
+		},
+		prevLabel: {},
+		nextLabel: {},
+		radius: { default: "var(--o-radius-xs)" }
+	},
+	emits: [
+		"navigate",
+		"download",
+		"collect"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const markdownProps = computed(() => ({
+			hideFirstH1: true,
+			disableH2: props.disableH2,
+			disableTable: props.disableTable,
+			disableImg: props.disableImg,
+			disableCode: props.disableCode
+		}));
+		const onNavigate = (type, item) => {
+			emit("navigate", type, item);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "o-article",
+				style: normalizeStyle({ "--o-article-radius": __props.radius })
+			}, [createElementVNode("div", { class: normalizeClass(["o-article__content", { doc: __props.type === "doc" }]) }, [createVNode(OMarkdown_default, mergeProps({ ref: "markdownRef" }, markdownProps.value), {
+				header: withCtx(({ h1 }) => [__props.type === "article" ? (openBlock(), createBlock(ArticleTitle_default, {
+					key: 0,
+					title: __props.title,
+					el: h1,
+					"header-bg": __props.headerBg,
+					tags: __props.tags,
+					community: __props.community,
+					"update-time": __props.updateTime,
+					radius: __props.radius
+				}, null, 8, [
+					"title",
+					"el",
+					"header-bg",
+					"tags",
+					"community",
+					"update-time",
+					"radius"
+				])) : (openBlock(), createBlock(DocTitle_default, {
+					key: 1,
+					title: __props.title,
+					el: h1,
+					"bg-image": __props.headerBg,
+					"update-time": __props.updateTime,
+					"source-url": __props.sourceUrl,
+					"enable-download": __props.enableDownload,
+					"enable-star": __props.enableStar,
+					"enable-copy-link": __props.enableCopyLink,
+					onDownload: _cache[0] || (_cache[0] = ($event) => emit("download")),
+					onCollect: _cache[1] || (_cache[1] = ($event) => emit("collect"))
+				}, null, 8, [
+					"title",
+					"el",
+					"bg-image",
+					"update-time",
+					"source-url",
+					"enable-download",
+					"enable-star",
+					"enable-copy-link"
+				]))]),
+				footer: withCtx(() => [createVNode(OArticlePagination_default, {
+					prev: __props.prev,
+					next: __props.next,
+					"prev-label": __props.prevLabel,
+					"next-label": __props.nextLabel,
+					radius: __props.radius,
+					onNavigate
+				}, null, 8, [
+					"prev",
+					"next",
+					"prev-label",
+					"next-label",
+					"radius"
+				])]),
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 16)], 2)], 4);
+		};
+	}
+});
+export { OArticle_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/article/OArticleList.mjs

@@ -0,0 +1,5 @@
+import OArticleList_vue_vue_type_script_setup_true_lang_default from "./OArticleList.vue_vue_type_script_setup_true_lang.mjs";
+import './OArticleList.vue_vue_type_style_index_0_lang.css';
+// src/components/article/OArticleList.vue
+var OArticleList_default = OArticleList_vue_vue_type_script_setup_true_lang_default;
+export { OArticleList_default as default };

package/dist/treeshaking/components/article/OArticleList.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,182 @@
+import OEmpty_default from "../empty/OEmpty.mjs";
+import icon_time_default from "../../_virtual/~icons/components/icon-time.mjs";
+import icon_avatar_line_default from "../../_virtual/~icons/components/icon-avatar-line.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useSlots, watch, withCtx } from "vue";
+import { OCard, OCol, OIcon, OPagination, ORow, OTag } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+// src/components/article/OArticleList.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-article-list" };
+var _hoisted_2 = {
+	key: 0,
+	class: "article-filter"
+};
+var _hoisted_3 = { class: "article-content" };
+var _hoisted_4 = {
+	key: 0,
+	class: "item-tags"
+};
+var _hoisted_5 = {
+	key: 1,
+	class: "item-desc"
+};
+var _hoisted_6 = { class: "item-info" };
+var _hoisted_7 = { key: 0 };
+var _hoisted_8 = { key: 1 };
+var _hoisted_9 = { key: 2 };
+var _hoisted_10 = {
+	key: 1,
+	class: "article-pagination"
+};
+var OArticleList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OArticleList",
+	props: {
+		data: { default: () => [] },
+		pageSize: { default: 9 },
+		pageSizes: { default: () => [
+			9,
+			18,
+			45
+		] },
+		defaultCovers: { default: () => [] },
+		emptyImg: {},
+		mobileLayout: { default: "h" }
+	},
+	emits: ["page-change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const { lePadV } = useScreen();
+		const current = ref(1);
+		const size = ref(props.pageSize);
+		const total = computed(() => props.data.length);
+		const items = computed(() => props.data.slice((current.value - 1) * size.value, current.value * size.value));
+		const showPagination = computed(() => total.value > size.value);
+		watch(() => props.pageSize, (val) => {
+			size.value = val;
+		});
+		watch(() => props.data, () => {
+			current.value = 1;
+		});
+		watch([total, size], () => {
+			const maxPage = Math.max(1, Math.ceil(total.value / size.value));
+			if (current.value > maxPage) current.value = maxPage;
+		});
+		const changePage = ({ page, pageSize }) => {
+			current.value = page;
+			size.value = pageSize;
+			emit("page-change", {
+				page,
+				pageSize
+			});
+		};
+		const authorText = (author) => Array.isArray(author) ? author.join(" ") : author;
+		const getCover = (item, index) => {
+			if (item.cover) return item.cover;
+			const covers = props.defaultCovers;
+			return covers.length ? covers[index % covers.length] : void 0;
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				unref(slots).filter ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "filter")])) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_3, [total.value ? (openBlock(), createBlock(unref(ORow), {
+					key: 0,
+					gap: "var(--grid-column-gutter)",
+					wrap: "wrap"
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
+						return openBlock(), createBlock(unref(OCol), {
+							key: item.title,
+							flex: "0 1 33.33%",
+							"pad-v": { flex: "0 1 50%" },
+							phone: { flex: "0 1 100%" }
+						}, {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "card", {
+								item,
+								index,
+								cover: getCover(item, index)
+							}, () => [createVNode(unref(OCard), {
+								title: item.title,
+								"title-row": 2,
+								"title-max-row": 2,
+								cover: getCover(item, index),
+								href: item.href,
+								layout: unref(lePadV) ? __props.mobileLayout : "v"
+							}, createSlots({
+								detail: withCtx(() => [item.tags?.length ? (openBlock(), createElementBlock("div", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(item.tags, (tag, idx) => {
+									return openBlock(), createBlock(unref(OTag), {
+										key: idx,
+										class: "item-tag",
+										color: tag.color,
+										variant: tag.variant ?? "outline",
+										size: tag.size,
+										round: tag.round
+									}, createSlots({
+										default: withCtx(() => [createElementVNode("span", null, toDisplayString(tag.label), 1)]),
+										_: 2
+									}, [tag.icon ? {
+										name: "icon",
+										fn: withCtx(() => [createVNode(unref(OIcon), null, {
+											default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(tag.icon)))]),
+											_: 2
+										}, 1024)]),
+										key: "0"
+									} : void 0]), 1032, [
+										"color",
+										"variant",
+										"size",
+										"round"
+									]);
+								}), 128))])) : createCommentVNode("", true), item.description ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(item.description), 1)) : createCommentVNode("", true)]),
+								_: 2
+							}, [item.date || item.author || item.location ? {
+								name: "footer",
+								fn: withCtx(() => [createElementVNode("div", _hoisted_6, [
+									item.date ? (openBlock(), createElementBlock("span", _hoisted_7, [createVNode(unref(OIcon), null, {
+										default: withCtx(() => [createVNode(unref(icon_time_default))]),
+										_: 1
+									}), createTextVNode(" " + toDisplayString(item.date), 1)])) : createCommentVNode("", true),
+									item.author ? (openBlock(), createElementBlock("span", _hoisted_8, [createVNode(unref(OIcon), null, {
+										default: withCtx(() => [createVNode(unref(icon_avatar_line_default))]),
+										_: 1
+									}), createTextVNode(" " + toDisplayString(authorText(item.author)), 1)])) : createCommentVNode("", true),
+									item.location ? (openBlock(), createElementBlock("span", _hoisted_9, [createVNode(unref(OIcon), null, {
+										default: withCtx(() => [createVNode(unref(icon_avatar_line_default))]),
+										_: 1
+									}), createTextVNode(" " + toDisplayString(item.location), 1)])) : createCommentVNode("", true)
+								])]),
+								key: "0"
+							} : void 0]), 1032, [
+								"title",
+								"cover",
+								"href",
+								"layout"
+							])])]),
+							_: 2
+						}, 1024);
+					}), 128))]),
+					_: 3
+				})) : renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [createVNode(OEmpty_default, {
+					class: "article-empty",
+					img: __props.emptyImg
+				}, null, 8, ["img"])])]),
+				showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_10, [createVNode(unref(OPagination), {
+					page: current.value,
+					simple: unref(lePadV),
+					"show-total": true,
+					"page-size": size.value,
+					total: total.value,
+					"page-sizes": __props.pageSizes,
+					onChange: changePage
+				}, null, 8, [
+					"page",
+					"simple",
+					"page-size",
+					"total",
+					"page-sizes"
+				])])) : createCommentVNode("", true)
+			]);
+		};
+	}
+});
+export { OArticleList_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import ArticleTitle_vue_vue_type_script_setup_true_lang_default from "./ArticleTitle.vue_vue_type_script_setup_true_lang.mjs";
+import './ArticleTitle.vue_vue_type_style_index_0_scoped_b96d293f_lang.css';
+// src/components/article/components/ArticleTitle.vue
+var ArticleTitle_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ArticleTitle_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-b96d293f"]]);
+export { ArticleTitle_default as default };

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

@@ -0,0 +1,77 @@
+import { useI18n } from "../../../i18n/index.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, openBlock, renderList, toDisplayString, unref, useCssVars, withCtx, withDirectives } from "vue";
+import { ODivider, OTag } from "@opensig/opendesign";
+import { buildVueDompurifyHTMLDirective } from "vue-dompurify-html";
+// src/components/article/components/ArticleTitle.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-article__header" };
+var _hoisted_2 = {
+	key: 0,
+	class: "o-article__title"
+};
+var _hoisted_3 = {
+	key: 1,
+	class: "o-article__title __mounted"
+};
+var _hoisted_4 = {
+	key: 2,
+	class: "o-article__meta"
+};
+var _hoisted_5 = {
+	key: 0,
+	class: "o-article__tags"
+};
+var _hoisted_6 = {
+	key: 1,
+	class: "o-article__update-time"
+};
+var ArticleTitle_vue_vue_type_script_setup_true_lang_default = /*@__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) => {
+			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), __props.el?.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 { ArticleTitle_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import DocTitle_vue_vue_type_script_setup_true_lang_default from "./DocTitle.vue_vue_type_script_setup_true_lang.mjs";
+import './DocTitle.vue_vue_type_style_index_0_scoped_12467c9f_lang.css';
+// src/components/article/components/DocTitle.vue
+var DocTitle_default = /*#__PURE__*/ _plugin_vue_export_helper_default(DocTitle_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-12467c9f"]]);
+export { DocTitle_default as default };