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

package/dist/treeshaking/components/common/ClientOnly.mjs

@@ -0,0 +1,4 @@
+import ClientOnly_vue_vue_type_script_setup_true_lang_default from "./ClientOnly.vue_vue_type_script_setup_true_lang.mjs";
+// src/components/common/ClientOnly.vue
+var ClientOnly_default = ClientOnly_vue_vue_type_script_setup_true_lang_default;
+export { ClientOnly_default as default };

package/dist/treeshaking/components/common/ClientOnly.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,15 @@
+import { createCommentVNode, defineComponent, onMounted, ref, renderSlot } from "vue";
+// src/components/common/ClientOnly.vue?vue&type=script&setup=true&lang.ts
+var ClientOnly_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ClientOnly",
+	setup(__props) {
+		const isClient = ref(false);
+		onMounted(() => {
+			isClient.value = true;
+		});
+		return (_ctx, _cache) => {
+			return isClient.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true);
+		};
+	}
+});
+export { ClientOnly_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/common/ContentWrapper.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import ContentWrapper_vue_vue_type_script_setup_true_lang_default from "./ContentWrapper.vue_vue_type_script_setup_true_lang.mjs";
+import './ContentWrapper.vue_vue_type_style_index_0_scoped_9e217f8f_lang.css';
+// src/components/common/ContentWrapper.vue
+var ContentWrapper_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ContentWrapper_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-9e217f8f"]]);
+export { ContentWrapper_default as default };

package/dist/treeshaking/components/common/ContentWrapper.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,40 @@
+import { computed, createElementBlock, defineComponent, normalizeStyle, openBlock, renderSlot, unref } from "vue";
+import { isBoolean, isString, isUndefined } from "@opensig/opendesign";
+// src/components/common/ContentWrapper.vue?vue&type=script&setup=true&lang.ts
+var ContentWrapper_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ContentWrapper",
+	props: { verticalPadding: {
+		type: [
+			Boolean,
+			String,
+			Array
+		],
+		default: void 0
+	} },
+	setup(__props) {
+		const DEFAULT = Symbol("default");
+		const props = __props;
+		const paddingTop = computed(() => {
+			if (!props.verticalPadding) return 0;
+			if (isBoolean(props.verticalPadding)) return DEFAULT;
+			else if (isString(props.verticalPadding)) return props.verticalPadding;
+			else return props.verticalPadding[0];
+		});
+		const paddingBottom = computed(() => {
+			if (!props.verticalPadding) return 0;
+			if (isBoolean(props.verticalPadding)) return DEFAULT;
+			else if (isString(props.verticalPadding)) return props.verticalPadding;
+			else return !isUndefined(props.verticalPadding[1]) ? props.verticalPadding[1] : props.verticalPadding[0];
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "content-wrapper",
+				style: normalizeStyle({
+					"--content-wrapper-vertical-paddingTop": paddingTop.value === unref(DEFAULT) ? void 0 : paddingTop.value,
+					"--content-wrapper-vertical-paddingBottom": paddingBottom.value === unref(DEFAULT) ? void 0 : paddingBottom.value
+				})
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 4);
+		};
+	}
+});
+export { ContentWrapper_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/common/TooltipText.mjs

@@ -0,0 +1,5 @@
+import TooltipText_vue_vue_type_script_setup_true_lang_default from "./TooltipText.vue_vue_type_script_setup_true_lang.mjs";
+import './TooltipText.vue_vue_type_style_index_0_lang.css';
+// src/components/common/TooltipText.vue
+var TooltipText_default = TooltipText_vue_vue_type_script_setup_true_lang_default;
+export { TooltipText_default as default };

package/dist/treeshaking/components/common/TooltipText.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,92 @@
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, renderSlot, toDisplayString, unref, useSlots, watch, withCtx } from "vue";
+import { OPopover, isClient } from "@opensig/opendesign";
+// src/components/common/TooltipText.vue?vue&type=script&setup=true&lang.ts
+var TooltipText_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "TooltipText",
+	props: {
+		lines: {},
+		width: {},
+		type: { default: "" },
+		size: { default: 14 }
+	},
+	setup(__props) {
+		const contentRef = ref(null);
+		const ellipsis = ref(true);
+		const props = __props;
+		const slots = useSlots();
+		let resizeObserver = null;
+		let resizeRafId = null;
+		const checkOverflow = () => {
+			if (!isClient) return;
+			const ele = contentRef.value;
+			if (!ele) return;
+			if (props.lines && props.lines > 1) {
+				const visibleHeight = ele.offsetHeight;
+				const prevDisplay = ele.style.display;
+				ele.style.display = "block";
+				const naturalHeight = ele.scrollHeight;
+				ele.style.display = prevDisplay;
+				if (naturalHeight && visibleHeight) ellipsis.value = naturalHeight > visibleHeight + 1;
+				return;
+			}
+			ellipsis.value = ele.scrollWidth > ele.offsetWidth + 1 || ele.scrollHeight > ele.offsetHeight + 1;
+		};
+		const onWindowResize = () => {
+			if (resizeRafId !== null) cancelAnimationFrame(resizeRafId);
+			resizeRafId = requestAnimationFrame(checkOverflow);
+		};
+		onMounted(() => {
+			checkOverflow();
+			if (!isClient || !contentRef.value) return;
+			resizeObserver = new ResizeObserver(() => checkOverflow());
+			resizeObserver.observe(contentRef.value);
+			window.addEventListener("resize", onWindowResize);
+		});
+		onUnmounted(() => {
+			resizeObserver?.disconnect();
+			if (resizeRafId !== null) cancelAnimationFrame(resizeRafId);
+			window.removeEventListener("resize", onWindowResize);
+		});
+		watch(() => [props.lines, props.width], () => {
+			if (isClient) requestAnimationFrame(checkOverflow);
+		});
+		const getTextFromNode = (node) => {
+			const children = node.children ?? "";
+			if (Array.isArray(children)) return children.map((v) => getTextFromNode(v)).join("");
+			return String(children);
+		};
+		const contentText = computed(() => {
+			return (slots.default?.() || []).map((node) => getTextFromNode(node)).join("\n");
+		});
+		const wrapperStyle = computed(() => {
+			return { width: Number.isNaN(Number(props.width)) ? props.width : `${props.width}px` };
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "o-tooltip-text-wrapper",
+				style: normalizeStyle(wrapperStyle.value)
+			}, [createVNode(unref(OPopover), {
+				anchor: "",
+				disabled: !ellipsis.value,
+				adjustMinWidth: false,
+				adjustWidth: true
+			}, {
+				target: withCtx(() => [createElementVNode("div", {
+					class: normalizeClass([
+						"tooltip-text",
+						__props.type,
+						ellipsis.value && "ellipsis",
+						__props.lines && __props.lines > 1 && "multi-lines"
+					]),
+					ref_key: "contentRef",
+					ref: contentRef,
+					style: normalizeStyle(`--lines: ${__props.lines};`),
+					onMouseenter: checkOverflow
+				}, [renderSlot(_ctx.$slots, "default")], 38)]),
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(["popup-box2", `fz-${__props.size}`]) }, toDisplayString(contentText.value), 3)]),
+				_: 3
+			}, 8, ["disabled"])], 4);
+		};
+	}
+});
+export { TooltipText_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/common/WordAvatar.mjs

@@ -0,0 +1,5 @@
+import WordAvatar_vue_vue_type_script_setup_true_lang_default from "./WordAvatar.vue_vue_type_script_setup_true_lang.mjs";
+import './WordAvatar.vue_vue_type_style_index_0_lang.css';
+// src/components/common/WordAvatar.vue
+var WordAvatar_default = WordAvatar_vue_vue_type_script_setup_true_lang_default;
+export { WordAvatar_default as default };

package/dist/treeshaking/components/common/WordAvatar.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,77 @@
+import { computed, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, toDisplayString } from "vue";
+// src/components/common/WordAvatar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["src"];
+var WordAvatar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "WordAvatar",
+	props: {
+		name: {
+			type: String,
+			default: "",
+			required: true
+		},
+		size: {
+			type: String,
+			default: "medium"
+		},
+		customSize: {
+			type: Number,
+			default: 0
+		},
+		variant: {
+			type: String,
+			default: "round"
+		},
+		src: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const bgColorArr = [
+			"#058EF0",
+			"#FA7305",
+			"#03B5A5"
+		];
+		const avatarText = computed(() => props.name?.charAt(0).toUpperCase());
+		const getAvatarStyle = computed(() => {
+			const avatarStyle = {
+				"background-color": "",
+				width: "40px",
+				height: "40px",
+				"font-size": "20px"
+			};
+			avatarStyle["background-color"] = props.name ? bgColorArr[props.name?.length % bgColorArr.length] : "transparent";
+			let sizeNum = 0;
+			if (props.customSize) sizeNum = Number(props.customSize);
+			else sizeNum = {
+				mini: 16,
+				small: 24,
+				medium: 40,
+				large: 64
+			}[props.size];
+			avatarStyle.height = `${sizeNum}px`;
+			avatarStyle.width = `${sizeNum}px`;
+			avatarStyle["font-size"] = `${sizeNum / 2}px`;
+			return avatarStyle;
+		});
+		const getImgStyle = computed(() => ({
+			width: getAvatarStyle.value.width,
+			height: getAvatarStyle.value.height
+		}));
+		return (_ctx, _cache) => {
+			return __props.src ? (openBlock(), createElementBlock("img", {
+				key: 0,
+				src: __props.src,
+				class: normalizeClass(["o-word-avatar", `o-word-avatar-${__props.variant}`]),
+				style: normalizeStyle(getImgStyle.value),
+				alt: ""
+			}, null, 14, _hoisted_1)) : (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass(["o-word-avatar", `o-word-avatar-${__props.variant}`]),
+				style: normalizeStyle(getAvatarStyle.value)
+			}, toDisplayString(avatarText.value), 7));
+		};
+	}
+});
+export { WordAvatar_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/community-updates/OCommunityUpdates.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OCommunityUpdates_vue_vue_type_script_setup_true_lang_default from "./OCommunityUpdates.vue_vue_type_script_setup_true_lang.mjs";
+import './OCommunityUpdates.vue_vue_type_style_index_0_scoped_1da301c6_lang.css';
+// src/components/community-updates/OCommunityUpdates.vue
+var OCommunityUpdates_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OCommunityUpdates_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-1da301c6"]]);
+export { OCommunityUpdates_default as default };

package/dist/treeshaking/components/community-updates/OCommunityUpdates.vue.d.ts

@@ -0,0 +1,46 @@
+import { CommunityUpdatesItemT, CommunityUpdatesPropsT } from './types';
+type __VLS_Props = CommunityUpdatesPropsT;
+type __VLS_PublicProps = {
+    'activeTab'?: string;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /** 单个动态卡片自定义渲染（横向滚动布局仍由组件内部处理），插槽参数为当前项数据、索引与当前 Tab key；不传时渲染内置 OCommunityUpdatesCard */
+        card?: (props: {
+            item: CommunityUpdatesItemT;
+            index: number;
+            tab: string;
+        }) => any;
+    }> & {
+        /** 单个动态卡片自定义渲染（横向滚动布局仍由组件内部处理），插槽参数为当前项数据、索引与当前 Tab key；不传时渲染内置 OCommunityUpdatesCard */
+        card?: (props: {
+            item: CommunityUpdatesItemT;
+            index: number;
+            tab: string;
+        }) => any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:activeTab": (value: string) => any;
+} & {
+    "tab-change": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onTab-change"?: ((value: string) => any) | undefined;
+    "onUpdate:activeTab"?: ((value: string) => any) | undefined;
+}>, {
+    data: CommunityUpdatesItemT[] | Record<string, CommunityUpdatesItemT[]>;
+    tabs: import('./types').CommunityUpdatesTabT[];
+    moreHref: string;
+    moreText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/treeshaking/components/community-updates/OCommunityUpdates.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,100 @@
+import { useI18n } from "../../i18n/index.mjs";
+import icon_chevron_right_default from "../../_virtual/~icons/components/icon-chevron-right.mjs";
+import OCommunityUpdatesCard_default from "./OCommunityUpdatesCard.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref, useModel, withCtx } from "vue";
+import { OIcon, OLink, OScroller, OTab, OTabPane } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+// src/components/community-updates/OCommunityUpdates.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-community-updates" };
+var _hoisted_2 = { class: "o-community-updates__list" };
+var OCommunityUpdates_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OCommunityUpdates",
+	props: /*@__PURE__*/ mergeModels({
+		data: { default: () => [] },
+		tabs: { default: () => [] },
+		activeTab: {},
+		moreHref: { default: void 0 },
+		moreText: { default: void 0 }
+	}, {
+		"activeTab": {},
+		"activeTabModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["tab-change"], ["update:activeTab"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { t } = useI18n();
+		const { isPhone } = useScreen();
+		const moreTextValue = computed(() => props.moreText ?? t("common.viewMore"));
+		const activeTab = useModel(__props, "activeTab");
+		const effectiveTab = computed(() => activeTab.value || props.tabs[0]?.key || "");
+		const onTabChange = (value) => {
+			const key = String(value);
+			activeTab.value = key;
+			emit("tab-change", key);
+		};
+		const items = computed(() => {
+			if (props.tabs.length && props.data && !Array.isArray(props.data)) return props.data[effectiveTab.value] ?? [];
+			return Array.isArray(props.data) ? props.data : [];
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				__props.tabs.length ? (openBlock(), createBlock(unref(OTab), {
+					key: 0,
+					class: "o-community-updates__tab",
+					variant: "text",
+					size: "large",
+					line: false,
+					"model-value": effectiveTab.value,
+					"onUpdate:modelValue": onTabChange
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab) => {
+						return openBlock(), createBlock(unref(OTabPane), {
+							key: tab.key,
+							value: tab.key,
+							label: tab.label
+						}, null, 8, ["value", "label"]);
+					}), 128))]),
+					_: 1
+				}, 8, ["model-value"])) : createCommentVNode("", true),
+				items.value.length ? (openBlock(), createBlock(unref(OScroller), {
+					key: 1,
+					class: "o-community-updates__scroller",
+					"disabled-y": "",
+					"show-type": items.value.length <= 3 || unref(isPhone) ? "never" : "always",
+					size: "small",
+					"auto-update-on-scroll-size": ""
+				}, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
+						return openBlock(), createElementBlock("div", {
+							key: item.title,
+							class: "o-community-updates__item"
+						}, [renderSlot(_ctx.$slots, "card", {
+							item,
+							index,
+							tab: effectiveTab.value
+						}, () => [createVNode(OCommunityUpdatesCard_default, { item }, null, 8, ["item"])], true)]);
+					}), 128))])]),
+					_: 3
+				}, 8, ["show-type"])) : createCommentVNode("", true),
+				moreTextValue.value ? (openBlock(), createElementBlock("div", {
+					key: 2,
+					class: normalizeClass(["o-community-updates__more", { le4: items.value.length <= 3 || unref(isPhone) }])
+				}, [createVNode(unref(OLink), {
+					class: "o-community-updates__more-link",
+					href: __props.moreHref,
+					target: "_blank",
+					"hover-underline": false
+				}, {
+					suffix: withCtx(() => [createVNode(unref(OIcon), { class: "more-icon" }, {
+						default: withCtx(() => [createVNode(unref(icon_chevron_right_default))]),
+						_: 1
+					})]),
+					default: withCtx(() => [createTextVNode(toDisplayString(moreTextValue.value) + " ", 1)]),
+					_: 1
+				}, 8, ["href"])], 2)) : createCommentVNode("", true)
+			]);
+		};
+	}
+});
+export { OCommunityUpdates_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/community-updates/OCommunityUpdates.vue_vue_type_style_index_0_scoped_1da301c6_lang.css

@@ -0,0 +1,107 @@
+.hover-icon-rotate .o-icon[data-v-1da301c6] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-1da301c6] {
+    transform: rotate(-180deg);
+}
+}
+.o-community-updates__tab[data-v-1da301c6] .o-tab-nav-list {
+  --tab-nav-gap: 32px;
+}
+@media (max-width: 1680px) {
+.o-community-updates__tab[data-v-1da301c6] .o-tab-nav-list {
+    --tab-nav-gap: 24px;
+}
+}
+@media (max-width: 840px) {
+.o-community-updates__tab[data-v-1da301c6] .o-tab-nav-list {
+    --tab-nav-gap: 16px;
+}
+}
+.o-community-updates__scroller[data-v-1da301c6] .o-scrollbar {
+  --scrollbar-height: 100%;
+}
+.o-community-updates__list[data-v-1da301c6] {
+  display: flex;
+  align-items: stretch;
+  flex-wrap: nowrap;
+  gap: var(--grid-column-gutter);
+  padding-top: 24px;
+  padding-bottom: 32px;
+  width: 100%;
+  box-sizing: border-box;
+}
+@media (max-width: 1680px) {
+.o-community-updates__list[data-v-1da301c6] {
+    padding-top: 16px;
+    padding-bottom: 24px;
+}
+}
+@media (max-width: 1200px) {
+.o-community-updates__list[data-v-1da301c6] {
+    padding-top: 12px;
+    padding-bottom: 16px;
+}
+}
+@media (max-width: 840px) {
+.o-community-updates__list[data-v-1da301c6] {
+    padding-bottom: 12px;
+}
+}
+.o-community-updates__item[data-v-1da301c6] {
+  flex: 0 0 calc(33.33% - var(--grid-column-gutter) * 2 / 3);
+  min-width: 0;
+}
+@media (max-width: 840px) {
+.o-community-updates__item[data-v-1da301c6] {
+    flex-basis: calc(50% - var(--grid-column-gutter) / 2);
+}
+}
+.o-community-updates__more[data-v-1da301c6] {
+  display: flex;
+  justify-content: center;
+  color: var(--o-color-info2);
+  margin-top: var(--grid-column-gutter);
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-community-updates__more[data-v-1da301c6] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-community-updates__more[data-v-1da301c6] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-community-updates__more[data-v-1da301c6] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.o-community-updates__more[data-v-1da301c6] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-community-updates__more .o-community-updates__more-link[data-v-1da301c6] {
+  color: var(--o-color-info2);
+}
+@media (hover: hover) {
+.o-community-updates__more .o-community-updates__more-link[data-v-1da301c6]:hover {
+    color: var(--o-color-link2);
+}
+}
+.o-community-updates__more .more-icon[data-v-1da301c6] {
+  font-size: 16px;
+  height: 24px;
+}
+.o-community-updates__more.le4[data-v-1da301c6] {
+  margin-top: 0;
+}

package/dist/treeshaking/components/community-updates/OCommunityUpdatesCard.mjs

@@ -0,0 +1,5 @@
+import OCommunityUpdatesCard_vue_vue_type_script_setup_true_lang_default from "./OCommunityUpdatesCard.vue_vue_type_script_setup_true_lang.mjs";
+import './OCommunityUpdatesCard.vue_vue_type_style_index_0_lang.css';
+// src/components/community-updates/OCommunityUpdatesCard.vue
+var OCommunityUpdatesCard_default = OCommunityUpdatesCard_vue_vue_type_script_setup_true_lang_default;
+export { OCommunityUpdatesCard_default as default };

package/dist/treeshaking/components/community-updates/OCommunityUpdatesCard.vue.d.ts

@@ -0,0 +1,7 @@
+import { CommunityUpdatesItemT } from './types';
+type __VLS_Props = {
+    /** 动态数据项 */
+    item: CommunityUpdatesItemT;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/treeshaking/components/community-updates/OCommunityUpdatesCard.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,49 @@
+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 { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { OCard, OIcon } from "@opensig/opendesign";
+// src/components/community-updates/OCommunityUpdatesCard.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-community-updates-card__desc" };
+var _hoisted_2 = { class: "o-community-updates-card__info" };
+var _hoisted_3 = { key: 0 };
+var _hoisted_4 = { key: 1 };
+var OCommunityUpdatesCard_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OCommunityUpdatesCard",
+	props: { item: {} },
+	setup(__props) {
+		const props = __props;
+		const authorText = computed(() => Array.isArray(props.item.author) ? props.item.author.join(" ") : props.item.author);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(OCard), {
+				class: "o-community-updates-card",
+				title: __props.item.title,
+				"title-row": 2,
+				"title-max-row": 2,
+				cover: __props.item.cover,
+				"cover-ratio": 2.4,
+				href: __props.item.href,
+				hoverable: "",
+				cursor: "pointer"
+			}, createSlots({ _: 2 }, [__props.item.description ? {
+				name: "detail",
+				fn: withCtx(() => [createElementVNode("p", _hoisted_1, toDisplayString(__props.item.description), 1)]),
+				key: "0"
+			} : void 0, __props.item.date || authorText.value ? {
+				name: "footer",
+				fn: withCtx(() => [createElementVNode("div", _hoisted_2, [__props.item.date ? (openBlock(), createElementBlock("span", _hoisted_3, [createVNode(unref(OIcon), null, {
+					default: withCtx(() => [createVNode(unref(icon_time_default))]),
+					_: 1
+				}), createTextVNode(" " + toDisplayString(__props.item.date), 1)])) : createCommentVNode("", true), authorText.value ? (openBlock(), createElementBlock("span", _hoisted_4, [createVNode(unref(OIcon), null, {
+					default: withCtx(() => [createVNode(unref(icon_avatar_line_default))]),
+					_: 1
+				}), createTextVNode(" " + toDisplayString(authorText.value), 1)])) : createCommentVNode("", true)])]),
+				key: "1"
+			} : void 0]), 1032, [
+				"title",
+				"cover",
+				"href"
+			]);
+		};
+	}
+});
+export { OCommunityUpdatesCard_vue_vue_type_script_setup_true_lang_default as default };