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

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

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

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

@@ -113,14 +113,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return res;
     };
     return (_ctx, _cache) => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d;
       const _directive_analytics = resolveDirective("analytics");
       return openBlock(), createElementBlock("div", {
         onMouseenter: onMouseEnter,
         onMouseleave: onMouseLeave
       }, [
         withDirectives(createElementVNode("div", {
-          class: normalizeClass(["nav-content", [(_a = props.community) == null ? void 0 : _a.toLowerCase(), props.hoverIndex, unref(theme), `${props.hoverIndex}-${unref(locale)}`]])
+          class: normalizeClass(["nav-content", [
+            (_a = props.community) == null ? void 0 : _a.toLowerCase(),
+            props.hoverIndex,
+            unref(theme),
+            `${props.hoverIndex}-${unref(locale)}`,
+            { "is-horizontal": (_b = props.itemData) == null ? void 0 : _b.horizontal }
+          ]])
         }, [
           createElementVNode("div", {
             class: "nav-background-left",
@@ -138,7 +144,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "disabled-y": ""
             }, {
               default: withCtx(() => {
-                var _a2, _b2, _c2, _d, _e, _f, _g, _h;
+                var _a2, _b2, _c2, _d2, _e, _f, _g, _h;
                 return [
                   createElementVNode("div", _hoisted_2, [
                     createElementVNode("div", _hoisted_3, [
@@ -236,7 +242,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       }), 128))
                     ]),
                     ((_c2 = (_b2 = props.itemData) == null ? void 0 : _b2.shortcut) == null ? void 0 : _c2.length) ? (openBlock(), createElementBlock("div", _hoisted_10)) : createCommentVNode("", true),
-                    ((_e = (_d = props.itemData) == null ? void 0 : _d.shortcut) == null ? void 0 : _e.length) ? (openBlock(), createElementBlock("div", _hoisted_11, [
+                    ((_e = (_d2 = props.itemData) == null ? void 0 : _d2.shortcut) == null ? void 0 : _e.length) ? (openBlock(), createElementBlock("div", _hoisted_11, [
                       createElementVNode("span", _hoisted_12, toDisplayString(unref(t)("header.quickLink")), 1),
                       !((_f = props.itemData) == null ? void 0 : _f.withPicture) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList((_g = props.itemData) == null ? void 0 : _g.shortcut, (shortcut) => {
                         return openBlock(), createElementBlock("div", {
@@ -354,7 +360,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             })
           ])
         ], 2), [
-          [vShow, props.itemActive && (props.itemVisible || navVisible.value) && ((_c = (_b = props.itemData) == null ? void 0 : _b.children) == null ? void 0 : _c.length)]
+          [vShow, props.itemActive && (props.itemVisible || navVisible.value) && ((_d = (_c = props.itemData) == null ? void 0 : _c.children) == null ? void 0 : _d.length)]
         ])
       ], 32);
     };

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('../types.ts').NavItemT[];
+    navData: import('../../../index.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('./types').NavT> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').NavT> & Readonly<{
         "onHandle-click"?: ((val: any) => any) | undefined;
         "onNav-layout"?: ((val: any) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
@@ -19,7 +19,7 @@ declare const OHeader: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').NavT> & Readonly<{
+    }, Readonly<import('../../index').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('./types').NavT> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').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('./types').NavT> & Readonly<{
-        "onHandle-click"?: ((val: import('./types').NavItemT) => any) | undefined;
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').NavT> & Readonly<{
+        "onHandle-click"?: ((val: import('../../index').NavItemT) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
-        "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
+        "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
         "onGo-back"?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "handle-click": (val: import('./types').NavItemT) => any;
+        "handle-click": (val: import('../../index').NavItemT) => any;
         "go-home": () => any;
-        "lang-click": (val: import('./types').LangItemT) => any;
+        "lang-click": (val: import('../../index').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('./types').NavItemT[];
-                readonly codeData?: import('./types').CodeT | undefined;
-                readonly langData?: import('./types').LangT | undefined;
+                readonly navData: import('../../index').NavItemT[];
+                readonly codeData?: import('../../index').CodeT | undefined;
+                readonly langData?: import('../../index').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('./types').LangItemT) => any) | undefined;
+                readonly "onLang-click"?: ((val: import('../../index').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('./types').LangItemT) => void);
+            $emit: ((event: "handle-click", val: any) => void) & ((event: "on-click") => void) & ((event: "lang-click", val: import('../../index').LangItemT) => void);
             $el: HTMLDivElement;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('./types').NavMobileItemT> & Readonly<{
+            $options: import('vue').ComponentOptionsBase<Readonly<import('../../index').NavMobileItemT> & Readonly<{
                 "onHandle-click"?: ((val: any) => any) | undefined;
                 "onOn-click"?: (() => any) | undefined;
-                "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
+                "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 "handle-click": (val: any) => any;
                 "on-click": () => any;
-                "lang-click": (val: import('./types').LangItemT) => any;
+                "lang-click": (val: import('../../index').LangItemT) => any;
             }, string, {
-                navData: import('./types').NavItemT[];
+                navData: import('../../index').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('./types').NavItemT[];
+            navData: import('../../index').NavItemT[];
             menuShow: boolean;
-        }> & Omit<Readonly<import('./types').NavMobileItemT> & Readonly<{
+        }> & Omit<Readonly<import('../../index').NavMobileItemT> & Readonly<{
             "onHandle-click"?: ((val: any) => any) | undefined;
             "onOn-click"?: (() => any) | undefined;
-            "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
+            "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
         }>, "navData" | "menuShow"> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 tool?(_: {}): any;
@@ -137,24 +137,24 @@ declare const OHeaderMobile: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').NavT> & Readonly<{
-        "onHandle-click"?: ((val: import('./types').NavItemT) => any) | undefined;
+    }, Readonly<import('../../index').NavT> & Readonly<{
+        "onHandle-click"?: ((val: import('../../index').NavItemT) => any) | undefined;
         "onGo-home"?: (() => any) | undefined;
-        "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
+        "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
         "onGo-back"?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').NavT> & Readonly<{
-    "onHandle-click"?: ((val: import('./types').NavItemT) => any) | undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').NavT> & Readonly<{
+    "onHandle-click"?: ((val: import('../../index').NavItemT) => any) | undefined;
     "onGo-home"?: (() => any) | undefined;
-    "onLang-click"?: ((val: import('./types').LangItemT) => any) | undefined;
+    "onLang-click"?: ((val: import('../../index').LangItemT) => any) | undefined;
     "onGo-back"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "handle-click": (val: import('./types').NavItemT) => any;
+    "handle-click": (val: import('../../index').NavItemT) => any;
     "go-home": () => any;
-    "lang-click": (val: import('./types').LangItemT) => any;
+    "lang-click": (val: import('../../index').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/index.mjs

@@ -1,13 +1,13 @@
-import _OHeader from "./OHeader.vue.mjs";
-import _OHeaderMobile from "./OHeaderMobile.vue.mjs";
-const OHeader = Object.assign(_OHeader, {
+import OHeader$1 from "./OHeader.vue.mjs";
+import OHeaderMobile$1 from "./OHeaderMobile.vue.mjs";
+const OHeader = Object.assign(OHeader$1, {
   install(app) {
-    app.component("OHeader", _OHeader);
+    app.component("OHeader", OHeader$1);
   }
 });
-const OHeaderMobile = Object.assign(_OHeaderMobile, {
+const OHeaderMobile = Object.assign(OHeaderMobile$1, {
   install(app) {
-    app.component("OHeaderMobile", _OHeaderMobile);
+    app.component("OHeaderMobile", OHeaderMobile$1);
   }
 });
 export {

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

@@ -40,6 +40,7 @@ export interface NavItemT {
     tag?: string;
     tagExpire?: string;
     disabled?: boolean;
+    horizontal?: boolean;
 }
 export interface CodeItemT {
     label: string;

package/dist/treeshaking/components/header-language-switcher/OHeaderLanguageSwitcher.css

@@ -1,43 +1,43 @@
-.hover-icon-rotate .o-icon[data-v-2620f484] {
+.hover-icon-rotate .o-icon[data-v-423f1b29] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-2620f484] {
+.hover-icon-rotate:hover .o-icon[data-v-423f1b29] {
     transform: rotate(-180deg);
 }
 }
-.hide-lang[data-v-2620f484] {
+.hide-lang[data-v-423f1b29] {
   display: none;
 }
-.header-lang[data-v-2620f484] {
+.header-lang[data-v-423f1b29] {
   height: 100%;
   display: flex;
   align-items: center;
 }
-.header-lang .info-wrap[data-v-2620f484] {
+.header-lang .info-wrap[data-v-423f1b29] {
   height: 100%;
   display: flex;
   align-items: center;
   cursor: pointer;
 }
-.header-lang .info-wrap .icon[data-v-2620f484] {
+.header-lang .info-wrap .icon[data-v-423f1b29] {
   font-size: var(--o-icon_size_control-m);
   position: relative;
   color: var(--o-color-info2);
 }
 @media (hover: hover) {
-.header-lang .info-wrap .icon[data-v-2620f484]:hover {
+.header-lang .info-wrap .icon[data-v-423f1b29]:hover {
     color: var(--o-color-primary2);
     background-color: var(--o-color-control2-light);
     border-radius: var(--o-radius-xs);
 }
 }
 @media (max-width: 1200px) {
-.header-lang .info-wrap .icon[data-v-2620f484] {
+.header-lang .info-wrap .icon[data-v-423f1b29] {
     font-size: var(--o-icon_size_control-s);
 }
 }
-.header-lang .info-wrap .locale-tag[data-v-2620f484] {
+.header-lang .info-wrap .locale-tag[data-v-423f1b29] {
   position: absolute;
   font-size: 10px;
   height: 12px;
@@ -49,28 +49,28 @@
   left: 12px;
   top: 11px;
 }
-.header-lang .info-wrap .locale-tag.is-en[data-v-2620f484] {
+.header-lang .info-wrap .locale-tag.is-en[data-v-423f1b29] {
   width: 16px;
 }
-.header-lang.is-disabled .info-wrap[data-v-2620f484] {
+.header-lang.is-disabled .info-wrap[data-v-423f1b29] {
   color: var(--o-color-info4);
   cursor: not-allowed;
 }
-.header-lang.is-disabled .info-wrap[data-v-2620f484]:hover {
+.header-lang.is-disabled .info-wrap[data-v-423f1b29]:hover {
   color: var(--o-color-info4);
 }
-.header-lang.is-disabled .info-wrap .o-icon[data-v-2620f484] {
+.header-lang.is-disabled .info-wrap .o-icon[data-v-423f1b29] {
   color: inherit;
 }
 @media (hover: hover) {
-.header-lang.is-disabled .info-wrap .o-icon[data-v-2620f484]:hover {
+.header-lang.is-disabled .info-wrap .o-icon[data-v-423f1b29]:hover {
     background-color: transparent;
 }
 }
-.o-dropdown[data-v-2620f484] {
+.o-dropdown[data-v-423f1b29] {
   height: 100%;
 }
-.o-dropdown-item[data-v-2620f484] {
+.o-dropdown-item[data-v-423f1b29] {
   background: var(--o-color-control5-light);
   cursor: pointer;
   --dropdown-item-color: var(--o-color-info2);
@@ -80,45 +80,45 @@
   --dropdown-item-text-height: 22px;
 }
 @media (hover: hover) {
-.o-dropdown-item[data-v-2620f484]:hover {
+.o-dropdown-item[data-v-423f1b29]:hover {
     background: var(--o-color-control2-light);
 }
 }
-.o-dropdown-item[data-v-2620f484]:active {
+.o-dropdown-item[data-v-423f1b29]:active {
   color: var(--o-color-primary1);
   background: var(--o-color-control3-light);
   font-weight: 600;
 }
-.o-dropdown-item.is-active[data-v-2620f484] {
+.o-dropdown-item.is-active[data-v-423f1b29] {
   color: var(--o-color-primary1);
   background: var(--o-color-control3-light);
 }
-.mobile-change-language[data-v-2620f484] {
+.mobile-change-language[data-v-423f1b29] {
   display: flex;
   align-items: center;
 }
-.mobile-change-language .o-divider[data-v-2620f484] {
+.mobile-change-language .o-divider[data-v-423f1b29] {
   margin: 0 var(--o-gap-2);
   height: 8px;
   background-color: var(--o-color-control4);
 }
-.mobile-change-language span[data-v-2620f484] {
+.mobile-change-language span[data-v-423f1b29] {
   color: var(--o-color-info1);
   text-align: center;
   cursor: pointer;
   font-size: 14px;
   line-height: 22px;
 }
-.mobile-change-language span.active[data-v-2620f484] {
+.mobile-change-language span.active[data-v-423f1b29] {
   color: var(--o-color-primary1);
   font-weight: 500;
 }
-.mobile-change-language.is-disabled span[data-v-2620f484] {
+.mobile-change-language.is-disabled span[data-v-423f1b29] {
   color: var(--o-color-info4);
   cursor: not-allowed;
 }
 @media (hover: hover) {
-.mobile-change-language.is-disabled span[data-v-2620f484]:hover {
+.mobile-change-language.is-disabled span[data-v-423f1b29]:hover {
     color: var(--o-color-info4);
 }
 }

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

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

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

@@ -2,7 +2,7 @@ import _sfc_main from "./OHeaderLanguageSwitcher.vue2.mjs";
 import './OHeaderLanguageSwitcher.css';
 import './OHeaderLanguageSwitcher2.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OHeaderLanguageSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2620f484"]]);
+const OHeaderLanguageSwitcher = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-423f1b29"]]);
 export {
-  _OHeaderLanguageSwitcher as default
+  OHeaderLanguageSwitcher as 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;
-        options: import('./OHeaderLanguageSwitcher.vue').LanguageOptionT[];
         auto: boolean;
+        options: import('./OHeaderLanguageSwitcher.vue').LanguageOptionT[];
         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;
-        options: import('./OHeaderLanguageSwitcher.vue').LanguageOptionT[];
         auto: boolean;
+        options: import('./OHeaderLanguageSwitcher.vue').LanguageOptionT[];
         itemRadius: number;
     }>;
     __isFragment?: never;
@@ -111,8 +111,8 @@ declare const OHeaderLanguageSwitcher: {
 }, string, {
     type: "auto" | "mobile" | "common";
     disabled: boolean;
-    options: import('./OHeaderLanguageSwitcher.vue').LanguageOptionT[];
     auto: boolean;
+    options: import('./OHeaderLanguageSwitcher.vue').LanguageOptionT[];
     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;

package/dist/treeshaking/components/header-language-switcher/index.mjs

@@ -1,7 +1,7 @@
-import _OHeaderLanguageSwitcher from "./OHeaderLanguageSwitcher.vue.mjs";
-const OHeaderLanguageSwitcher = Object.assign(_OHeaderLanguageSwitcher, {
+import OHeaderLanguageSwitcher$1 from "./OHeaderLanguageSwitcher.vue.mjs";
+const OHeaderLanguageSwitcher = Object.assign(OHeaderLanguageSwitcher$1, {
   install(app) {
-    app.component("OHeaderLanguageSwitcher", _OHeaderLanguageSwitcher);
+    app.component("OHeaderLanguageSwitcher", OHeaderLanguageSwitcher$1);
   }
 });
 export {