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

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

@@ -1,344 +1,88 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, Fragment, createBlock, withCtx, renderSlot, createElementVNode, toDisplayString, createCommentVNode, createVNode, unref, normalizeStyle, renderList, createTextVNode } from "vue";
-import { ODivider } from "@opensig/opendesign";
-import ContentWrapper from "../common/ContentWrapper.vue.mjs";
-const _hoisted_1 = {
-  key: 0,
-  class: "atom"
-};
-const _hoisted_2 = { class: "atom-text" };
-const _hoisted_3 = ["href"];
-const _hoisted_4 = ["src"];
-const _hoisted_5 = {
-  key: 0,
-  class: "quick-nav"
-};
-const _hoisted_6 = { class: "category-title" };
-const _hoisted_7 = { class: "navs" };
-const _hoisted_8 = ["href"];
-const _hoisted_9 = {
-  key: 0,
-  class: "friendship-link"
-};
-const _hoisted_10 = { class: "friendship-link-title" };
-const _hoisted_11 = { class: "friendship-link-box" };
-const _hoisted_12 = ["href"];
-const _hoisted_13 = {
-  key: 0,
-  class: "footer-logo"
-};
-const _hoisted_14 = ["src"];
-const _hoisted_15 = ["src"];
-const _hoisted_16 = ["href"];
-const _hoisted_17 = {
-  key: 1,
-  class: "footer-option"
-};
-const _hoisted_18 = { class: "footer-option-item" };
-const _hoisted_19 = ["href"];
-const _hoisted_20 = { class: "license" };
-const _hoisted_21 = { class: "copyright" };
-const _hoisted_22 = { class: "filing" };
-const _hoisted_23 = ["href"];
-const _hoisted_24 = ["src"];
-const _hoisted_25 = {
-  key: 2,
-  class: "footer-right"
-};
-const _hoisted_26 = {
-  key: 0,
-  class: "code-box"
-};
-const _hoisted_27 = ["src"];
-const _hoisted_28 = { class: "code-layer" };
-const _hoisted_29 = ["src"];
-const _hoisted_30 = { class: "txt" };
-const _hoisted_31 = { class: "app-footer-pc" };
-const _hoisted_32 = {
-  key: 0,
-  class: "footer-left"
-};
-const _hoisted_33 = ["href"];
-const _hoisted_34 = ["src"];
-const _hoisted_35 = {
-  key: 0,
-  class: "footer-right"
-};
-const _hoisted_36 = ["href"];
-const _hoisted_37 = { class: "app-footer-mb" };
-const _hoisted_38 = {
-  key: 0,
-  class: "links"
-};
-const _hoisted_39 = ["href"];
-const _hoisted_40 = { class: "copyright" };
-const _hoisted_41 = {
-  key: 0,
-  class: "approval"
-};
-const _hoisted_42 = ["href"];
-const _hoisted_43 = ["src"];
+import { defineComponent, useSlots, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, createSlots, unref, withCtx, renderSlot } from "vue";
+import FooterList from "./components/FooterList.vue.mjs";
+import FooterSimple from "./components/FooterSimple.vue.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OFooter",
   props: {
-    simple: { default: false },
-    atom: { default: void 0 },
-    lang: { default: void 0 },
-    quickNav: { default: void 0 },
-    friendshipLink: { default: void 0 },
-    footerLogo: { default: void 0 },
-    footerOption: { default: void 0 },
-    qrcode: { default: void 0 },
-    footerBg: { default: void 0 }
+    simple: { type: Boolean, default: false },
+    info: {},
+    quickNav: {},
+    friendshipLink: {},
+    footerLogo: {},
+    footerOption: {},
+    qrcode: {},
+    footerBgImg: {}
   },
   setup(__props) {
-    const props = __props;
+    const slots = useSlots();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass([props.simple ? "app-footer-simple" : "app-footer"])
+        class: normalizeClass(["app-footer", { "app-footer-simple": __props.simple }])
       }, [
-        !props.simple ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          _ctx.$slots.atom || props.atom ? (openBlock(), createBlock(ContentWrapper, { key: 0 }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "atom", {}, () => {
-                var _a, _b, _c;
-                return [
-                  props.atom ? (openBlock(), createElementBlock("div", _hoisted_1, [
-                    createElementVNode("p", _hoisted_2, toDisplayString((_a = props.atom[props.lang]) == null ? void 0 : _a.title), 1),
-                    createElementVNode("a", {
-                      href: (_b = props.atom[props.lang]) == null ? void 0 : _b.href,
-                      target: "_blank"
-                    }, [
-                      createElementVNode("img", {
-                        src: (_c = props.atom[props.lang]) == null ? void 0 : _c.img,
-                        class: "atom-logo",
-                        alt: ""
-                      }, null, 8, _hoisted_4)
-                    ], 8, _hoisted_3)
-                  ])) : createCommentVNode("", true),
-                  createVNode(unref(ODivider), { class: "atom-divider" })
-                ];
-              }, true)
-            ]),
-            _: 3
-          })) : createCommentVNode("", true),
-          createElementVNode("div", {
-            class: "footer-content",
-            style: normalizeStyle({ backgroundImage: `url(${props.footerBg})` })
-          }, [
-            createVNode(ContentWrapper, null, {
-              default: withCtx(() => [
-                _ctx.$slots.quickNav || props.quickNav ? renderSlot(_ctx.$slots, "quickNav", { key: 0 }, () => [
-                  props.quickNav ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(props.quickNav[props.lang], (category) => {
-                      return openBlock(), createElementBlock("div", {
-                        key: category.title,
-                        class: "category"
-                      }, [
-                        createElementVNode("div", _hoisted_6, toDisplayString(category.title), 1),
-                        createElementVNode("ul", _hoisted_7, [
-                          (openBlock(true), createElementBlock(Fragment, null, renderList(category.list, (nav) => {
-                            return openBlock(), createElementBlock("li", {
-                              key: nav.title,
-                              class: "nav"
-                            }, [
-                              createElementVNode("a", {
-                                href: nav.link,
-                                target: "_blank",
-                                rel: "noopener noreferrer"
-                              }, toDisplayString(nav.title), 9, _hoisted_8)
-                            ]);
-                          }), 128))
-                        ])
-                      ]);
-                    }), 128))
-                  ])) : createCommentVNode("", true)
-                ], true) : createCommentVNode("", true),
-                _ctx.$slots.friendshipLink || props.friendshipLink ? renderSlot(_ctx.$slots, "friendshipLink", { key: 1 }, () => [
-                  props.friendshipLink ? (openBlock(), createElementBlock("div", _hoisted_9, [
-                    createElementVNode("div", _hoisted_10, toDisplayString(props.friendshipLink.title[props.lang]), 1),
-                    createElementVNode("div", _hoisted_11, [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(props.friendshipLink.link[props.lang], (link) => {
-                        return openBlock(), createElementBlock("a", {
-                          href: link.link,
-                          key: link.link,
-                          target: "_blank"
-                        }, toDisplayString(link.title), 9, _hoisted_12);
-                      }), 128))
-                    ])
-                  ])) : createCommentVNode("", true)
-                ], true) : createCommentVNode("", true),
-                renderSlot(_ctx.$slots, "footer", {}, () => [
-                  createElementVNode("div", {
-                    class: normalizeClass(["inner", { "inner-en": props.lang === "en" }])
-                  }, [
-                    props.footerLogo ? (openBlock(), createElementBlock("div", _hoisted_13, [
-                      createElementVNode("img", {
-                        class: "show-pc",
-                        src: props.footerLogo.logo,
-                        alt: ""
-                      }, null, 8, _hoisted_14),
-                      createElementVNode("img", {
-                        class: "show-mo",
-                        src: props.footerLogo.logoMb,
-                        alt: ""
-                      }, null, 8, _hoisted_15),
-                      createElementVNode("p", null, [
-                        createElementVNode("a", {
-                          class: "email",
-                          href: `mailto:${props.footerLogo.email}`,
-                          target: "_blank"
-                        }, toDisplayString(props.footerLogo.email), 9, _hoisted_16)
-                      ])
-                    ])) : createCommentVNode("", true),
-                    props.footerOption ? (openBlock(), createElementBlock("div", _hoisted_17, [
-                      createElementVNode("div", _hoisted_18, [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(props.footerOption[props.lang].link, (link, index) => {
-                          return openBlock(), createElementBlock(Fragment, {
-                            key: link.url
-                          }, [
-                            createElementVNode("a", {
-                              target: "_blank",
-                              href: link.url
-                            }, toDisplayString(link.name), 9, _hoisted_19),
-                            index !== props.footerOption[props.lang].link.length - 1 ? (openBlock(), createBlock(unref(ODivider), {
-                              key: 0,
-                              style: {
-                                "--o-divider-bd-color": "var(--o-color-info3-inverse)",
-                                "--o-divider-label-gap": "0 8px"
-                              },
-                              direction: "v"
-                            })) : createCommentVNode("", true)
-                          ], 64);
-                        }), 128))
-                      ]),
-                      createElementVNode("p", _hoisted_20, [
-                        createElementVNode("span", null, toDisplayString(props.footerOption[props.lang].licenseText), 1),
-                        createTextVNode(" " + toDisplayString(props.footerOption[props.lang].licenseInfo), 1)
-                      ]),
-                      createElementVNode("div", _hoisted_21, [
-                        createElementVNode("p", null, toDisplayString(props.footerOption[props.lang].copyright), 1),
-                        createElementVNode("div", _hoisted_22, [
-                          createElementVNode("a", {
-                            href: props.footerOption[props.lang].beianLink,
-                            target: "_blank"
-                          }, toDisplayString(props.footerOption[props.lang].beianInfo1), 9, _hoisted_23),
-                          createElementVNode("img", {
-                            src: props.footerOption[props.lang].policeIcon,
-                            class: "filing-img"
-                          }, null, 8, _hoisted_24),
-                          createElementVNode("p", null, toDisplayString(props.footerOption[props.lang].beianInfo2), 1)
-                        ])
-                      ])
-                    ])) : createCommentVNode("", true),
-                    props.qrcode ? (openBlock(), createElementBlock("div", _hoisted_25, [
-                      props.lang === "zh" ? (openBlock(), createElementBlock("div", _hoisted_26, [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(props.qrcode, (item, index) => {
-                          return openBlock(), createElementBlock("div", {
-                            key: index,
-                            class: "code-pop"
-                          }, [
-                            createElementVNode("img", {
-                              src: item.img,
-                              class: "code-img",
-                              alt: ""
-                            }, null, 8, _hoisted_27),
-                            createElementVNode("div", _hoisted_28, [
-                              createElementVNode("img", {
-                                src: item.code,
-                                alt: ""
-                              }, null, 8, _hoisted_29),
-                              createElementVNode("p", _hoisted_30, toDisplayString(item.label), 1)
-                            ])
-                          ]);
-                        }), 128))
-                      ])) : createCommentVNode("", true)
-                    ])) : createCommentVNode("", true)
-                  ], 2)
-                ], true)
+        !__props.simple ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "app-footer-content",
+          style: normalizeStyle({ backgroundImage: `url(${__props.footerBgImg})` })
+        }, [
+          createVNode(FooterList, {
+            info: __props.info,
+            "quick-nav": __props.quickNav,
+            "friendship-link": __props.friendshipLink,
+            "footer-logo": __props.footerLogo,
+            "footer-option": __props.footerOption,
+            qrcode: __props.qrcode
+          }, createSlots({ _: 2 }, [
+            unref(slots).info ? {
+              name: "info",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "info", {}, void 0, true)
+              ]),
+              key: "0"
+            } : void 0,
+            unref(slots).quickNav ? {
+              name: "quickNav",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "quickNav", {}, void 0, true)
+              ]),
+              key: "1"
+            } : void 0,
+            unref(slots).friendshipLink ? {
+              name: "friendshipLink",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "friendshipLink", {}, void 0, true)
+              ]),
+              key: "2"
+            } : void 0,
+            unref(slots).footer ? {
+              name: "footer",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "footer", {}, void 0, true)
+              ]),
+              key: "3"
+            } : void 0
+          ]), 1032, ["info", "quick-nav", "friendship-link", "footer-logo", "footer-option", "qrcode"])
+        ], 4)) : (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: "app-footer-content app-footer-simple-content",
+          style: normalizeStyle({ backgroundImage: `url(${__props.footerBgImg})` })
+        }, [
+          createVNode(FooterSimple, { "footer-option": __props.footerOption }, createSlots({ _: 2 }, [
+            unref(slots).left ? {
+              name: "left",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "left", {}, void 0, true)
+              ]),
+              key: "0"
+            } : void 0,
+            unref(slots).right ? {
+              name: "right",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "right", {}, void 0, true)
               ]),
-              _: 3
-            })
-          ], 4)
-        ], 64)) : (openBlock(), createBlock(ContentWrapper, { key: 1 }, {
-          default: withCtx(() => [
-            createElementVNode("div", _hoisted_31, [
-              _ctx.$slots.left || props.footerOption ? renderSlot(_ctx.$slots, "left", { key: 0 }, () => [
-                props.footerOption ? (openBlock(), createElementBlock("div", _hoisted_32, [
-                  createElementVNode("span", null, toDisplayString(props.footerOption[props.lang].copyright), 1),
-                  createElementVNode("a", {
-                    class: "approval",
-                    href: props.footerOption[props.lang].beianLink,
-                    target: "_blank",
-                    rel: "noopener noreferrer"
-                  }, toDisplayString(props.footerOption[props.lang].beianInfo1), 9, _hoisted_33),
-                  createElementVNode("img", {
-                    class: "police-img",
-                    src: props.footerOption[props.lang].policeIcon
-                  }, null, 8, _hoisted_34),
-                  createElementVNode("span", null, toDisplayString(props.footerOption[props.lang].beianInfo2), 1)
-                ])) : createCommentVNode("", true)
-              ], true) : createCommentVNode("", true),
-              _ctx.$slots.right || props.footerOption ? renderSlot(_ctx.$slots, "right", { key: 1 }, () => [
-                props.footerOption ? (openBlock(), createElementBlock("div", _hoisted_35, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(props.footerOption[props.lang].link, (link, index) => {
-                    return openBlock(), createElementBlock(Fragment, {
-                      key: link.url
-                    }, [
-                      createElementVNode("a", {
-                        target: "_blank",
-                        href: link.url,
-                        class: "link"
-                      }, toDisplayString(link.name), 9, _hoisted_36),
-                      index !== props.footerOption[props.lang].link.length - 1 ? (openBlock(), createBlock(unref(ODivider), {
-                        key: 0,
-                        direction: "v"
-                      })) : createCommentVNode("", true)
-                    ], 64);
-                  }), 128))
-                ])) : createCommentVNode("", true)
-              ], true) : createCommentVNode("", true)
-            ]),
-            createElementVNode("div", _hoisted_37, [
-              _ctx.$slots.right || props.footerOption ? renderSlot(_ctx.$slots, "right", { key: 0 }, () => [
-                props.footerOption ? (openBlock(), createElementBlock("div", _hoisted_38, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(props.footerOption[props.lang].link, (link, index) => {
-                    return openBlock(), createElementBlock(Fragment, {
-                      key: link.url
-                    }, [
-                      createElementVNode("a", {
-                        target: "_blank",
-                        href: link.url,
-                        class: "link"
-                      }, toDisplayString(link.name), 9, _hoisted_39),
-                      index !== props.footerOption[props.lang].link.length - 1 ? (openBlock(), createBlock(unref(ODivider), {
-                        key: 0,
-                        direction: "v"
-                      })) : createCommentVNode("", true)
-                    ], 64);
-                  }), 128))
-                ])) : createCommentVNode("", true)
-              ], true) : createCommentVNode("", true),
-              renderSlot(_ctx.$slots, "copyright", {}, () => [
-                createElementVNode("div", _hoisted_40, toDisplayString(props.footerOption[props.lang].copyright), 1)
-              ], true),
-              _ctx.$slots.left || props.footerOption ? renderSlot(_ctx.$slots, "left", { key: 1 }, () => [
-                props.footerOption ? (openBlock(), createElementBlock("div", _hoisted_41, [
-                  createElementVNode("a", {
-                    href: props.footerOption[props.lang].beianLink,
-                    target: "_blank",
-                    rel: "noopener noreferrer"
-                  }, toDisplayString(props.footerOption[props.lang].beianInfo1), 9, _hoisted_42),
-                  createElementVNode("img", {
-                    class: "police-img",
-                    src: props.footerOption[props.lang].policeIcon
-                  }, null, 8, _hoisted_43),
-                  createElementVNode("span", null, toDisplayString(props.footerOption[props.lang].beianInfo2), 1)
-                ])) : createCommentVNode("", true)
-              ], true) : createCommentVNode("", true)
-            ])
-          ]),
-          _: 3
-        }))
+              key: "1"
+            } : void 0
+          ]), 1032, ["footer-option"])
+        ], 4))
       ], 2);
     };
   }