@opendesign-plus/components 0.0.1-rc.67 → 0.0.1-rc.69

package/dist/treeshaking/_virtual/icon-edit.mjs

@@ -0,0 +1,17 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "32",
+  height: "32",
+  viewBox: "0 0 32 32"
+};
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
+    createElementVNode("path", { d: "M26.729 26.031c0.516 0 0.933 0.417 0.933 0.933 0 0.472-0.351 0.863-0.807 0.925l-0.127 0.008h-20.687c-0.516 0-0.933-0.417-0.933-0.933 0-0.472 0.351-0.863 0.807-0.925l0.127-0.008h20.687zM26.729 21.808c0.516 0 0.933 0.417 0.933 0.933 0 0.472-0.351 0.863-0.807 0.925l-0.127 0.008h-8.627c-0.516 0-0.933-0.417-0.933-0.933 0-0.472 0.351-0.863 0.807-0.925l0.127-0.008h8.627zM16.881 4.961c1.145-1.145 3.003-1.145 4.148 0v0l2.824 2.824c1.145 1.145 1.145 3.003 0 4.148v0l-10.744 10.744c-0.528 0.528-1.239 0.835-1.985 0.857v0l-4.612 0.14c-0.736 0.023-1.351-0.556-1.373-1.292v0-0.040l0.14-4.652c0.023-0.747 0.329-1.457 0.857-1.985v0zM19.709 6.281c-0.416-0.416-1.092-0.416-1.508 0v0l-10.744 10.744c-0.192 0.192-0.304 0.451-0.312 0.721v0l-0.123 4.045 4.045-0.123c0.217-0.007 0.425-0.079 0.599-0.207v0l0.123-0.105 10.744-10.744c0.416-0.416 0.416-1.092 0-1.508v0z" }, null, -1)
+  ])]);
+}
+const IconEdit = { name: "meeting-icon-edit", render };
+export {
+  IconEdit as default
+};

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

@@ -1,35 +1,35 @@
-.hover-icon-rotate .o-icon[data-v-8cae5712] {
+.hover-icon-rotate .o-icon[data-v-bd55d99c] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-8cae5712] {
+.hover-icon-rotate:hover .o-icon[data-v-bd55d99c] {
     transform: rotate(-180deg);
 }
 }
-.header[data-v-8cae5712] {
+.header[data-v-bd55d99c] {
   --o-header-height: 72px;
   --o-header-content-max-width: 1488px;
   --o-header-content-padding: 0;
 }
 @media (max-width: 1680px) {
-.header[data-v-8cae5712] {
+.header[data-v-bd55d99c] {
     --o-header-content-max-width: 100%;
     --o-header-content-padding: 64px;
 }
 }
 @media (max-width: 1440px) {
-.header[data-v-8cae5712] {
+.header[data-v-bd55d99c] {
     --o-header-height: 64px;
     --o-header-content-padding: 40px;
 }
 }
 @media (max-width: 1200px) {
-.header[data-v-8cae5712] {
+.header[data-v-bd55d99c] {
     --o-header-height: 56px;
     --o-header-content-padding: 32px;
 }
 }
-.header-wrap[data-v-8cae5712] {
+.header-wrap[data-v-bd55d99c] {
   background-color: var(--o-color-fill2);
   position: fixed;
   left: 0;
@@ -40,7 +40,7 @@
   backdrop-filter: blur(5px);
   height: var(--o-header-height);
 }
-.header-content[data-v-8cae5712] {
+.header-content[data-v-bd55d99c] {
   display: flex;
   align-items: center;
   height: 100%;
@@ -48,7 +48,7 @@
   margin: 0 auto;
   padding: 0 var(--o-header-content-padding);
 }
-.header-logo[data-v-8cae5712] {
+.header-logo[data-v-bd55d99c] {
   height: 100%;
   display: flex;
   align-items: center;
@@ -56,27 +56,37 @@
   margin-right: 24px;
   flex-shrink: 0;
 }
-.logo[data-v-8cae5712] {
+@media (min-width: 1201px) and (max-width: 1440px) {
+.header-logo[data-v-bd55d99c] {
+    margin-right: 12px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.header-logo[data-v-bd55d99c] {
+    margin-right: 8px;
+}
+}
+.logo[data-v-bd55d99c] {
   height: 32px;
 }
-.header-nav-top[data-v-8cae5712] {
+.header-nav-top[data-v-bd55d99c] {
   flex: 1;
   height: 100%;
   min-width: 0;
   overflow: hidden;
   position: relative;
 }
-.header-nav-flatten[data-v-8cae5712] {
+.header-nav-flatten[data-v-bd55d99c] {
   flex: 1;
   height: 100%;
   min-width: 0;
   position: relative;
 }
-.header-toolbar[data-v-8cae5712] {
+.header-toolbar[data-v-bd55d99c] {
   height: 100%;
   position: relative;
 }
-.header-nav-content[data-v-8cae5712] {
+.header-nav-content[data-v-bd55d99c] {
   position: fixed;
   top: var(--o-header-height);
   left: 0;
@@ -86,6 +96,6 @@
   box-shadow: var(--o-shadow-1);
   overflow: hidden;
 }
-[data-o-theme*=dark] .header-wrap[data-v-8cae5712] {
+[data-o-theme*=dark] .header-wrap[data-v-bd55d99c] {
   border-bottom: 1px solid var(--o-color-control4);
 }

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-8cae5712"]]);
+const _OHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bd55d99c"]]);
 export {
   _OHeader as default
 };

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

@@ -1,35 +1,35 @@
-.hover-icon-rotate .o-icon[data-v-9d7c7042] {
+.hover-icon-rotate .o-icon[data-v-f462344e] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-9d7c7042] {
+.hover-icon-rotate:hover .o-icon[data-v-f462344e] {
     transform: rotate(-180deg);
 }
 }
-.header-nav-wrap[data-v-9d7c7042] {
+.header-nav-wrap[data-v-f462344e] {
   height: 100%;
 }
-.header-nav-wrap .header-nav[data-v-9d7c7042] {
+.header-nav-wrap .header-nav[data-v-f462344e] {
   height: 100%;
   display: flex;
   justify-content: space-between;
   width: calc(100% - 64px);
   align-items: center;
 }
-.header-nav-wrap .header-nav-scroll[data-v-9d7c7042] {
+.header-nav-wrap .header-nav-scroll[data-v-f462344e] {
   width: calc(100% - 64px - 24px);
 }
-.o-nav[data-v-9d7c7042] {
+.o-nav[data-v-f462344e] {
   --o-before-left: 0;
   height: 100%;
   position: relative;
   z-index: 8;
 }
-.o-nav[data-v-9d7c7042]::-webkit-scrollbar {
+.o-nav[data-v-f462344e]::-webkit-scrollbar {
   display: none;
 }
-.left-icon[data-v-9d7c7042],
-.right-icon[data-v-9d7c7042] {
+.left-icon[data-v-f462344e],
+.right-icon[data-v-f462344e] {
   display: flex;
   align-items: center;
   cursor: pointer;
@@ -38,24 +38,24 @@
   height: 16px;
   border-radius: var(--o-radius-xs);
 }
-.left-icon .o-icon[data-v-9d7c7042],
-.right-icon .o-icon[data-v-9d7c7042] {
+.left-icon .o-icon[data-v-f462344e],
+.right-icon .o-icon[data-v-f462344e] {
   --icon-size: 16px;
   position: relative;
   z-index: 11;
 }
 @media (hover: hover) {
-.left-icon[data-v-9d7c7042]:hover,
-  .right-icon[data-v-9d7c7042]:hover {
+.left-icon[data-v-f462344e]:hover,
+  .right-icon[data-v-f462344e]:hover {
     background-color: var(--o-color-control2-light);
     color: var(--o-color-link2);
 }
 }
-.left-icon[data-v-9d7c7042]:active,
-.right-icon[data-v-9d7c7042]:active {
+.left-icon[data-v-f462344e]:active,
+.right-icon[data-v-f462344e]:active {
   color: var(--o-color-link3);
 }
-.left-icon[data-v-9d7c7042]::before {
+.left-icon[data-v-f462344e]::before {
   content: "";
   position: absolute;
   width: 50px;
@@ -67,16 +67,16 @@
   cursor: default;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.left-icon[data-v-9d7c7042]::before {
+.left-icon[data-v-f462344e]::before {
     top: -24px;
 }
 }
 @media (max-width: 1200px) {
-.left-icon[data-v-9d7c7042]::before {
+.left-icon[data-v-f462344e]::before {
     top: -20px;
 }
 }
-.right-icon[data-v-9d7c7042]::before {
+.right-icon[data-v-f462344e]::before {
   content: "";
   position: absolute;
   width: 50px;
@@ -88,29 +88,29 @@
   cursor: default;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.right-icon[data-v-9d7c7042]::before {
+.right-icon[data-v-f462344e]::before {
     top: -24px;
 }
 }
 @media (max-width: 1200px) {
-.right-icon[data-v-9d7c7042]::before {
+.right-icon[data-v-f462344e]::before {
     top: -20px;
 }
 }
-[data-o-theme*=dark] .left-icon[data-v-9d7c7042] {
+[data-o-theme*=dark] .left-icon[data-v-f462344e] {
   background-image: linear-gradient(90deg, rgba(var(--o-grey-4), 1) 0%, rgba(var(--o-grey-4), 0) 100%);
 }
-[data-o-theme*=dark] .right-icon[data-v-9d7c7042] {
+[data-o-theme*=dark] .right-icon[data-v-f462344e] {
   background-image: linear-gradient(90deg, rgba(var(--o-grey-4), 0) 0%, rgba(var(--o-grey-4), 1) 100%);
 }
-.o-nav-scroll[data-v-9d7c7042]::after {
+.o-nav-scroll[data-v-f462344e]::after {
   display: none;
 }
-.o-nav-scroll[data-v-9d7c7042]::before {
+.o-nav-scroll[data-v-f462344e]::before {
   left: var(--o-before-left);
   display: block;
 }
-.nav-list[data-v-9d7c7042] {
+.nav-list[data-v-f462344e] {
   display: flex;
   height: 100%;
   width: fit-content;
@@ -119,7 +119,7 @@
   padding: 0;
   margin: 0;
 }
-.nav-item-li[data-v-9d7c7042] {
+.nav-item-li[data-v-f462344e] {
   position: relative;
   display: flex;
   align-items: center;
@@ -128,89 +128,83 @@
   pointer-events: auto;
   transition: color var(--o-duration-s) var(--o-easing-standard);
 }
-.nav-item-li .nav-item[data-v-9d7c7042] {
+.nav-item-li .nav-item[data-v-f462344e] {
   cursor: default;
   display: flex;
   align-items: center;
-  padding: 22px var(--o-gap-4);
+  --padding-x: var(--o-gap-4);
+  padding-left: var(--padding-x);
+  padding-right: var(--padding-x);
+  position: relative;
+  height: 100%;
   font-size: 16px;
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.nav-item-li .nav-item[data-v-9d7c7042] {
+.nav-item-li .nav-item[data-v-f462344e] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.nav-item-li .nav-item[data-v-9d7c7042] {
+.nav-item-li .nav-item[data-v-f462344e] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.nav-item-li .nav-item[data-v-9d7c7042] {
+.nav-item-li .nav-item[data-v-f462344e] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.nav-item-li .nav-item[data-v-9d7c7042] {
+.nav-item-li .nav-item[data-v-f462344e] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-@media (max-width: 1440px) {
-.nav-item-li .nav-item[data-v-9d7c7042] {
-    padding: 18px 12px;
+@media (max-width: 1680px) {
+.nav-item-li .nav-item[data-v-f462344e] {
+    --padding-x: var(--o-gap-3);
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.nav-item-li .nav-item[data-v-9d7c7042] {
-    padding: 14px 8px;
+.nav-item-li .nav-item[data-v-f462344e] {
+    --padding-x: var(--o-gap-2);
 }
 }
-.nav-item-li .nav-text[data-v-9d7c7042] {
-  position: relative;
-}
-.nav-item-li .nav-text[data-v-9d7c7042]::after {
+.nav-item-li .nav-item[data-v-f462344e]::after {
   content: "";
   position: absolute;
-  left: 0;
+  left: var(--padding-x);
+  right: var(--padding-x);
   opacity: 0;
-  bottom: -24px;
-  width: 100%;
+  bottom: 0;
   height: 2px;
   border-radius: 1px;
   background: var(--o-color-primary1);
   transition: all var(--o-duration-s) var(--o-easing-standard);
 }
-@media (max-width: 1440px) {
-.nav-item-li .nav-text[data-v-9d7c7042]::after {
-    bottom: -21px;
-}
-}
-@media (max-width: 1200px) {
-.nav-item-li .nav-text[data-v-9d7c7042]::after {
-    bottom: -17px;
-}
-}
-.nav-item-li .nav-item-link[data-v-9d7c7042] {
+.nav-item-li .nav-item-link[data-v-f462344e] {
   cursor: pointer;
 }
-.nav-item-li.is-selected .nav-text[data-v-9d7c7042], .nav-item-li.is-active .nav-text[data-v-9d7c7042] {
+.nav-item-li.is-active .nav-item[data-v-f462344e]::after {
+  opacity: 1;
+}
+.nav-item-li.is-active .nav-text[data-v-f462344e] {
   color: var(--o-color-primary1);
-  z-index: 99;
   font-weight: 600;
 }
-.nav-item-li.is-selected .nav-text[data-v-9d7c7042]::after, .nav-item-li.is-active .nav-text[data-v-9d7c7042]::after {
-  opacity: 1;
+.nav-item-li.is-selected .nav-text[data-v-f462344e] {
+  color: var(--o-color-primary2);
+  font-weight: 600;
 }
-.nav-item-li.is-disabled[data-v-9d7c7042] {
+.nav-item-li.is-disabled[data-v-f462344e] {
   color: var(--o-color-info4);
   pointer-events: none;
 }
-.dropdown-wrapper[data-v-9d7c7042] {
+.dropdown-wrapper[data-v-f462344e] {
   position: absolute;
   top: calc(100% - 4px);
   left: 0;
@@ -218,13 +212,13 @@
   padding-top: 8px;
   transition: opacity var(--o-duration-s) var(--o-easing-standard);
 }
-.dropdown-wrapper .dropdown-body[data-v-9d7c7042] {
+.dropdown-wrapper .dropdown-body[data-v-f462344e] {
   padding: 6px;
   background-color: var(--o-color-fill2);
   border-radius: var(--o-radius-xs);
   box-shadow: var(--o-shadow-2);
 }
-.dropdown-wrapper .dropdown-item[data-v-9d7c7042] {
+.dropdown-wrapper .dropdown-item[data-v-f462344e] {
   font-weight: 400;
   white-space: nowrap;
   display: flex;
@@ -240,63 +234,63 @@
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.dropdown-wrapper .dropdown-item[data-v-9d7c7042] {
+.dropdown-wrapper .dropdown-item[data-v-f462344e] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.dropdown-wrapper .dropdown-item[data-v-9d7c7042] {
+.dropdown-wrapper .dropdown-item[data-v-f462344e] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.dropdown-wrapper .dropdown-item[data-v-9d7c7042] {
+.dropdown-wrapper .dropdown-item[data-v-f462344e] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.dropdown-wrapper .dropdown-item[data-v-9d7c7042] {
+.dropdown-wrapper .dropdown-item[data-v-f462344e] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (hover: hover) {
-.dropdown-wrapper .dropdown-item[data-v-9d7c7042]:hover {
+.dropdown-wrapper .dropdown-item[data-v-f462344e]:hover {
     background-color: var(--o-color-control2-light);
     color: var(--o-color-primary1);
 }
 }
-.dropdown-wrapper .dropdown-item-disabled[data-v-9d7c7042] {
+.dropdown-wrapper .dropdown-item-disabled[data-v-f462344e] {
   color: var(--o-color-info4);
   pointer-events: none;
 }
-.dropdown-wrapper .dropdown-link[data-v-9d7c7042] {
+.dropdown-wrapper .dropdown-link[data-v-f462344e] {
   color: inherit;
   display: flex;
   align-items: center;
   width: 100%;
 }
-.dropdown-wrapper .dropdown-link .o-tag[data-v-9d7c7042] {
+.dropdown-wrapper .dropdown-link .o-tag[data-v-f462344e] {
   margin-left: var(--o-gap-2);
   transform: scale(0.75);
   transform-origin: left center;
 }
-.dropdown-wrapper[data-v-9d7c7042] .jump-out-icon {
+.dropdown-wrapper[data-v-f462344e] .jump-out-icon {
   font-size: 16px;
   margin-left: 4px;
 }
-.dropdown-wrapper[data-v-9d7c7042] .jump-out-icon path {
+.dropdown-wrapper[data-v-f462344e] .jump-out-icon path {
   fill: currentColor;
   stroke: transparent;
 }
-.dropdown-wrapper[data-v-9d7c7042] .jump-out-icon path[fill=none] {
+.dropdown-wrapper[data-v-f462344e] .jump-out-icon path[fill=none] {
   display: none;
 }
 @media (hover: hover) {
-.nav-item:hover .dropdown-wrapper[data-v-9d7c7042] {
+.nav-item:hover .dropdown-wrapper[data-v-f462344e] {
     display: block;
 }
 }

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

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