@opendesign-plus/components 0.0.1-rc.103 → 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/config-provider/OPlusConfigProvider.mjs

@@ -0,0 +1,4 @@
+import OPlusConfigProvider_vue_vue_type_script_setup_true_lang_default from "./OPlusConfigProvider.vue_vue_type_script_setup_true_lang.mjs";
+// src/components/config-provider/OPlusConfigProvider.vue
+var OPlusConfigProvider_default = OPlusConfigProvider_vue_vue_type_script_setup_true_lang_default;
+export { OPlusConfigProvider_default as default };

package/dist/treeshaking/components/config-provider/OPlusConfigProvider.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,30 @@
+import { configProviderInjectKey } from "../../shared/provide.mjs";
+import { computed, createBlock, defineComponent, openBlock, provide, renderSlot, unref, withCtx } from "vue";
+import { OConfigProvider } from "@opensig/opendesign";
+import zhCN from "@opensig/opendesign/es/locale/lang/zh-cn";
+import enUS from "@opensig/opendesign/es/locale/lang/en-us";
+// src/components/config-provider/OPlusConfigProvider.vue?vue&type=script&setup=true&lang.ts
+var OPlusConfigProvider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OPlusConfigProvider",
+	props: {
+		locale: { default: "zh" },
+		theme: { default: "light" },
+		emptyImg: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const globalConfig = {
+			locale: computed(() => unref(props.locale)),
+			theme: computed(() => unref(props.theme)),
+			emptyImg: computed(() => unref(props.emptyImg))
+		};
+		provide(configProviderInjectKey, globalConfig);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(OConfigProvider), { locale: __props.locale === "zh" ? unref(zhCN) : unref(enUS) }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["locale"]);
+		};
+	}
+});
+export { OPlusConfigProvider_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/config-provider/index.mjs

@@ -1,9 +1,6 @@
-import _sfc_main from "./OPlusConfigProvider.vue.mjs";
-const OPlusConfigProvider = Object.assign(_sfc_main, {
-  install(app) {
-    app.component("OPlusConfigProvider", _sfc_main);
-  }
-});
-export {
-  OPlusConfigProvider
-};
+import OPlusConfigProvider_default from "./OPlusConfigProvider.mjs";
+// src/components/config-provider/index.ts
+var OPlusConfigProvider = Object.assign(OPlusConfigProvider_default, { install(app) {
+	app.component("OPlusConfigProvider", OPlusConfigProvider_default);
+} });
+export { OPlusConfigProvider };

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

@@ -0,0 +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_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-a7993ee9"]]);
+export { OCookieNotice_default as default };

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

@@ -0,0 +1,283 @@
+import { useI18n } from "../../i18n/index.mjs";
+import ClientOnly_default from "../common/ClientOnly.mjs";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, onMounted, openBlock, ref, toDisplayString, unref, watch, withCtx } from "vue";
+import { OButton, ODialog, OIcon, OIconClose, OSwitch } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+import { useVModel } from "@vueuse/core";
+// src/components/cookie-notice/OCookieNotice.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "cookie-notice-content" };
+var _hoisted_2 = ["type"];
+var _hoisted_3 = { class: "cookie-title" };
+var _hoisted_4 = {
+	style: { "transform": "rotate(180deg)" },
+	xmlns: "http://www.w3.org/2000/svg",
+	version: "1.1",
+	width: "24",
+	height: "24",
+	viewBox: "0 0 24 24"
+};
+var _hoisted_5 = {
+	class: "cookie-zh-title",
+	style: { "margin-top": "0" }
+};
+var _hoisted_6 = ["href"];
+var _hoisted_7 = {
+	key: 1,
+	class: "cookie-en-title"
+};
+var _hoisted_8 = {
+	key: 0,
+	class: "cookie-en-content"
+};
+var _hoisted_9 = { class: "cookie-en-desc" };
+var _hoisted_10 = ["href"];
+var _hoisted_11 = { class: "cookie-notice-right" };
+var _hoisted_12 = { class: "cookie-dlg-title" };
+var _hoisted_13 = { class: "cookie-dlg-content" };
+var _hoisted_14 = { class: "content-item" };
+var _hoisted_15 = { class: "item-header" };
+var _hoisted_16 = { class: "item-title" };
+var _hoisted_17 = { class: "item-extra" };
+var _hoisted_18 = { class: "item-detail" };
+var _hoisted_19 = { class: "content-item" };
+var _hoisted_20 = { class: "item-header" };
+var _hoisted_21 = { class: "item-title" };
+var _hoisted_22 = { class: "item-extra" };
+var _hoisted_23 = { class: "item-detail" };
+var NOT_SIGNED = "0";
+var ALL_AGREED = "1";
+var NECCESSARY_AGREED = "2";
+var NOT_SHOW_BUT_AGREED = "3";
+var COOKIE_KEY_ZH = "agreed-cookiepolicy-zh";
+var COOKIE_KEY_EN = "agreed-cookiepolicy-en";
+var OCookieNotice_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OCookieNotice",
+	props: {
+		visible: { type: Boolean },
+		community: {},
+		detailUrl: {},
+		wrapper: {},
+		cookieDomain: {}
+	},
+	emits: ["update:visible"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { lePadV, leLaptop, isPhone } = useScreen();
+		const { locale, t } = useI18n();
+		const isZh = computed(() => locale.value === "zh");
+		const cookieNoticeRef = ref();
+		const enableGrid = computed(() => {
+			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);
+		const analysisAllowed = ref(false);
+		const visibleVmodel = useVModel(props, "visible", emit, { defaultValue: false });
+		const getCookie = (key) => {
+			const cookie = document.cookie.split(";").find((row) => row.split("=")[0].trim() === encodeURIComponent(key));
+			if (!cookie) return null;
+			return decodeURIComponent(cookie.split("=")[1]);
+		};
+		const setCookie = (key, value, days, domain) => {
+			const maxAge = days ? `; max-age=${days * 24 * 60 * 60}` : "";
+			document.cookie = `${encodeURIComponent(key)}=${encodeURIComponent(value)}${maxAge}; path=/; domain=${domain}`;
+		};
+		const removeCookie = (key, domain) => {
+			document.cookie = `${encodeURIComponent(key)}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; domain=${domain}`;
+		};
+		const toggleNoticeVisible = (val) => {
+			if (typeof val === "boolean") visibleVmodel.value = val;
+			else visibleVmodel.value = !visibleVmodel.value;
+			nextTick(() => {
+				if (!visibleVmodel.value && isZh.value && getCookie(cookieKey.value) !== NOT_SHOW_BUT_AGREED) setCookie(cookieKey.value, NOT_SHOW_BUT_AGREED, 180, props.cookieDomain ?? location.hostname);
+			});
+		};
+		const isDlgVisible = ref(false);
+		const toggleDlgVisible = (val) => {
+			if (typeof val === "boolean") isDlgVisible.value = val;
+			else isDlgVisible.value = !isDlgVisible.value;
+		};
+		const isNotSigned = () => {
+			if (isZh.value) return getCookie(cookieKey.value) !== NOT_SHOW_BUT_AGREED;
+			return (getCookie(cookieKey.value) ?? "0") === NOT_SIGNED;
+		};
+		const isAllAgreed = () => {
+			if (isZh.value) return getCookie(cookieKey.value) === NOT_SHOW_BUT_AGREED;
+			return getCookie(cookieKey.value) === ALL_AGREED;
+		};
+		onMounted(() => {
+			if (isNotSigned()) toggleNoticeVisible(true);
+		});
+		watch(locale, () => {
+			toggleNoticeVisible(isNotSigned());
+		});
+		const acceptAll = () => {
+			analysisAllowed.value = true;
+			removeCookie(cookieKey.value, props.cookieDomain ?? location.hostname);
+			setCookie(cookieKey.value, ALL_AGREED, 180, props.cookieDomain ?? location.hostname);
+			toggleNoticeVisible(false);
+		};
+		const rejectAll = () => {
+			analysisAllowed.value = false;
+			removeCookie(cookieKey.value, props.cookieDomain ?? location.hostname);
+			setCookie(cookieKey.value, NECCESSARY_AGREED, 180, props.cookieDomain ?? location.hostname);
+			toggleNoticeVisible(false);
+		};
+		const dlgActions = computed(() => {
+			if (isPhone.value) return [{
+				id: "save",
+				label: t("cookie.saveSetting"),
+				variant: "text",
+				onClick: () => {
+					if (analysisAllowed.value) acceptAll();
+					else rejectAll();
+					toggleDlgVisible(false);
+				}
+			}, {
+				id: "allowAll",
+				label: t("cookie.acceptAll"),
+				variant: "text",
+				onClick: () => {
+					analysisAllowed.value = true;
+					acceptAll();
+					toggleDlgVisible(false);
+				}
+			}];
+			return [{
+				id: "save",
+				color: "primary",
+				label: t("cookie.saveSetting"),
+				variant: "outline",
+				size: "medium",
+				round: "pill",
+				onClick: () => {
+					if (analysisAllowed.value) acceptAll();
+					else rejectAll();
+					toggleDlgVisible(false);
+				}
+			}, {
+				id: "allowAll",
+				color: "primary",
+				label: t("cookie.acceptAll"),
+				variant: "outline",
+				size: "medium",
+				round: "pill",
+				onClick: () => {
+					analysisAllowed.value = true;
+					acceptAll();
+					toggleDlgVisible(false);
+				}
+			}];
+		});
+		const onDlgChange = (val) => {
+			if (val) analysisAllowed.value = isAllAgreed();
+		};
+		__expose({ check() {
+			if (isAllAgreed() === visibleVmodel.value) toggleNoticeVisible();
+		} });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ClientOnly_default, null, {
+				default: withCtx(() => [(openBlock(), createBlock(Teleport, { to: __props.wrapper || "#app" }, [unref(visibleVmodel) ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					ref_key: "cookieNoticeRef",
+					ref: cookieNoticeRef,
+					class: "cookie-notice"
+				}, [createElementVNode("div", _hoisted_1, [createElementVNode("div", {
+					type: unref(locale),
+					class: normalizeClass({
+						"cookie-notice-wrap-grid": enableGrid.value,
+						"cookie-notice-wrap": !enableGrid.value
+					})
+				}, [createElementVNode("div", _hoisted_3, [isZh.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(unref(OIcon), { style: {
+					"display": "inline-block",
+					"font-size": "24px",
+					"margin-right": "4px"
+				} }, {
+					default: withCtx(() => [(openBlock(), createElementBlock("svg", _hoisted_4, [..._cache[4] || (_cache[4] = [createElementVNode("path", {
+						fill: "var(--o-color-primary1)",
+						d: "M21 12c0 4.971-4.029 9-9 9s-9-4.029-9-9c0-4.971 4.029-9 9-9s9 4.029 9 9z"
+					}, null, -1), createElementVNode("path", {
+						fill: "#fff",
+						d: "M12 9.4c0.552 0 1-0.448 1-1s-0.448-1-1-1c-0.552 0-1 0.448-1 1s0.448 1 1 1zM12.492 10.943c-0.042-0.233-0.246-0.41-0.492-0.41-0.276 0-0.5 0.224-0.5 0.5v5.5l0.008 0.090c0.042 0.233 0.246 0.41 0.492 0.41 0.276 0 0.5-0.224 0.5-0.5v-5.5l-0.008-0.090z"
+					}, null, -1)])]))]),
+					_: 1
+				}), createElementVNode("p", _hoisted_5, [createTextVNode(toDisplayString(unref(t)("cookie.desc")) + " ", 1), createElementVNode("a", {
+					href: __props.detailUrl,
+					target: "_blank",
+					rel: "noopener noreferrer"
+				}, toDisplayString(unref(t)("cookie.about")), 9, _hoisted_6)])], 64)) : (openBlock(), createElementBlock("p", _hoisted_7, toDisplayString(unref(t)("cookie.title", [__props.community])), 1)), createVNode(unref(OIcon), {
+					class: "cookie-notice-close",
+					onClick: _cache[0] || (_cache[0] = ($event) => toggleNoticeVisible(false))
+				}, {
+					default: withCtx(() => [createVNode(unref(OIconClose))]),
+					_: 1
+				})]), !isZh.value ? (openBlock(), createElementBlock("div", _hoisted_8, [createElementVNode("p", _hoisted_9, [
+					createTextVNode(toDisplayString(unref(t)("cookie.desc")) + " ", 1),
+					createElementVNode("a", {
+						href: __props.detailUrl,
+						target: "_blank",
+						rel: "noopener noreferrer"
+					}, toDisplayString(unref(t)("cookie.about")), 9, _hoisted_10),
+					_cache[5] || (_cache[5] = createTextVNode(". ", -1))
+				]), createElementVNode("div", _hoisted_11, [
+					createVNode(unref(OButton), {
+						round: "pill",
+						variant: "outline",
+						color: "primary",
+						onClick: acceptAll
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("cookie.acceptAll")), 1)]),
+						_: 1
+					}),
+					createVNode(unref(OButton), {
+						round: "pill",
+						variant: "outline",
+						color: "primary",
+						onClick: rejectAll
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("cookie.rejectAll")), 1)]),
+						_: 1
+					}),
+					createVNode(unref(OButton), {
+						round: "pill",
+						variant: "outline",
+						color: "primary",
+						onClick: _cache[1] || (_cache[1] = ($event) => toggleDlgVisible(true))
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("cookie.manage")), 1)]),
+						_: 1
+					})
+				])])) : createCommentVNode("", true)], 10, _hoisted_2)]), createVNode(unref(ODialog), {
+					visible: isDlgVisible.value,
+					"onUpdate:visible": _cache[3] || (_cache[3] = ($event) => isDlgVisible.value = $event),
+					size: unref(leLaptop) ? "medium" : "large",
+					"phone-half-full": unref(lePadV),
+					"main-class": enableGrid.value ? "o-cookie-notice-dlg-main" : "",
+					class: "cookie-dlg",
+					actions: dlgActions.value,
+					onChange: onDlgChange,
+					style: { "--dlg-radius": "4px" }
+				}, {
+					header: withCtx(() => [createElementVNode("span", _hoisted_12, toDisplayString(unref(t)("cookie.manage")), 1)]),
+					default: withCtx(() => [createElementVNode("div", _hoisted_13, [createElementVNode("div", _hoisted_14, [createElementVNode("div", _hoisted_15, [createElementVNode("span", _hoisted_16, toDisplayString(unref(t)("cookie.necessaryCookie")), 1), createElementVNode("span", _hoisted_17, toDisplayString(unref(t)("cookie.alwaysOn")), 1)]), createElementVNode("div", _hoisted_18, toDisplayString(unref(t)("cookie.necessaryCookieDetail")), 1)]), createElementVNode("div", _hoisted_19, [createElementVNode("div", _hoisted_20, [createElementVNode("span", _hoisted_21, toDisplayString(unref(t)("cookie.analyticalCookie")), 1), createElementVNode("span", _hoisted_22, [createVNode(unref(OSwitch), {
+						modelValue: analysisAllowed.value,
+						"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => analysisAllowed.value = $event)
+					}, null, 8, ["modelValue"])])]), createElementVNode("div", _hoisted_23, toDisplayString(unref(t)("cookie.analyticalCookieDetail")), 1)])])]),
+					_: 1
+				}, 8, [
+					"visible",
+					"size",
+					"phone-half-full",
+					"main-class",
+					"actions"
+				])], 512)) : createCommentVNode("", true)], 8, ["to"]))]),
+				_: 1
+			});
+		};
+	}
+});
+export { OCookieNotice_vue_vue_type_script_setup_true_lang_default as default };