@opendesign-plus/components 0.0.1-rc.36 → 0.0.1-rc.37

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

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

package/dist/treeshaking/components/events/OEventsApply.vue.mjs

@@ -2,7 +2,7 @@ import { defineComponent, openBlock, createElementBlock, createElementVNode, Fra
 import { OIcon } from "@opensig/opendesign";
 import IconChecked from "../../_virtual/icon-checked.mjs";
 import { buildVueDompurifyHTMLDirective } from "vue-dompurify-html";
-import { useTheme } from "@opendesign-plus/composables";
+import { useTheme } from "../../shared/theme.mjs";
 const _hoisted_1 = { class: "o-events-apply" };
 const _hoisted_2 = { class: "events-apply-grid" };
 const _hoisted_3 = { class: "timeline-number" };

package/dist/treeshaking/components/header/OHeader.css

@@ -1,15 +1,15 @@
-.hover-icon-rotate .o-icon[data-v-269d575f] {
+.hover-icon-rotate .o-icon[data-v-b3349981] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-269d575f] {
+.hover-icon-rotate:hover .o-icon[data-v-b3349981] {
     transform: rotate(-180deg);
 }
 }
-.header[data-v-269d575f] {
+.header[data-v-b3349981] {
   --o-header-height: 72px;
 }
-.header-wrap[data-v-269d575f] {
+.header-wrap[data-v-b3349981] {
   background-color: var(--o-color-fill2);
   position: fixed;
   left: 0;
@@ -20,12 +20,12 @@
   backdrop-filter: blur(5px);
   height: var(--o-header-height);
 }
-.header-content[data-v-269d575f] {
+.header-content[data-v-b3349981] {
   display: flex;
   align-items: center;
   height: 100%;
 }
-.header-logo[data-v-269d575f] {
+.header-logo[data-v-b3349981] {
   height: 100%;
   display: flex;
   align-items: center;
@@ -33,21 +33,21 @@
   margin-right: 24px;
   flex-shrink: 0;
 }
-.logo[data-v-269d575f] {
+.logo[data-v-b3349981] {
   height: 32px;
 }
-.header-nav[data-v-269d575f] {
+.header-nav[data-v-b3349981] {
   flex: 1;
   height: 100%;
   min-width: 0;
   overflow: hidden;
   position: relative;
 }
-.header-toolbar[data-v-269d575f] {
+.header-toolbar[data-v-b3349981] {
   height: 100%;
   position: relative;
 }
-.header-nav-content[data-v-269d575f] {
+.header-nav-content[data-v-b3349981] {
   position: fixed;
   top: var(--o-header-height);
   left: 0;
@@ -57,9 +57,9 @@
   box-shadow: 0 3px 9px 0 rgba(0, 18, 85, 0.08);
   overflow: hidden;
 }
-.header-wrap-dark[data-v-269d575f] {
+.header-wrap-dark[data-v-b3349981] {
   box-shadow: 0 3px 9px 0 rgba(var(--o-grey-4), 0.08);
 }
-.header-wrap-dark .header-nav-content[data-v-269d575f] {
+.header-wrap-dark .header-nav-content[data-v-b3349981] {
   box-shadow: 0 3px 9px 0 rgba(var(--o-grey-4), 0.08);
 }

package/dist/treeshaking/components/header/OHeader.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./OHeader.vue2.mjs";
 import './OHeader.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-269d575f"]]);
+const _OHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b3349981"]]);
 export {
   _OHeader as default
 };

package/dist/treeshaking/components/header/OHeader.vue2.mjs

@@ -2,7 +2,7 @@ import { defineComponent, ref, openBlock, createElementBlock, createElementVNode
 import ContentWrapper from "../common/ContentWrapper.vue.mjs";
 import HeaderNav from "./components/HeaderNav.vue.mjs";
 import HeaderContent from "./components/HeaderContent.vue.mjs";
-import { useTheme } from "@opendesign-plus/composables";
+import { useTheme } from "../../shared/theme.mjs";
 const _hoisted_1 = { class: "header" };
 const _hoisted_2 = ["src"];
 const _hoisted_3 = { class: "header-nav" };