@opendesign-plus-test/components 0.0.1-rc.64 → 0.0.1-rc.66

package/dist/esm/components/banner/OBanner.vue2.mjs

@@ -0,0 +1,123 @@
+import { defineComponent as A, computed as h, openBlock as e, createElementBlock as o, normalizeClass as p, toDisplayString as P, unref as t, createBlock as l, withCtx as a, createVNode as y, Fragment as v, renderList as b, createElementVNode as J } from "vue";
+import { OFigure as C, OCarousel as z, OCarouselItem as B } from "@opensig/opendesign";
+import { useTheme as N, useScreen as $ } from "@opendesign-plus/composables";
+import O from "../common/ContentWrapper.vue.mjs";
+import j from "./OBannerContent.vue.mjs";
+const E = {
+  key: 0,
+  class: "content-height"
+}, F = { key: 0 }, L = {
+  key: 1,
+  class: "content-height"
+}, S = {
+  key: 2,
+  class: "content-height"
+}, q = /* @__PURE__ */ A({
+  __name: "OBanner",
+  props: {
+    options: {},
+    size: {},
+    contentJustifyCenter: { type: Boolean },
+    autoPlay: { type: Boolean }
+  },
+  emits: ["click"],
+  setup(n, { emit: w }) {
+    const i = n, m = w, { isLight: k } = N(), { isPhone: u } = $(), f = h(() => {
+      if (i.options)
+        return Array.isArray(i.options) ? i.options.length === 1 ? i.options[0] : void 0 : i.options;
+    }), d = h(() => {
+      if (!(!Array.isArray(i.options) || i.options.length <= 1))
+        return i.options;
+    });
+    return (V, s) => (e(), o("div", {
+      class: p(["home-banner", n.size])
+    }, [
+      f.value ? (e(), o("div", E, [
+        n.size === "tiny" ? (e(), o("div", F, P(f.value.title), 1)) : t(u) ? (e(), l(O, {
+          key: 2,
+          class: "banner-wrapper"
+        }, {
+          default: a(() => [
+            y(t(C), {
+              class: "banner-bg",
+              src: f.value.bg,
+              fit: "cover"
+            }, null, 8, ["src"])
+          ]),
+          _: 1
+        })) : (e(), l(j, {
+          key: 1,
+          info: f.value,
+          size: n.size,
+          "content-justify-center": n.contentJustifyCenter,
+          "is-phone": t(u),
+          "is-light": t(k),
+          onClick: s[0] || (s[0] = (r) => m("click", r))
+        }, null, 8, ["info", "size", "content-justify-center", "is-phone", "is-light"]))
+      ])) : d.value ? (e(), o("div", L, [
+        t(u) ? (e(), l(t(z), {
+          key: 1,
+          class: "banner-carousel",
+          effect: "gallery",
+          "indicator-click": "",
+          arrow: "never",
+          "auto-play": n.autoPlay
+        }, {
+          default: a(() => [
+            (e(!0), o(v, null, b(d.value, (r, c) => (e(), l(t(B), {
+              key: c,
+              class: p(["banner-item", `banner-item${c}`])
+            }, {
+              default: a(() => [
+                y(O, { class: "banner-wrapper" }, {
+                  default: a(() => [
+                    y(t(C), {
+                      class: "banner-bg",
+                      src: r.bg,
+                      onClick: (g) => m("click", r.href)
+                    }, null, 8, ["src", "onClick"])
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 2
+            }, 1032, ["class"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["auto-play"])) : (e(), l(t(z), {
+          key: 0,
+          class: "banner-carousel",
+          effect: "toggle",
+          "active-class": "current-slide",
+          "indicator-click": "",
+          "auto-play": n.autoPlay
+        }, {
+          default: a(() => [
+            (e(!0), o(v, null, b(d.value, (r, c) => (e(), l(t(B), {
+              key: c,
+              class: p(["banner-item", `banner-item${c}`])
+            }, {
+              default: a(() => [
+                y(j, {
+                  info: r,
+                  size: n.size,
+                  "content-justify-center": n.contentJustifyCenter,
+                  "is-phone": t(u),
+                  "is-light": t(k),
+                  onClick: s[1] || (s[1] = (g) => m("click", g))
+                }, null, 8, ["info", "size", "content-justify-center", "is-phone", "is-light"])
+              ]),
+              _: 2
+            }, 1032, ["class"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["auto-play"]))
+      ])) : (e(), o("div", S, [...s[2] || (s[2] = [
+        J("p", null, "No data.", -1)
+      ])]))
+    ], 2));
+  }
+});
+export {
+  q as default
+};

package/dist/esm/components/banner/OBanner2.css

@@ -0,0 +1,39 @@
+.hover-icon-rotate .o-icon[data-v-fddea127] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-fddea127] {
+    transform: rotate(-180deg);
+}
+}
+.banner-item0 .banner-attach[data-v-fddea127] {
+  height: 120px;
+}
+@media (min-width: 601px) and (max-width: 1200px) {
+.banner-item0 .banner-attach[data-v-fddea127] {
+    height: 80px;
+}
+}
+.banner-item1 .banner-attach[data-v-fddea127] {
+  height: 156px;
+}
+@media (min-width: 601px) and (max-width: 1200px) {
+.banner-item1 .banner-attach[data-v-fddea127] {
+    height: 120px;
+}
+}
+.banner-item2 .banner-content[data-v-fddea127] {
+  width: 100%;
+  justify-content: center;
+}
+.banner-item2 .banner-attach[data-v-fddea127] {
+  height: 38%;
+  margin-top: -60px;
+  object-fit: contain;
+}
+.banner-wrapper[data-v-fddea127] {
+  height: 100%;
+}
+.banner-wrapper .banner-bg[data-v-fddea127] {
+  height: 100%;
+}

package/dist/esm/components/banner/OBannerContent.css

@@ -0,0 +1,113 @@
+.hover-icon-rotate .o-icon[data-v-1904d05a] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-1904d05a] {
+    transform: rotate(-180deg);
+}
+}
+.banner-bg[data-v-1904d05a] {
+  width: 100%;
+  height: 100%;
+}
+.banner-bg[data-v-1904d05a] .o-figure-img {
+  width: 100%;
+  height: 100%;
+}
+@media (min-width: 601px) and (max-width: 1200px) {
+.banner-bg[data-v-1904d05a] .o-figure-img {
+    transition: object-position 0.3s ease;
+    object-position: var(--pad-offset);
+}
+}
+@media (max-width: 600px) {
+.banner-bg[data-v-1904d05a] {
+    --figure-radius: 4px;
+}
+}
+.banner-wrapper[data-v-1904d05a] {
+  height: 100%;
+}
+.banner-wrapper.content-center[data-v-1904d05a] {
+  display: flex;
+  justify-content: center;
+}
+.banner-wrapper.content-center .banner-content[data-v-1904d05a] {
+  align-items: center;
+}
+.banner-content[data-v-1904d05a] {
+  height: 100%;
+  display: inline-flex;
+  flex-direction: column;
+  justify-content: center;
+  position: relative;
+}
+.banner-title[data-v-1904d05a] {
+  font-size: 56px;
+  line-height: 80px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.banner-title[data-v-1904d05a] {
+    font-size: 48px;
+    line-height: 64px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.banner-title[data-v-1904d05a] {
+    font-size: 40px;
+    line-height: 56px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.banner-title[data-v-1904d05a] {
+    font-size: 40px;
+    line-height: 56px;
+}
+}
+@media (max-width: 600px) {
+.banner-title[data-v-1904d05a] {
+    font-size: 22px;
+    line-height: 30px;
+}
+}
+.banner-title[data-v-1904d05a] {
+  color: var(--o-color-info1);
+  font-weight: 500;
+  margin-bottom: 8px;
+}
+.banner-title.text-dark[data-v-1904d05a] {
+  color: var(--o-color-info1-inverse);
+}
+@media (max-width: 840px) {
+.banner-title[data-v-1904d05a] {
+    font-size: 22px;
+    line-height: 30px;
+}
+}
+.banner-subtitle[data-v-1904d05a] {
+  color: var(--o-color-info1);
+  margin-top: 8px;
+  font-size: 16px;
+}
+.banner-subtitle.text-dark[data-v-1904d05a] {
+  color: var(--o-color-info1-inverse);
+}
+.banner-text[data-v-1904d05a] {
+  height: var(--pc-height);
+  width: var(--pc-width);
+  background-size: contain;
+  background-repeat: no-repeat;
+}
+@media (min-width: 601px) and (max-width: 1200px) {
+.banner-text[data-v-1904d05a] {
+    height: var(--pad-height);
+    width: var(--pad-width);
+}
+}
+.banner-opts[data-v-1904d05a] {
+  margin-top: 24px;
+  --d: 20px;
+}
+.cursor-pointer[data-v-1904d05a] {
+  cursor: pointer;
+}

package/dist/esm/components/banner/OBannerContent.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./OBannerContent.vue2.mjs";
+import './OBannerContent.css';
+import t from "../../_plugin-vue_export-helper.mjs";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1904d05a"]]);
+export {
+  e as default
+};

package/dist/esm/components/banner/OBannerContent.vue2.mjs

@@ -0,0 +1,93 @@
+import { defineComponent as m, openBlock as e, createBlock as k, unref as r, normalizeStyle as s, normalizeClass as c, withCtx as l, createVNode as d, createElementVNode as y, createElementBlock as n, createCommentVNode as i, toDisplayString as f, createTextVNode as g } from "vue";
+import { OFigure as x, OButton as w } from "@opensig/opendesign";
+import C from "../common/ContentWrapper.vue.mjs";
+const B = { class: "banner-content" }, v = ["src"], z = {
+  key: 4,
+  class: "banner-opts"
+}, E = /* @__PURE__ */ m({
+  __name: "OBannerContent",
+  props: {
+    info: {},
+    size: {},
+    contentJustifyCenter: { type: Boolean },
+    isPhone: { type: Boolean },
+    isLight: { type: Boolean }
+  },
+  emits: ["click"],
+  setup(t, { emit: h }) {
+    const u = h, b = (a, o) => {
+      a && !o && (window.open(a), u("click", a));
+    };
+    return (a, o) => (e(), k(r(x), {
+      class: c(["banner-bg", {
+        "with-sticky-bg": t.info.withStickyBg,
+        "cursor-pointer": t.info.href && !t.info.btn
+      }]),
+      src: t.info.bg,
+      style: s({
+        "--pad-offset": t.info.pad_offset
+      }),
+      onClick: o[0] || (o[0] = (N) => b(t.info.href, t.info.btn))
+    }, {
+      default: l(() => [
+        d(C, {
+          class: c(["banner-wrapper", ["banner-wrapper", t.contentJustifyCenter ? "content-center" : ""]])
+        }, {
+          default: l(() => [
+            y("div", B, [
+              !t.isPhone && t.info.attach ? (e(), n("img", {
+                key: 0,
+                src: t.info.attach,
+                class: "banner-attach"
+              }, null, 8, v)) : i("", !0),
+              t.info.title ? (e(), n("div", {
+                key: 1,
+                class: c({
+                  "banner-title": !0,
+                  "text-dark": t.info.text_theme === "dark"
+                })
+              }, f(t.info.title), 3)) : i("", !0),
+              t.info.subtitle ? (e(), n("div", {
+                key: 2,
+                class: c({
+                  "banner-subtitle": !0,
+                  "text-dark": t.info.text_theme === "dark"
+                })
+              }, f(t.info.subtitle), 3)) : i("", !0),
+              t.info.bg_text ? (e(), n("div", {
+                key: 3,
+                class: "banner-text",
+                style: s({
+                  backgroundImage: `url(${t.info.bg_text})`,
+                  "--pc-width": t.info.pc_text_width,
+                  "--pc-height": t.info.pc_text_height,
+                  "--pad-width": t.info.pad_text_width,
+                  "--pad-height": t.info.pad_text_height
+                })
+              }, null, 4)) : i("", !0),
+              t.info.btn ? (e(), n("div", z, [
+                d(r(w), {
+                  href: t.info.href,
+                  target: "_blank",
+                  variant: "solid",
+                  color: "primary",
+                  size: t.size === "tiny" ? void 0 : t.size
+                }, {
+                  default: l(() => [
+                    g(f(t.info.btn), 1)
+                  ]),
+                  _: 1
+                }, 8, ["href", "size"])
+              ])) : i("", !0)
+            ])
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ]),
+      _: 1
+    }, 8, ["src", "class", "style"]));
+  }
+});
+export {
+  E as default
+};

package/dist/esm/components/banner/index.mjs

@@ -0,0 +1,15 @@
+import t from "./OBanner.vue.mjs";
+import e from "./OBannerContent.vue.mjs";
+const a = Object.assign(t, {
+  install(n) {
+    n.component("OBanner", t);
+  }
+}), s = Object.assign(e, {
+  install(n) {
+    n.component("OBannerContent", e);
+  }
+});
+export {
+  a as OBanner,
+  s as OBannerContent
+};

package/dist/esm/components/common/AppAvatar.css

@@ -0,0 +1,20 @@
+.hover-icon-rotate .o-icon[data-v-340348ce] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-340348ce] {
+    transform: rotate(-180deg);
+}
+}
+.img-avatar[data-v-340348ce] {
+  background-color: transparent !important;
+}
+.word-avatar[data-v-340348ce] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--o-color-info1-inverse);
+}
+.round[data-v-340348ce] {
+  border-radius: 50%;
+}

package/dist/esm/components/common/AppAvatar.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./AppAvatar.vue2.mjs";
+import './AppAvatar.css';
+import t from "../../_plugin-vue_export-helper.mjs";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-340348ce"]]);
+export {
+  m as default
+};

package/dist/esm/components/common/AppAvatar.vue2.mjs

@@ -0,0 +1,68 @@
+import { defineComponent as g, computed as o, openBlock as s, createElementBlock as u, normalizeStyle as c, normalizeClass as m, toDisplayString as p } from "vue";
+const v = ["src"], z = /* @__PURE__ */ g({
+  __name: "AppAvatar",
+  props: {
+    // 头像
+    avatar: {
+      type: String,
+      default: ""
+    },
+    // 用户名
+    name: {
+      type: String,
+      default: "",
+      required: !0
+    },
+    // mini： 16 small： 24， medium： 40， large： 64
+    size: {
+      type: String,
+      default: "medium"
+    },
+    // 大小尺寸自定义，单位px
+    customSize: {
+      type: Number,
+      default: 0
+    },
+    // round--圆形 square--方形
+    variant: {
+      type: String,
+      default: "round"
+    }
+  },
+  setup(t) {
+    const a = t, n = ["#058EF0", "#FA7305", "#03B5A5"], d = o(() => {
+      var e;
+      return (e = a.name) == null ? void 0 : e.charAt(0).toUpperCase();
+    }), i = o(() => {
+      var l;
+      const e = {
+        "background-color": "",
+        width: "32px",
+        height: "32px",
+        "font-size": "20px"
+      };
+      e["background-color"] = a.name ? n[((l = a.name) == null ? void 0 : l.length) % n.length] : "transparent";
+      let r = 0;
+      return a.customSize ? r = Number(a.customSize) : r = {
+        mini: 16,
+        small: 24,
+        medium: 40,
+        large: 64
+      }[a.size], e.height = `${r}px`, e.width = `${r}px`, e["font-size"] = `${r / 2}px`, e;
+    });
+    return (e, r) => t.avatar && !t.avatar.includes("gitcode") ? (s(), u("img", {
+      key: 0,
+      src: t.avatar,
+      class: m(["img-avatar", t.variant]),
+      style: c(i.value),
+      alt: ""
+    }, null, 14, v)) : (s(), u("div", {
+      key: 1,
+      class: m(["word-avatar", t.variant]),
+      style: c(i.value)
+    }, p(d.value), 7));
+  }
+});
+export {
+  z as default
+};

package/dist/esm/components/common/ClientOnly.vue.mjs

@@ -0,0 +1,13 @@
+import { defineComponent as n, ref as o, onMounted as r, renderSlot as a, createCommentVNode as l } from "vue";
+const m = /* @__PURE__ */ n({
+  __name: "ClientOnly",
+  setup(s) {
+    const e = o(!1);
+    return r(() => {
+      e.value = !0;
+    }), (t, u) => e.value ? a(t.$slots, "default", { key: 0 }) : l("", !0);
+  }
+});
+export {
+  m as default
+};

package/dist/esm/components/common/ClientOnly.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./ClientOnly.vue.mjs";
+export {
+  f as default
+};

package/dist/esm/components/common/ContentWrapper.css

@@ -0,0 +1,39 @@
+.hover-icon-rotate .o-icon[data-v-0b8705aa] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-0b8705aa] {
+    transform: rotate(-180deg);
+}
+}
+.content-wrapper[data-v-0b8705aa] {
+  --layout-content-max-width: 1544px;
+  --layout-content-padding: 64px;
+  --layout-header-height: 80px;
+}
+@media (max-width: 1680px) {
+.content-wrapper[data-v-0b8705aa] {
+    --layout-content-max-width: 100%;
+    --layout-content-padding: 40px;
+}
+}
+@media (max-width: 1200px) {
+.content-wrapper[data-v-0b8705aa] {
+    --layout-content-padding: 32px;
+}
+}
+@media (max-width: 600px) {
+.content-wrapper[data-v-0b8705aa] {
+    --layout-content-padding: 24px;
+}
+}
+.content-wrapper[data-v-0b8705aa] {
+  max-width: var(--layout-content-max-width);
+  padding-left: var(--layout-content-padding);
+  padding-right: var(--layout-content-padding);
+  margin: 0 auto;
+  --content-wrapper-vertical-paddingTop: 72px;
+  --content-wrapper-vertical-paddingBottom: 72px;
+  padding-top: var(--content-wrapper-vertical-paddingTop);
+  padding-bottom: var(--content-wrapper-vertical-paddingBottom);
+}

package/dist/esm/components/common/ContentWrapper.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./ContentWrapper.vue2.mjs";
+import './ContentWrapper.css';
+import t from "../../_plugin-vue_export-helper.mjs";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0b8705aa"]]);
+export {
+  e as default
+};

package/dist/esm/components/common/ContentWrapper.vue2.mjs

@@ -0,0 +1,23 @@
+import { defineComponent as p, computed as a, openBlock as v, createElementBlock as s, normalizeStyle as u, unref as i, renderSlot as g } from "vue";
+import { isBoolean as d, isString as o, isUndefined as f } from "@opensig/opendesign";
+const y = /* @__PURE__ */ p({
+  __name: "ContentWrapper",
+  props: {
+    verticalPadding: { type: [Boolean, String, Array], default: void 0 }
+  },
+  setup(l) {
+    const t = Symbol("default"), e = l, r = a(() => e.verticalPadding ? d(e.verticalPadding) ? t : o(e.verticalPadding) ? e.verticalPadding : e.verticalPadding[0] : 0), n = a(() => e.verticalPadding ? d(e.verticalPadding) ? t : o(e.verticalPadding) ? e.verticalPadding : f(e.verticalPadding[1]) ? e.verticalPadding[0] : e.verticalPadding[1] : 0);
+    return (c, m) => (v(), s("div", {
+      class: "content-wrapper",
+      style: u({
+        "--content-wrapper-vertical-paddingTop": r.value === i(t) ? void 0 : r.value,
+        "--content-wrapper-vertical-paddingBottom": n.value === i(t) ? void 0 : n.value
+      })
+    }, [
+      g(c.$slots, "default", {}, void 0, !0)
+    ], 4));
+  }
+});
+export {
+  y as default
+};

package/dist/esm/components/common/MoreText.css

@@ -0,0 +1,69 @@
+.hover-icon-rotate .o-icon[data-v-4776f8a2] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-4776f8a2] {
+    transform: rotate(-180deg);
+}
+}
+.more-text-wrapper .more-text-content[data-v-4776f8a2] {
+  line-height: 22px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  white-space: pre-wrap;
+  word-break: break-all;
+  transition: height 0.1s;
+}
+.more-text-wrapper .more-text-content.is-link[data-v-4776f8a2] {
+  color: var(--o-color-primary1);
+  cursor: pointer;
+}
+@media (hover: hover) {
+.more-text-wrapper .more-text-content.is-link[data-v-4776f8a2]:hover {
+    color: var(--o-color-primary2);
+}
+}
+.more-text-wrapper .more-text-btn[data-v-4776f8a2] {
+  color: var(--o-color-primary1);
+}
+@media (hover: hover) {
+.more-text-wrapper .more-text-btn[data-v-4776f8a2]:hover {
+    color: var(--o-color-primary2);
+}
+}
+.more-text-wrapper .more-text-btn > div[data-v-4776f8a2] {
+  height: 22px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  column-gap: 4px;
+  justify-content: flex-end;
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.more-text-wrapper .more-text-btn > div[data-v-4776f8a2] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.more-text-wrapper .more-text-btn > div[data-v-4776f8a2] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.more-text-wrapper .more-text-btn > div[data-v-4776f8a2] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.more-text-wrapper .more-text-btn > div[data-v-4776f8a2] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}

package/dist/esm/components/common/MoreText.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./MoreText.vue2.mjs";
+import './MoreText.css';
+import t from "../../_plugin-vue_export-helper.mjs";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4776f8a2"]]);
+export {
+  f as default
+};