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

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export * from './components/article-anchor';
 export * from './components/article-pagination';
 export * from './components/banner';
 export * from './components/brand';
+export * from './components/community-updates';
 export * from './components/config-provider';
 export * from './components/cookie-notice';
 export * from './components/doc-layout';

package/dist/treeshaking/components/article/OArticleList.vue_vue_type_style_index_0_lang.css

@@ -62,10 +62,6 @@
   --card-main-padding: var(--o-r-gap-5) var(--o-r-gap-6);
   height: 100%;
 }
-.o-article-list .article-content .o-card .o-card-main,
-.o-article-list .article-content .o-card .o-card-main-wrap {
-  min-width: 0;
-}
 @media (max-width: 840px) {
 .o-article-list .article-content .o-card {
     --card-h-cover-width: 36%;
@@ -79,6 +75,16 @@
 .o-article-list .article-content .o-card:hover .o-card-title {
   color: var(--o-color-primary1);
 }
+.o-article-list .article-content .o-card .o-card-main,
+.o-article-list .article-content .o-card .o-card-main-wrap {
+  min-width: 0;
+}
+@media (max-width: 840px) {
+.o-article-list .article-content .o-card .o-card-title {
+    font-size: var(--o-r-font_size-h4);
+    line-height: var(--o-r-line_height-h4);
+}
+}
 .o-article-list .article-content .o-card .o-card-cover-img {
   height: 266px;
 }

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorMobile.mjs

@@ -1,6 +1,6 @@
 import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
 import ArticleAnchorMobile_vue_vue_type_script_setup_true_lang_default from "./ArticleAnchorMobile.vue_vue_type_script_setup_true_lang.mjs";
-import './ArticleAnchorMobile.vue_vue_type_style_index_0_scoped_ccc0d33c_lang.css';
+import './ArticleAnchorMobile.vue_vue_type_style_index_0_scoped_8190c89e_lang.css';
 // src/components/article-anchor/components/ArticleAnchorMobile.vue
-var ArticleAnchorMobile_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ArticleAnchorMobile_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ccc0d33c"]]);
+var ArticleAnchorMobile_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ArticleAnchorMobile_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8190c89e"]]);
 export { ArticleAnchorMobile_default as default };

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorMobile.vue_vue_type_script_setup_true_lang.mjs

@@ -22,7 +22,7 @@ var ArticleAnchorMobile_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 		"update:visible"
 	],
 	setup(__props, { emit: __emit }) {
-		useCssVars((_ctx) => ({ "v3bf9ee34": _ctx.radius }));
+		useCssVars((_ctx) => ({ "v3d1ce759": _ctx.radius }));
 		const props = __props;
 		const emit = __emit;
 		const visible = computed({

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorMobile.vue_vue_type_style_index_0_scoped_8190c89e_lang.css

@@ -0,0 +1,47 @@
+.hover-icon-rotate .o-icon[data-v-8190c89e] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-8190c89e] {
+    transform: rotate(-180deg);
+}
+}
+.o-article-anchor--mobile[data-v-8190c89e] {
+  --o-article-anchor-radius: var(--v3d1ce759);
+}
+.o-article-anchor--mobile__fab[data-v-8190c89e] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  border: none;
+  cursor: pointer;
+  background-color: var(--o-color-fill2);
+  border-radius: var(--o-article-anchor-radius);
+  box-shadow: var(--o-shadow-2);
+}
+.o-article-anchor--mobile__fab-icon[data-v-8190c89e] {
+  font-size: 24px;
+  color: var(--o-color-info2);
+  line-height: 1;
+}
+.o-article-anchor--mobile__sheet-title[data-v-8190c89e] {
+  color: var(--o-color-info1);
+  font-weight: 600;
+  font-size: 18px;
+  line-height: 26px;
+}
+.o-article-anchor--mobile__menu[data-v-8190c89e] {
+  --menu-width: 100%;
+}
+.o-article-anchor--mobile__menu-sub[data-v-8190c89e] {
+  padding-left: 16px;
+}
+.o-article-anchor--mobile__menu-item[data-v-8190c89e] {
+  padding: 12px 16px;
+}
+.o-article-anchor--mobile__menu-subitem[data-v-8190c89e] {
+  padding: 12px 16px;
+  padding-left: 28px;
+}

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorPad.mjs

@@ -1,6 +1,6 @@
 import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
 import ArticleAnchorPad_vue_vue_type_script_setup_true_lang_default from "./ArticleAnchorPad.vue_vue_type_script_setup_true_lang.mjs";
-import './ArticleAnchorPad.vue_vue_type_style_index_0_scoped_3c75b66d_lang.css';
+import './ArticleAnchorPad.vue_vue_type_style_index_0_scoped_2ae25d23_lang.css';
 // src/components/article-anchor/components/ArticleAnchorPad.vue
-var ArticleAnchorPad_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ArticleAnchorPad_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-3c75b66d"]]);
+var ArticleAnchorPad_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ArticleAnchorPad_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-2ae25d23"]]);
 export { ArticleAnchorPad_default as default };

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorPad.vue.d.ts

@@ -9,9 +9,7 @@ declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
     };
-    refs: {
-        rootRef: HTMLDivElement;
-    };
+    refs: {};
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -21,9 +19,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: (() => any) | undefined;
     onToggle?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    rootRef: HTMLDivElement;
-}, HTMLDivElement>;
+}>, {}, {}, {}, {}, 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 & {

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorPad.vue_vue_type_script_setup_true_lang.mjs

@@ -1,17 +1,17 @@
 import { useI18n } from "../../../i18n/index.mjs";
 import icon_anchor_default from "../../../_virtual/~icons/components/icon-anchor.mjs";
 import icon_anchor_expand_default from "../../../_virtual/~icons/components/icon-anchor-expand.mjs";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, toDisplayString, unref, useCssVars, vShow, withCtx, withDirectives } from "vue";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useCssVars, vShow, withCtx, withDirectives } from "vue";
 import { OIcon } from "@opensig/opendesign";
-import { useEventListener } from "@vueuse/core";
 // src/components/article-anchor/components/ArticleAnchorPad.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "o-article-anchor--pad__toggle-label" };
-var _hoisted_2 = { class: "o-article-anchor--pad__pop" };
-var _hoisted_3 = {
+var _hoisted_1 = { class: "o-article-anchor--pad" };
+var _hoisted_2 = { class: "o-article-anchor--pad__toggle-label" };
+var _hoisted_3 = { class: "o-article-anchor--pad__pop" };
+var _hoisted_4 = {
 	key: 0,
 	class: "o-article-anchor--pad__pop-title"
 };
-var _hoisted_4 = { class: "o-article-anchor--pad__pop-title-text" };
+var _hoisted_5 = { class: "o-article-anchor--pad__pop-title-text" };
 var ArticleAnchorPad_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ArticleAnchorPad",
 	props: {
@@ -22,32 +22,24 @@ var ArticleAnchorPad_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 	},
 	emits: ["toggle", "close"],
 	setup(__props, { emit: __emit }) {
-		useCssVars((_ctx) => ({ "v8dd14310": _ctx.radius }));
+		useCssVars((_ctx) => ({ "dd83a918": _ctx.radius }));
 		const { t } = useI18n();
 		const navTitle = computed(() => t("articleAnchor.navTitle"));
 		const emit = __emit;
-		const rootRef = ref();
-		useEventListener(document, "click", (e) => {
-			if (!rootRef.value?.contains(e.target)) emit("close");
-		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				ref_key: "rootRef",
-				ref: rootRef,
-				class: "o-article-anchor--pad"
-			}, [createElementVNode("div", {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
 				class: normalizeClass(["o-article-anchor--pad__toggle", { hidden: __props.expanded }]),
 				onClick: _cache[0] || (_cache[0] = ($event) => emit("toggle"))
 			}, [createVNode(unref(OIcon), { class: "o-article-anchor--pad__toggle-icon" }, {
 				default: withCtx(() => [createVNode(unref(icon_anchor_default))]),
 				_: 1
-			}), createElementVNode("span", _hoisted_1, toDisplayString(navTitle.value), 1)], 2), withDirectives(createElementVNode("div", _hoisted_2, [__props.showTitle ? (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("span", _hoisted_4, toDisplayString(__props.title), 1), createVNode(unref(OIcon), {
+			}), createElementVNode("span", _hoisted_2, toDisplayString(navTitle.value), 1)], 2), withDirectives(createElementVNode("div", _hoisted_3, [__props.showTitle ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("span", _hoisted_5, toDisplayString(__props.title), 1), createVNode(unref(OIcon), {
 				class: "o-article-anchor--pad__pop-close",
 				onClick: _cache[1] || (_cache[1] = ($event) => emit("close"))
 			}, {
 				default: withCtx(() => [createVNode(unref(icon_anchor_expand_default))]),
 				_: 1
-			})])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512), [[vShow, __props.expanded]])], 512);
+			})])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512), [[vShow, __props.expanded]])]);
 		};
 	}
 });

package/dist/treeshaking/components/article-anchor/components/{ArticleAnchorPad.vue_vue_type_style_index_0_scoped_3c75b66d_lang.css → ArticleAnchorPad.vue_vue_type_style_index_0_scoped_2ae25d23_lang.css}

@@ -1,17 +1,17 @@
-.hover-icon-rotate .o-icon[data-v-3c75b66d] {
+.hover-icon-rotate .o-icon[data-v-2ae25d23] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-3c75b66d] {
+.hover-icon-rotate:hover .o-icon[data-v-2ae25d23] {
     transform: rotate(-180deg);
 }
 }
-.o-article-anchor--pad[data-v-3c75b66d] {
+.o-article-anchor--pad[data-v-2ae25d23] {
   position: relative;
   display: inline-block;
-  --o-article-anchor-radius: var(--v8dd14310);
+  --o-article-anchor-radius: var(--dd83a918);
 }
-.o-article-anchor--pad__toggle[data-v-3c75b66d] {
+.o-article-anchor--pad__toggle[data-v-2ae25d23] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -25,21 +25,21 @@
   border-radius: var(--o-article-anchor-radius);
   box-shadow: var(--o-shadow-2);
 }
-.o-article-anchor--pad__toggle.hidden[data-v-3c75b66d] {
+.o-article-anchor--pad__toggle.hidden[data-v-2ae25d23] {
   opacity: 0;
 }
-.o-article-anchor--pad__toggle-icon[data-v-3c75b66d] {
+.o-article-anchor--pad__toggle-icon[data-v-2ae25d23] {
   font-size: 24px;
   color: var(--o-color-info1);
 }
-.o-article-anchor--pad__toggle-label[data-v-3c75b66d] {
+.o-article-anchor--pad__toggle-label[data-v-2ae25d23] {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 10px;
   line-height: 16px;
 }
-.o-article-anchor--pad__pop[data-v-3c75b66d] {
+.o-article-anchor--pad__pop[data-v-2ae25d23] {
   position: absolute;
   top: 0;
   right: 0;
@@ -50,7 +50,7 @@
   border-radius: var(--o-article-anchor-radius);
   box-shadow: var(--o-shadow-2);
 }
-.o-article-anchor--pad__pop-title[data-v-3c75b66d] {
+.o-article-anchor--pad__pop-title[data-v-2ae25d23] {
   display: flex;
   align-items: center;
   gap: 4px;
@@ -60,19 +60,19 @@
   font-size: 14px;
   line-height: 22px;
 }
-.o-article-anchor--pad__pop-title .o-article-anchor__icon[data-v-3c75b66d] {
+.o-article-anchor--pad__pop-title .o-article-anchor__icon[data-v-2ae25d23] {
   font-size: 22px;
   color: var(--o-color-info1);
   line-height: 1;
   flex-shrink: 0;
 }
-.o-article-anchor--pad__pop-title-text[data-v-3c75b66d] {
+.o-article-anchor--pad__pop-title-text[data-v-2ae25d23] {
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.o-article-anchor--pad__pop-close[data-v-3c75b66d] {
+.o-article-anchor--pad__pop-close[data-v-2ae25d23] {
   margin-left: auto;
   font-size: 20px;
   color: var(--o-color-info2);

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 };