@opendesign-plus-test/components 0.0.1-rc.95 → 0.0.1-rc.97

package/dist/treeshaking/_virtual/icon-avatar-line.mjs

@@ -10,7 +10,7 @@ function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       opacity: "0.8",
-      fill: "#000",
+      fill: "currentColor",
       d: "M9.412 10.332c0 2.188 1.066 4.127 2.708 5.326-4.858 1.582-8.364 6.052-8.364 11.328 0 0.515 0.418 0.933 0.933 0.933s0.933-0.418 0.933-0.933c0-5.465 4.487-9.922 10.092-10.070 0.095 0.004 0.191 0.006 0.288 0.006 3.639 0 6.59-2.95 6.59-6.59s-2.951-6.59-6.59-6.59-6.59 2.95-6.59 6.59zM16.088 15.049c-0.028-0.003-0.057-0.004-0.087-0.004-0.061 0-0.122 0-0.183 0.001-2.524-0.096-4.541-2.172-4.541-4.72 0-2.608 2.115-4.723 4.723-4.723s4.723 2.115 4.723 4.723c0 2.579-2.067 4.676-4.635 4.722zM21.784 16.465c3.945 2.064 6.463 6.077 6.463 10.528 0 0.515-0.418 0.933-0.933 0.933s-0.933-0.418-0.933-0.933c0-3.744-2.123-7.127-5.462-8.874-0.457-0.239-0.633-0.803-0.394-1.26s0.803-0.633 1.26-0.394z"
     }, null, -1)
   ])]);

package/dist/treeshaking/_virtual/icon-chevron-right.mjs

@@ -8,7 +8,10 @@ const _hoisted_1 = {
 };
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
-    createElementVNode("path", { d: "M9.246 5.764c-0.251 0.251-0.271 0.644-0.063 0.918l0.063 0.072 5.016 5.016c0.1 0.1 0.115 0.254 0.043 0.37l-0.043 0.054-5.062 5.062c-0.273 0.273-0.273 0.717 0 0.99 0.251 0.251 0.644 0.271 0.918 0.063l0.072-0.063 5.062-5.062c0.629-0.629 0.662-1.628 0.099-2.296l-0.099-0.108-5.016-5.016c-0.273-0.273-0.717-0.273-0.99 0z" }, null, -1)
+    createElementVNode("path", {
+      fill: "currentColor",
+      d: "M9.246 5.764c-0.251 0.251-0.271 0.644-0.063 0.918l0.063 0.072 5.016 5.016c0.1 0.1 0.115 0.254 0.043 0.37l-0.043 0.054-5.062 5.062c-0.273 0.273-0.273 0.717 0 0.99 0.251 0.251 0.644 0.271 0.918 0.063l0.072-0.063 5.062-5.062c0.629-0.629 0.662-1.628 0.099-2.296l-0.099-0.108-5.016-5.016c-0.273-0.273-0.717-0.273-0.99 0z"
+    }, null, -1)
   ])]);
 }
 const IconChevronRight = { name: "components-icon-chevron-right", render };

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

@@ -1,15 +1,35 @@
-.hover-icon-rotate .o-icon[data-v-bfc2a089] {
+.hover-icon-rotate .o-icon[data-v-c7c92dde] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-bfc2a089] {
+.hover-icon-rotate:hover .o-icon[data-v-c7c92dde] {
     transform: rotate(-180deg);
 }
 }
-.header[data-v-bfc2a089] {
+.header[data-v-c7c92dde] {
   --o-header-height: 72px;
+  --o-header-content-max-width: 1488px;
+  --o-header-content-padding: 0;
 }
-.header-wrap[data-v-bfc2a089] {
+@media (max-width: 1680px) {
+.header[data-v-c7c92dde] {
+    --o-header-content-max-width: 100%;
+    --o-header-content-padding: 64px;
+}
+}
+@media (max-width: 1440px) {
+.header[data-v-c7c92dde] {
+    --o-header-height: 64px;
+    --o-header-content-padding: 40px;
+}
+}
+@media (max-width: 1200px) {
+.header[data-v-c7c92dde] {
+    --o-header-height: 56px;
+    --o-header-content-padding: 32px;
+}
+}
+.header-wrap[data-v-c7c92dde] {
   background-color: var(--o-color-fill2);
   position: fixed;
   left: 0;
@@ -20,13 +40,15 @@
   backdrop-filter: blur(5px);
   height: var(--o-header-height);
 }
-.header-content[data-v-bfc2a089] {
+.header-content[data-v-c7c92dde] {
   display: flex;
   align-items: center;
   height: 100%;
-  --layout-content-padding: 28px;
+  max-width: var(--o-header-content-max-width);
+  margin: 0 auto;
+  padding: 0 var(--o-header-content-padding);
 }
-.header-logo[data-v-bfc2a089] {
+.header-logo[data-v-c7c92dde] {
   height: 100%;
   display: flex;
   align-items: center;
@@ -34,21 +56,21 @@
   margin-right: 24px;
   flex-shrink: 0;
 }
-.logo[data-v-bfc2a089] {
+.logo[data-v-c7c92dde] {
   height: 32px;
 }
-.header-nav[data-v-bfc2a089] {
+.header-nav[data-v-c7c92dde] {
   flex: 1;
   height: 100%;
   min-width: 0;
   overflow: hidden;
   position: relative;
 }
-.header-toolbar[data-v-bfc2a089] {
+.header-toolbar[data-v-c7c92dde] {
   height: 100%;
   position: relative;
 }
-.header-nav-content[data-v-bfc2a089] {
+.header-nav-content[data-v-c7c92dde] {
   position: fixed;
   top: var(--o-header-height);
   left: 0;
@@ -57,4 +79,7 @@
   z-index: 998;
   box-shadow: var(--o-shadow-1);
   overflow: hidden;
+}
+[data-o-theme*=dark] .header-wrap[data-v-c7c92dde] {
+  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-bfc2a089"]]);
+const _OHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c7c92dde"]]);
 export {
   _OHeader as default
 };

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

@@ -1,11 +1,11 @@
-import { defineComponent, ref, onUnmounted, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, renderSlot, createCommentVNode, createBlock } from "vue";
-import ContentWrapper from "../common/ContentWrapper.vue.mjs";
+import { defineComponent, ref, onUnmounted, openBlock, createElementBlock, createElementVNode, renderSlot, createCommentVNode, createBlock, createVNode } from "vue";
 import HeaderNav from "./components/HeaderNav.vue.mjs";
 import HeaderContent from "./components/HeaderContent.vue.mjs";
 const _hoisted_1 = { class: "header" };
-const _hoisted_2 = ["src"];
-const _hoisted_3 = { class: "header-nav" };
-const _hoisted_4 = {
+const _hoisted_2 = { class: "header-content" };
+const _hoisted_3 = ["src"];
+const _hoisted_4 = { class: "header-nav" };
+const _hoisted_5 = {
   key: 0,
   class: "header-toolbar"
 };
@@ -128,40 +128,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: "header-wrap",
           onMousemove: onMousemoveHeader
         }, [
-          createVNode(ContentWrapper, { class: "header-content" }, {
-            default: withCtx(() => [
-              createElementVNode("div", {
-                class: "header-logo",
-                onClick: goHome
-              }, [
-                renderSlot(_ctx.$slots, "logo", {}, () => [
-                  props.logo ? (openBlock(), createElementBlock("img", {
-                    key: 0,
-                    class: "logo",
-                    alt: "logo",
-                    src: props.logo
-                  }, null, 8, _hoisted_2)) : createCommentVNode("", true)
-                ], true)
-              ]),
-              createElementVNode("div", _hoisted_3, [
-                renderSlot(_ctx.$slots, "nav", {}, () => [
-                  props.navData ? (openBlock(), createBlock(HeaderNav, {
-                    key: 0,
-                    "nav-data": props.navData,
-                    hoverId: hoverId.value,
-                    "active-index": props.activeIndex,
-                    onHandleMouseenter: handleMouseenter,
-                    onHandleMouseleave: handleMouseleave,
-                    onHandleClick: handleClick
-                  }, null, 8, ["nav-data", "hoverId", "active-index"])) : createCommentVNode("", true)
-                ], true)
-              ]),
-              _ctx.$slots.toolbar ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                renderSlot(_ctx.$slots, "toolbar", {}, void 0, true)
-              ])) : createCommentVNode("", true)
+          createElementVNode("div", _hoisted_2, [
+            createElementVNode("div", {
+              class: "header-logo",
+              onClick: goHome
+            }, [
+              renderSlot(_ctx.$slots, "logo", {}, () => [
+                props.logo ? (openBlock(), createElementBlock("img", {
+                  key: 0,
+                  class: "logo",
+                  alt: "logo",
+                  src: props.logo
+                }, null, 8, _hoisted_3)) : createCommentVNode("", true)
+              ], true)
             ]),
-            _: 3
-          })
+            createElementVNode("div", _hoisted_4, [
+              renderSlot(_ctx.$slots, "nav", {}, () => [
+                props.navData ? (openBlock(), createBlock(HeaderNav, {
+                  key: 0,
+                  "nav-data": props.navData,
+                  hoverId: hoverId.value,
+                  "active-index": props.activeIndex,
+                  onHandleMouseenter: handleMouseenter,
+                  onHandleMouseleave: handleMouseleave,
+                  onHandleClick: handleClick
+                }, null, 8, ["nav-data", "hoverId", "active-index"])) : createCommentVNode("", true)
+              ], true)
+            ]),
+            _ctx.$slots.toolbar ? (openBlock(), createElementBlock("div", _hoisted_5, [
+              renderSlot(_ctx.$slots, "toolbar", {}, void 0, true)
+            ])) : createCommentVNode("", true)
+          ])
         ], 32),
         createElementVNode("div", {
           ref_key: "contentRef",