@opendesign-plus-test/components 0.0.1-rc.81 → 0.0.1-rc.83

package/dist/treeshaking/cjs/components/element-plus/OElCookieNotice.vue2.cjs

@@ -1,383 +0,0 @@
-"use strict";
-const vue = require("vue");
-const ClientOnly_vue_vue_type_script_setup_true_lang = require("../common/ClientOnly.vue.cjs");
-const composables = require("@opendesign-plus/composables");
-const index = require("../../i18n/index.cjs");
-const elementPlus = require("element-plus");
-require("element-plus/es/components/button/style/css");
-require("element-plus/es/components/dialog/style/css");
-require("element-plus/es/components/switch/style/css");
-require("element-plus/es/components/icon/style/css");
-require("element-plus/es/components/divider/style/css");
-const core = require("@vueuse/core");
-const _hoisted_1 = { class: "cookie-notice-content" };
-const _hoisted_2 = ["type"];
-const _hoisted_3 = { class: "cookie-title" };
-const _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"
-};
-const _hoisted_5 = {
-  class: "cookie-zh-title",
-  style: { "margin-top": "0" }
-};
-const _hoisted_6 = ["href"];
-const _hoisted_7 = {
-  key: 1,
-  class: "cookie-en-title"
-};
-const _hoisted_8 = {
-  key: 0,
-  class: "cookie-en-content"
-};
-const _hoisted_9 = { class: "cookie-en-desc" };
-const _hoisted_10 = ["href"];
-const _hoisted_11 = { class: "cookie-notice-right" };
-const _hoisted_12 = { class: "dlg-title" };
-const _hoisted_13 = { class: "cookie-dlg-content" };
-const _hoisted_14 = { class: "content-item" };
-const _hoisted_15 = { class: "item-header" };
-const _hoisted_16 = { class: "item-title" };
-const _hoisted_17 = { class: "item-extra" };
-const _hoisted_18 = { class: "item-detail" };
-const _hoisted_19 = { class: "content-item" };
-const _hoisted_20 = { class: "item-header" };
-const _hoisted_21 = { class: "item-title" };
-const _hoisted_22 = { class: "item-extra" };
-const _hoisted_23 = { class: "item-detail" };
-const NOT_SIGNED = "0";
-const ALL_AGREED = "1";
-const NECCESSARY_AGREED = "2";
-const NOT_SHOW_BUT_AGREED = "3";
-const COOKIE_KEY_ZH = "agreed-cookiepolicy-zh";
-const COOKIE_KEY_EN = "agreed-cookiepolicy-en";
-const _sfc_main = /* @__PURE__ */ vue.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 } = composables.useScreen();
-    const { locale, t } = index.useI18n();
-    const isZh = vue.computed(() => locale.value === "zh");
-    const cookieNoticeRef = vue.ref();
-    const enableGrid = vue.computed(() => {
-      if (cookieNoticeRef.value) {
-        return !!getComputedStyle(cookieNoticeRef.value).getPropertyValue("--grid-content-width");
-      }
-      return false;
-    });
-    const cookieKey = vue.computed(() => isZh.value ? COOKIE_KEY_ZH : COOKIE_KEY_EN);
-    const analysisAllowed = vue.ref(false);
-    const visibleVmodel = core.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 = `; 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;
-      }
-      vue.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 = vue.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;
-    };
-    vue.onMounted(() => {
-      if (isNotSigned()) {
-        toggleNoticeVisible(true);
-      }
-    });
-    vue.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() {
-        const agreed = isAllAgreed();
-        if (agreed === visibleVmodel.value) {
-          toggleNoticeVisible();
-        }
-      }
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(ClientOnly_vue_vue_type_script_setup_true_lang, null, {
-        default: vue.withCtx(() => [
-          (vue.openBlock(), vue.createBlock(vue.Teleport, {
-            to: __props.wrapper || "#app"
-          }, [
-            vue.unref(visibleVmodel) ? (vue.openBlock(), vue.createElementBlock("div", {
-              key: 0,
-              ref_key: "cookieNoticeRef",
-              ref: cookieNoticeRef,
-              class: "cookie-notice"
-            }, [
-              vue.createElementVNode("div", _hoisted_1, [
-                vue.createElementVNode("div", {
-                  type: vue.unref(locale),
-                  class: vue.normalizeClass({ "cookie-notice-wrap-grid": enableGrid.value, "cookie-notice-wrap": !enableGrid.value })
-                }, [
-                  vue.createElementVNode("div", _hoisted_3, [
-                    isZh.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                      vue.createVNode(vue.unref(elementPlus.ElIcon), { style: { "transform": "rotate(180deg)", "font-size": "24px", "margin-right": "4px" } }, {
-                        default: vue.withCtx(() => [
-                          (vue.openBlock(), vue.createElementBlock("svg", _hoisted_4, [..._cache[5] || (_cache[5] = [
-                            vue.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),
-                            vue.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
-                      }),
-                      vue.createElementVNode("p", _hoisted_5, [
-                        vue.createTextVNode(vue.toDisplayString(vue.unref(t)("cookie.desc")) + " ", 1),
-                        vue.createElementVNode("a", {
-                          href: __props.detailUrl,
-                          target: "_blank",
-                          rel: "noopener noreferrer"
-                        }, vue.toDisplayString(vue.unref(t)("cookie.about")), 9, _hoisted_6)
-                      ])
-                    ], 64)) : (vue.openBlock(), vue.createElementBlock("p", _hoisted_7, vue.toDisplayString(vue.unref(t)("cookie.title", [__props.community])), 1)),
-                    vue.createVNode(vue.unref(elementPlus.ElIcon), {
-                      class: "cookie-notice-close",
-                      onClick: _cache[0] || (_cache[0] = ($event) => toggleNoticeVisible(false))
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.renderSlot(_ctx.$slots, "close-icon", {}, () => [
-                          _cache[6] || (_cache[6] = vue.createElementVNode("svg", {
-                            xmlns: "http://www.w3.org/2000/svg",
-                            viewBox: "0 0 24 24"
-                          }, [
-                            vue.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 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
-                    vue.createElementVNode("p", _hoisted_9, [
-                      vue.createTextVNode(vue.toDisplayString(vue.unref(t)("cookie.desc")) + " ", 1),
-                      vue.createElementVNode("a", {
-                        href: __props.detailUrl,
-                        target: "_blank",
-                        rel: "noopener noreferrer"
-                      }, vue.toDisplayString(vue.unref(t)("cookie.about")), 9, _hoisted_10),
-                      _cache[7] || (_cache[7] = vue.createTextVNode(". ", -1))
-                    ]),
-                    vue.createElementVNode("div", _hoisted_11, [
-                      vue.createVNode(vue.unref(elementPlus.ElButton), {
-                        round: "",
-                        type: "primary",
-                        onClick: acceptAll
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createTextVNode(vue.toDisplayString(vue.unref(t)("cookie.acceptAll")), 1)
-                        ]),
-                        _: 1
-                      }),
-                      vue.createVNode(vue.unref(elementPlus.ElButton), {
-                        round: "",
-                        type: "primary",
-                        onClick: rejectAll
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createTextVNode(vue.toDisplayString(vue.unref(t)("cookie.rejectAll")), 1)
-                        ]),
-                        _: 1
-                      }),
-                      vue.createVNode(vue.unref(elementPlus.ElButton), {
-                        round: "",
-                        type: "primary",
-                        onClick: _cache[1] || (_cache[1] = ($event) => toggleDlgVisible(true))
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createTextVNode(vue.toDisplayString(vue.unref(t)("cookie.manage")), 1)
-                        ]),
-                        _: 1
-                      })
-                    ])
-                  ])) : vue.createCommentVNode("", true)
-                ], 10, _hoisted_2)
-              ]),
-              vue.createVNode(vue.unref(elementPlus.ElDialog), {
-                "show-close": false,
-                class: vue.normalizeClass({ "cookie-dlg-bottom": vue.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: vue.withCtx(() => [
-                  !vue.unref(lePadV) ? (vue.openBlock(), vue.createElementBlock("div", {
-                    key: 0,
-                    class: "dlg-close-icon",
-                    onClick: _cache[2] || (_cache[2] = ($event) => isDlgVisible.value = false)
-                  }, [..._cache[8] || (_cache[8] = [
-                    vue.createElementVNode("svg", {
-                      viewBox: "0 0 24 24",
-                      class: "o-icon-close"
-                    }, [
-                      vue.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)
-                  ])])) : vue.createCommentVNode("", true),
-                  vue.createElementVNode("span", _hoisted_12, vue.toDisplayString(vue.unref(t)("cookie.manage")), 1)
-                ]),
-                footer: vue.withCtx(() => [
-                  vue.unref(lePadV) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                    vue.createVNode(vue.unref(elementPlus.ElButton), {
-                      type: "text",
-                      onClick: handleSave
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createTextVNode(vue.toDisplayString(vue.unref(t)("cookie.saveSetting")), 1)
-                      ]),
-                      _: 1
-                    }),
-                    vue.createVNode(vue.unref(elementPlus.ElDivider), {
-                      direction: "vertical",
-                      style: { "margin": "0 24px" }
-                    }),
-                    vue.createVNode(vue.unref(elementPlus.ElButton), {
-                      type: "text",
-                      onClick: handleAllowAll
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createTextVNode(vue.toDisplayString(vue.unref(t)("cookie.acceptAll")), 1)
-                      ]),
-                      _: 1
-                    })
-                  ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                    vue.createVNode(vue.unref(elementPlus.ElButton), {
-                      round: "",
-                      type: "primary",
-                      onClick: handleSave
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createTextVNode(vue.toDisplayString(vue.unref(t)("cookie.saveSetting")), 1)
-                      ]),
-                      _: 1
-                    }),
-                    vue.createVNode(vue.unref(elementPlus.ElButton), {
-                      round: "",
-                      type: "primary",
-                      onClick: handleAllowAll
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createTextVNode(vue.toDisplayString(vue.unref(t)("cookie.acceptAll")), 1)
-                      ]),
-                      _: 1
-                    })
-                  ], 64))
-                ]),
-                default: vue.withCtx(() => [
-                  vue.createElementVNode("div", _hoisted_13, [
-                    vue.createElementVNode("div", _hoisted_14, [
-                      vue.createElementVNode("div", _hoisted_15, [
-                        vue.createElementVNode("span", _hoisted_16, vue.toDisplayString(vue.unref(t)("cookie.necessaryCookie")), 1),
-                        vue.createElementVNode("span", _hoisted_17, vue.toDisplayString(vue.unref(t)("cookie.alwaysOn")), 1)
-                      ]),
-                      vue.createElementVNode("div", _hoisted_18, vue.toDisplayString(vue.unref(t)("cookie.necessaryCookieDetail")), 1)
-                    ]),
-                    vue.createElementVNode("div", _hoisted_19, [
-                      vue.createElementVNode("div", _hoisted_20, [
-                        vue.createElementVNode("span", _hoisted_21, vue.toDisplayString(vue.unref(t)("cookie.analyticalCookie")), 1),
-                        vue.createElementVNode("span", _hoisted_22, [
-                          vue.createVNode(vue.unref(elementPlus.ElSwitch), {
-                            modelValue: analysisAllowed.value,
-                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => analysisAllowed.value = $event)
-                          }, null, 8, ["modelValue"])
-                        ])
-                      ]),
-                      vue.createElementVNode("div", _hoisted_23, vue.toDisplayString(vue.unref(t)("cookie.analyticalCookieDetail")), 1)
-                    ])
-                  ])
-                ]),
-                _: 1
-              }, 8, ["class", "modelValue"])
-            ], 512)) : vue.createCommentVNode("", true)
-          ], 8, ["to"]))
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-module.exports = _sfc_main;