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

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

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