@opendesign-plus/components 0.0.1-rc.6 → 0.0.1-rc.60

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

@@ -0,0 +1,348 @@
+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"];
+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 }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([props.simple ? "app-footer-simple" : "app-footer"])
+      }, [
+        !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)
+              ]),
+              _: 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
+        }))
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,89 @@
+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;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        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;
+    }>;
+    __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;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        atom?(_: {}): any;
+        quickNav?(_: {}): any;
+        friendshipLink?(_: {}): any;
+        footer?(_: {}): any;
+        left?(_: {}): any;
+        left?(_: {}): any;
+        right?(_: {}): any;
+        right?(_: {}): any;
+        copyright?(_: {}): any;
+    };
+}) & {
+    install(app: App): void;
+};
+export { OFooter };

package/dist/treeshaking/components/footer/index.mjs

@@ -0,0 +1,9 @@
+import _OFooter from "./OFooter.vue.mjs";
+const OFooter = Object.assign(_OFooter, {
+  install(app) {
+    app.component("OFooter", _OFooter);
+  }
+});
+export {
+  OFooter
+};

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

@@ -0,0 +1,91 @@
+.hover-icon-rotate .o-icon[data-v-8cae5712] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-8cae5712] {
+    transform: rotate(-180deg);
+}
+}
+.header[data-v-8cae5712] {
+  --o-header-height: 72px;
+  --o-header-content-max-width: 1488px;
+  --o-header-content-padding: 0;
+}
+@media (max-width: 1680px) {
+.header[data-v-8cae5712] {
+    --o-header-content-max-width: 100%;
+    --o-header-content-padding: 64px;
+}
+}
+@media (max-width: 1440px) {
+.header[data-v-8cae5712] {
+    --o-header-height: 64px;
+    --o-header-content-padding: 40px;
+}
+}
+@media (max-width: 1200px) {
+.header[data-v-8cae5712] {
+    --o-header-height: 56px;
+    --o-header-content-padding: 32px;
+}
+}
+.header-wrap[data-v-8cae5712] {
+  background-color: var(--o-color-fill2);
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  z-index: 999;
+  box-shadow: var(--o-shadow-1);
+  backdrop-filter: blur(5px);
+  height: var(--o-header-height);
+}
+.header-content[data-v-8cae5712] {
+  display: flex;
+  align-items: center;
+  height: 100%;
+  max-width: var(--o-header-content-max-width);
+  margin: 0 auto;
+  padding: 0 var(--o-header-content-padding);
+}
+.header-logo[data-v-8cae5712] {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  margin-right: 24px;
+  flex-shrink: 0;
+}
+.logo[data-v-8cae5712] {
+  height: 32px;
+}
+.header-nav-top[data-v-8cae5712] {
+  flex: 1;
+  height: 100%;
+  min-width: 0;
+  overflow: hidden;
+  position: relative;
+}
+.header-nav-flatten[data-v-8cae5712] {
+  flex: 1;
+  height: 100%;
+  min-width: 0;
+  position: relative;
+}
+.header-toolbar[data-v-8cae5712] {
+  height: 100%;
+  position: relative;
+}
+.header-nav-content[data-v-8cae5712] {
+  position: fixed;
+  top: var(--o-header-height);
+  left: 0;
+  right: 0;
+  background: var(--o-color-fill2);
+  z-index: 998;
+  box-shadow: var(--o-shadow-1);
+  overflow: hidden;
+}
+[data-o-theme*=dark] .header-wrap[data-v-8cae5712] {
+  border-bottom: 1px solid var(--o-color-control4);
+}

package/dist/treeshaking/components/header/OHeader.vue.d.ts

@@ -0,0 +1,40 @@
+import { NavT } from './types.ts';
+export interface OHeaderT {
+    (e: 'go-home'): void;
+    (e: 'handle-click', val: any): void;
+    (e: 'nav-layout', val: any): void;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        logo?(_: {}): any;
+        nav?(_: {}): any;
+        nav?(_: {}): any;
+        toolbar?(_: {}): any;
+    };
+    refs: {
+        contentRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<NavT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "handle-click": (val: any) => any;
+    "nav-layout": (val: any) => any;
+    "go-home": () => any;
+}, string, import('vue').PublicProps, Readonly<NavT> & Readonly<{
+    "onHandle-click"?: ((val: any) => any) | undefined;
+    "onNav-layout"?: ((val: any) => any) | undefined;
+    "onGo-home"?: (() => any) | undefined;
+}>, {
+    isFlatten: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    contentRef: 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/header/OHeader.vue.mjs

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