@opendesign-plus-test/components 0.0.1-rc.98 → 0.0.1-rc.99

package/dist/treeshaking/components/header-source-code/OHeaderSourceCode.css

@@ -1,17 +1,17 @@
-.hover-icon-rotate .o-icon[data-v-e5634f17] {
+.hover-icon-rotate .o-icon[data-v-b9f5940a] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-e5634f17] {
+.hover-icon-rotate:hover .o-icon[data-v-b9f5940a] {
     transform: rotate(-180deg);
 }
 }
-.source-code[data-v-e5634f17] {
+.source-code[data-v-b9f5940a] {
   height: 100%;
   display: flex;
   align-items: center;
 }
-.source-code .info-wrap[data-v-e5634f17] {
+.source-code .info-wrap[data-v-b9f5940a] {
   height: 100%;
   display: flex;
   align-items: center;
@@ -19,11 +19,11 @@
   cursor: pointer;
 }
 @media (hover: hover) {
-.source-code .info-wrap[data-v-e5634f17]:hover {
+.source-code .info-wrap[data-v-b9f5940a]:hover {
     color: var(--o-color-primary1);
 }
 }
-.source-code .info-wrap .title[data-v-e5634f17] {
+.source-code .info-wrap .title[data-v-b9f5940a] {
   display: flex;
   align-items: center;
   cursor: pointer;
@@ -32,60 +32,90 @@
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.source-code .info-wrap .title[data-v-e5634f17] {
+.source-code .info-wrap .title[data-v-b9f5940a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.source-code .info-wrap .title[data-v-e5634f17] {
+.source-code .info-wrap .title[data-v-b9f5940a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.source-code .info-wrap .title[data-v-e5634f17] {
+.source-code .info-wrap .title[data-v-b9f5940a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.source-code .info-wrap .title[data-v-e5634f17] {
+.source-code .info-wrap .title[data-v-b9f5940a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.source-code .info-wrap .title[data-v-e5634f17] {
+.source-code .info-wrap .title[data-v-b9f5940a] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 1201px) and (max-width: 1680px) {
-.source-code .info-wrap .title[data-v-e5634f17] {
+.source-code .info-wrap .title[data-v-b9f5940a] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 841px) and (max-width: 1200px) {
-.source-code .info-wrap .title[data-v-e5634f17] {
+.source-code .info-wrap .title[data-v-b9f5940a] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (min-width: 601px) and (max-width: 840px) {
-.source-code .info-wrap .title[data-v-e5634f17] {
+.source-code .info-wrap .title[data-v-b9f5940a] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 1201px) and (max-width: 1680px) and (max-width: 600px) {
-.source-code .info-wrap .title[data-v-e5634f17] {
+.source-code .info-wrap .title[data-v-b9f5940a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.source-code .list[data-v-e5634f17] {
+@media (max-width: 1200px) {
+.source-code .info-wrap .title[data-v-b9f5940a] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 1200px) and (min-width: 1201px) and (max-width: 1680px) {
+.source-code .info-wrap .title[data-v-b9f5940a] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 1200px) and (min-width: 841px) and (max-width: 1200px) {
+.source-code .info-wrap .title[data-v-b9f5940a] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 1200px) and (min-width: 601px) and (max-width: 840px) {
+.source-code .info-wrap .title[data-v-b9f5940a] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 1200px) and (max-width: 600px) {
+.source-code .info-wrap .title[data-v-b9f5940a] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+.source-code .list[data-v-b9f5940a] {
   background: var(--o-color-control5-light);
   cursor: pointer;
   box-shadow: var(--o-shadow-1);
@@ -93,70 +123,47 @@
   padding: var(--o-gap-1);
   width: 144px;
 }
-.hover-icon-rotate .o-icon[data-v-e5634f17] {
+.hover-icon-rotate .o-icon[data-v-b9f5940a] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-e5634f17] {
+.hover-icon-rotate:hover .o-icon[data-v-b9f5940a] {
     transform: rotate(-180deg);
 }
 }
-.icon[data-v-e5634f17] {
+.icon[data-v-b9f5940a] {
   font-size: var(--o-icon_size_control-xs);
   margin-left: var(--o-gap-1);
 }
-.o-dropdown[data-v-e5634f17] {
+.o-dropdown[data-v-b9f5940a] {
   height: 100%;
 }
-.dropdown-active .info-wrap[data-v-e5634f17] {
+.dropdown-active .info-wrap[data-v-b9f5940a] {
   color: var(--o-color-primary1);
 }
-.dropdown-active .o-icon[data-v-e5634f17] {
+.dropdown-active .o-icon[data-v-b9f5940a] {
   transform: rotate(-180deg);
 }
-.o-dropdown-item[data-v-e5634f17] {
+.o-dropdown-item[data-v-b9f5940a] {
   background: var(--o-color-control5-light);
   cursor: pointer;
   border-radius: var(--o-radius_control-xs);
-  padding: var(--o-gap-1) 12px;
+  padding: var(--o-gap-1) var(--o-gap-3);
   height: 32px;
-  font-size: 14px;
-  line-height: 22px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-dropdown-item[data-v-e5634f17] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-dropdown-item[data-v-e5634f17] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.o-dropdown-item[data-v-e5634f17] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-.o-dropdown-item[data-v-e5634f17] {
-    font-size: 12px;
-    line-height: 18px;
-}
+  --dropdown-item-text-size: 14px;
+  --dropdown-item-text-height: 22px;
+  --dropdown-item-color: var(--o-color-info2);
 }
 @media (hover: hover) {
-.o-dropdown-item[data-v-e5634f17]:hover {
+.o-dropdown-item[data-v-b9f5940a]:hover {
     background: var(--o-color-control2-light);
 }
 }
-.o-dropdown-item[data-v-e5634f17]:active {
+.o-dropdown-item[data-v-b9f5940a]:active {
   color: var(--o-color-primary1);
   background: var(--o-color-control3-light);
   font-weight: 600;
 }
-.dropdown[data-v-e5634f17] {
+.dropdown[data-v-b9f5940a] {
   --dropdown-list-radius: var(--o-radius-xs);
 }

package/dist/treeshaking/components/header-source-code/OHeaderSourceCode.vue.mjs

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

package/dist/treeshaking/components/header-user/OHeaderUser.css

@@ -1,12 +1,12 @@
-.hover-icon-rotate .o-icon[data-v-9829302b] {
+.hover-icon-rotate .o-icon[data-v-ecfe3e64] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-9829302b] {
+.hover-icon-rotate:hover .o-icon[data-v-ecfe3e64] {
     transform: rotate(-180deg);
 }
 }
-.header-user[data-v-9829302b] {
+.header-user[data-v-ecfe3e64] {
   display: flex;
   align-items: center;
   height: 100%;
@@ -14,70 +14,56 @@
   opacity: 1;
   transition: opacity 0.15s;
 }
-.user-info[data-v-9829302b] {
+.user-info[data-v-ecfe3e64] {
   height: 100%;
   min-width: 32px;
   display: flex;
   cursor: pointer;
 }
-.info-wrap[data-v-9829302b] {
+.info-wrap[data-v-ecfe3e64] {
   height: calc(100% - 10px);
   margin: 5px 0;
   display: flex;
   align-items: center;
 }
-.info-wrap .icon[data-v-9829302b] {
+.info-wrap .icon[data-v-ecfe3e64] {
   margin-left: 4px;
 }
-.user-avatar[data-v-9829302b] {
+.user-avatar[data-v-ecfe3e64] {
   margin-right: 4px;
 }
-.user-avatar[data-v-9829302b] .o-badge-content {
+.user-avatar[data-v-ecfe3e64] .o-badge-content {
   --badge-dot-size: 6px;
   right: 7px;
   top: 2px;
 }
-.o-dropdown-item[data-v-9829302b] {
-  white-space: nowrap;
-  --dropdown-item-color: var(--o-color-info1);
-  --dropdown-item-padding: 5px 12px;
-  font-size: 14px;
-  line-height: 22px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-dropdown-item[data-v-9829302b] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-dropdown-item[data-v-9829302b] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.o-dropdown-item[data-v-9829302b] {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-.o-dropdown-item[data-v-9829302b] {
-    font-size: 12px;
-    line-height: 18px;
+.o-badge[data-v-ecfe3e64] {
+  display: flex;
 }
+.o-dropdown-item[data-v-ecfe3e64] {
+  white-space: nowrap;
+  background: var(--o-color-control5-light);
+  --dropdown-item-color: var(--o-color-info2);
+  border-radius: var(--o-radius_control-xs);
+  padding: var(--o-gap-1) var(--o-gap-3);
+  height: 32px;
+  --dropdown-item-text-size: 14px;
+  --dropdown-item-text-height: 22px;
 }
 @media (hover: hover) {
-.o-dropdown-item[data-v-9829302b]:hover {
-    color: var(--o-color-primary1);
+.o-dropdown-item[data-v-ecfe3e64]:hover {
     background: var(--o-color-control2-light);
 }
 }
-.notice-not[data-v-9829302b] .o-badge-content {
+.o-dropdown-item[data-v-ecfe3e64]:active {
+  color: var(--o-color-primary1);
+  background: var(--o-color-control3-light);
+  font-weight: 600;
+}
+.notice-not[data-v-ecfe3e64] .o-badge-content {
   display: none;
 }
-.user-account[data-v-9829302b] {
+.user-account[data-v-ecfe3e64] {
   color: var(--o-color-info1);
   max-width: 96px;
   font-weight: 500;
@@ -85,30 +71,30 @@
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.user-account[data-v-9829302b] {
+.user-account[data-v-ecfe3e64] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.user-account[data-v-9829302b] {
+.user-account[data-v-ecfe3e64] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.user-account[data-v-9829302b] {
+.user-account[data-v-ecfe3e64] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.user-account[data-v-9829302b] {
+.user-account[data-v-ecfe3e64] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.user-account[data-v-9829302b] {
+.user-account[data-v-ecfe3e64] {
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-all;
@@ -116,20 +102,80 @@
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
 }
+@media (min-width: 1201px) and (max-width: 1680px) {
+.user-account[data-v-ecfe3e64] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (min-width: 1201px) and (max-width: 1680px) and (min-width: 1201px) and (max-width: 1680px) {
+.user-account[data-v-ecfe3e64] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 1201px) and (max-width: 1680px) and (min-width: 841px) and (max-width: 1200px) {
+.user-account[data-v-ecfe3e64] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 1201px) and (max-width: 1680px) and (min-width: 601px) and (max-width: 840px) {
+.user-account[data-v-ecfe3e64] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 1201px) and (max-width: 1680px) and (max-width: 600px) {
+.user-account[data-v-ecfe3e64] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 1200px) {
+.user-account[data-v-ecfe3e64] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 1200px) and (min-width: 1201px) and (max-width: 1680px) {
+.user-account[data-v-ecfe3e64] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 1200px) and (min-width: 841px) and (max-width: 1200px) {
+.user-account[data-v-ecfe3e64] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 1200px) and (min-width: 601px) and (max-width: 840px) {
+.user-account[data-v-ecfe3e64] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 1200px) and (max-width: 600px) {
+.user-account[data-v-ecfe3e64] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
 @media (max-width: 840px) {
-.header-user[data-v-9829302b] {
+.header-user[data-v-ecfe3e64] {
     min-width: auto;
 }
-.header-user .user-info[data-v-9829302b] {
+.header-user .user-info[data-v-ecfe3e64] {
     min-width: 24px;
 }
-.header-user .user-info .info-wrap .user-avatar[data-v-9829302b] {
+.header-user .user-info .info-wrap .user-avatar[data-v-ecfe3e64] {
     margin-right: 0;
 }
-.header-user .user-info .info-wrap .user-account[data-v-9829302b] {
+.header-user .user-info .info-wrap .user-account[data-v-ecfe3e64] {
     display: none;
 }
-.header-user .user-info .info-wrap .icon[data-v-9829302b] {
+.header-user .user-info .info-wrap .icon[data-v-ecfe3e64] {
     display: none;
 }
 }

package/dist/treeshaking/components/header-user/OHeaderUser.vue.mjs

@@ -2,7 +2,7 @@ import _sfc_main from "./OHeaderUser.vue2.mjs";
 import './OHeaderUser.css';
 import './OHeaderUser2.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OHeaderUser = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9829302b"]]);
+const _OHeaderUser = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ecfe3e64"]]);
 export {
   _OHeaderUser as default
 };

package/dist/treeshaking/components/header-user/OHeaderUser2.css

@@ -6,54 +6,18 @@
     transform: rotate(-180deg);
 }
 }
-.user-dropdown {
-  --dropdown-list-radius: var(--o-radius-xs);
-}
-.user-dropdown .o-dropdown-item {
-  padding-left: 12px;
-  padding-right: 12px;
-  font-size: 14px;
-  line-height: 22px;
-}
-@media (max-width: 840px) {
-.user-dropdown .o-dropdown-item {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
-.user-dropdown .o-dropdown-item {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
-.user-dropdown .o-dropdown-item {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
-.user-dropdown .o-dropdown-item {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 840px) and (max-width: 600px) {
-.user-dropdown .o-dropdown-item {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
 .avatar-icon {
   font-size: 24px;
-  color: var(--o-color-info1);
+  color: var(--o-color-info2);
   cursor: pointer;
 }
 @media (hover: hover) {
 .avatar-icon:hover {
-    color: var(--o-color-primary1);
+    color: var(--o-color-primary2);
+}
 }
+.avatar-icon:active {
+  color: var(--o-color-primary3);
 }
 @media (max-width: 1200px) {
 .avatar-icon {