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

package/dist/treeshaking/components/sig/components/OSigMember.css

@@ -0,0 +1,377 @@
+.hover-icon-rotate .o-icon {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon {
+    transform: rotate(-180deg);
+}
+}
+.o-sig-detail-member {
+  display: flex;
+  flex-direction: column;
+}
+@media (max-width: 1200px) {
+.o-sig-detail-member {
+    display: block;
+    margin-bottom: var(--grid-column-gutter);
+}
+}
+.o-sig-detail-member .o-sig-detail-member-box {
+  background-color: var(--o-color-fill2);
+  border-radius: var(--o-radius-xs);
+  padding: var(--o-gap-5);
+  flex-grow: 1;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-sig-detail-member .o-sig-detail-member-box {
+    padding: var(--o-gap-4);
+}
+}
+@media (max-width: 1200px) {
+.o-sig-detail-member .o-sig-detail-member-box {
+    padding: var(--o-gap-4);
+}
+}
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-title {
+  font-weight: 600;
+  font-size: 18px;
+  line-height: 26px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-title {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-title {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-title {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-title {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-committer-title {
+  margin-top: var(--o-gap-5);
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-committer-title {
+    margin-top: var(--o-gap-4);
+}
+}
+@media (max-width: 1200px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-committer-title {
+    margin-top: var(--o-gap-2);
+}
+}
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list {
+  margin-top: var(--o-gap-4);
+  position: relative;
+}
+@media (max-width: 1200px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list {
+    display: grid;
+    grid-template-columns: repeat(var(--o-sig-detail-member-columns, 1), 1fr);
+    row-gap: var(--o-gap-2);
+    column-gap: var(--o-gap-3);
+}
+}
+@media (max-width: 840px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list {
+    column-gap: var(--o-gap-2);
+}
+}
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list::before {
+  position: absolute;
+  content: "";
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 25px;
+  background-image: linear-gradient(180deg, rgba(var(--o-grey-1), 0) 0%, rgba(var(--o-grey-1), 1) 100%);
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list {
+    margin-top: var(--o-gap-3);
+}
+}
+@media (max-width: 1200px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list {
+    margin-top: var(--o-gap-2);
+}
+}
+@media (max-width: 1680px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list {
+    height: auto;
+}
+}
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info {
+  display: flex;
+  align-items: center;
+  margin-top: var(--o-gap-4);
+  gap: var(--o-gap-2);
+}
+@media (max-width: 1680px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info {
+    margin-top: var(--o-gap-3);
+}
+}
+@media (max-width: 1200px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info {
+    margin-top: 0;
+    border-right: 1px solid var(--o-color-control4);
+    padding-right: var(--o-gap-2);
+}
+}
+@media (max-width: 600px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info {
+    border-right: none;
+    padding-right: 0;
+}
+}
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-left {
+  margin-right: auto;
+  display: flex;
+}
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-left .o-sig-detail-info {
+  margin-left: var(--o-gap-3);
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+@media (max-width: 1200px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-left .o-sig-detail-info {
+    margin-left: var(--o-gap-2);
+}
+}
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-left .o-sig-detail-info .o-sig-detail-member-id {
+  color: var(--o-color-info1);
+  word-break: break-all;
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-left .o-sig-detail-info .o-sig-detail-member-id {
+    font-size: 14px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-left .o-sig-detail-info .o-sig-detail-member-id {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-left .o-sig-detail-info .o-sig-detail-member-id {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-left .o-sig-detail-info .o-sig-detail-member-id {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-left .o-sig-detail-info .o-sig-detail-member-id {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+@media (max-width: 840px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-left .o-sig-detail-info .o-sig-detail-member-id {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-left .o-sig-detail-info .o-sig-detail-member-id {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-left .o-sig-detail-info .o-sig-detail-member-id {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-left .o-sig-detail-info .o-sig-detail-member-id {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (max-width: 600px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-left .o-sig-detail-info .o-sig-detail-member-id {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-left .o-sig-detail-info .o-sig-detail-member-name {
+  color: var(--o-color-info4);
+  font-size: 12px;
+  line-height: 18px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-left .o-sig-detail-info .o-sig-detail-member-name {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-left .o-sig-detail-info .o-sig-detail-member-name {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-left .o-sig-detail-info .o-sig-detail-member-name {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-left .o-sig-detail-info .o-sig-detail-member-name {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 840px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-left .o-sig-detail-info .o-sig-detail-member-name {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-left .o-sig-detail-info .o-sig-detail-member-name {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-left .o-sig-detail-info .o-sig-detail-member-name {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-left .o-sig-detail-info .o-sig-detail-member-name {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (max-width: 600px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-left .o-sig-detail-info .o-sig-detail-member-name {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-id {
+  align-items: center;
+}
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-right {
+  display: flex;
+  align-items: center;
+  height: 100%;
+  gap: var(--o-gap-4);
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-right {
+    gap: var(--o-gap-3);
+}
+}
+@media (max-width: 1200px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-right {
+    gap: var(--o-gap-2);
+}
+}
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-right .hidden-link {
+  height: 0;
+  overflow: hidden;
+}
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-right .o-icon {
+  color: var(--o-color-info2);
+  font-size: 24px;
+}
+@media (max-width: 1200px) {
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-right .o-icon {
+    font-size: 20px;
+}
+}
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-sig-detail-member-info-right .o-icon.email-icon path {
+  fill: currentColor;
+}
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list .o-sig-detail-member-info .o-divider {
+  --o-divider-label-gap: 0 16px;
+  height: 40px;
+}
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list-all::before {
+  display: none;
+}
+.o-sig-detail-member .o-sig-detail-member-box .o-sig-detail-member-list-dark::before {
+  background-image: linear-gradient(180deg, rgba(var(--o-grey-4), 0) 0%, rgba(var(--o-grey-4), 1) 100%);
+}
+.o-sig-detail-member .o-sig-detail-more-btn {
+  text-align: center;
+  margin-top: var(--o-gap-2);
+}
+.o-sig-detail-member .o-sig-detail-view-all {
+  cursor: pointer;
+  margin-top: 6px;
+  display: inline-flex;
+  justify-content: center;
+  color: var(--o-color-info3);
+  font-size: 14px;
+  line-height: 22px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-sig-detail-member .o-sig-detail-view-all {
+    font-size: 14px;
+    line-height: 18px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-sig-detail-member .o-sig-detail-view-all {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-sig-detail-member .o-sig-detail-view-all {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+.o-sig-detail-member .o-sig-detail-view-all {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-sig-detail-member .o-sig-detail-view-all .o-icon {
+  margin-left: 6px;
+  font-size: var(--o-icon_size-xs);
+  transition: transform 0.3s;
+}
+.o-sig-detail-member .o-sig-detail-reversal {
+  transform: rotate(180deg);
+}
+.o-sig-detail-member .o-sig-detail-view-more {
+  padding: 4px 0;
+}

package/dist/treeshaking/components/sig/components/OSigMember.vue.d.ts

@@ -0,0 +1,10 @@
+import { SigMaintainerT } from '../types';
+type __VLS_Props = {
+    maintainerList?: SigMaintainerT[];
+    committerList?: SigMaintainerT[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    maintainerList: SigMaintainerT[];
+    committerList: SigMaintainerT[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/treeshaking/components/sig/components/OSigMember.vue.mjs

@@ -0,0 +1,274 @@
+import { defineComponent, computed, ref, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createCommentVNode, normalizeStyle, normalizeClass, Fragment, renderList, createVNode, withCtx, createBlock } from "vue";
+import { OIcon } from "@opensig/opendesign";
+import _sfc_main$1 from "../../common/WordAvatar.vue.mjs";
+import '../../common/WordAvatar.css';
+import IconGitee from "../../../_virtual/icon-gitee.mjs";
+import IconAtomGit from "../../../_virtual/icon-atomgit.mjs";
+import IconMail from "../../../_virtual/icon-mail.mjs";
+import IconChevronDown from "../../../_virtual/icon-chevron-down.mjs";
+import { useI18n } from "../../../i18n/index.mjs";
+import { useScreen } from "@opendesign-plus/composables";
+import { useTheme } from "../../../shared/theme.mjs";
+import { detectGitPlatform } from "./utils.mjs";
+const _hoisted_1 = { class: "o-sig-detail-member" };
+const _hoisted_2 = { class: "o-sig-detail-core o-sig-floor-title" };
+const _hoisted_3 = { class: "o-sig-detail-member-box" };
+const _hoisted_4 = {
+  key: 0,
+  class: "o-sig-detail-member-title"
+};
+const _hoisted_5 = { class: "o-sig-detail-info" };
+const _hoisted_6 = { class: "o-sig-detail-member-id" };
+const _hoisted_7 = { class: "o-sig-detail-member-name" };
+const _hoisted_8 = { class: "o-sig-detail-member-info-right" };
+const _hoisted_9 = ["href"];
+const _hoisted_10 = ["href"];
+const _hoisted_11 = {
+  key: 1,
+  class: "o-sig-detail-more-btn"
+};
+const _hoisted_12 = {
+  key: 2,
+  class: "o-sig-detail-member-title o-sig-detail-committer-title"
+};
+const _hoisted_13 = { class: "o-sig-detail-info" };
+const _hoisted_14 = { class: "o-sig-detail-member-id" };
+const _hoisted_15 = { class: "o-sig-detail-member-name" };
+const _hoisted_16 = { class: "o-sig-detail-member-info-right" };
+const _hoisted_17 = ["href"];
+const _hoisted_18 = ["href"];
+const _hoisted_19 = {
+  key: 3,
+  class: "o-sig-detail-more-btn"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OSigMember",
+  props: {
+    maintainerList: { default: () => [] },
+    committerList: { default: () => [] }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t } = useI18n();
+    const { isPhone, isPadH, isPadV, leLaptop } = useScreen();
+    const { isDark } = useTheme();
+    const defaultCount = computed(() => {
+      if (isPadH.value) return 18;
+      if (isPadV.value) return 12;
+      if (isPhone.value) return 6;
+      return 12;
+    });
+    const columnsPerRow = computed(() => {
+      if (isPadH.value) return 3;
+      if (isPadV.value) return 2;
+      return 1;
+    });
+    const maintainerCollapsedCount = computed(
+      () => Math.min(props.maintainerList.length, defaultCount.value)
+    );
+    const committerCollapsedCount = computed(() => {
+      const cols = columnsPerRow.value;
+      const occupied = Math.ceil(maintainerCollapsedCount.value / cols) * cols;
+      return Math.min(
+        props.committerList.length,
+        Math.max(0, defaultCount.value - occupied)
+      );
+    });
+    const isAllMaintainer = ref(false);
+    const viewAllMaintainer = () => {
+      isAllMaintainer.value = !isAllMaintainer.value;
+    };
+    const maintainerData = computed(
+      () => isAllMaintainer.value ? props.maintainerList : props.maintainerList.slice(0, maintainerCollapsedCount.value)
+    );
+    const maintainerFillCount = computed(() => {
+      const cols = columnsPerRow.value;
+      if (cols <= 1) return 0;
+      const rem = maintainerData.value.length % cols;
+      return rem === 0 ? 0 : cols - rem;
+    });
+    const isAllCommitter = ref(false);
+    const viewAllCommitter = () => {
+      isAllCommitter.value = !isAllCommitter.value;
+    };
+    const committerData = computed(
+      () => isAllCommitter.value ? props.committerList : props.committerList.slice(0, committerCollapsedCount.value)
+    );
+    const committerFillCount = computed(() => {
+      const cols = columnsPerRow.value;
+      if (cols <= 1) return 0;
+      const rem = committerData.value.length % cols;
+      return rem === 0 ? 0 : cols - rem;
+    });
+    const getPlatformIcon = (url) => {
+      const platform = detectGitPlatform(url);
+      if (platform === "gitee") return "gitee";
+      if (platform === "atomgit") return "atomgit";
+      return "";
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("p", _hoisted_2, toDisplayString(unref(t)("sig.sigCore", {
+          num: __props.maintainerList.length + __props.committerList.length
+        })), 1),
+        createElementVNode("div", _hoisted_3, [
+          __props.maintainerList.length ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(unref(t)("sig.sigMaintainer", { num: __props.maintainerList.length })), 1)) : createCommentVNode("", true),
+          createElementVNode("div", {
+            class: normalizeClass(["o-sig-detail-member-list", {
+              "o-sig-detail-member-list-all": isAllMaintainer.value || __props.maintainerList.length <= defaultCount.value,
+              "o-sig-detail-member-list-dark": unref(isDark)
+            }]),
+            style: normalizeStyle({ "--o-sig-detail-member-columns": columnsPerRow.value })
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(maintainerData.value, (member, idx) => {
+              return openBlock(), createElementBlock("div", {
+                key: member.gitee_id,
+                class: "o-sig-detail-member-info"
+              }, [
+                createElementVNode("div", {
+                  class: normalizeClass(["o-sig-detail-member-info-left", { "o-sig-detail-member-info-id": !member.name }])
+                }, [
+                  createVNode(_sfc_main$1, {
+                    name: member.user_login,
+                    size: "medium",
+                    "custom-size": unref(leLaptop) ? 32 : 0
+                  }, null, 8, ["name", "custom-size"]),
+                  createElementVNode("div", _hoisted_5, [
+                    createElementVNode("div", _hoisted_6, toDisplayString(member.user_login), 1),
+                    createElementVNode("div", _hoisted_7, toDisplayString(member.name), 1)
+                  ])
+                ], 2),
+                createElementVNode("div", _hoisted_8, [
+                  createElementVNode("a", {
+                    href: member.user_homepage_url,
+                    target: "_blank",
+                    rel: "noopener noreferrer"
+                  }, [
+                    createVNode(unref(OIcon), null, {
+                      default: withCtx(() => [
+                        getPlatformIcon(member.user_homepage_url) === "gitee" ? (openBlock(), createBlock(unref(IconGitee), { key: 0 })) : getPlatformIcon(member.user_homepage_url) === "atomgit" ? (openBlock(), createBlock(unref(IconAtomGit), { key: 1 })) : createCommentVNode("", true)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ], 8, _hoisted_9),
+                  createElementVNode("a", {
+                    class: normalizeClass(!member.email ? "hidden-link" : ""),
+                    href: `mailto:${member.email}`
+                  }, [
+                    createVNode(unref(OIcon), { class: "email-icon" }, {
+                      default: withCtx(() => [
+                        createVNode(unref(IconMail))
+                      ]),
+                      _: 1
+                    })
+                  ], 10, _hoisted_10)
+                ])
+              ]);
+            }), 128)),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(maintainerFillCount.value, (n) => {
+              return openBlock(), createElementBlock("div", {
+                key: `maintainer-fill-${n}`,
+                class: "o-sig-detail-member-placeholder"
+              });
+            }), 128))
+          ], 6),
+          __props.maintainerList.length > defaultCount.value ? (openBlock(), createElementBlock("div", _hoisted_11, [
+            createElementVNode("div", {
+              class: "o-sig-detail-view-all",
+              onClick: viewAllMaintainer
+            }, [
+              createElementVNode("span", null, toDisplayString(isAllMaintainer.value ? unref(t)("common.collapse") : unref(t)("sig.viewAll")), 1),
+              createVNode(unref(OIcon), {
+                class: normalizeClass({ "o-sig-detail-reversal": isAllMaintainer.value })
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(IconChevronDown))
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ])
+          ])) : createCommentVNode("", true),
+          __props.committerList.length ? (openBlock(), createElementBlock("div", _hoisted_12, toDisplayString(unref(t)("sig.sigCommitter", { num: __props.committerList.length })), 1)) : createCommentVNode("", true),
+          createElementVNode("div", {
+            class: normalizeClass(["o-sig-detail-member-list", {
+              "o-sig-detail-member-list-all": isAllCommitter.value || __props.committerList.length <= committerCollapsedCount.value,
+              "o-sig-detail-member-list-dark": unref(isDark)
+            }]),
+            style: normalizeStyle({ "--o-sig-detail-member-columns": columnsPerRow.value })
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(committerData.value, (member) => {
+              return openBlock(), createElementBlock("div", {
+                key: member.gitee_id,
+                class: "o-sig-detail-member-info"
+              }, [
+                createElementVNode("div", {
+                  class: normalizeClass(["o-sig-detail-member-info-left", { "o-sig-detail-member-info-id": !member.name }])
+                }, [
+                  createVNode(_sfc_main$1, {
+                    name: member.user_login,
+                    size: "medium",
+                    "custom-size": unref(leLaptop) ? 32 : 0
+                  }, null, 8, ["name", "custom-size"]),
+                  createElementVNode("div", _hoisted_13, [
+                    createElementVNode("div", _hoisted_14, toDisplayString(member.user_login), 1),
+                    createElementVNode("div", _hoisted_15, toDisplayString(member.name), 1)
+                  ])
+                ], 2),
+                createElementVNode("div", _hoisted_16, [
+                  createElementVNode("a", {
+                    href: member.user_homepage_url,
+                    target: "_blank",
+                    rel: "noopener noreferrer"
+                  }, [
+                    createVNode(unref(OIcon), null, {
+                      default: withCtx(() => [
+                        getPlatformIcon(member.user_homepage_url) === "gitee" ? (openBlock(), createBlock(unref(IconGitee), { key: 0 })) : getPlatformIcon(member.user_homepage_url) === "atomgit" ? (openBlock(), createBlock(unref(IconAtomGit), { key: 1 })) : createCommentVNode("", true)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ], 8, _hoisted_17),
+                  createElementVNode("a", {
+                    class: normalizeClass(!member.email ? "hidden-link" : ""),
+                    href: `mailto:${member.email}`
+                  }, [
+                    createVNode(unref(OIcon), { class: "email-icon" }, {
+                      default: withCtx(() => [
+                        createVNode(unref(IconMail))
+                      ]),
+                      _: 1
+                    })
+                  ], 10, _hoisted_18)
+                ])
+              ]);
+            }), 128)),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(committerFillCount.value, (n) => {
+              return openBlock(), createElementBlock("div", {
+                key: `committer-fill-${n}`,
+                class: "o-sig-detail-member-placeholder"
+              });
+            }), 128))
+          ], 6),
+          __props.committerList.length > committerCollapsedCount.value ? (openBlock(), createElementBlock("div", _hoisted_19, [
+            createElementVNode("div", {
+              class: "o-sig-detail-view-all",
+              onClick: viewAllCommitter
+            }, [
+              createElementVNode("span", null, toDisplayString(isAllCommitter.value ? unref(t)("common.collapse") : unref(t)("sig.viewAll")), 1),
+              createVNode(unref(OIcon), {
+                class: normalizeClass({ "o-sig-detail-reversal": isAllCommitter.value })
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(IconChevronDown))
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ])
+          ])) : createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/sig/components/OSigMember.vue3.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from "./OSigMember.vue.mjs";
+import './OSigMember.css';
+export {
+  _sfc_main as default
+};