@opendesign-plus-test/components 0.0.1-rc.64 → 0.0.1-rc.66

package/dist/cjs/components/cookie-notice/OCookieNotice2.css

@@ -0,0 +1,309 @@
+.hover-icon-rotate .o-icon[data-v-b731c798] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-b731c798] {
+    transform: rotate(-180deg);
+}
+}
+.o-btn[data-v-b731c798] {
+  --btn-bd-color-hover: var(--o-color-primary2);
+  --btn-bd-color-active: var(--o-color-primary3);
+  --btn-color-hover: var(--o-color-primary2);
+  --btn-color-active: var(--o-color-primary3);
+  --btn-bg-color-hover: transparent;
+  --btn-bg-color-active: transparent;
+}
+.cookie-notice[data-v-b731c798] {
+  position: fixed;
+  bottom: 0;
+  z-index: 999;
+  width: 100%;
+}
+.cookie-notice .o-button[data-v-b731c798] {
+  --o-button-font-size-mini: 14px;
+}
+.cookie-notice .o-button + .o-button[data-v-b731c798] {
+  margin-left: 16px;
+}
+@media (max-width: 840px) {
+.cookie-notice .o-button + .o-button[data-v-b731c798] {
+    margin-left: 0;
+    margin-top: 12px;
+}
+}
+.cookie-notice-content[data-v-b731c798] {
+  background-color: rgba(var(--o-grey-1), 0.9);
+  backdrop-filter: blur(5px);
+  box-shadow: var(--o-shadow-1);
+}
+.cookie-notice-wrap[data-v-b731c798] {
+  position: relative;
+  margin: 0 auto;
+  padding: 16px var(--layout-content-padding);
+  max-width: var(--layout-content-max-width);
+}
+@media (1680px >= width >= 1201px) {
+.cookie-notice-wrap[data-v-b731c798] {
+    padding: 12px var(--layout-content-padding);
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.cookie-notice-wrap[data-v-b731c798] {
+    padding: 8px var(--layout-content-padding);
+}
+}
+@media (max-width: 840px) {
+.cookie-notice-wrap[data-v-b731c798] {
+    padding: 16px var(--layout-content-padding);
+}
+}
+@media (max-width: 600px) {
+.cookie-notice-wrap[data-v-b731c798] {
+    padding: 16px var(--layout-content-padding);
+}
+}
+@media (max-width: 840px) {
+.cookie-notice-wrap[data-v-b731c798]:not([type=zh]) {
+    flex-direction: column;
+}
+}
+.cookie-notice-wrap-grid[data-v-b731c798] {
+  width: var(--grid-content-width);
+  padding: 16px 0;
+  margin: 0 auto;
+}
+@media (1680px >= width >= 1201px) {
+.cookie-notice-wrap-grid[data-v-b731c798] {
+    padding: 12px 0;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.cookie-notice-wrap-grid[data-v-b731c798] {
+    padding: 8px 0;
+}
+}
+@media (max-width: 840px) {
+.cookie-notice-wrap-grid[data-v-b731c798] {
+    padding: 16px 0;
+}
+}
+@media (max-width: 600px) {
+.cookie-notice-wrap-grid[data-v-b731c798] {
+    padding: 16px 0;
+}
+}
+@media (max-width: 840px) {
+.cookie-notice-wrap-grid[data-v-b731c798]:not([type=zh]) {
+    padding: 16px 0;
+    flex-direction: column;
+}
+}
+.cookie-title[data-v-b731c798] {
+  display: flex;
+  font-size: 16px;
+  line-height: calc(1em + 8px);
+  color: var(--o-color-info1);
+  font-weight: 500;
+}
+@media (max-width: 1680px) {
+.cookie-title[data-v-b731c798] {
+    font-size: 14px;
+}
+}
+@media (max-width: 840px) {
+.cookie-title[data-v-b731c798] {
+    text-align: center;
+}
+}
+@media (max-width: 840px) {
+.cookie-en-title[data-v-b731c798] {
+    margin-left: auto;
+}
+}
+.cookie-zh-title[data-v-b731c798] {
+  font-size: 14px;
+  line-height: 22px;
+  margin-right: 8px;
+  text-align: start;
+}
+@media (max-width: 840px) {
+.cookie-zh-title[data-v-b731c798] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.cookie-en-content[data-v-b731c798] {
+  display: flex;
+  width: 100%;
+  margin-top: 8px;
+}
+@media (max-width: 840px) {
+.cookie-en-content[data-v-b731c798] {
+    flex-direction: column;
+}
+}
+.cookie-en-desc[data-v-b731c798] {
+  font-size: 12px;
+  line-height: 18px;
+  color: var(--o-color-info2);
+}
+@media (min-width: 1681px) {
+.cookie-en-desc[data-v-b731c798] {
+    margin-right: 48px;
+}
+}
+@media (1680px >= width >= 1201px) {
+.cookie-en-desc[data-v-b731c798] {
+    margin-right: 40px;
+}
+}
+@media (min-width: 601px) and (max-width: 1200px) {
+.cookie-en-desc[data-v-b731c798] {
+    margin-right: 24px;
+}
+}
+@media (max-width: 840px) {
+.cookie-en-desc[data-v-b731c798] {
+    margin: 0;
+}
+}
+.cookie-notice-right[data-v-b731c798] {
+  display: flex;
+  margin-left: auto;
+}
+.cookie-notice-right .o-btn[data-v-b731c798]:not(:first-child) {
+  margin-left: 16px;
+}
+@media (1680px >= width >= 1201px) {
+.cookie-notice-right .o-btn[data-v-b731c798]:not(:first-child) {
+    margin-left: 12px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.cookie-notice-right .o-btn[data-v-b731c798]:not(:first-child) {
+    margin-left: 8px;
+}
+}
+@media (min-width: 841px) {
+.cookie-notice-right .o-btn[data-v-b731c798]:not(:first-child) {
+    margin-left: 12px;
+}
+}
+@media (max-width: 840px) {
+.cookie-notice-right[data-v-b731c798] {
+    margin-top: 16px;
+    width: 100%;
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-template-rows: auto auto;
+    gap: 12px;
+}
+.cookie-notice-right .o-btn[data-v-b731c798] {
+    margin: 0;
+}
+.cookie-notice-right .o-btn[data-v-b731c798]:nth-child(1) {
+    grid-column: 1;
+    grid-row: 1;
+}
+.cookie-notice-right .o-btn[data-v-b731c798]:nth-child(2) {
+    grid-column: 2;
+    grid-row: 1;
+}
+.cookie-notice-right .o-btn[data-v-b731c798]:nth-child(3) {
+    grid-column: 1/span 2;
+    grid-row: 2;
+}
+}
+.cookie-notice-close[data-v-b731c798] {
+  display: block;
+  overflow: visible !important;
+  margin-left: auto;
+  cursor: pointer;
+  color: var(--o-color-info1);
+  font-size: 24px;
+}
+.cookie-notice-close[data-v-b731c798]:hover {
+  color: var(--o-color-primary2);
+}
+.cookie-notice-close[data-v-b731c798] {
+  overflow: hidden;
+}
+.cookie-notice-close svg[data-v-b731c798] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.cookie-notice-close:hover svg[data-v-b731c798] {
+    transform: rotate(180deg);
+}
+}
+.cookie-dlg-content .content-item + .content-item[data-v-b731c798] {
+  margin-top: 24px;
+}
+@media (1680px >= width >= 1201px) {
+.cookie-dlg-content .content-item + .content-item[data-v-b731c798] {
+    margin-top: 16px;
+}
+}
+@media (max-width: 1200px) {
+.cookie-dlg-content .content-item + .content-item[data-v-b731c798] {
+    margin-top: 12px;
+}
+}
+.cookie-dlg-content .content-item .item-header[data-v-b731c798] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.cookie-dlg-content .content-item .item-header .item-title[data-v-b731c798] {
+  font-size: 20px;
+  line-height: calc(1em + 8px);
+  color: var(--o-color-info1);
+  font-weight: 500;
+}
+@media (1680px >= width >= 1201px) {
+.cookie-dlg-content .content-item .item-header .item-title[data-v-b731c798] {
+    font-size: 18px;
+}
+}
+@media (max-width: 1200px) {
+.cookie-dlg-content .content-item .item-header .item-title[data-v-b731c798] {
+    font-size: 16px;
+}
+}
+.cookie-dlg-content .content-item .item-header .item-extra[data-v-b731c798] {
+  font-size: 14px;
+  color: var(--o-color-info3);
+  margin-left: 24px;
+}
+@media (max-width: 1200px) {
+.cookie-dlg-content .content-item .item-header .item-extra[data-v-b731c798] {
+    font-size: 12px;
+}
+}
+.cookie-dlg-content .content-item .item-detail[data-v-b731c798] {
+  font-size: 16px;
+  line-height: calc(1em + 8px);
+  color: var(--o-color-info2);
+  margin-top: 16px;
+}
+@media (max-width: 1680px) {
+.cookie-dlg-content .content-item .item-detail[data-v-b731c798] {
+    margin-top: 12px;
+    font-size: 14px;
+}
+}
+@media (max-width: 1200px) {
+.cookie-dlg-content .content-item .item-detail[data-v-b731c798] {
+    margin-top: 8px;
+}
+}
+@media (max-width: 840px) {
+.cookie-dlg-content .content-item .item-detail[data-v-b731c798] {
+    margin-top: 8px;
+}
+}
+.cookie-dlg-content .content-item:nth-child(2) .item-detail[data-v-b731c798] {
+  font-size: 16px !important;
+  line-height: calc(1em + 8px);
+}

package/dist/cjs/components/cookie-notice/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./OCookieNotice.vue.js"),t=Object.assign(o,{install(e){e.component("OCookieNotice",o)}});exports.OCookieNotice=t;

package/dist/cjs/components/element-plus/OElCookieNotice.css

@@ -0,0 +1,279 @@
+.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);
+}
+}
+:root {
+  --el-color-primary: var(--o-color-primary1);
+  --el-border-color: var(--o-color-control1);
+  --el-input-placeholder-color: var(--el-text-color-placeholder);
+  --el-input-hover-border-color: var(--el-border-color-hover);
+  --el-input-clear-hover-color: var(--el-text-color-secondary);
+  --el-component-size-large: 36px;
+}
+@media (max-width: 840px) {
+:root {
+    --el-component-size-large: var(--o-control_size-l);
+}
+}
+:root .el-date-editor.el-date-editor--daterange {
+  padding: 0 13px 0 15px;
+}
+:root .el-date-editor.el-date-editor--timerange {
+  padding: 0 16px;
+}
+:root .el-date-editor input {
+  text-align: left;
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+:root .el-date-editor input {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+:root .el-date-editor input {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
+:root .el-date-editor input {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (max-width: 600px) {
+:root .el-date-editor input {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+:root .el-date-editor .el-select__wrapper {
+  gap: 0;
+}
+:root .el-date-editor .el-input__wrapper .el-input__prefix {
+  order: 1;
+  font-size: 16px;
+}
+:root .el-date-editor .el-input__icon {
+  height: 100%;
+  order: 1;
+  font-size: 24px;
+  margin-right: 2px;
+  color: var(--o-color-info1);
+  background-color: var(--o-color-info2);
+  mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiAgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik02LjQ2MyA0Ljk3NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDQuNDcxYS4xNC4xNCAwIDAgMC0uMTMuMDkzbC0uMDA3LjA0M3YxLjg1NmgxNS4zMjlsLjAwMS0xLjg1NmEuMTQuMTQgMCAwIDAtLjA5My0uMTNsLS4wNDMtLjAwN2gtMi4wNTVhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNmgyLjA1NWMuODAxIDAgMS40Ni42MTQgMS41MyAxLjM5N2wuMDA2LjE0djEyLjM1OWMwIC44MDEtLjYxNCAxLjQ2LTEuMzk3IDEuNTNsLS4xNC4wMDZINC40N2MtLjgwMSAwLTEuNDYtLjYxNC0xLjUzLTEuMzk3bC0uMDA2LS4xNFY2LjUxMWMwLS44MDEuNjE0LTEuNDYgMS4zOTctMS41M2wuMTQtLjAwNnptMTMuMjAxIDQuNzkySDQuMzM1djkuMTAzYzAgLjA2LjAzOS4xMTEuMDkzLjEzbC4wNDMuMDA3aDE1LjA1N2MuMDYgMCAuMTExLS4wMzkuMTMtLjA5M2wuMDA3LS4wNDMtLjAwMS05LjEwM3ptLTMuNDgyIDUuNjYzYS43LjcgMCAwIDEgLjA5NSAxLjM5NGwtLjA5NS4wMDZINy44MTdhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNnptMC0zLjM0NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDcuODE3YS43LjcgMCAwIDEtLjA5NS0xLjM5NGwuMDk1LS4wMDZ6bS0uNjk2LTguNDY3Yy4zNTQgMCAuNjQ3LjI2My42OTQuNjA1bC4wMDYuMDk1djIuODA0YS43LjcgMCAwIDEtMS4zOTQuMDk1bC0uMDA2LS4wOTVWNC4zMThhLjcuNyAwIDAgMSAuNy0uN20tNi45MzctLjAyNmMuMzU0IDAgLjY0Ny4yNjMuNjk0LjYwNWwuMDA2LjA5NXYyLjgwNGEuNy43IDAgMCAxLTEuMzk0LjA5NWwtLjAwNi0uMDk1VjQuMjkyYS43LjcgMCAwIDEgLjctLjdtNC45NDYgMS4zODRhLjcuNyAwIDAgMSAuMDk1IDEuMzk0bC0uMDk1LjAwNkgxMC41M2EuNy43IDAgMCAxLS4wOTUtMS4zOTRsLjA5NS0uMDA2eiI+PC9wYXRoPgo8L3N2Zz4=") no-repeat center;
+  background-size: 24px;
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+:root .el-date-editor .el-input__icon svg {
+  display: none;
+}
+:root .el-popper .el-popper__arrow {
+  display: none;
+}
+:root .el-popper .el-picker-panel {
+  --cell-row-gap: 6px;
+  --cell-radius: var(--o-radius-xs);
+  color: var(--o-color-info1);
+}
+:root .el-popper .el-picker-panel .el-date-picker__header {
+  padding: 12px 24px;
+  height: 48px;
+  border-bottom: 1px solid var(--o-color-control4);
+}
+:root .el-popper .el-picker-panel .el-date-picker__header .el-date-picker__header-label {
+  font-weight: 500;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table th {
+  border-bottom: none;
+  height: 24px;
+  color: inherit;
+  padding: 0 0 var(--cell-row-gap);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td {
+  padding: var(--cell-row-gap) 0px;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td .el-date-table-cell {
+  padding: 0;
+  height: 24px;
+  line-height: 22px;
+  border: 1px solid transparent;
+  border-radius: var(--cell-radius);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td:hover:not(.disabled) .el-date-table-cell {
+  border-color: var(--o-color-primary1);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.disabled .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.prev-month .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.next-month .el-date-table-cell {
+  background: none;
+  color: var(--o-color-info4);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell {
+  background: var(--o-color-control2-light);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell .el-date-table-cell__text {
+  font-weight: normal;
+  color: var(--o-color-info1);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell {
+  background: var(--o-color-primary1);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell .el-date-table-cell__text, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell .el-date-table-cell__text, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell .el-date-table-cell__text {
+  background: none;
+  color: #fff;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover) .el-date-table-cell {
+  border-radius: 0;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).start-date .el-date-table-cell {
+  border-radius: var(--cell-radius) 0 0 var(--cell-radius);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).end-date .el-date-table-cell {
+  border-radius: 0 var(--cell-radius) var(--cell-radius) 0;
+}
+:root .el-input {
+  --el-border-color: var(--o-color-control1);
+  --el-input-border-color: var(--o-color-control1);
+  --el-input-hover-border-color: var(--o-color-primary2);
+  --el-input-focus-border-color: var(--o-color-primary3);
+}
+:root .el-table {
+  --el-table-border-color: var(--o-color-control4) ;
+}
+:root .el-input__wrapper {
+  background: var(--o-color-fill2);
+  box-shadow: none;
+  border: 1px solid var(--el-input-border-color);
+}
+:root .el-select__wrapper {
+  background: var(--o-color-fill2);
+}
+:root .el-calendar .el-calendar-table {
+  width: 100%;
+}
+:root .el-calendar .el-calendar-table th {
+  color: var(--o-color-info3);
+  font-weight: 400;
+  padding: 4px 0 16px 0;
+  text-align: center;
+}
+:root .el-calendar .el-calendar-table td.prev .date-calender, :root .el-calendar .el-calendar-table td.next .date-calender {
+  color: var(--o-color-info4);
+}
+:root .el-select .el-select__placeholder {
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+:root .el-select .el-select__placeholder {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+:root .el-select .el-select__placeholder {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
+:root .el-select .el-select__placeholder {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (max-width: 600px) {
+:root .el-select .el-select__placeholder {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+:root .el-input-number {
+  --el-component-size-large: 34px;
+}
+@media (max-width: 840px) {
+:root .el-input-number {
+    --el-component-size-large: calc(var(--o-control_size-l) - 2px);
+}
+}
+:root .el-input-number .el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper,
+:root .el-input-number .el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper {
+  box-shadow: none;
+}
+:root .el-input-number.el-input-number--large {
+  line-height: var(--el-component-size-large);
+}
+.cookie-dlg-bottom {
+  margin: 0;
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}

package/dist/cjs/components/element-plus/OElCookieNotice.vue.js

@@ -0,0 +1 @@
+"use strict";const e=require("./OElCookieNotice.vue2.js");;require('./OElCookieNotice.css');;require('./OElCookieNotice2.css');const r=require("../../_plugin-vue_export-helper.js"),t=r(e,[["__scopeId","data-v-a1abee53"]]);module.exports=t;

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

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),I=require("../common/ClientOnly.vue.js"),R=require("@opendesign-plus/composables"),U=require("../../i18n/index.js"),n=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 z=require("@vueuse/core"),$={class:"cookie-notice-content"},M=["type"],L={class:"cookie-title"},G={style:{width:"1em",height:"1em"},xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"24",height:"24",viewBox:"0 0 24 24"},K={class:"cookie-zh-title",style:{"margin-top":"0"}},F=["href"],P={key:1,class:"cookie-en-title"},Y={key:0,class:"cookie-en-content"},j={class:"cookie-en-desc"},H=["href"],Z={class:"cookie-notice-right"},W={class:"dlg-title"},J={class:"cookie-dlg-content"},Q={class:"content-item"},X={class:"item-header"},ee={class:"item-title"},te={class:"item-extra"},oe={class:"item-detail"},le={class:"content-item"},ne={class:"item-header"},ie={class:"item-title"},ae={class:"item-extra"},ce={class:"item-detail"},re="0",B="1",se="2",k="3",de="agreed-cookiepolicy-zh",ue="agreed-cookiepolicy-en",me=e.defineComponent({__name:"OElCookieNotice",props:{visible:{type:Boolean},community:{},detailUrl:{},wrapper:{},cookieDomain:{}},emits:["update:visible"],setup(m,{expose:S,emit:A}){const f=m,b=A,{lePadV:v}=R.useScreen(),{locale:g,t:o}=U.useI18n(),r=e.computed(()=>g.value==="zh"),V=e.ref(),y=e.computed(()=>V.value?!!getComputedStyle(V.value).getPropertyValue("--grid-content-width"):!1),a=e.computed(()=>r.value?de:ue),c=e.ref(!1),s=z.useVModel(f,"visible",b,{defaultValue:!1}),p=l=>{const t=document.cookie.split(";").find(i=>i.split("=")[0].trim()===encodeURIComponent(l));return t?decodeURIComponent(t.split("=")[1]):null},E=(l,t,i,O)=>{const q=`; max-age=${i*24*60*60}`;document.cookie=`${encodeURIComponent(l)}=${encodeURIComponent(t)}${q}; path=/; domain=${O}`},d=l=>{typeof l=="boolean"?s.value=l:s.value=!s.value,e.nextTick(()=>{!s.value&&r.value&&p(a.value)!==k&&E(a.value,k,180,f.cookieDomain??location.hostname)})},u=e.ref(!1),N=l=>{typeof l=="boolean"?u.value=l:u.value=!u.value},_=()=>r.value?p(a.value)!==k:(p(a.value)??"0")===re,C=()=>r.value?p(a.value)===k:p(a.value)===B;e.onMounted(()=>{_()&&d(!0)}),e.watch(g,()=>{d(_())});const h=()=>{c.value=!0,E(a.value,B,180,f.cookieDomain??location.hostname),d(!1)},x=()=>{c.value=!1,E(a.value,se,180,f.cookieDomain??location.hostname),d(!1)},w=()=>{c.value?h():x(),N(!1)},D=()=>{c.value=!0,h(),N(!1)},T=()=>{c.value=C()};return S({check(){C()===s.value&&d()}}),(l,t)=>(e.openBlock(),e.createBlock(I,null,{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.Teleport,{to:m.wrapper||"#app"},[e.unref(s)?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"cookieNoticeRef",ref:V,class:"cookie-notice"},[e.createElementVNode("div",$,[e.createElementVNode("div",{type:e.unref(g),class:e.normalizeClass({"cookie-notice-wrap-grid":y.value,"cookie-notice-wrap":!y.value})},[e.createElementVNode("div",L,[r.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(e.unref(n.ElIcon),{style:{transform:"rotate(180deg)","font-size":"24px","margin-right":"4px"}},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",G,[...t[5]||(t[5]=[e.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),e.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}),e.createElementVNode("p",K,[e.createTextVNode(e.toDisplayString(e.unref(o)("cookie.desc"))+" ",1),e.createElementVNode("a",{href:m.detailUrl,target:"_blank",rel:"noopener noreferrer"},e.toDisplayString(e.unref(o)("cookie.about")),9,F)])],64)):(e.openBlock(),e.createElementBlock("p",P,e.toDisplayString(e.unref(o)("cookie.title",[m.community])),1)),e.createVNode(e.unref(n.ElIcon),{class:"cookie-notice-close",onClick:t[0]||(t[0]=i=>d(!1))},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"close-icon",{},()=>[t[6]||(t[6]=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},[e.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))],!0)]),_:3})]),r.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Y,[e.createElementVNode("p",j,[e.createTextVNode(e.toDisplayString(e.unref(o)("cookie.desc"))+" ",1),e.createElementVNode("a",{href:m.detailUrl,target:"_blank",rel:"noopener noreferrer"},e.toDisplayString(e.unref(o)("cookie.about")),9,H),t[7]||(t[7]=e.createTextVNode(". ",-1))]),e.createElementVNode("div",Z,[e.createVNode(e.unref(n.ElButton),{round:"",type:"primary",onClick:h},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("cookie.acceptAll")),1)]),_:1}),e.createVNode(e.unref(n.ElButton),{round:"",type:"primary",onClick:x},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("cookie.rejectAll")),1)]),_:1}),e.createVNode(e.unref(n.ElButton),{round:"",type:"primary",onClick:t[1]||(t[1]=i=>N(!0))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("cookie.manage")),1)]),_:1})])]))],10,M)]),e.createVNode(e.unref(n.ElDialog),{"show-close":!1,class:e.normalizeClass({"cookie-dlg-bottom":e.unref(v),"grid-width-dlg":y.value}),modelValue:u.value,"onUpdate:modelValue":t[4]||(t[4]=i=>u.value=i),"destroy-on-close":"",onOpen:T},{header:e.withCtx(()=>[e.unref(v)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"dlg-close-icon",onClick:t[2]||(t[2]=i=>u.value=!1)},[...t[8]||(t[8]=[e.createElementVNode("svg",{viewBox:"0 0 24 24",class:"o-icon-close"},[e.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)])])),e.createElementVNode("span",W,e.toDisplayString(e.unref(o)("cookie.manage")),1)]),footer:e.withCtx(()=>[e.unref(v)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(e.unref(n.ElButton),{type:"text",onClick:w},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("cookie.saveSetting")),1)]),_:1}),e.createVNode(e.unref(n.ElDivider),{direction:"vertical",style:{margin:"0 24px"}}),e.createVNode(e.unref(n.ElButton),{type:"text",onClick:D},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("cookie.acceptAll")),1)]),_:1})],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(e.unref(n.ElButton),{round:"",type:"primary",onClick:w},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("cookie.saveSetting")),1)]),_:1}),e.createVNode(e.unref(n.ElButton),{round:"",type:"primary",onClick:D},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)("cookie.acceptAll")),1)]),_:1})],64))]),default:e.withCtx(()=>[e.createElementVNode("div",J,[e.createElementVNode("div",Q,[e.createElementVNode("div",X,[e.createElementVNode("span",ee,e.toDisplayString(e.unref(o)("cookie.necessaryCookie")),1),e.createElementVNode("span",te,e.toDisplayString(e.unref(o)("cookie.alwaysOn")),1)]),e.createElementVNode("div",oe,e.toDisplayString(e.unref(o)("cookie.necessaryCookieDetail")),1)]),e.createElementVNode("div",le,[e.createElementVNode("div",ne,[e.createElementVNode("span",ie,e.toDisplayString(e.unref(o)("cookie.analyticalCookie")),1),e.createElementVNode("span",ae,[e.createVNode(e.unref(n.ElSwitch),{modelValue:c.value,"onUpdate:modelValue":t[3]||(t[3]=i=>c.value=i)},null,8,["modelValue"])])]),e.createElementVNode("div",ce,e.toDisplayString(e.unref(o)("cookie.analyticalCookieDetail")),1)])])]),_:1},8,["class","modelValue"])],512)):e.createCommentVNode("",!0)],8,["to"]))]),_:3}))}});module.exports=me;