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

package/dist/treeshaking/components/doc-layout/ODocLayout.vue_vue_type_style_index_0_scoped_b4aff4ce_lang.css

@@ -0,0 +1,306 @@
+.hover-icon-rotate .o-icon[data-v-b4aff4ce] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-b4aff4ce] {
+    transform: rotate(-180deg);
+}
+}
+.o-doc-layout[data-v-b4aff4ce] {
+  --o-doc-layout-screen-width: 100vw;
+  --o-doc-layout-page-header-width: 1488px;
+  --o-doc-layout-page-header-height: var(--layout-header-height);
+  --o-doc-layout-height: calc(100vh - var(--o-doc-layout-page-header-height));
+  --o-doc-layout-min-padding: 64px;
+  --o-doc-layout-padding: max(calc(var(--o-doc-layout-min-padding) + (var(--o-doc-layout-screen-width) - 1920px) / 2), var(--o-doc-layout-min-padding));
+  --o-doc-layout-gap: 40px;
+  --o-doc-layout-header-height: 0px;
+  --o-doc-layout-header-top: var(--o-doc-layout-page-header-height);
+  --o-doc-layout-sider-content-width-default: 256px;
+  --o-doc-layout-sider-content-width: var(--o-doc-layout-sider-content-width-default);
+  --o-doc-layout-sider-padding-left: var(--o-doc-layout-padding);
+  --o-doc-layout-sider-padding-right: 16px;
+  --o-doc-layout-sider-padding-top: 16px;
+  --o-doc-layout-sider-padding-bottom: 16px;
+  --o-doc-layout-sider-width: calc(var(--o-doc-layout-padding) + var(--o-doc-layout-sider-content-width) + var(--o-doc-layout-sider-padding-right));
+  --o-doc-layout-anchor-content-width: 272px;
+  --o-doc-layout-anchor-padding-top: 52px;
+  --o-doc-layout-anchor-top: calc(var(--o-doc-layout-page-header-height) + var(--o-doc-layout-anchor-padding-top));
+  --o-doc-layout-anchor-right: var(--o-doc-layout-padding);
+  --o-doc-layout-float-z-index: 36;
+  --o-doc-layout-float-bottom: 40px;
+  --o-doc-layout-float-content-width: 48px;
+  --o-doc-layout-float-right: calc(
+    var(--o-doc-layout-padding) +
+      max(var(--o-doc-layout-anchor-content-width), var(--o-doc-layout-float-content-width)) - var(--o-doc-layout-float-content-width)
+  );
+  --o-doc-layout-content-min-height: 100%;
+  --o-doc-layout-content-padding-top: var(--o-doc-layout-header-height);
+  --o-doc-layout-content-padding-left: calc(var(--o-doc-layout-sider-width) + var(--o-doc-layout-gap));
+  --o-doc-layout-content-padding-right: calc(
+    max(var(--o-doc-layout-anchor-content-width), var(--o-doc-layout-float-content-width)) + var(--o-doc-layout-gap) + var(--o-doc-layout-padding)
+  );
+  --o-doc-layout-opener-width: 9px;
+  --o-doc-layout-opener-height: 60px;
+  --o-doc-layout-opener-radius: 0 8px 8px 0;
+  --o-doc-layout-opener-left: var(--o-doc-layout-sider-width);
+}
+@media (max-width: 1680px) {
+.o-doc-layout[data-v-b4aff4ce] {
+    --o-doc-layout-min-padding: 40px;
+    --o-doc-layout-gap: 24px;
+    --o-doc-layout-sider-content-width-default: 196px;
+    --o-doc-layout-sider-padding-right: 12px;
+    --o-doc-layout-anchor-content-width: 208px;
+    --o-doc-layout-anchor-padding-top: 48px;
+    --o-doc-layout-float-bottom: 32px;
+}
+}
+@media (max-width: 1200px) {
+.o-doc-layout[data-v-b4aff4ce] {
+    --o-doc-layout-min-padding: 32px;
+    --o-doc-layout-gap: 16px;
+    --o-doc-layout-sider-content-width-default: 222px;
+    --o-doc-layout-anchor-content-width: 40px;
+    --o-doc-layout-anchor-padding-top: 42px;
+    --o-doc-layout-content-padding-left: var(--o-doc-layout-padding);
+    --o-doc-layout-float-right: 32px;
+}
+}
+@media (max-width: 840px) {
+.o-doc-layout[data-v-b4aff4ce] {
+    --o-doc-layout-gap: 16px;
+    --o-doc-layout-header-height: 48px;
+    --o-doc-layout-sider-content-width-default: 222px;
+    --o-doc-layout-anchor-content-width: 0px;
+    --o-doc-layout-content-padding-right: var(--o-doc-layout-padding);
+}
+}
+@media (max-width: 600px) {
+.o-doc-layout[data-v-b4aff4ce] {
+    --o-doc-layout-min-padding: 24px;
+    --o-doc-layout-sider-padding-top: 12px;
+    --o-doc-layout-sider-padding-right: 8px;
+    --o-doc-layout-float-right: 24px;
+}
+}
+.o-doc-layout[data-v-b4aff4ce]:not(.has-anchor) {
+  --o-doc-layout-anchor-content-width: 0px;
+}
+.o-doc-layout[data-v-b4aff4ce]:not(.has-sider) {
+  --o-doc-layout-content-padding-left: calc((var(--o-doc-layout-screen-width) - var(--o-doc-layout-page-header-width)) / 2);
+}
+@media (max-width: 1680px) {
+.o-doc-layout[data-v-b4aff4ce]:not(.has-sider) {
+    --o-doc-layout-content-padding-left: var(--o-doc-layout-padding);
+}
+}
+.o-doc-layout .o-doc-layout-container[data-v-b4aff4ce] {
+  height: var(--o-doc-layout-height);
+}
+.o-doc-layout .o-doc-layout-header[data-v-b4aff4ce] {
+  position: fixed;
+  top: var(--o-doc-layout-header-top);
+  left: 0;
+  right: 0;
+  height: var(--o-doc-layout-header-height);
+  z-index: 36;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 var(--o-doc-layout-padding);
+  background-color: var(--o-color-fill2);
+  box-shadow: var(--o-shadow-1);
+}
+.o-doc-layout .o-doc-layout-header-toggle[data-v-b4aff4ce] {
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  margin-left: -4px;
+  margin-right: 8px;
+  border: none;
+  background: none;
+  color: var(--o-color-info1);
+  cursor: pointer;
+}
+.o-doc-layout .o-doc-layout-header-toggle svg[data-v-b4aff4ce] {
+  width: 24px;
+  height: 24px;
+}
+.o-doc-layout .o-doc-layout-header-left[data-v-b4aff4ce] {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+}
+.o-doc-layout .o-doc-layout-header-title[data-v-b4aff4ce] {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.o-doc-layout .o-doc-layout-header-right[data-v-b4aff4ce] {
+  flex-shrink: 0;
+}
+.o-doc-layout .o-doc-layout-content[data-v-b4aff4ce] {
+  min-height: var(--o-doc-layout-content-min-height);
+  padding-top: var(--o-doc-layout-content-padding-top);
+  padding-left: var(--o-doc-layout-content-padding-left);
+  padding-right: var(--o-doc-layout-content-padding-right);
+  transition: padding-left 0.3s;
+}
+.o-doc-layout .o-doc-layout-sider[data-v-b4aff4ce] {
+  box-sizing: content-box;
+  position: fixed;
+  top: var(--o-doc-layout-page-header-height);
+  left: 0;
+  bottom: 0;
+  width: var(--o-doc-layout-sider-content-width);
+  padding-left: var(--o-doc-layout-sider-padding-left);
+  padding-right: var(--o-doc-layout-sider-padding-right);
+  padding-top: var(--o-doc-layout-sider-padding-top);
+  padding-bottom: var(--o-doc-layout-sider-padding-bottom);
+  background-color: rgba(var(--o-brand-6), 0.03);
+  z-index: 35;
+  transition: transform 0.3s;
+}
+.o-doc-layout .o-doc-layout-anchor[data-v-b4aff4ce] {
+  position: fixed;
+  top: var(--o-doc-layout-anchor-top);
+  right: var(--o-doc-layout-anchor-right);
+  width: var(--o-doc-layout-anchor-content-width);
+  z-index: 33;
+}
+.o-doc-layout .o-doc-layout-float[data-v-b4aff4ce] {
+  position: fixed;
+  right: var(--o-doc-layout-float-right);
+  bottom: var(--o-doc-layout-float-bottom);
+  z-index: var(--o-doc-layout-float-z-index);
+}
+.o-doc-layout .o-doc-layout-mask[data-v-b4aff4ce] {
+  position: fixed;
+  inset: 0;
+  z-index: 34;
+  background-color: var(--o-color-mask1);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.3s;
+}
+.o-doc-layout .o-doc-layout-opener[data-v-b4aff4ce] {
+  position: fixed;
+  top: 50%;
+  left: var(--o-doc-layout-opener-left);
+  transform: translateY(-50%);
+  z-index: 36;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  width: var(--o-doc-layout-opener-width);
+  height: var(--o-doc-layout-opener-height);
+  background-color: rgba(var(--o-brand-6), 0.03);
+  border-top: 1px solid var(--o-color-control4);
+  border-right: 1px solid var(--o-color-control4);
+  border-bottom: 1px solid var(--o-color-control4);
+  border-left: none;
+  border-radius: var(--o-doc-layout-opener-radius);
+  cursor: pointer;
+  transition: transform 0.3s, box-shadow 0.3s;
+}
+.o-doc-layout .o-doc-layout-opener[data-v-b4aff4ce]::before, .o-doc-layout .o-doc-layout-opener[data-v-b4aff4ce]::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  width: 1px;
+  background-color: var(--o-color-control4);
+  pointer-events: none;
+  transition: opacity 0.3s;
+}
+.o-doc-layout .o-doc-layout-opener[data-v-b4aff4ce]::before {
+  bottom: 100%;
+  height: 100vh;
+}
+.o-doc-layout .o-doc-layout-opener[data-v-b4aff4ce]::after {
+  top: 100%;
+  height: 100vh;
+}
+.o-doc-layout .o-doc-layout-opener .o-doc-layout-opener-thumb[data-v-b4aff4ce] {
+  width: 2px;
+  height: 24px;
+  border-radius: 2px;
+  background-color: var(--o-color-info4);
+  transition: background-color 0.3s;
+}
+.o-doc-layout .o-doc-layout-opener:hover .o-doc-layout-opener-thumb[data-v-b4aff4ce] {
+  background-color: var(--o-color-primary1);
+}
+.o-doc-layout .o-doc-layout-resizer[data-v-b4aff4ce] {
+  position: fixed;
+  top: var(--o-doc-layout-page-header-height);
+  bottom: 0;
+  left: calc(var(--o-doc-layout-opener-left) - 4px);
+  width: 8px;
+  z-index: 35;
+  cursor: ew-resize;
+  touch-action: none;
+  user-select: none;
+  -webkit-user-select: none;
+  transition: transform 0.3s;
+}
+.o-doc-layout.is-collapsed[data-v-b4aff4ce] {
+  --o-doc-layout-content-padding-left: calc((var(--o-doc-layout-screen-width) - var(--o-doc-layout-page-header-width)) / 2);
+}
+@media (max-width: 1680px) {
+.o-doc-layout.is-collapsed[data-v-b4aff4ce] {
+    --o-doc-layout-content-padding-left: var(--o-doc-layout-padding);
+}
+}
+.o-doc-layout.is-collapsed .o-doc-layout-sider[data-v-b4aff4ce] {
+  transform: translateX(-100%);
+}
+.o-doc-layout.is-collapsed .o-doc-layout-mask[data-v-b4aff4ce] {
+  opacity: 0;
+  pointer-events: none;
+}
+.o-doc-layout.is-collapsed .o-doc-layout-opener[data-v-b4aff4ce] {
+  transform: translateY(-50%) translateX(calc(-1 * var(--o-doc-layout-opener-left)));
+  box-shadow: var(--o-shadow-2);
+}
+.o-doc-layout.is-collapsed .o-doc-layout-opener[data-v-b4aff4ce]::before, .o-doc-layout.is-collapsed .o-doc-layout-opener[data-v-b4aff4ce]::after {
+  opacity: 0;
+}
+.o-doc-layout.is-collapsed .o-doc-layout-resizer[data-v-b4aff4ce] {
+  transform: translateX(calc(4px - var(--o-doc-layout-opener-left)));
+}
+.o-doc-layout.is-resizing .o-doc-layout-sider[data-v-b4aff4ce],
+.o-doc-layout.is-resizing .o-doc-layout-content[data-v-b4aff4ce],
+.o-doc-layout.is-resizing .o-doc-layout-opener[data-v-b4aff4ce],
+.o-doc-layout.is-resizing .o-doc-layout-resizer[data-v-b4aff4ce] {
+  transition: none;
+}
+@media (max-width: 1200px) {
+.o-doc-layout .o-doc-layout-sider[data-v-b4aff4ce] {
+    background-color: var(--o-color-fill2);
+    background-image: linear-gradient(rgba(var(--o-brand-6), 0.03), rgba(var(--o-brand-6), 0.03));
+}
+.o-doc-layout .o-doc-layout-mask[data-v-b4aff4ce] {
+    opacity: 1;
+    pointer-events: auto;
+}
+.o-doc-layout .o-doc-layout-opener[data-v-b4aff4ce] {
+    background-color: var(--o-color-fill2);
+    background-image: linear-gradient(rgba(var(--o-brand-6), 0.03), rgba(var(--o-brand-6), 0.03));
+}
+}
+@media (max-width: 840px) {
+.o-doc-layout .o-doc-layout-sider[data-v-b4aff4ce] {
+    top: calc(var(--o-doc-layout-page-header-height) + var(--o-doc-layout-header-height));
+}
+.o-doc-layout .o-doc-layout-opener[data-v-b4aff4ce],
+  .o-doc-layout .o-doc-layout-resizer[data-v-b4aff4ce] {
+    display: none;
+}
+}

package/dist/treeshaking/components/doc-layout/index.d.ts

@@ -5,6 +5,8 @@ declare const ODocLayout: {
         hasSider?: boolean;
         hasAnchor?: boolean;
         hasFloat?: boolean;
+        scrollerShowType?: "auto" | "always" | "hover" | "never";
+        scrollerSize?: import('@opensig/opendesign').ScrollerSizeT;
     }> & Readonly<{
         "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -13,6 +15,7 @@ declare const ODocLayout: {
         hasSider: boolean;
         hasAnchor: boolean;
         hasFloat: boolean;
+        scrollerShowType: "auto" | "always" | "hover" | "never";
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         scrollerRef: ({
             $: import('vue').ComponentInternalInstance;
@@ -203,12 +206,15 @@ declare const ODocLayout: {
         hasSider?: boolean;
         hasAnchor?: boolean;
         hasFloat?: boolean;
+        scrollerShowType?: "auto" | "always" | "hover" | "never";
+        scrollerSize?: import('@opensig/opendesign').ScrollerSizeT;
     }> & Readonly<{
         "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, {
         hasSider: boolean;
         hasAnchor: boolean;
         hasFloat: boolean;
+        scrollerShowType: "auto" | "always" | "hover" | "never";
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -218,6 +224,8 @@ declare const ODocLayout: {
     hasSider?: boolean;
     hasAnchor?: boolean;
     hasFloat?: boolean;
+    scrollerShowType?: "auto" | "always" | "hover" | "never";
+    scrollerSize?: import('@opensig/opendesign').ScrollerSizeT;
 }> & Readonly<{
     "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -226,6 +234,7 @@ declare const ODocLayout: {
     hasSider: boolean;
     hasAnchor: boolean;
     hasFloat: boolean;
+    scrollerShowType: "auto" | "always" | "hover" | "never";
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         'header-title'?(_: {}): any;

package/dist/treeshaking/components/doc-layout/index.mjs

@@ -1,9 +1,6 @@
-import _ODocLayout from "./ODocLayout.vue.mjs";
-const ODocLayout = Object.assign(_ODocLayout, {
-  install(app) {
-    app.component("ODocLayout", _ODocLayout);
-  }
-});
-export {
-  ODocLayout
-};
+import ODocLayout_default from "./ODocLayout.mjs";
+// src/components/doc-layout/index.ts
+var ODocLayout = Object.assign(ODocLayout_default, { install(app) {
+	app.component("ODocLayout", ODocLayout_default);
+} });
+export { ODocLayout };

package/dist/treeshaking/components/element-plus/OElCookieNotice.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OElCookieNotice_vue_vue_type_script_setup_true_lang_default from "./OElCookieNotice.vue_vue_type_script_setup_true_lang.mjs";
+import './OElCookieNotice.vue_vue_type_style_index_0_lang.css';
+import './OElCookieNotice.vue_vue_type_style_index_1_scoped_d9e2bcf9_lang.css';
+// src/components/element-plus/OElCookieNotice.vue
+var OElCookieNotice_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OElCookieNotice_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d9e2bcf9"]]);
+export { OElCookieNotice_default as default };

package/dist/treeshaking/components/element-plus/OElCookieNotice.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,291 @@
+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, renderSlot, toDisplayString, unref, watch, withCtx } from "vue";
+import { useScreen } from "@opendesign-plus/composables";
+import { ElButton, ElDialog, ElDivider, ElIcon, ElSwitch } from "element-plus";
+import { useVModel } from "@vueuse/core";
+import "element-plus/es/components/button/style/css";
+import "element-plus/es/components/dialog/style/css";
+import "element-plus/es/components/switch/style/css";
+import "element-plus/es/components/icon/style/css";
+import "element-plus/es/components/divider/style/css";
+// src/components/element-plus/OElCookieNotice.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: {
+		"width": "1em",
+		"height": "1em"
+	},
+	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: "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 OElCookieNotice_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OElCookieNotice",
+	props: {
+		visible: { type: Boolean },
+		community: {},
+		detailUrl: {},
+		wrapper: {},
+		cookieDomain: {}
+	},
+	emits: ["update:visible"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const { lePadV } = 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", emits, { 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 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;
+			setCookie(cookieKey.value, ALL_AGREED, 180, props.cookieDomain ?? location.hostname);
+			toggleNoticeVisible(false);
+		};
+		const rejectAll = () => {
+			analysisAllowed.value = false;
+			setCookie(cookieKey.value, NECCESSARY_AGREED, 180, props.cookieDomain ?? location.hostname);
+			toggleNoticeVisible(false);
+		};
+		const handleSave = () => {
+			if (analysisAllowed.value) acceptAll();
+			else rejectAll();
+			toggleDlgVisible(false);
+		};
+		const handleAllowAll = () => {
+			analysisAllowed.value = true;
+			acceptAll();
+			toggleDlgVisible(false);
+		};
+		const onDlgOpening = () => {
+			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(ElIcon), { style: {
+					"transform": "rotate(180deg)",
+					"font-size": "24px",
+					"margin-right": "4px"
+				} }, {
+					default: withCtx(() => [(openBlock(), createElementBlock("svg", _hoisted_4, [..._cache[5] || (_cache[5] = [createElementVNode("path", {
+						fill: "#002fa7",
+						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(ElIcon), {
+					class: "cookie-notice-close",
+					onClick: _cache[0] || (_cache[0] = ($event) => toggleNoticeVisible(false))
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "close-icon", {}, () => [_cache[6] || (_cache[6] = createElementVNode("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						viewBox: "0 0 24 24"
+					}, [createElementVNode("path", {
+						fill: "currentColor",
+						d: "M18.528 5.472a.7.7 0 0 1 .074.903l-.074.087L12.988 12l.006.006-.989.989-.006-.006-5.538 5.54a.7.7 0 0 1-1.064-.903l.074-.087L11.009 12 5.471 6.462l-.074-.087a.7.7 0 0 1 .977-.977l.087.074 5.538 5.539 5.539-5.539a.7.7 0 0 1 .99 0m-3.977 8.089 3.978 3.978.074.087a.7.7 0 0 1-.977.977l-.087-.074-3.978-3.978a.7.7 0 0 1 .99-.99"
+					})], -1))], true)]),
+					_: 3
+				})]), !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[7] || (_cache[7] = createTextVNode(". ", -1))
+				]), createElementVNode("div", _hoisted_11, [
+					createVNode(unref(ElButton), {
+						round: "",
+						type: "primary",
+						onClick: acceptAll
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("cookie.acceptAll")), 1)]),
+						_: 1
+					}),
+					createVNode(unref(ElButton), {
+						round: "",
+						type: "primary",
+						onClick: rejectAll
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("cookie.rejectAll")), 1)]),
+						_: 1
+					}),
+					createVNode(unref(ElButton), {
+						round: "",
+						type: "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(ElDialog), {
+					"show-close": false,
+					class: normalizeClass({
+						"o-cookie-notice-dlg-bottom": unref(lePadV),
+						"grid-width-dlg": enableGrid.value
+					}),
+					modelValue: isDlgVisible.value,
+					"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isDlgVisible.value = $event),
+					"destroy-on-close": "",
+					onOpen: onDlgOpening
+				}, {
+					header: withCtx(() => [!unref(lePadV) ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: "dlg-close-icon",
+						onClick: _cache[2] || (_cache[2] = ($event) => isDlgVisible.value = false)
+					}, [..._cache[8] || (_cache[8] = [createElementVNode("svg", {
+						viewBox: "0 0 24 24",
+						class: "o-icon-close"
+					}, [createElementVNode("path", {
+						fill: "currentColor",
+						d: "M18.528 5.472a.7.7 0 0 1 .074.903l-.074.087L12.988 12l.006.006-.989.989-.006-.006-5.538 5.54a.7.7 0 0 1-1.064-.903l.074-.087L11.009 12 5.471 6.462l-.074-.087a.7.7 0 0 1 .977-.977l.087.074 5.538 5.539 5.539-5.539a.7.7 0 0 1 .99 0m-3.977 8.089 3.978 3.978.074.087a.7.7 0 0 1-.977.977l-.087-.074-3.978-3.978a.7.7 0 0 1 .99-.99"
+					})], -1)])])) : createCommentVNode("", true), createElementVNode("span", _hoisted_12, toDisplayString(unref(t)("cookie.manage")), 1)]),
+					footer: withCtx(() => [unref(lePadV) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+						createVNode(unref(ElButton), {
+							type: "text",
+							onClick: handleSave
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("cookie.saveSetting")), 1)]),
+							_: 1
+						}),
+						createVNode(unref(ElDivider), {
+							direction: "vertical",
+							style: { "margin": "0 24px" }
+						}),
+						createVNode(unref(ElButton), {
+							type: "text",
+							onClick: handleAllowAll
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("cookie.acceptAll")), 1)]),
+							_: 1
+						})
+					], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createVNode(unref(ElButton), {
+						round: "",
+						type: "primary",
+						onClick: handleSave
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("cookie.saveSetting")), 1)]),
+						_: 1
+					}), createVNode(unref(ElButton), {
+						round: "",
+						type: "primary",
+						onClick: handleAllowAll
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("cookie.acceptAll")), 1)]),
+						_: 1
+					})], 64))]),
+					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(ElSwitch), {
+						modelValue: analysisAllowed.value,
+						"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => analysisAllowed.value = $event)
+					}, null, 8, ["modelValue"])])]), createElementVNode("div", _hoisted_23, toDisplayString(unref(t)("cookie.analyticalCookieDetail")), 1)])])]),
+					_: 1
+				}, 8, ["class", "modelValue"])], 512)) : createCommentVNode("", true)], 8, ["to"]))]),
+				_: 3
+			});
+		};
+	}
+});
+export { OElCookieNotice_vue_vue_type_script_setup_true_lang_default as default };