@opendesign-plus-test/components 0.0.1-rc.155 → 0.0.1-rc.157

package/dist/treeshaking/components/footer/components/FooterList.css

@@ -1,132 +1,132 @@
-.hover-icon-rotate .o-icon[data-v-d5ecd44e] {
+.hover-icon-rotate .o-icon[data-v-69b84a8a] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-d5ecd44e] {
+.hover-icon-rotate:hover .o-icon[data-v-69b84a8a] {
     transform: rotate(-180deg);
 }
 }
-a[data-v-d5ecd44e] {
+a[data-v-69b84a8a] {
   color: rgba(var(--o-white), 0.6);
   text-decoration: none;
   white-space: nowrap;
 }
 @media (hover: hover) {
-a[data-v-d5ecd44e]:hover {
+a[data-v-69b84a8a]:hover {
     color: rgba(var(--o-white), 1);
 }
 }
-a[data-v-d5ecd44e]:active {
+a[data-v-69b84a8a]:active {
   color: rgba(var(--o-white), 1);
 }
-.content[data-v-d5ecd44e] {
+.content[data-v-69b84a8a] {
   padding: 16px 0 12px;
   border-top: 1px solid rgba(229, 229, 229, 0.12);
   border-bottom: 1px solid rgba(229, 229, 229, 0.12);
 }
-.info[data-v-d5ecd44e] {
+.info[data-v-69b84a8a] {
   text-align: center;
   padding: 24px 0 16px;
 }
-.info .info-text[data-v-d5ecd44e] {
+.info .info-text[data-v-69b84a8a] {
   color: var(--o-color-white);
   font-size: 20px;
   line-height: 28px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.info .info-text[data-v-d5ecd44e] {
+.info .info-text[data-v-69b84a8a] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.info .info-text[data-v-d5ecd44e] {
+.info .info-text[data-v-69b84a8a] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.info .info-text[data-v-d5ecd44e] {
+.info .info-text[data-v-69b84a8a] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 600px) {
-.info .info-text[data-v-d5ecd44e] {
+.info .info-text[data-v-69b84a8a] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.info .info-logo[data-v-d5ecd44e] {
+.info .info-logo[data-v-69b84a8a] {
   height: 32px;
   margin-top: 12px;
 }
-.quick-nav[data-v-d5ecd44e] {
+.quick-nav[data-v-69b84a8a] {
   display: flex;
   justify-content: center;
 }
-.quick-nav .quick-title[data-v-d5ecd44e] {
+.quick-nav .quick-title[data-v-69b84a8a] {
   color: var(--o-color-white);
   font-size: 20px;
   line-height: 28px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.quick-nav .quick-title[data-v-d5ecd44e] {
+.quick-nav .quick-title[data-v-69b84a8a] {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.quick-nav .quick-title[data-v-d5ecd44e] {
+.quick-nav .quick-title[data-v-69b84a8a] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.quick-nav .quick-title[data-v-d5ecd44e] {
+.quick-nav .quick-title[data-v-69b84a8a] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 600px) {
-.quick-nav .quick-title[data-v-d5ecd44e] {
+.quick-nav .quick-title[data-v-69b84a8a] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.quick-nav .nav-item[data-v-d5ecd44e] {
+.quick-nav .nav-item[data-v-69b84a8a] {
   margin-top: 8px;
   font-size: 14px;
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.quick-nav .nav-item[data-v-d5ecd44e] {
+.quick-nav .nav-item[data-v-69b84a8a] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.quick-nav .nav-item[data-v-d5ecd44e] {
+.quick-nav .nav-item[data-v-69b84a8a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.quick-nav .nav-item[data-v-d5ecd44e] {
+.quick-nav .nav-item[data-v-69b84a8a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.quick-nav .nav-item[data-v-d5ecd44e] {
+.quick-nav .nav-item[data-v-69b84a8a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.quick-nav .nav + .nav[data-v-d5ecd44e] {
+.quick-nav .nav + .nav[data-v-69b84a8a] {
   margin-left: 88px;
 }
-.friendship-link[data-v-d5ecd44e] {
+.friendship-link[data-v-69b84a8a] {
   margin-top: 32px;
   display: flex;
   justify-content: center;
@@ -134,121 +134,122 @@ a[data-v-d5ecd44e]:active {
   line-height: 18px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.friendship-link[data-v-d5ecd44e] {
+.friendship-link[data-v-69b84a8a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.friendship-link[data-v-d5ecd44e] {
+.friendship-link[data-v-69b84a8a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.friendship-link[data-v-d5ecd44e] {
+.friendship-link[data-v-69b84a8a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.friendship-link[data-v-d5ecd44e] {
+.friendship-link[data-v-69b84a8a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.friendship-link .friendship-link-title[data-v-d5ecd44e] {
+.friendship-link .friendship-link-title[data-v-69b84a8a] {
   color: var(--o-color-white);
   flex-shrink: 0;
 }
-.friendship-link .friendship-link-box[data-v-d5ecd44e] {
+.friendship-link .friendship-link-box[data-v-69b84a8a] {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   margin-left: 32px;
 }
-.friendship-link a[data-v-d5ecd44e] {
+.friendship-link a[data-v-69b84a8a] {
   margin-right: 24px;
 }
-.footer-bottom[data-v-d5ecd44e] {
+.footer-bottom[data-v-69b84a8a] {
   padding: 16px 0 32px;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-.footer-logo img[data-v-d5ecd44e] {
+.footer-logo img[data-v-69b84a8a] {
   height: 46px;
 }
-.footer-logo .email[data-v-d5ecd44e] {
+.footer-logo .email[data-v-69b84a8a] {
   color: var(--o-color-white);
   margin-top: 4px;
   font-size: 14px;
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.footer-logo .email[data-v-d5ecd44e] {
+.footer-logo .email[data-v-69b84a8a] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.footer-logo .email[data-v-d5ecd44e] {
+.footer-logo .email[data-v-69b84a8a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.footer-logo .email[data-v-d5ecd44e] {
+.footer-logo .email[data-v-69b84a8a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.footer-logo .email[data-v-d5ecd44e] {
+.footer-logo .email[data-v-69b84a8a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.footer-option-item[data-v-d5ecd44e] {
+.footer-option-item[data-v-69b84a8a] {
   display: flex;
   align-items: center;
   justify-content: center;
+  flex-wrap: wrap;
 }
-.footer-option-item a[data-v-d5ecd44e] {
+.footer-option-item a[data-v-69b84a8a] {
   color: rgba(var(--o-white), 0.8);
   font-size: 14px;
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.footer-option-item a[data-v-d5ecd44e] {
+.footer-option-item a[data-v-69b84a8a] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.footer-option-item a[data-v-d5ecd44e] {
+.footer-option-item a[data-v-69b84a8a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.footer-option-item a[data-v-d5ecd44e] {
+.footer-option-item a[data-v-69b84a8a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.footer-option-item a[data-v-d5ecd44e] {
+.footer-option-item a[data-v-69b84a8a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.footer-option-item .o-divider[data-v-d5ecd44e] {
+.footer-option-item .o-divider[data-v-69b84a8a] {
   height: 12px;
   --o-divider-label-gap: 0 8px;
   --o-divider-bd-color: rgba(var(--o-white), 0.6);
 }
-.license[data-v-d5ecd44e] {
+.license[data-v-69b84a8a] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -258,34 +259,34 @@ a[data-v-d5ecd44e]:active {
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.license[data-v-d5ecd44e] {
+.license[data-v-69b84a8a] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.license[data-v-d5ecd44e] {
+.license[data-v-69b84a8a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.license[data-v-d5ecd44e] {
+.license[data-v-69b84a8a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.license[data-v-d5ecd44e] {
+.license[data-v-69b84a8a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.license .license-text[data-v-d5ecd44e] {
+.license .license-text[data-v-69b84a8a] {
   color: rgba(var(--o-white), 0.6);
   margin-right: 4px;
 }
-.copyright[data-v-d5ecd44e] {
+.copyright[data-v-69b84a8a] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -296,167 +297,179 @@ a[data-v-d5ecd44e]:active {
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.copyright[data-v-d5ecd44e] {
+.copyright[data-v-69b84a8a] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.copyright[data-v-d5ecd44e] {
+.copyright[data-v-69b84a8a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.copyright[data-v-d5ecd44e] {
+.copyright[data-v-69b84a8a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.copyright[data-v-d5ecd44e] {
+.copyright[data-v-69b84a8a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.copyright .copyright-left[data-v-d5ecd44e] {
+.copyright .copyright-left[data-v-69b84a8a] {
   display: flex;
 }
-.copyright .filing[data-v-d5ecd44e] {
+.copyright .filing[data-v-69b84a8a] {
   display: flex;
   margin-left: 16px;
 }
-.copyright .filing-img[data-v-d5ecd44e] {
+.copyright .filing-img[data-v-69b84a8a] {
   height: 18px;
 }
-.copyright .beian-info[data-v-d5ecd44e] {
+.copyright .beian-info[data-v-69b84a8a] {
   margin-left: 4px;
 }
-.footer-right[data-v-d5ecd44e] {
+.footer-right[data-v-69b84a8a] {
   display: flex;
   flex-shrink: 0;
 }
-.footer-right .code-pop[data-v-d5ecd44e] {
+.footer-right .code-pop[data-v-69b84a8a] {
   display: flex;
   flex-direction: column;
   align-items: center;
 }
-.footer-right .code-pop img[data-v-d5ecd44e] {
+.footer-right .code-pop img[data-v-69b84a8a] {
   width: 64px;
 }
-.footer-right .code-pop .txt[data-v-d5ecd44e] {
+.footer-right .code-pop .txt[data-v-69b84a8a] {
   margin-top: 4px;
   color: var(--o-color-white);
   font-size: 14px;
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.footer-right .code-pop .txt[data-v-d5ecd44e] {
+.footer-right .code-pop .txt[data-v-69b84a8a] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.footer-right .code-pop .txt[data-v-d5ecd44e] {
+.footer-right .code-pop .txt[data-v-69b84a8a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.footer-right .code-pop .txt[data-v-d5ecd44e] {
+.footer-right .code-pop .txt[data-v-69b84a8a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.footer-right .code-pop .txt[data-v-d5ecd44e] {
+.footer-right .code-pop .txt[data-v-69b84a8a] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.footer-right .code-pop + .code-pop[data-v-d5ecd44e] {
+.footer-right .code-pop + .code-pop[data-v-69b84a8a] {
   margin-left: 16px;
 }
 @media (max-width: 1680px) {
-.info[data-v-d5ecd44e] {
+.info[data-v-69b84a8a] {
     padding: 16px 0 12px;
 }
-.info .info-logo[data-v-d5ecd44e] {
+.info .info-logo[data-v-69b84a8a] {
     margin-top: 8px;
 }
-.content[data-v-d5ecd44e] {
+.content[data-v-69b84a8a] {
     padding: 12px 0 8px;
 }
-.friendship-link[data-v-d5ecd44e] {
+.friendship-link[data-v-69b84a8a] {
     margin-top: 24px;
 }
-.footer-bottom[data-v-d5ecd44e] {
+.footer-bottom[data-v-69b84a8a] {
     padding: 16px 0 24px;
 }
-.footer-right .code-pop img[data-v-d5ecd44e] {
+.footer-right .code-pop img[data-v-69b84a8a] {
     width: 56px;
 }
 }
 @media (max-width: 1200px) {
-.info[data-v-d5ecd44e] {
+.info[data-v-69b84a8a] {
     padding: 12px 0 8px;
 }
-.content[data-v-d5ecd44e] {
+.content[data-v-69b84a8a] {
     padding: 8px 0;
 }
-.quick-nav .nav + .nav[data-v-d5ecd44e] {
+.quick-nav .nav + .nav[data-v-69b84a8a] {
     margin-left: auto;
 }
-.friendship-link[data-v-d5ecd44e] {
+.friendship-link[data-v-69b84a8a] {
     margin-top: 16px;
 }
-.footer-bottom[data-v-d5ecd44e] {
+.footer-bottom[data-v-69b84a8a] {
     padding: 12px 0 16px;
 }
 }
 @media (max-width: 840px) {
-.info[data-v-d5ecd44e] {
+.info[data-v-69b84a8a] {
     padding: 24px 0 16px;
 }
-.info .info-logo[data-v-d5ecd44e] {
+.info .info-logo[data-v-69b84a8a] {
     height: 30px;
     margin-top: 12px;
 }
-.content[data-v-d5ecd44e] {
+.content[data-v-69b84a8a] {
     padding: 16px 0;
 }
-.friendship-link[data-v-d5ecd44e] {
+.friendship-link[data-v-69b84a8a] {
     margin-top: 0;
 }
-.friendship-link .friendship-link-box[data-v-d5ecd44e] {
-    margin-right: 24px;
+.friendship-link .friendship-link-box[data-v-69b84a8a] {
+    margin-left: 24px;
 }
-.footer-bottom[data-v-d5ecd44e] {
+.footer-bottom[data-v-69b84a8a] {
     padding: 16px 0 24px;
     flex-direction: column;
 }
-.copyright[data-v-d5ecd44e] {
+.copyright[data-v-69b84a8a] {
     flex-direction: column;
 }
-.copyright .copyright-left[data-v-d5ecd44e] {
+.copyright .copyright-left[data-v-69b84a8a] {
     justify-content: center;
     flex-wrap: wrap;
 }
-.copyright .filing[data-v-d5ecd44e] {
+.copyright .filing[data-v-69b84a8a] {
     margin: 4px 0 0;
 }
-.footer-right[data-v-d5ecd44e] {
+.footer-right[data-v-69b84a8a] {
     margin-top: 24px;
 }
-.footer-right .code-pop img[data-v-d5ecd44e] {
+.footer-right .code-pop img[data-v-69b84a8a] {
     width: 78px;
 }
-.footer-right .code-pop + .code-pop[data-v-d5ecd44e] {
+.footer-right .code-pop + .code-pop[data-v-69b84a8a] {
     margin-left: 80px;
 }
 }
 @media (max-width: 600px) {
-.footer-right .code-pop + .code-pop[data-v-d5ecd44e] {
+.friendship-link[data-v-69b84a8a] {
+    flex-direction: column;
+}
+.friendship-link .friendship-link-title[data-v-69b84a8a] {
+    margin-bottom: 8px;
+}
+.friendship-link .friendship-link-box[data-v-69b84a8a] {
+    margin-left: 0;
+}
+.friendship-link a[data-v-69b84a8a] {
+    margin: 4px 24px 0 0;
+}
+.footer-right .code-pop + .code-pop[data-v-69b84a8a] {
     margin-left: 60px;
 }
 }

package/dist/treeshaking/components/footer/components/FooterList.vue.mjs

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

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

@@ -1,6 +1,6 @@
 import { App } from 'vue';
 declare const OFooter: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').FooterT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').FooterT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
         simple: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
@@ -9,13 +9,13 @@ declare const OFooter: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').FooterT> & Readonly<{}>, {}, {}, {}, {}, {
+    }, Readonly<import('../../index').FooterT> & Readonly<{}>, {}, {}, {}, {}, {
         simple: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').FooterT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+} & import('vue').ComponentOptionsBase<Readonly<import('../../index').FooterT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     simple: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {