@opendesign-plus-test/components 0.0.1-rc.134 → 0.0.1-rc.136

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

@@ -0,0 +1,123 @@
+.hover-icon-rotate .o-icon[data-v-962bf858] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-962bf858] {
+    transform: rotate(-180deg);
+}
+}
+a[data-v-962bf858] {
+  color: var(--o-color-info2);
+  text-decoration: none;
+  white-space: nowrap;
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+a[data-v-962bf858] {
+    font-size: 14px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+a[data-v-962bf858] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+a[data-v-962bf858] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+a[data-v-962bf858] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (hover: hover) {
+a[data-v-962bf858]:hover {
+    color: var(--o-color-info1);
+}
+}
+a[data-v-962bf858]:active {
+  color: var(--o-color-info1);
+}
+.footer-content[data-v-962bf858] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.footer-left[data-v-962bf858] {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  color: var(--o-color-info3);
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.footer-left[data-v-962bf858] {
+    font-size: 14px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.footer-left[data-v-962bf858] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.footer-left[data-v-962bf858] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.footer-left[data-v-962bf858] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.footer-left .copyright-left[data-v-962bf858],
+.footer-left .filing[data-v-962bf858] {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+}
+.footer-left .filing-img[data-v-962bf858] {
+  height: 18px;
+}
+.footer-left .beian-info[data-v-962bf858] {
+  margin-left: 4px;
+  color: var(--o-color-info3);
+}
+.footer-left-wrapped .copyright-left[data-v-962bf858] {
+  margin-right: 32px;
+}
+.footer-right[data-v-962bf858] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: 32px;
+}
+.footer-right .o-divider[data-v-962bf858] {
+  height: 12px;
+  --o-divider-label-gap: 0 8px;
+  --o-divider-bd-color: var(--o-color-control1);
+}
+@media (max-width: 840px) {
+.footer-content[data-v-962bf858] {
+    flex-direction: column-reverse;
+}
+.footer-content .footer-left[data-v-962bf858] {
+    margin-top: 8px;
+    justify-content: center;
+}
+.footer-content .footer-left-wrapped .copyright-left[data-v-962bf858] {
+    margin: 0 16px;
+}
+}

package/dist/treeshaking/components/footer/components/FooterSimple.vue.d.ts

@@ -0,0 +1,23 @@
+import { FooterT } from '../types.ts';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        left?(_: {}): any;
+        right?(_: {}): any;
+    };
+    refs: {
+        footerLeftRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<FooterT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FooterT> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    footerLeftRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

package/dist/treeshaking/components/footer/components/FooterSimple.vue2.mjs

@@ -0,0 +1,109 @@
+import { defineComponent, ref, onMounted, onBeforeUnmount, openBlock, createElementBlock, renderSlot, normalizeClass, createElementVNode, toDisplayString, unref, createBlock, createCommentVNode, Fragment, renderList } from "vue";
+import { ODivider } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+const _hoisted_1 = { class: "footer-content" };
+const _hoisted_2 = { class: "copyright-left" };
+const _hoisted_3 = { class: "copyright-text" };
+const _hoisted_4 = ["href"];
+const _hoisted_5 = { class: "filing" };
+const _hoisted_6 = ["src"];
+const _hoisted_7 = { class: "beian-info" };
+const _hoisted_8 = {
+  key: 0,
+  class: "footer-right"
+};
+const _hoisted_9 = ["href", "target"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FooterSimple",
+  props: {
+    simple: { type: Boolean },
+    info: {},
+    quickNav: {},
+    friendshipLink: {},
+    footerLogo: {},
+    footerOption: {},
+    qrcode: {},
+    footerBgImg: {}
+  },
+  setup(__props) {
+    const { isPhone } = useScreen();
+    const footerLeftRef = ref();
+    const isWrapped = ref(false);
+    let observer = null;
+    const checkWrap = () => {
+      const el = footerLeftRef.value;
+      if (!el || el.children.length < 2) return;
+      isWrapped.value = el.children[0].getBoundingClientRect().top !== el.children[el.children.length - 1].getBoundingClientRect().top;
+    };
+    onMounted(() => {
+      if (footerLeftRef.value) {
+        checkWrap();
+        observer = new ResizeObserver(checkWrap);
+        observer.observe(footerLeftRef.value);
+      }
+    });
+    onBeforeUnmount(() => {
+      observer == null ? void 0 : observer.disconnect();
+    });
+    const linkTarget = (url, target) => {
+      if (target) {
+        return target;
+      } else {
+        return (url == null ? void 0 : url.startsWith("http")) ? "_blank" : void 0;
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.$slots.left || __props.footerOption ? renderSlot(_ctx.$slots, "left", { key: 0 }, () => [
+          __props.footerOption ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            ref_key: "footerLeftRef",
+            ref: footerLeftRef,
+            class: normalizeClass(["footer-left", { "footer-left-wrapped": isWrapped.value }])
+          }, [
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("p", _hoisted_3, toDisplayString(__props.footerOption.copyright), 1),
+              createElementVNode("a", {
+                href: __props.footerOption.beianLink,
+                target: "_blank",
+                class: "beian-info"
+              }, toDisplayString(__props.footerOption.beianInfo1), 9, _hoisted_4)
+            ]),
+            !unref(isPhone) && !isWrapped.value ? (openBlock(), createBlock(unref(ODivider), {
+              key: 0,
+              direction: "v"
+            })) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_5, [
+              createElementVNode("img", {
+                src: __props.footerOption.policeIcon,
+                class: "filing-img"
+              }, null, 8, _hoisted_6),
+              createElementVNode("p", _hoisted_7, toDisplayString(__props.footerOption.beianInfo2), 1)
+            ])
+          ], 2)) : createCommentVNode("", true)
+        ], true) : createCommentVNode("", true),
+        _ctx.$slots.right || __props.footerOption ? renderSlot(_ctx.$slots, "right", { key: 1 }, () => [
+          __props.footerOption ? (openBlock(), createElementBlock("div", _hoisted_8, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.footerOption.children, (link, index) => {
+              return openBlock(), createElementBlock(Fragment, {
+                key: link.href
+              }, [
+                createElementVNode("a", {
+                  href: link.href,
+                  target: linkTarget(link.href, link == null ? void 0 : link.target)
+                }, toDisplayString(link.title), 9, _hoisted_9),
+                index !== __props.footerOption.children.length - 1 ? (openBlock(), createBlock(unref(ODivider), {
+                  key: 0,
+                  direction: "v"
+                })) : createCommentVNode("", true)
+              ], 64);
+            }), 128))
+          ])) : createCommentVNode("", true)
+        ], true) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -1,25 +1,7 @@
 import { App } from 'vue';
 declare const OFooter: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        simple: any;
-        atom: any;
-        lang: any;
-        quickNav: any;
-        friendshipLink: any;
-        footerLogo: any;
-        footerOption: any;
-        qrcode: any;
-        footerBg: any;
-    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        simple: any;
-        atom: any;
-        lang: any;
-        quickNav: any;
-        friendshipLink: any;
-        footerLogo: any;
-        footerOption: any;
-        qrcode: any;
-        footerBg: any;
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').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: {};
         B: {};
@@ -27,63 +9,25 @@ declare const OFooter: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<{
-        simple: any;
-        atom: any;
-        lang: any;
-        quickNav: any;
-        friendshipLink: any;
-        footerLogo: any;
-        footerOption: any;
-        qrcode: any;
-        footerBg: any;
-    }> & Readonly<{}>, {}, {}, {}, {}, {
-        simple: any;
-        atom: any;
-        lang: any;
-        quickNav: any;
-        friendshipLink: any;
-        footerLogo: any;
-        footerOption: any;
-        qrcode: any;
-        footerBg: any;
+    }, Readonly<import('./types').FooterT> & Readonly<{}>, {}, {}, {}, {}, {
+        simple: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<{
-    simple: any;
-    atom: any;
-    lang: any;
-    quickNav: any;
-    friendshipLink: any;
-    footerLogo: any;
-    footerOption: any;
-    qrcode: any;
-    footerBg: any;
-}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    simple: any;
-    atom: any;
-    lang: any;
-    quickNav: any;
-    friendshipLink: any;
-    footerLogo: any;
-    footerOption: any;
-    qrcode: any;
-    footerBg: any;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').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: {
-        atom?(_: {}): any;
+        info?(_: {}): any;
         quickNav?(_: {}): any;
         friendshipLink?(_: {}): any;
         footer?(_: {}): any;
         left?(_: {}): any;
-        left?(_: {}): any;
-        right?(_: {}): any;
         right?(_: {}): any;
-        copyright?(_: {}): any;
     };
 }) & {
     install(app: App): void;
 };
+export * from './types';
 export { OFooter };

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

@@ -0,0 +1,48 @@
+export interface InfoT {
+    title: string;
+    logo: string;
+    href: string;
+    target?: string;
+}
+export interface ChildrenT {
+    title: string;
+    href: string;
+    target?: string;
+}
+export interface QuickNavT {
+    title: string;
+    children: ChildrenT[];
+}
+export interface FriendshipLinkT {
+    title: string;
+    children: ChildrenT[];
+}
+export interface FooterLogoT {
+    logo: string;
+    logoMb: string;
+    email: string;
+}
+export interface FooterOptionT {
+    children: ChildrenT[];
+    licenseText: string;
+    licenseInfo: string;
+    copyright: string;
+    beianInfo1: string;
+    beianInfo2: string;
+    beianLink: string;
+    policeIcon: string;
+}
+export interface QrcodeT {
+    img: string;
+    label: string;
+}
+export interface FooterT {
+    simple?: boolean;
+    info?: InfoT;
+    quickNav?: QuickNavT[];
+    friendshipLink?: FriendshipLinkT;
+    footerLogo?: FooterLogoT;
+    footerOption?: FooterOptionT;
+    qrcode?: QrcodeT[];
+    footerBgImg?: string;
+}