@opendesign-plus-test/components 0.0.1-rc.214 → 0.0.1-rc.216

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

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

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

@@ -13,9 +13,9 @@ declare function __VLS_template(): {
         toolbar?(_: {}): any;
     };
     refs: {
-        contentRef: HTMLDivElement;
+        contentRef: HTMLElement;
     };
-    rootEl: HTMLDivElement;
+    rootEl: HTMLElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<NavT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -29,8 +29,8 @@ declare const __VLS_component: import('vue').DefineComponent<NavT, {}, {}, {}, {
 }>, {
     isFlatten: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    contentRef: HTMLDivElement;
-}, HTMLDivElement>;
+    contentRef: HTMLElement;
+}, HTMLElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

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

@@ -186,7 +186,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       cancelClose();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
+      return openBlock(), createElementBlock("header", _hoisted_1, [
         createElementVNode("div", {
           class: "header-wrap",
           onMousemove: onMousemoveHeader
@@ -239,11 +239,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ])
         ], 32),
-        !props.isFlatten ? (openBlock(), createElementBlock("div", {
+        !props.isFlatten ? (openBlock(), createElementBlock("nav", {
           key: 0,
           ref_key: "contentRef",
           ref: contentRef,
           class: "header-nav-content",
+          "aria-label": "Site",
           onMousemove: onMousemoveHeader
         }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(navsWithChildren.value, (nav) => {

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

@@ -20,8 +20,8 @@ declare function __VLS_template(): {
             $props: {
                 readonly menuShow: boolean;
                 readonly navData: NavItemT[];
-                readonly codeData?: import('../../index.ts').CodeT | undefined;
-                readonly langData?: import('../../index.ts').LangT | undefined;
+                readonly codeData?: import('./types.ts').CodeT | undefined;
+                readonly langData?: import('./types.ts').LangT | undefined;
                 readonly activeIndex: string | number;
                 readonly community?: string | undefined;
                 readonly "onHandle-click"?: ((val: any) => any) | undefined;
@@ -40,7 +40,7 @@ declare function __VLS_template(): {
             $host: Element | null;
             $emit: ((event: "handle-click", val: any) => void) & ((event: "on-click") => void) & ((event: "lang-click", val: LangItemT) => void);
             $el: HTMLDivElement;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('../../index.ts').NavMobileItemT> & Readonly<{
+            $options: import('vue').ComponentOptionsBase<Readonly<import('./types.ts').NavMobileItemT> & Readonly<{
                 "onHandle-click"?: ((val: any) => any) | undefined;
                 "onOn-click"?: (() => any) | undefined;
                 "onLang-click"?: ((val: LangItemT) => any) | undefined;
@@ -74,7 +74,7 @@ declare function __VLS_template(): {
         } & Readonly<{
             navData: NavItemT[];
             menuShow: boolean;
-        }> & Omit<Readonly<import('../../index.ts').NavMobileItemT> & Readonly<{
+        }> & Omit<Readonly<import('./types.ts').NavMobileItemT> & Readonly<{
             "onHandle-click"?: ((val: any) => any) | undefined;
             "onOn-click"?: (() => any) | undefined;
             "onLang-click"?: ((val: LangItemT) => any) | undefined;
@@ -104,8 +104,8 @@ declare const __VLS_component: import('vue').DefineComponent<NavT, {}, {}, {}, {
         $props: {
             readonly menuShow: boolean;
             readonly navData: NavItemT[];
-            readonly codeData?: import('../../index.ts').CodeT | undefined;
-            readonly langData?: import('../../index.ts').LangT | undefined;
+            readonly codeData?: import('./types.ts').CodeT | undefined;
+            readonly langData?: import('./types.ts').LangT | undefined;
             readonly activeIndex: string | number;
             readonly community?: string | undefined;
             readonly "onHandle-click"?: ((val: any) => any) | undefined;
@@ -124,7 +124,7 @@ declare const __VLS_component: import('vue').DefineComponent<NavT, {}, {}, {}, {
         $host: Element | null;
         $emit: ((event: "handle-click", val: any) => void) & ((event: "on-click") => void) & ((event: "lang-click", val: LangItemT) => void);
         $el: HTMLDivElement;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('../../index.ts').NavMobileItemT> & Readonly<{
+        $options: import('vue').ComponentOptionsBase<Readonly<import('./types.ts').NavMobileItemT> & Readonly<{
             "onHandle-click"?: ((val: any) => any) | undefined;
             "onOn-click"?: (() => any) | undefined;
             "onLang-click"?: ((val: LangItemT) => any) | undefined;
@@ -158,7 +158,7 @@ declare const __VLS_component: import('vue').DefineComponent<NavT, {}, {}, {}, {
     } & Readonly<{
         navData: NavItemT[];
         menuShow: boolean;
-    }> & Omit<Readonly<import('../../index.ts').NavMobileItemT> & Readonly<{
+    }> & Omit<Readonly<import('./types.ts').NavMobileItemT> & Readonly<{
         "onHandle-click"?: ((val: any) => any) | undefined;
         "onOn-click"?: (() => any) | undefined;
         "onLang-click"?: ((val: LangItemT) => any) | undefined;

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

@@ -22,7 +22,7 @@ declare const __VLS_component: import('vue').DefineComponent<NavMobileItemT, {},
     "onOn-click"?: (() => any) | undefined;
     "onLang-click"?: ((val: LangItemT) => any) | undefined;
 }>, {
-    navData: import('../../../index.ts').NavItemT[];
+    navData: import('../types.ts').NavItemT[];
     menuShow: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/treeshaking/components/header/index.d.ts

@@ -1,6 +1,6 @@
 import { App } from 'vue';
 declare const OHeader: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').NavT> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').NavT> & Readonly<{
         "onHandle-click"?: ((val: any) => any) | undefined;
         "onNav-layout"?: ((val: any) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
@@ -11,15 +11,15 @@ declare const OHeader: {
     }, import('vue').PublicProps, {
         isFlatten: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-        contentRef: HTMLDivElement;
-    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        contentRef: HTMLElement;
+    }, HTMLElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').NavT> & Readonly<{
+    }, Readonly<import('./types').NavT> & Readonly<{
         "onHandle-click"?: ((val: any) => any) | undefined;
         "onNav-layout"?: ((val: any) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
@@ -29,7 +29,7 @@ declare const OHeader: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('../../index').NavT> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').NavT> & Readonly<{
     "onHandle-click"?: ((val: any) => any) | undefined;
     "onNav-layout"?: ((val: any) => any) | undefined;
     "onGo-home"?: (() => any) | undefined;
@@ -50,15 +50,15 @@ declare const OHeader: {
     install(app: App): void;
 };
 declare const OHeaderMobile: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').NavT> & Readonly<{
-        "onHandle-click"?: ((val: import('../../index').NavItemT) => any) | undefined;
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').NavT> & Readonly<{
+        "onHandle-click"?: ((val: import('./types').NavItemT) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
-        "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
+        "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
         "onGo-back"?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "handle-click": (val: import('../../index').NavItemT) => any;
+        "handle-click": (val: import('./types').NavItemT) => any;
         "go-home": () => any;
-        "lang-click": (val: import('../../index').LangItemT) => any;
+        "lang-click": (val: import('./types').LangItemT) => any;
         "go-back": () => any;
     }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         mobileNav: ({
@@ -66,14 +66,14 @@ declare const OHeaderMobile: {
             $data: {};
             $props: {
                 readonly menuShow: boolean;
-                readonly navData: import('../../index').NavItemT[];
-                readonly codeData?: import('../../index').CodeT | undefined;
-                readonly langData?: import('../../index').LangT | undefined;
+                readonly navData: import('./types').NavItemT[];
+                readonly codeData?: import('./types').CodeT | undefined;
+                readonly langData?: import('./types').LangT | undefined;
                 readonly activeIndex: string | number;
                 readonly community?: string | undefined;
                 readonly "onHandle-click"?: ((val: any) => any) | undefined;
                 readonly "onOn-click"?: (() => any) | undefined;
-                readonly "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
+                readonly "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: import('vue').Attrs;
             $refs: {
@@ -85,18 +85,18 @@ declare const OHeaderMobile: {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "handle-click", val: any) => void) & ((event: "on-click") => void) & ((event: "lang-click", val: import('../../index').LangItemT) => void);
+            $emit: ((event: "handle-click", val: any) => void) & ((event: "on-click") => void) & ((event: "lang-click", val: import('./types').LangItemT) => void);
             $el: HTMLDivElement;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('../../index').NavMobileItemT> & Readonly<{
+            $options: import('vue').ComponentOptionsBase<Readonly<import('./types').NavMobileItemT> & Readonly<{
                 "onHandle-click"?: ((val: any) => any) | undefined;
                 "onOn-click"?: (() => any) | undefined;
-                "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
+                "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 "handle-click": (val: any) => any;
                 "on-click": () => any;
-                "lang-click": (val: import('../../index').LangItemT) => any;
+                "lang-click": (val: import('./types').LangItemT) => any;
             }, string, {
-                navData: import('../../index').NavItemT[];
+                navData: import('./types').NavItemT[];
                 menuShow: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -119,12 +119,12 @@ declare const OHeaderMobile: {
             $nextTick: typeof import('vue').nextTick;
             $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('../../index').NavItemT[];
+            navData: import('./types').NavItemT[];
             menuShow: boolean;
-        }> & Omit<Readonly<import('../../index').NavMobileItemT> & Readonly<{
+        }> & Omit<Readonly<import('./types').NavMobileItemT> & Readonly<{
             "onHandle-click"?: ((val: any) => any) | undefined;
             "onOn-click"?: (() => any) | undefined;
-            "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
+            "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
         }>, "navData" | "menuShow"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 tool?(_: {}): any;
@@ -137,24 +137,24 @@ declare const OHeaderMobile: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').NavT> & Readonly<{
-        "onHandle-click"?: ((val: import('../../index').NavItemT) => any) | undefined;
+    }, Readonly<import('./types').NavT> & Readonly<{
+        "onHandle-click"?: ((val: import('./types').NavItemT) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
-        "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
+        "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
         "onGo-back"?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('../../index').NavT> & Readonly<{
-    "onHandle-click"?: ((val: import('../../index').NavItemT) => any) | undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').NavT> & Readonly<{
+    "onHandle-click"?: ((val: import('./types').NavItemT) => any) | undefined;
     "onGo-home"?: (() => any) | undefined;
-    "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
+    "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
     "onGo-back"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "handle-click": (val: import('../../index').NavItemT) => any;
+    "handle-click": (val: import('./types').NavItemT) => any;
     "go-home": () => any;
-    "lang-click": (val: import('../../index').LangItemT) => any;
+    "lang-click": (val: import('./types').LangItemT) => any;
     "go-back": () => any;
 }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {

package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.vue.d.ts

@@ -60,8 +60,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     type: "auto" | "mobile" | "common";
     disabled: boolean;
-    auto: boolean;
     options: LanguageOptionT[];
+    auto: boolean;
     itemRadius: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/treeshaking/components/header-language-switcher/index.d.ts

@@ -32,8 +32,8 @@ declare const OHeaderLanguageSwitcher: {
     }, import('vue').PublicProps, {
         type: "auto" | "mobile" | "common";
         disabled: boolean;
-        auto: boolean;
         options: import('./OHeaderLanguageSwitcher.vue').LanguageOptionT[];
+        auto: boolean;
         itemRadius: number;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -72,8 +72,8 @@ declare const OHeaderLanguageSwitcher: {
     }>, {}, {}, {}, {}, {
         type: "auto" | "mobile" | "common";
         disabled: boolean;
-        auto: boolean;
         options: import('./OHeaderLanguageSwitcher.vue').LanguageOptionT[];
+        auto: boolean;
         itemRadius: number;
     }>;
     __isFragment?: never;
@@ -111,8 +111,8 @@ declare const OHeaderLanguageSwitcher: {
 }, string, {
     type: "auto" | "mobile" | "common";
     disabled: boolean;
-    auto: boolean;
     options: import('./OHeaderLanguageSwitcher.vue').LanguageOptionT[];
+    auto: boolean;
     itemRadius: number;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: App): void;