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

package/dist/treeshaking/components/community-updates/OCommunityUpdatesCard.vue_vue_type_style_index_0_lang.css

@@ -0,0 +1,130 @@
+.hover-icon-rotate .o-icon {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon {
+    transform: rotate(-180deg);
+}
+}
+.o-community-updates-card {
+  --card-main-padding: var(--o-gap-5);
+  --card-radius: var(--o-radius-xs);
+  height: 100%;
+}
+@media (hover: hover) {
+.o-community-updates-card:hover .o-card-title {
+    color: var(--o-color-primary1);
+}
+}
+.o-community-updates-card .o-card-main {
+  --card-main-padding: 24px 32px;
+}
+@media (max-width: 1680px) {
+.o-community-updates-card .o-card-main {
+    --card-main-padding: 16px 24px;
+}
+}
+@media (max-width: 1200px) {
+.o-community-updates-card .o-card-main {
+    --card-main-padding: 12px 16px;
+}
+}
+@media (max-width: 840px) {
+.o-community-updates-card .o-card-main {
+    --card-main-padding: 12px;
+}
+}
+.o-community-updates-card .o-card-cover {
+  padding: 0;
+}
+.o-community-updates-card .o-card-cover-img,
+.o-community-updates-card .o-card-cover-img img {
+  --card-cover-radius: 4px 4px 0 0;
+}
+.o-community-updates-card .o-card-main,
+.o-community-updates-card .o-card-main-wrap {
+  min-width: 0;
+}
+.o-community-updates-card .o-card-cover-img img {
+  object-position: center top;
+}
+.o-community-updates-card__desc {
+  margin: 0;
+  width: 100%;
+  color: var(--o-color-info2);
+  position: relative;
+  height: 2lh;
+  overflow: hidden;
+}
+.o-community-updates-card__desc::after {
+  content: "";
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  width: 4em;
+  height: 1lh;
+  pointer-events: none;
+  background-image: linear-gradient(90deg, rgba(var(--o-grey-1), 0) 0%, rgba(var(--o-grey-1), 1) 80%);
+}
+[data-o-theme*=dark] .o-community-updates-card__desc::after {
+  background-image: linear-gradient(90deg, rgba(var(--o-grey-4), 0) 0%, rgba(var(--o-grey-4), 1) 80%);
+}
+.o-community-updates-card__info {
+  color: var(--o-color-info3);
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  font-size: 12px;
+  line-height: 18px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-community-updates-card__info {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-community-updates-card__info {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-community-updates-card__info {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-community-updates-card__info {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-community-updates-card__info span {
+  display: flex;
+  align-items: center;
+}
+.o-community-updates-card__info span + span {
+  margin-left: var(--o-gap-4);
+}
+@media (max-width: 1680px) {
+.o-community-updates-card__info span + span {
+    margin-left: var(--o-gap-3);
+}
+}
+@media (max-width: 1200px) {
+.o-community-updates-card__info span + span {
+    margin-left: var(--o-gap-2);
+}
+}
+.o-community-updates-card__info span .o-icon {
+  display: inline-flex;
+  margin-right: var(--o-gap-2);
+  font-size: 16px;
+}
+.o-community-updates-card__info span .o-icon svg {
+  width: 16px;
+  height: 16px;
+  fill: currentColor;
+}

package/dist/treeshaking/components/community-updates/index.d.ts

@@ -0,0 +1,91 @@
+import { App } from 'vue';
+declare const OCommunityUpdates: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        activeTab?: string;
+    } & import('./types').CommunityUpdatesPropsT> & Readonly<{
+        "onTab-change"?: ((value: string) => any) | undefined;
+        "onUpdate:activeTab"?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:activeTab": (value: string) => any;
+    } & {
+        "tab-change": (value: string) => any;
+    }, import('vue').PublicProps, {
+        data: import('./types').CommunityUpdatesItemT[] | Record<string, import('./types').CommunityUpdatesItemT[]>;
+        tabs: import('./types').CommunityUpdatesTabT[];
+        moreHref: string;
+        moreText: string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        activeTab?: string;
+    } & import('./types').CommunityUpdatesPropsT> & Readonly<{
+        "onTab-change"?: ((value: string) => any) | undefined;
+        "onUpdate:activeTab"?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        data: import('./types').CommunityUpdatesItemT[] | Record<string, import('./types').CommunityUpdatesItemT[]>;
+        tabs: import('./types').CommunityUpdatesTabT[];
+        moreHref: string;
+        moreText: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    activeTab?: string;
+} & import('./types').CommunityUpdatesPropsT> & Readonly<{
+    "onTab-change"?: ((value: string) => any) | undefined;
+    "onUpdate:activeTab"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:activeTab": (value: string) => any;
+} & {
+    "tab-change": (value: string) => any;
+}, string, {
+    data: import('./types').CommunityUpdatesItemT[] | Record<string, import('./types').CommunityUpdatesItemT[]>;
+    tabs: import('./types').CommunityUpdatesTabT[];
+    moreHref: string;
+    moreText: string;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        card?: (props: {
+            item: import('./types').CommunityUpdatesItemT;
+            index: number;
+            tab: string;
+        }) => any;
+    }> & {
+        card?: (props: {
+            item: import('./types').CommunityUpdatesItemT;
+            index: number;
+            tab: string;
+        }) => any;
+    };
+}) & {
+    install(app: App): void;
+};
+declare const OCommunityUpdatesCard: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        item: import('./types').CommunityUpdatesItemT;
+    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        item: import('./types').CommunityUpdatesItemT;
+    }> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    item: import('./types').CommunityUpdatesItemT;
+}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: App): void;
+};
+export { OCommunityUpdates, OCommunityUpdatesCard };
+export * from './types';

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

@@ -0,0 +1,10 @@
+import OCommunityUpdatesCard_default from "./OCommunityUpdatesCard.mjs";
+import OCommunityUpdates_default from "./OCommunityUpdates.mjs";
+// src/components/community-updates/index.ts
+var OCommunityUpdates = Object.assign(OCommunityUpdates_default, { install(app) {
+	app.component("OCommunityUpdates", OCommunityUpdates_default);
+} });
+var OCommunityUpdatesCard = Object.assign(OCommunityUpdatesCard_default, { install(app) {
+	app.component("OCommunityUpdatesCard", OCommunityUpdatesCard_default);
+} });
+export { OCommunityUpdates, OCommunityUpdatesCard };

package/dist/treeshaking/components/community-updates/types.d.ts

@@ -0,0 +1,36 @@
+/** 社区动态 Tab 项 */
+export interface CommunityUpdatesTabT {
+    /** Tab 唯一标识，对应 data 对象形式中的 key */
+    key: string;
+    /** Tab 文案 */
+    label: string;
+}
+/** 社区动态列表项（参考社区官网「社区动态」楼层的博客/新闻卡片） */
+export interface CommunityUpdatesItemT {
+    /** 标题（最多展示两行，超出省略） */
+    title: string;
+    /** 摘要（渐隐省略） */
+    description?: string;
+    /** 封面图地址，不传时不展示封面 */
+    cover?: string;
+    /** 跳转链接，设置后整卡以链接渲染 */
+    href?: string;
+    /** 日期（footer 展示，传格式化后的字符串），不传时不渲染 */
+    date?: string;
+    /** 作者（footer 展示），不传时不渲染 */
+    author?: string | string[];
+    /** 透传自定义字段（#card 插槽中可取用） */
+    [key: string]: any;
+}
+export interface CommunityUpdatesPropsT {
+    /** 列表数据：数组为单列表；对象形式（key 为 Tab 的 key）配合 tabs 按当前 Tab 展示对应数据 */
+    data?: CommunityUpdatesItemT[] | Record<string, CommunityUpdatesItemT[]>;
+    /** Tab 配置，传入时在标题下方渲染 Tab 栏 */
+    tabs?: CommunityUpdatesTabT[];
+    /** 当前激活的 Tab key（v-model:active-tab，defineModel），未绑定时默认取第一个 Tab */
+    activeTab?: string;
+    /** 底部「查看更多」跳转链接，未传时 OLink 无跳转 */
+    moreHref?: string;
+    /** 底部更多文案，默认取 i18n「查看更多」；传空字符串时不渲染底部更多 */
+    moreText?: string;
+}

package/dist/treeshaking/components/cookie-notice/OCookieNotice.mjs

@@ -1,7 +1,6 @@
 import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
 import OCookieNotice_vue_vue_type_script_setup_true_lang_default from "./OCookieNotice.vue_vue_type_script_setup_true_lang.mjs";
-import './OCookieNotice.vue_vue_type_style_index_0_lang.css';
-import './OCookieNotice.vue_vue_type_style_index_1_scoped_f4e92a4b_lang.css';
+import './OCookieNotice.vue_vue_type_style_index_0_scoped_a7993ee9_lang.css';
 // src/components/cookie-notice/OCookieNotice.vue
-var OCookieNotice_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OCookieNotice_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f4e92a4b"]]);
+var OCookieNotice_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OCookieNotice_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a7993ee9"]]);
 export { OCookieNotice_default as default };

package/dist/treeshaking/components/cookie-notice/OCookieNotice.vue_vue_type_script_setup_true_lang.mjs

@@ -68,7 +68,10 @@ var OCookieNotice_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		const isZh = computed(() => locale.value === "zh");
 		const cookieNoticeRef = ref();
 		const enableGrid = computed(() => {
-			if (cookieNoticeRef.value) return !!getComputedStyle(cookieNoticeRef.value).getPropertyValue("--grid-content-width");
+			if (cookieNoticeRef.value) {
+				const cssProperties = getComputedStyle(cookieNoticeRef.value);
+				return !!cssProperties.getPropertyValue("--o-r-grid-section-width") || !!cssProperties.getPropertyValue("--grid-content-width");
+			}
 			return false;
 		});
 		const cookieKey = computed(() => isZh.value ? COOKIE_KEY_ZH : COOKIE_KEY_EN);