@opendesign-plus/components 0.0.1-rc.45 → 0.0.1-rc.47

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

@@ -1,47 +1,47 @@
-.hover-icon-rotate .o-icon[data-v-71b96243] {
+.hover-icon-rotate .o-icon[data-v-11427217] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-71b96243] {
+.hover-icon-rotate:hover .o-icon[data-v-11427217] {
     transform: rotate(-180deg);
 }
 }
-.header-nav-wrap[data-v-71b96243] {
+.header-nav-wrap[data-v-11427217] {
   height: 100%;
   --nav-right: 64px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.header-nav-wrap[data-v-71b96243] {
+.header-nav-wrap[data-v-11427217] {
     --nav-right: 48px;
 }
 }
 @media (max-width: 1200px) {
-.header-nav-wrap[data-v-71b96243] {
+.header-nav-wrap[data-v-11427217] {
     --nav-right: 32px;
 }
 }
-.header-nav-wrap .header-nav[data-v-71b96243] {
+.header-nav-wrap .header-nav[data-v-11427217] {
   height: 100%;
   display: flex;
   justify-content: space-between;
   width: calc(100% - var(--nav-right));
   align-items: center;
 }
-.header-nav-wrap .header-nav-scroll[data-v-71b96243] {
+.header-nav-wrap .header-nav-scroll[data-v-11427217] {
   width: calc(100% - var(--nav-right) - 24px);
 }
-.o-nav[data-v-71b96243] {
+.o-nav[data-v-11427217] {
   height: 100%;
   position: relative;
   overflow-y: hidden;
   overflow-x: auto;
   z-index: 8;
 }
-.o-nav[data-v-71b96243]::-webkit-scrollbar {
+.o-nav[data-v-11427217]::-webkit-scrollbar {
   display: none;
 }
-.left-icon[data-v-71b96243],
-.right-icon[data-v-71b96243] {
+.left-icon[data-v-11427217],
+.right-icon[data-v-11427217] {
   display: flex;
   align-items: center;
   cursor: pointer;
@@ -50,24 +50,24 @@
   height: 16px;
   border-radius: var(--o-radius-xs);
 }
-.left-icon .o-icon[data-v-71b96243],
-.right-icon .o-icon[data-v-71b96243] {
+.left-icon .o-icon[data-v-11427217],
+.right-icon .o-icon[data-v-11427217] {
   --icon-size: 16px;
   position: relative;
   z-index: 11;
 }
 @media (hover: hover) {
-.left-icon[data-v-71b96243]:hover,
-  .right-icon[data-v-71b96243]:hover {
+.left-icon[data-v-11427217]:hover,
+  .right-icon[data-v-11427217]:hover {
     background-color: var(--o-color-control2-light);
     color: var(--o-color-link2);
 }
 }
-.left-icon[data-v-71b96243]:active,
-.right-icon[data-v-71b96243]:active {
+.left-icon[data-v-11427217]:active,
+.right-icon[data-v-11427217]:active {
   color: var(--o-color-link3);
 }
-.left-icon[data-v-71b96243]::before {
+.left-icon[data-v-11427217]::before {
   content: "";
   position: absolute;
   width: 50px;
@@ -79,16 +79,16 @@
   cursor: default;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.left-icon[data-v-71b96243]::before {
+.left-icon[data-v-11427217]::before {
     top: -24px;
 }
 }
 @media (max-width: 1200px) {
-.left-icon[data-v-71b96243]::before {
+.left-icon[data-v-11427217]::before {
     top: -20px;
 }
 }
-.right-icon[data-v-71b96243]::before {
+.right-icon[data-v-11427217]::before {
   content: "";
   position: absolute;
   width: 50px;
@@ -100,25 +100,25 @@
   cursor: default;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.right-icon[data-v-71b96243]::before {
+.right-icon[data-v-11427217]::before {
     top: -24px;
 }
 }
 @media (max-width: 1200px) {
-.right-icon[data-v-71b96243]::before {
+.right-icon[data-v-11427217]::before {
     top: -20px;
 }
 }
-[data-o-theme*=dark] .left-icon[data-v-71b96243] {
+[data-o-theme*=dark] .left-icon[data-v-11427217]::before {
   background-image: linear-gradient(90deg, rgba(var(--o-grey-4), 1) 0%, rgba(var(--o-grey-4), 0) 100%);
 }
-[data-o-theme*=dark] .right-icon[data-v-71b96243] {
+[data-o-theme*=dark] .right-icon[data-v-11427217]::before {
   background-image: linear-gradient(90deg, rgba(var(--o-grey-4), 0) 0%, rgba(var(--o-grey-4), 1) 100%);
 }
-.o-nav-scroll[data-v-71b96243]::after {
+.o-nav-scroll[data-v-11427217]::after {
   display: none;
 }
-.o-nav-list[data-v-71b96243] {
+.o-nav-list[data-v-11427217] {
   display: flex;
   height: 100%;
   width: fit-content;
@@ -127,7 +127,7 @@
   padding: 0;
   margin: 0;
 }
-.o-nav-list li[data-v-71b96243] {
+.o-nav-list li[data-v-11427217] {
   position: relative;
   display: flex;
   align-items: center;
@@ -135,10 +135,10 @@
   color: var(--o-color-info1);
   transition: all var(--o-duration-s) var(--o-easing-standard);
 }
-.o-nav-list li .nav-text[data-v-71b96243] {
+.o-nav-list li .nav-text[data-v-11427217] {
   position: relative;
 }
-.o-nav-list li .nav-text[data-v-71b96243]::after {
+.o-nav-list li .nav-text[data-v-11427217]::after {
   content: "";
   position: absolute;
   left: 0;
@@ -151,32 +151,32 @@
   transition: all var(--o-duration-s) var(--o-easing-standard);
 }
 @media (max-width: 1440px) {
-.o-nav-list li .nav-text[data-v-71b96243]::after {
+.o-nav-list li .nav-text[data-v-11427217]::after {
     bottom: -21px;
 }
 }
 @media (max-width: 1200px) {
-.o-nav-list li .nav-text[data-v-71b96243]::after {
+.o-nav-list li .nav-text[data-v-11427217]::after {
     bottom: -17px;
 }
 }
-.o-nav-list li.is-selected .nav-text[data-v-71b96243] {
+.o-nav-list li.is-selected .nav-text[data-v-11427217] {
   color: var(--o-color-primary2);
 }
-.o-nav-list li.is-active .nav-text[data-v-71b96243] {
+.o-nav-list li.is-active .nav-text[data-v-11427217] {
   color: var(--o-color-primary1);
   z-index: 99;
   font-weight: 600;
 }
-.o-nav-list li.is-active .nav-text[data-v-71b96243]::after {
+.o-nav-list li.is-active .nav-text[data-v-11427217]::after {
   content: "";
   opacity: 1;
 }
-.o-nav-list li.is-disabled[data-v-71b96243] {
+.o-nav-list li.is-disabled[data-v-11427217] {
   color: var(--o-color-info4);
   pointer-events: none;
 }
-.o-nav-list .nav-item[data-v-71b96243] {
+.o-nav-list .nav-item[data-v-11427217] {
   cursor: default;
   display: flex;
   align-items: center;
@@ -185,60 +185,60 @@
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-nav-list .nav-item[data-v-71b96243] {
+.o-nav-list .nav-item[data-v-11427217] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-nav-list .nav-item[data-v-71b96243] {
+.o-nav-list .nav-item[data-v-11427217] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-nav-list .nav-item[data-v-71b96243] {
+.o-nav-list .nav-item[data-v-11427217] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.o-nav-list .nav-item[data-v-71b96243] {
+.o-nav-list .nav-item[data-v-11427217] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 1440px) {
-.o-nav-list .nav-item[data-v-71b96243] {
+.o-nav-list .nav-item[data-v-11427217] {
     padding: 18px 12px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-nav-list .nav-item[data-v-71b96243] {
+.o-nav-list .nav-item[data-v-11427217] {
     padding: 14px 8px;
 }
 }
 @media (min-width: 841px) and (max-width: 1000px) {
-.o-nav-list .nav-item.en[data-v-71b96243] {
+.o-nav-list .nav-item.en[data-v-11427217] {
     padding: var(--o-gap-2);
 }
 }
-.o-nav-list .item-other[data-v-71b96243] {
+.o-nav-list .item-other[data-v-11427217] {
   cursor: pointer;
 }
-.o-nav-list .item-other .content-tag[data-v-71b96243] {
+.o-nav-list .item-other .content-tag[data-v-11427217] {
   margin-left: var(--o-gap-2);
   --layout-pkg-radius: var(--o-radius-xs);
 }
-.o-nav-list .item-other:active .nav-text[data-v-71b96243] {
+.o-nav-list .item-other:active .nav-text[data-v-11427217] {
   color: var(--o-color-primary1);
   z-index: 99;
   font-weight: 600;
 }
-.o-nav-list .item-other:active .nav-text[data-v-71b96243]::after {
+.o-nav-list .item-other:active .nav-text[data-v-11427217]::after {
   content: "";
   opacity: 1;
 }
-.mindspore .item-other .content-tag[data-v-71b96243] {
+.mindspore .item-other .content-tag[data-v-11427217] {
   --layout-pkg-radius: 100vh;
 }

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

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

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;
@@ -19,7 +19,7 @@ declare const OHeader: {
         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,13 +50,13 @@ declare const OHeader: {
     install(app: App): void;
 };
 declare const OHeaderMobile: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').NavT> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').NavT> & Readonly<{
         "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, {} & {
         "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: ({
@@ -64,14 +64,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: {
@@ -83,18 +83,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)[];
@@ -117,12 +117,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;
@@ -135,21 +135,21 @@ declare const OHeaderMobile: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').NavT> & Readonly<{
+    }, Readonly<import('./types').NavT> & Readonly<{
         "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<{
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').NavT> & Readonly<{
     "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, {} & {
     "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: {