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

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/assets/styles/element-plus.css

@@ -95,7 +95,24 @@
   order: 1;
   font-size: 16px;
 }
-:root .el-date-editor .el-input__icon {
+:root .el-date-editor .el-input__wrapper .el-input__suffix {
+  order: 1;
+}
+:root .el-date-editor .el-range__close-icon {
+  order: 1;
+  font-size: 20px;
+  color: var(--o-color-info1);
+  margin-left: 2px;
+  margin-right: 4px;
+}
+:root .el-date-editor .el-range__close-icon.el-range__close-icon--hidden {
+  display: none;
+}
+:root .el-date-editor:has(.el-range__close-icon:not(.el-range__close-icon--hidden)) .el-range__icon {
+  display: none;
+}
+:root .el-date-editor .el-input__prefix .el-input__icon,
+:root .el-date-editor .el-range__icon {
   height: 100%;
   order: 1;
   font-size: 24px;
@@ -107,7 +124,8 @@
   background-repeat: no-repeat;
   background-position: center center;
 }
-:root .el-date-editor .el-input__icon svg {
+:root .el-date-editor .el-input__prefix .el-input__icon svg,
+:root .el-date-editor .el-range__icon svg {
   display: none;
 }
 :root .el-popper .el-popper__arrow {

package/dist/treeshaking/components/activity/OActivityForm.vue_vue_type_style_index_0_lang.css

@@ -94,7 +94,24 @@
   order: 1;
   font-size: 16px;
 }
-:root .el-date-editor .el-input__icon {
+:root .el-date-editor .el-input__wrapper .el-input__suffix {
+  order: 1;
+}
+:root .el-date-editor .el-range__close-icon {
+  order: 1;
+  font-size: 20px;
+  color: var(--o-color-info1);
+  margin-left: 2px;
+  margin-right: 4px;
+}
+:root .el-date-editor .el-range__close-icon.el-range__close-icon--hidden {
+  display: none;
+}
+:root .el-date-editor:has(.el-range__close-icon:not(.el-range__close-icon--hidden)) .el-range__icon {
+  display: none;
+}
+:root .el-date-editor .el-input__prefix .el-input__icon,
+:root .el-date-editor .el-range__icon {
   height: 100%;
   order: 1;
   font-size: 24px;
@@ -106,7 +123,8 @@
   background-repeat: no-repeat;
   background-position: center center;
 }
-:root .el-date-editor .el-input__icon svg {
+:root .el-date-editor .el-input__prefix .el-input__icon svg,
+:root .el-date-editor .el-range__icon svg {
   display: none;
 }
 :root .el-popper .el-popper__arrow {

package/dist/treeshaking/components/activity/OActivityForm.vue_vue_type_style_index_1_lang.css

@@ -94,7 +94,24 @@
   order: 1;
   font-size: 16px;
 }
-:root .el-date-editor .el-input__icon {
+:root .el-date-editor .el-input__wrapper .el-input__suffix {
+  order: 1;
+}
+:root .el-date-editor .el-range__close-icon {
+  order: 1;
+  font-size: 20px;
+  color: var(--o-color-info1);
+  margin-left: 2px;
+  margin-right: 4px;
+}
+:root .el-date-editor .el-range__close-icon.el-range__close-icon--hidden {
+  display: none;
+}
+:root .el-date-editor:has(.el-range__close-icon:not(.el-range__close-icon--hidden)) .el-range__icon {
+  display: none;
+}
+:root .el-date-editor .el-input__prefix .el-input__icon,
+:root .el-date-editor .el-range__icon {
   height: 100%;
   order: 1;
   font-size: 24px;
@@ -106,7 +123,8 @@
   background-repeat: no-repeat;
   background-position: center center;
 }
-:root .el-date-editor .el-input__icon svg {
+:root .el-date-editor .el-input__prefix .el-input__icon svg,
+:root .el-date-editor .el-range__icon svg {
   display: none;
 }
 :root .el-popper .el-popper__arrow {

package/dist/treeshaking/components/activity/OActivityMyCalendar.vue_vue_type_style_index_0_lang.css

@@ -94,7 +94,24 @@
   order: 1;
   font-size: 16px;
 }
-:root .el-date-editor .el-input__icon {
+:root .el-date-editor .el-input__wrapper .el-input__suffix {
+  order: 1;
+}
+:root .el-date-editor .el-range__close-icon {
+  order: 1;
+  font-size: 20px;
+  color: var(--o-color-info1);
+  margin-left: 2px;
+  margin-right: 4px;
+}
+:root .el-date-editor .el-range__close-icon.el-range__close-icon--hidden {
+  display: none;
+}
+:root .el-date-editor:has(.el-range__close-icon:not(.el-range__close-icon--hidden)) .el-range__icon {
+  display: none;
+}
+:root .el-date-editor .el-input__prefix .el-input__icon,
+:root .el-date-editor .el-range__icon {
   height: 100%;
   order: 1;
   font-size: 24px;
@@ -106,7 +123,8 @@
   background-repeat: no-repeat;
   background-position: center center;
 }
-:root .el-date-editor .el-input__icon svg {
+:root .el-date-editor .el-input__prefix .el-input__icon svg,
+:root .el-date-editor .el-range__icon svg {
   display: none;
 }
 :root .el-popper .el-popper__arrow {

package/dist/treeshaking/components/activity/OActivityMyCalendar.vue_vue_type_style_index_1_lang.css

@@ -94,7 +94,24 @@
   order: 1;
   font-size: 16px;
 }
-:root .el-date-editor .el-input__icon {
+:root .el-date-editor .el-input__wrapper .el-input__suffix {
+  order: 1;
+}
+:root .el-date-editor .el-range__close-icon {
+  order: 1;
+  font-size: 20px;
+  color: var(--o-color-info1);
+  margin-left: 2px;
+  margin-right: 4px;
+}
+:root .el-date-editor .el-range__close-icon.el-range__close-icon--hidden {
+  display: none;
+}
+:root .el-date-editor:has(.el-range__close-icon:not(.el-range__close-icon--hidden)) .el-range__icon {
+  display: none;
+}
+:root .el-date-editor .el-input__prefix .el-input__icon,
+:root .el-date-editor .el-range__icon {
   height: 100%;
   order: 1;
   font-size: 24px;
@@ -106,7 +123,8 @@
   background-repeat: no-repeat;
   background-position: center center;
 }
-:root .el-date-editor .el-input__icon svg {
+:root .el-date-editor .el-input__prefix .el-input__icon svg,
+:root .el-date-editor .el-range__icon svg {
   display: none;
 }
 :root .el-popper .el-popper__arrow {

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