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

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

@@ -1,123 +0,0 @@
-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

@@ -1,39 +0,0 @@
-.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

@@ -1,113 +0,0 @@
-.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

@@ -1,7 +0,0 @@
-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

@@ -1,93 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1,20 +0,0 @@
-.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

@@ -1,7 +0,0 @@
-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

@@ -1,68 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

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

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

@@ -1,39 +0,0 @@
-.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

@@ -1,7 +0,0 @@
-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

@@ -1,23 +0,0 @@
-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

@@ -1,69 +0,0 @@
-.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

@@ -1,7 +0,0 @@
-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
-};