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

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

@@ -9,7 +9,6 @@ const _hoisted_1 = {
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
-      opacity: "0.8",
       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-header-search.mjs

@@ -2,21 +2,15 @@ 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"
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24"
 };
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
-      opacity: "0.8",
       fill: "currentColor",
-      d: "M13.215 0.524c-7.048 0-12.762 5.714-12.762 12.762s5.714 12.762 12.762 12.762c7.048 0 12.762-5.714 12.762-12.762s-5.714-12.762-12.762-12.762zM13.215 2.809c5.786 0 10.476 4.69 10.476 10.476s-4.69 10.476-10.476 10.476c-5.786 0-10.476-4.69-10.476-10.476s4.69-10.476 10.476-10.476z"
-    }, null, -1),
-    createElementVNode("path", {
-      opacity: "0.8",
-      fill: "currentColor",
-      d: "M23.33 23.22c0.446-0.447 1.169-0.448 1.616-0.002l4.771 4.759c0.447 0.446 0.448 1.169 0.002 1.616s-1.169 0.448-1.616 0.002l-4.771-4.759c-0.447-0.446-0.448-1.169-0.002-1.616z"
+      d: "M10.819 3.459c-4.099 0-7.423 3.323-7.423 7.423s3.323 7.423 7.423 7.423c4.099 0 7.423-3.323 7.423-7.423s-3.323-7.423-7.423-7.423zM10.82 4.853c3.326 0 6.023 2.696 6.023 6.023s-2.696 6.023-6.023 6.023c-3.326 0-6.023-2.696-6.023-6.023s2.696-6.023 6.023-6.023zM17.549 16.53c-0.274-0.197-0.657-0.171-0.903 0.075-0.273 0.274-0.273 0.717 0.001 0.99l2.76 2.754 0.087 0.074c0.274 0.197 0.657 0.171 0.903-0.075 0.273-0.274 0.273-0.717-0.001-0.99l-2.76-2.754-0.087-0.074z"
     }, null, -1)
   ])]);
 }

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

@@ -9,7 +9,6 @@ const _hoisted_1 = {
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
-      opacity: "0.8",
       fill: "currentColor",
       d: "M12 2.3c5.357 0 9.7 4.343 9.7 9.7s-4.343 9.7-9.7 9.7c-4.651 0-8.622-3.298-9.515-7.806-0.101-0.509 0.369-0.948 0.87-0.812 0.531 0.144 1.082 0.218 1.645 0.218 3.479 0 6.3-2.82 6.3-6.3 0-1.276-0.379-2.494-1.079-3.527-0.291-0.43-0.029-1.016 0.486-1.086 0.425-0.057 0.857-0.086 1.293-0.086zM12 3.7l-0.042 0.001 0.058 0.121c0.402 0.887 0.634 1.85 0.677 2.845l0.007 0.333c0 4.253-3.447 7.7-7.7 7.7-0.229 0-0.457-0.010-0.682-0.030l-0.186-0.021 0.076 0.218c1.147 3.123 4.102 5.321 7.528 5.429l0.264 0.004c4.584 0 8.3-3.716 8.3-8.3s-3.716-8.3-8.3-8.3z"
     }, null, -1)

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

@@ -9,7 +9,6 @@ const _hoisted_1 = {
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
-      opacity: "0.8",
       fill: "currentColor",
       d: "M12 1.992c0.387 0 0.7 0.313 0.7 0.7v1.2c0 0.387-0.313 0.7-0.7 0.7s-0.7-0.313-0.7-0.7v-1.2c0-0.387 0.313-0.7 0.7-0.7zM6.769 6.747c-0.273 0.273-0.717 0.273-0.99 0l-0.849-0.849c-0.137-0.137-0.205-0.316-0.205-0.495s0.068-0.358 0.205-0.495c0.273-0.273 0.717-0.273 0.99 0l0.849 0.849c0.136 0.137 0.205 0.316 0.205 0.495s-0.068 0.358-0.205 0.495zM18.192 6.747c-0.273 0.273-0.717 0.273-0.99 0-0.137-0.137-0.205-0.316-0.205-0.495s0.068-0.358 0.205-0.495l0.849-0.849c0.273-0.273 0.717-0.273 0.99 0 0.137 0.137 0.205 0.316 0.205 0.495s-0.068 0.358-0.205 0.495l-0.849 0.849zM5.3 12c0-3.7 3-6.7 6.7-6.7s6.7 3 6.7 6.7-3 6.7-6.7 6.7c-3.7 0-6.7-3-6.7-6.7zM17.3 12c0-2.927-2.373-5.3-5.3-5.3s-5.3 2.373-5.3 5.3c0 2.927 2.373 5.3 5.3 5.3s5.3-2.373 5.3-5.3zM4.594 11.969c0 0.387-0.313 0.7-0.7 0.7h-1.2c-0.387 0-0.7-0.313-0.7-0.7s0.313-0.7 0.7-0.7h1.2c0.386 0 0.7 0.313 0.7 0.7zM21.977 11.999c0 0.387-0.314 0.7-0.7 0.7h-1.2c-0.387 0-0.7-0.313-0.7-0.7s0.313-0.7 0.7-0.7h1.2c0.387 0 0.7 0.313 0.7 0.7zM5.921 19.060c-0.273 0.273-0.717 0.273-0.99 0-0.137-0.137-0.205-0.316-0.205-0.495s0.068-0.358 0.205-0.495l0.849-0.849c0.273-0.273 0.717-0.273 0.99 0 0.137 0.137 0.205 0.316 0.205 0.495s-0.068 0.358-0.205 0.495l-0.849 0.849zM19.041 19.060c-0.273 0.273-0.717 0.273-0.99 0l-0.849-0.849c-0.137-0.137-0.205-0.316-0.205-0.495s0.068-0.358 0.205-0.495c0.273-0.273 0.717-0.273 0.99 0l0.849 0.849c0.137 0.137 0.205 0.316 0.205 0.495s-0.068 0.358-0.205 0.495zM11.971 19.376c0.387 0 0.7 0.313 0.7 0.7v1.2c0 0.387-0.313 0.7-0.7 0.7s-0.7-0.313-0.7-0.7v-1.2c0-0.387 0.313-0.7 0.7-0.7z"
     }, null, -1)

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

@@ -1,35 +1,35 @@
-.hover-icon-rotate .o-icon[data-v-c7c92dde] {
+.hover-icon-rotate .o-icon[data-v-ef497319] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-c7c92dde] {
+.hover-icon-rotate:hover .o-icon[data-v-ef497319] {
     transform: rotate(-180deg);
 }
 }
-.header[data-v-c7c92dde] {
+.header[data-v-ef497319] {
   --o-header-height: 72px;
   --o-header-content-max-width: 1488px;
   --o-header-content-padding: 0;
 }
 @media (max-width: 1680px) {
-.header[data-v-c7c92dde] {
+.header[data-v-ef497319] {
     --o-header-content-max-width: 100%;
     --o-header-content-padding: 64px;
 }
 }
 @media (max-width: 1440px) {
-.header[data-v-c7c92dde] {
+.header[data-v-ef497319] {
     --o-header-height: 64px;
     --o-header-content-padding: 40px;
 }
 }
 @media (max-width: 1200px) {
-.header[data-v-c7c92dde] {
+.header[data-v-ef497319] {
     --o-header-height: 56px;
     --o-header-content-padding: 32px;
 }
 }
-.header-wrap[data-v-c7c92dde] {
+.header-wrap[data-v-ef497319] {
   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-c7c92dde] {
+.header-content[data-v-ef497319] {
   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-c7c92dde] {
+.header-logo[data-v-ef497319] {
   height: 100%;
   display: flex;
   align-items: center;
@@ -56,21 +56,27 @@
   margin-right: 24px;
   flex-shrink: 0;
 }
-.logo[data-v-c7c92dde] {
+.logo[data-v-ef497319] {
   height: 32px;
 }
-.header-nav[data-v-c7c92dde] {
+.header-nav-top[data-v-ef497319] {
   flex: 1;
   height: 100%;
   min-width: 0;
   overflow: hidden;
   position: relative;
 }
-.header-toolbar[data-v-c7c92dde] {
+.header-nav-flatten[data-v-ef497319] {
+  flex: 1;
+  height: 100%;
+  min-width: 0;
+  position: relative;
+}
+.header-toolbar[data-v-ef497319] {
   height: 100%;
   position: relative;
 }
-.header-nav-content[data-v-c7c92dde] {
+.header-nav-content[data-v-ef497319] {
   position: fixed;
   top: var(--o-header-height);
   left: 0;
@@ -80,6 +86,6 @@
   box-shadow: var(--o-shadow-1);
   overflow: hidden;
 }
-[data-o-theme*=dark] .header-wrap[data-v-c7c92dde] {
+[data-o-theme*=dark] .header-wrap[data-v-ef497319] {
   border-bottom: 1px solid var(--o-color-control4);
 }

package/dist/treeshaking/components/header/OHeader.vue.d.ts

@@ -8,6 +8,7 @@ declare function __VLS_template(): {
     slots: {
         logo?(_: {}): any;
         nav?(_: {}): any;
+        nav?(_: {}): any;
         toolbar?(_: {}): any;
     };
     refs: {
@@ -22,7 +23,9 @@ declare const __VLS_component: import('vue').DefineComponent<NavT, {}, {}, {}, {
 }, string, import('vue').PublicProps, Readonly<NavT> & Readonly<{
     "onHandle-click"?: ((val: any) => any) | undefined;
     "onGo-home"?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+}>, {
+    isFlatten: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     contentRef: HTMLDivElement;
 }, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

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

@@ -1,12 +1,20 @@
 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";
+import HeaderFlatten from "./components/HeaderFlatten.vue.mjs";
 const _hoisted_1 = { class: "header" };
 const _hoisted_2 = { class: "header-content" };
 const _hoisted_3 = ["src"];
-const _hoisted_4 = { class: "header-nav" };
-const _hoisted_5 = {
+const _hoisted_4 = {
   key: 0,
+  class: "header-nav-top"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "header-nav-flatten"
+};
+const _hoisted_6 = {
+  key: 2,
   class: "header-toolbar"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -21,7 +29,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     codeData: {},
     langData: {},
     isSimpleHeader: { type: Boolean },
-    headerTitle: {}
+    headerTitle: {},
+    isFlatten: { type: Boolean, default: false }
   },
   emits: ["go-home", "handle-click"],
   setup(__props, { emit: __emit }) {
@@ -142,7 +151,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, null, 8, _hoisted_3)) : createCommentVNode("", true)
               ], true)
             ]),
-            createElementVNode("div", _hoisted_4, [
+            !props.isFlatten ? (openBlock(), createElementBlock("div", _hoisted_4, [
               renderSlot(_ctx.$slots, "nav", {}, () => [
                 props.navData ? (openBlock(), createBlock(HeaderNav, {
                   key: 0,
@@ -154,13 +163,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   onHandleClick: handleClick
                 }, null, 8, ["nav-data", "hoverId", "active-index"])) : createCommentVNode("", true)
               ], true)
-            ]),
-            _ctx.$slots.toolbar ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            ])) : createCommentVNode("", true),
+            props.isFlatten ? (openBlock(), createElementBlock("div", _hoisted_5, [
+              renderSlot(_ctx.$slots, "nav", {}, () => [
+                props.navData ? (openBlock(), createBlock(HeaderFlatten, {
+                  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)
+            ])) : createCommentVNode("", true),
+            _ctx.$slots.toolbar ? (openBlock(), createElementBlock("div", _hoisted_6, [
               renderSlot(_ctx.$slots, "toolbar", {}, void 0, true)
             ])) : createCommentVNode("", true)
           ])
         ], 32),
-        createElementVNode("div", {
+        !props.isFlatten ? (openBlock(), createElementBlock("div", {
+          key: 0,
           ref_key: "contentRef",
           ref: contentRef,
           class: "header-nav-content",
@@ -176,7 +199,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onHandleMouseenterSub: handleMouseenterSub,
             onHandleMouseleaveSub: handleMouseleaveSub
           }, null, 8, ["itemData", "item-visible", "bg-left", "bg-right", "community", "hover-index"])
-        ], 544)
+        ], 544)) : createCommentVNode("", true)
       ]);
     };
   }

package/dist/treeshaking/components/header/OHeaderMobile.vue.d.ts

@@ -19,8 +19,8 @@ declare function __VLS_template(): {
             $props: {
                 readonly menuShow: boolean;
                 readonly navData: import('./types.ts').NavItemT[];
-                readonly codeData?: import('./types.ts').CodeT[] | undefined;
-                readonly langData?: import('./types.ts').LangT[] | undefined;
+                readonly codeData?: import('./types.ts').CodeT | undefined;
+                readonly langData?: import('./types.ts').LangT | undefined;
                 readonly "onHandle-click"?: ((val: any) => any) | undefined;
                 readonly "onOn-click"?: (() => any) | undefined;
                 readonly "onLang-click"?: ((val: LangItemT) => any) | undefined;
@@ -47,8 +47,6 @@ declare function __VLS_template(): {
                 "lang-click": (val: LangItemT) => any;
             }, string, {
                 navData: import('./types.ts').NavItemT[];
-                codeData: import('./types.ts').CodeT[];
-                langData: import('./types.ts').LangT[];
                 menuShow: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -72,14 +70,12 @@ declare function __VLS_template(): {
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
             navData: import('./types.ts').NavItemT[];
-            codeData: import('./types.ts').CodeT[];
-            langData: import('./types.ts').LangT[];
             menuShow: boolean;
         }> & Omit<Readonly<import('./types.ts').NavMobileItemT> & Readonly<{
             "onHandle-click"?: ((val: any) => any) | undefined;
             "onOn-click"?: (() => any) | undefined;
             "onLang-click"?: ((val: LangItemT) => any) | undefined;
-        }>, "navData" | "codeData" | "langData" | "menuShow"> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "navData" | "menuShow"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 tool?(_: {}): any;
             };
@@ -103,8 +99,8 @@ declare const __VLS_component: import('vue').DefineComponent<NavT, {}, {}, {}, {
         $props: {
             readonly menuShow: boolean;
             readonly navData: import('./types.ts').NavItemT[];
-            readonly codeData?: import('./types.ts').CodeT[] | undefined;
-            readonly langData?: import('./types.ts').LangT[] | undefined;
+            readonly codeData?: import('./types.ts').CodeT | undefined;
+            readonly langData?: import('./types.ts').LangT | undefined;
             readonly "onHandle-click"?: ((val: any) => any) | undefined;
             readonly "onOn-click"?: (() => any) | undefined;
             readonly "onLang-click"?: ((val: LangItemT) => any) | undefined;
@@ -131,8 +127,6 @@ declare const __VLS_component: import('vue').DefineComponent<NavT, {}, {}, {}, {
             "lang-click": (val: LangItemT) => any;
         }, string, {
             navData: import('./types.ts').NavItemT[];
-            codeData: import('./types.ts').CodeT[];
-            langData: import('./types.ts').LangT[];
             menuShow: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -156,14 +150,12 @@ declare const __VLS_component: import('vue').DefineComponent<NavT, {}, {}, {}, {
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
         navData: import('./types.ts').NavItemT[];
-        codeData: import('./types.ts').CodeT[];
-        langData: import('./types.ts').LangT[];
         menuShow: boolean;
     }> & Omit<Readonly<import('./types.ts').NavMobileItemT> & Readonly<{
         "onHandle-click"?: ((val: any) => any) | undefined;
         "onOn-click"?: (() => any) | undefined;
         "onLang-click"?: ((val: LangItemT) => any) | undefined;
-    }>, "navData" | "codeData" | "langData" | "menuShow"> & {} & import('vue').ComponentCustomProperties & {} & {
+    }>, "navData" | "menuShow"> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             tool?(_: {}): any;
         };

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

@@ -35,7 +35,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     codeData: {},
     langData: {},
     isSimpleHeader: { type: Boolean },
-    headerTitle: {}
+    headerTitle: {},
+    isFlatten: { type: Boolean }
   },
   emits: ["go-back", "lang-click", "go-home"],
   setup(__props, { emit: __emit }) {