@opendesign-plus/components 0.0.1-rc.63 → 0.0.1-rc.64

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

@@ -6,36 +6,28 @@ import IconUser from "../../../_virtual/icon-user.mjs";
 import IconSigSpace from "../../../_virtual/sig-space.mjs";
 import _sfc_main$1 from "../../common/TooltipText.vue.mjs";
 import '../../common/TooltipText.css';
+import { getGitUrl, getGitId } from "./utils.mjs";
 const _hoisted_1 = { class: "o-sig-item" };
 const _hoisted_2 = { class: "o-sig-item-header" };
 const _hoisted_3 = { class: "o-sig-link" };
 const _hoisted_4 = ["title"];
-const _hoisted_5 = { key: 0 };
-const _hoisted_6 = {
-  key: 1,
-  class: "o-sig-repo"
-};
-const _hoisted_7 = { class: "o-sig-repo-label" };
-const _hoisted_8 = { class: "o-sig-bottom" };
+const _hoisted_5 = { class: "o-sig-bottom" };
+const _hoisted_6 = { class: "o-sig-meta" };
+const _hoisted_7 = { class: "o-sig-meta-text" };
+const _hoisted_8 = { class: "o-sig-popup-content" };
 const _hoisted_9 = { class: "o-sig-meta" };
 const _hoisted_10 = { class: "o-sig-meta-text" };
 const _hoisted_11 = { class: "o-sig-popup-content" };
-const _hoisted_12 = { class: "o-sig-meta" };
-const _hoisted_13 = { class: "o-sig-meta-text" };
-const _hoisted_14 = { class: "o-sig-popup-content" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OSigItem",
   props: {
-    sig: {},
-    locale: {},
-    mobile: { type: Boolean },
-    activeRepo: {}
+    sig: {}
   },
   emits: ["to-sig-detail"],
   setup(__props, { emit: __emit }) {
+    const { t, locale } = useI18n();
     const emit = __emit;
-    const { t } = useI18n();
-    const lastSeparator = (i, len) => i === (len ?? 0) - 1 ? "" : "、";
+    const lastSeparator = (i, len) => i === (len ?? 0) - 1 ? "" : locale.value === "zh" ? "、" : ", ";
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
@@ -48,14 +40,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: "o-sig-type-tag"
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString((__props.locale === "zh" ? __props.sig.feature_zh : __props.sig.feature_en) || unref(t)("sig.other")), 1)
+              createTextVNode(toDisplayString((unref(locale) === "zh" ? __props.sig.feature_zh : __props.sig.feature_en) || unref(t)("sig.other")), 1)
             ]),
             _: 1
           })
         ]),
         createElementVNode("div", _hoisted_3, [
           createVNode(unref(OLink), {
-            href: `https://atomgit.com/${__props.sig.atomgitUrl}`,
+            href: __props.sig.git_url,
             target: "_blank",
             "hover-underline": false
           }, {
@@ -86,12 +78,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["href"]),
-          __props.sig.subscribeUrl ? (openBlock(), createBlock(unref(OButton), {
+          __props.sig.subscribe_url ? (openBlock(), createBlock(unref(OButton), {
             key: 0,
             size: "medium",
             color: "primary",
             round: "pill",
-            href: __props.sig.subscribeUrl,
+            href: __props.sig.subscribe_url,
             target: "_blank"
           }, {
             default: withCtx(() => [
@@ -101,25 +93,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 8, ["href"])) : createCommentVNode("", true)
         ]),
         createElementVNode("div", {
-          title: __props.activeRepo ? "" : __props.sig.description,
+          title: __props.sig.description,
           class: "o-sig-description"
         }, [
-          !__props.activeRepo ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(__props.sig.description), 1)) : (openBlock(), createElementBlock("div", _hoisted_6, [
-            createElementVNode("div", _hoisted_7, toDisplayString(unref(t)("sig.repo")) + ":", 1),
-            createVNode(unref(OLink), {
-              color: "primary",
-              href: `https://atomgit.com/${__props.activeRepo}`,
-              target: "_blank"
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(__props.activeRepo), 1)
-              ]),
-              _: 1
-            }, 8, ["href"])
-          ]))
+          createElementVNode("div", null, toDisplayString(__props.sig.description || "--"), 1)
         ], 8, _hoisted_4),
-        createElementVNode("div", _hoisted_8, [
-          createElementVNode("div", _hoisted_9, [
+        createElementVNode("div", _hoisted_5, [
+          createElementVNode("div", _hoisted_6, [
             createVNode(unref(OIcon), null, {
               default: withCtx(() => [
                 createVNode(unref(IconSigSpace))
@@ -134,11 +114,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               target: withCtx(() => {
                 var _a;
                 return [
-                  createElementVNode("p", _hoisted_10, toDisplayString(unref(t)("sig.repo")) + " " + toDisplayString((_a = __props.sig.repositories) == null ? void 0 : _a.length), 1)
+                  createElementVNode("p", _hoisted_7, toDisplayString(unref(t)("sig.repo")) + " " + toDisplayString((_a = __props.sig.repositories) == null ? void 0 : _a.length), 1)
                 ];
               }),
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_11, [
+                createElementVNode("div", _hoisted_8, [
                   createVNode(unref(OScroller), {
                     showType: "always",
                     size: "small"
@@ -149,7 +129,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           key: item,
                           class: "o-sig-popup-item",
                           color: "primary",
-                          href: `https://atomgit.com/${item}`,
+                          href: unref(getGitUrl)(item),
                           target: "_blank"
                         }, {
                           default: withCtx(() => {
@@ -170,7 +150,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             })
           ]),
           createVNode(unref(ODivider), { direction: "v" }),
-          createElementVNode("div", _hoisted_12, [
+          createElementVNode("div", _hoisted_9, [
             createVNode(unref(OIcon), null, {
               default: withCtx(() => [
                 createVNode(unref(IconUser))
@@ -185,11 +165,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               target: withCtx(() => {
                 var _a;
                 return [
-                  createElementVNode("p", _hoisted_13, "Maintainer " + toDisplayString((_a = __props.sig.maintainer_info) == null ? void 0 : _a.length), 1)
+                  createElementVNode("p", _hoisted_10, "Maintainer " + toDisplayString((_a = __props.sig.maintainer_info) == null ? void 0 : _a.length), 1)
                 ];
               }),
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_14, [
+                createElementVNode("div", _hoisted_11, [
                   createVNode(unref(OScroller), {
                     showType: "always",
                     size: "small"
@@ -197,16 +177,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     default: withCtx(() => [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(__props.sig.maintainer_info, (item, i) => {
                         return openBlock(), createBlock(unref(OLink), {
-                          key: item.gitee_id,
+                          key: i,
                           class: "o-sig-popup-item",
                           color: "primary",
-                          href: item.email ? `mailto:${item.email}` : void 0,
+                          href: unref(getGitUrl)(item),
                           target: "_blank"
                         }, {
                           default: withCtx(() => {
                             var _a;
                             return [
-                              createTextVNode(toDisplayString(item.gitee_id + lastSeparator(i, (_a = __props.sig.maintainer_info) == null ? void 0 : _a.length)), 1)
+                              createTextVNode(toDisplayString(unref(getGitId)(item) + lastSeparator(i, (_a = __props.sig.maintainer_info) == null ? void 0 : _a.length)), 1)
                             ];
                           }),
                           _: 2

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

@@ -193,36 +193,6 @@
   -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;
@@ -252,36 +222,6 @@
     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;
 }

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

@@ -9,7 +9,7 @@ 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";
+import { getGitId, getGitUrl, 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" };
@@ -100,12 +100,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       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", {
@@ -120,33 +114,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }]),
             style: normalizeStyle({ "--o-sig-detail-member-columns": columnsPerRow.value })
           }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(maintainerData.value, (member, idx) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(maintainerData.value, (member) => {
               return openBlock(), createElementBlock("div", {
-                key: member.gitee_id,
+                key: unref(getGitId)(member),
                 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,
+                    name: unref(getGitId)(member),
                     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_6, toDisplayString(unref(getGitId)(member)), 1),
                     createElementVNode("div", _hoisted_7, toDisplayString(member.name), 1)
                   ])
                 ], 2),
                 createElementVNode("div", _hoisted_8, [
                   createElementVNode("a", {
-                    href: member.user_homepage_url,
+                    href: unref(getGitUrl)(member),
                     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)
+                        unref(detectGitPlatform)(unref(getGitUrl)(member)) === "gitee" ? (openBlock(), createBlock(unref(IconGitee), { key: 0 })) : unref(detectGitPlatform)(unref(getGitUrl)(member)) === "atomgit" ? (openBlock(), createBlock(unref(IconAtomGit), { key: 1 })) : createCommentVNode("", true)
                       ]),
                       _: 2
                     }, 1024)
@@ -198,31 +192,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(committerData.value, (member) => {
               return openBlock(), createElementBlock("div", {
-                key: member.gitee_id,
+                key: unref(getGitId)(member),
                 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,
+                    name: unref(getGitId)(member),
                     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_14, toDisplayString(unref(getGitId)(member)), 1),
                     createElementVNode("div", _hoisted_15, toDisplayString(member.name), 1)
                   ])
                 ], 2),
                 createElementVNode("div", _hoisted_16, [
                   createElementVNode("a", {
-                    href: member.user_homepage_url,
+                    href: unref(getGitUrl)(member),
                     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)
+                        unref(detectGitPlatform)(unref(getGitUrl)(member)) === "gitee" ? (openBlock(), createBlock(unref(IconGitee), { key: 0 })) : unref(detectGitPlatform)(unref(getGitUrl)(member)) === "atomgit" ? (openBlock(), createBlock(unref(IconAtomGit), { key: 1 })) : createCommentVNode("", true)
                       ]),
                       _: 2
                     }, 1024)

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

@@ -6,6 +6,9 @@
     transform: rotate(-180deg);
 }
 }
+.o-sig-detail-repo .o-link-normal {
+  --link-color: var(--o-color-primary1);
+}
 .o-sig-detail-repo .o-sig-detail-repo-table {
   margin-top: 24px;
   --table-edge-padding: calc(var(--table-cell-padding) * 2);
@@ -17,6 +20,15 @@
   table-layout: fixed;
   width: 100%;
 }
+.o-sig-detail-repo .o-sig-detail-repo-table .o-table-inner-table colgroup col:nth-child(1) {
+  width: 20%;
+}
+.o-sig-detail-repo .o-sig-detail-repo-table .o-table-inner-table colgroup col:nth-child(2) {
+  width: 40%;
+}
+.o-sig-detail-repo .o-sig-detail-repo-table .o-table-inner-table colgroup col:nth-child(3) {
+  width: 40%;
+}
 @media (max-width: 840px) {
 .o-sig-detail-repo .o-sig-detail-repo-table {
     margin-top: 12px;
@@ -60,6 +72,9 @@
   display: block;
   word-break: break-all;
 }
+.o-sig-detail-repo .o-sig-detail-repo-table .o-table-body-cell .o-link {
+  display: inline-block;
+}
 .o-sig-detail-repo .o-sig-detail-pagination {
   margin-top: var(--grid-column-gutter);
   display: flex;

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

@@ -2,6 +2,7 @@ import { defineComponent, ref, computed, watch, openBlock, createElementBlock, c
 import { ODataTable, OLink, OPagination } from "@opensig/opendesign";
 import { useI18n } from "../../../i18n/index.mjs";
 import { useScreen } from "@opendesign-plus/composables";
+import { getGitId, getGitUrl } from "./utils.mjs";
 const _hoisted_1 = {
   id: "repositories",
   class: "o-sig-detail-repo"
@@ -28,8 +29,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return props.repositories.filter((item) => {
         var _a, _b, _c, _d, _e;
         if (((_a = conditions.value.repo) == null ? void 0 : _a.length) && !conditions.value.repo.includes(item.repo)) return false;
-        if (((_b = conditions.value.maintainers) == null ? void 0 : _b.length) && !((_c = item.maintainers) == null ? void 0 : _c.some((m) => conditions.value.maintainers.includes(m.user_login)))) return false;
-        if (((_d = conditions.value.committers) == null ? void 0 : _d.length) && !((_e = item.committers) == null ? void 0 : _e.some((c) => conditions.value.committers.includes(c.user_login)))) return false;
+        if (((_b = conditions.value.maintainers) == null ? void 0 : _b.length) && !((_c = item.maintainers) == null ? void 0 : _c.some((m) => conditions.value.maintainers.includes(getGitId(m))))) return false;
+        if (((_d = conditions.value.committers) == null ? void 0 : _d.length) && !((_e = item.committers) == null ? void 0 : _e.some((c) => conditions.value.committers.includes(getGitId(c))))) return false;
         return true;
       });
     });
@@ -45,55 +46,58 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return filteredData.value.slice(0, currentPage.value * pageSize.value);
     });
+    const columns = ref([]);
+    const handleColumns = () => {
+      const repos = props.repositories;
+      columns.value = [
+        {
+          key: "repo",
+          label: t("sig.repositoryName"),
+          filter: {
+            optionsFn: () => repos.map((item) => ({ label: item.repo, value: item.repo })),
+            multiple: false
+          }
+        },
+        {
+          key: "maintainers",
+          label: t("sig.maintainerEn"),
+          filter: {
+            optionsFn: () => uniqueLogins(repos, "maintainers"),
+            multiple: false
+          }
+        },
+        {
+          key: "committers",
+          label: t("sig.committer"),
+          filter: {
+            optionsFn: () => uniqueLogins(repos, "committers"),
+            multiple: false
+          }
+        }
+      ];
+    };
     watch(
       () => props.repositories,
       () => {
         conditions.value = {};
         currentPage.value = 1;
-      }
+        handleColumns();
+      },
+      { deep: true, immediate: true }
     );
     const onConditionUpdate = (payload) => {
       if (payload) {
-        conditions.value = { ...conditions.value, [payload.key]: payload.newVal };
         currentPage.value = 1;
+        conditions.value = { ...conditions.value, [payload.key]: payload.newVal };
       }
     };
     const uniqueLogins = (rows, field) => {
       const set = /* @__PURE__ */ new Set();
       rows.forEach(
-        (item) => (item[field] || []).forEach((p) => p.user_login && set.add(p.user_login))
+        (item) => (item[field] || []).forEach((p) => getGitId(p) && set.add(getGitId(p)))
       );
       return [...set].map((v) => ({ label: v, value: v }));
     };
-    const columns = computed(() => [
-      {
-        key: "repo",
-        label: t("sig.repositoryName"),
-        width: "20%",
-        filter: {
-          optionsFn: () => props.repositories.map((item) => ({ label: item.repo, value: item.repo })),
-          multiple: false
-        }
-      },
-      {
-        key: "maintainers",
-        label: t("sig.maintainerEn"),
-        width: "40%",
-        filter: {
-          optionsFn: () => uniqueLogins(props.repositories, "maintainers"),
-          multiple: false
-        }
-      },
-      {
-        key: "committers",
-        label: t("sig.committer"),
-        width: "40%",
-        filter: {
-          optionsFn: () => uniqueLogins(props.repositories, "committers"),
-          multiple: false
-        }
-      }
-    ]);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("h2", _hoisted_2, toDisplayString(unref(t)("sig.repoList", { count: filteredData.value.length })), 1),
@@ -104,13 +108,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           border: "row-frame",
           data: repositoryList.value,
           "row-key": "repo",
+          "min-table-width": 600,
           onConditionUpdate
         }, {
           td_repo: withCtx(({ row }) => [
             createVNode(unref(OLink), {
               target: "_blank",
               rel: "noopener noreferrer",
-              href: `https://atomgit.com/${row.repo}`
+              href: unref(getGitUrl)(row.repo)
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(row.repo), 1)
@@ -121,13 +126,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           td_maintainers: withCtx(({ row }) => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(row.maintainers, (item, index) => {
               return openBlock(), createBlock(unref(OLink), {
-                key: item.user_login,
                 target: "_blank",
+                key: index,
                 rel: "noopener noreferrer",
-                href: item.user_homepage_url
+                href: unref(getGitUrl)(item)
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(item.user_login) + " ", 1),
+                  createTextVNode(toDisplayString(unref(getGitId)(item)) + " ", 1),
                   withDirectives(createElementVNode("span", null, toDisplayString(unref(locale) === "zh" ? "、" : ", "), 513), [
                     [vShow, index !== row.maintainers.length - 1]
                   ])
@@ -141,13 +146,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             return [
               ((_a = row.committers) == null ? void 0 : _a.length) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(row.committers, (item, index) => {
                 return openBlock(), createBlock(unref(OLink), {
-                  key: item.user_login,
+                  key: index,
                   target: "_blank",
                   rel: "noopener noreferrer",
-                  href: item.user_homepage_url
+                  href: unref(getGitUrl)(item)
                 }, {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(item.user_login) + " ", 1),
+                    createTextVNode(toDisplayString(unref(getGitId)(item)) + " ", 1),
                     withDirectives(createElementVNode("span", null, toDisplayString(unref(locale) === "zh" ? "、" : ", "), 513), [
                       [vShow, index !== row.committers.length - 1]
                     ])

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

@@ -6,6 +6,11 @@
     transform: rotate(-180deg);
 }
 }
+.o-sig-detail-contribute .o-input {
+  --_box-bg-color: var(--o-color-fill2);
+  --_box-bg-color-hover: var(--o-color-fill2);
+  --_box-bg-color-focus: var(--o-color-fill2);
+}
 .o-sig-detail-contribute .o-sig-detail-contribute-title {
   font-weight: 600;
   font-size: 20px;
@@ -194,13 +199,31 @@
 .o-sig-detail-contribute .o-table {
   margin-top: var(--o-gap-3);
 }
+.o-sig-detail-contribute .o-table .o-scroller-container {
+  min-width: 0;
+}
 .o-sig-detail-contribute .o-table table {
   display: table;
   width: 100%;
+  table-layout: fixed;
+}
+.o-sig-detail-contribute .o-table table colgroup col:nth-child(1) {
+  width: 80px;
+}
+.o-sig-detail-contribute .o-table table colgroup col:nth-child(2) {
+  width: 180px;
+}
+@media (max-width: 840px) {
+.o-sig-detail-contribute .o-table table colgroup col:nth-child(2) {
+    width: 120px;
+}
 }
 .o-sig-detail-contribute .o-table thead::after {
   display: none;
 }
+.o-sig-detail-contribute .o-table .o-table-cell__inner-content {
+  word-break: keep-all;
+}
 .o-sig-detail-contribute .user-id-link {
   display: flex;
   flex-wrap: nowrap;
@@ -222,6 +245,7 @@
   min-width: 0;
 }
 .o-sig-detail-contribute .o-sig-detail-contribute-cell {
+  width: 100%;
   display: flex;
   align-items: center;
   flex-wrap: nowrap;

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

@@ -1,10 +1,11 @@
 import { defineComponent, computed, ref, onMounted, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, withCtx, normalizeClass, Fragment, renderList, createTextVNode, createBlock, createCommentVNode, normalizeStyle } from "vue";
-import { OCard, OForm, OFormItem, ORadioGroup, ORadio, OToggle, ODateRangePicker, OInput, OIcon, OIconSearch, OCheckboxGroup, OCheckbox, OTable, OProgress, OLink, OPagination } from "@opensig/opendesign";
+import { OCard, OForm, OFormItem, ORadioGroup, ORadio, OToggle, ODateRangePicker, OInput, OIcon, OIconSearch, OCheckboxGroup, OCheckbox, ODataTable, OProgress, OLink, OPagination } from "@opensig/opendesign";
 import { refDebounced } from "@vueuse/core";
 import { useI18n } from "../../../i18n/index.mjs";
 import { useScreen } from "@opendesign-plus/composables";
 import _sfc_main$1 from "../../common/TooltipText.vue.mjs";
 import '../../common/TooltipText.css';
+import { getGitUrl, getGitId } from "./utils.mjs";
 const _hoisted_1 = { class: "o-sig-detail-contribute" };
 const _hoisted_2 = { class: "o-sig-floor-title" };
 const _hoisted_3 = { class: "o-sig-detail-contribute-title" };
@@ -79,8 +80,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const columns = computed(() => {
       return [
-        { key: "number", label: t("sig.NUMBER"), style: { width: "60px" } },
-        { key: "user_login", label: "GitCode ID", style: { width: isPhone.value ? "100px" : "180px" } },
+        { key: "idx", label: t("sig.NUMBER") },
+        { key: "user_login", label: "GitCode ID" },
         { key: "contribute", label: typeLabel.value }
       ];
     });
@@ -256,14 +257,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 1
               }, 8, ["modelValue"])
             ]),
-            createVNode(unref(OTable), {
+            createVNode(unref(ODataTable), {
               data: displayContributionData.value,
               columns: columns.value,
+              size: "small",
               border: "row-frame",
-              small: ""
+              "min-table-width": 600
             }, {
-              td_number: withCtx(({ rowIndex }) => [
-                createElementVNode("span", null, toDisplayString(rowIndex + 1), 1)
+              td_idx: withCtx(({ index }) => [
+                createElementVNode("span", null, toDisplayString(index + 1), 1)
               ]),
               td_user_login: withCtx(({ row }) => [
                 createVNode(unref(OLink), {
@@ -271,7 +273,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   color: "primary",
                   target: "_blank",
                   rel: "noopener noreferrer",
-                  href: row.userLink
+                  href: unref(getGitUrl)(row)
                 }, {
                   icon: withCtx(() => [
                     createElementVNode("div", {
@@ -282,7 +284,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   default: withCtx(() => [
                     createVNode(_sfc_main$1, null, {
                       default: withCtx(() => [
-                        createTextVNode(toDisplayString(row.user_login), 1)
+                        createTextVNode(toDisplayString(unref(getGitId)(row)), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -306,7 +308,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }),
-        filterData.value.length ? (openBlock(), createBlock(unref(OPagination), {
+        pageSize.value < filterData.value.length ? (openBlock(), createBlock(unref(OPagination), {
           key: 0,
           total: filterData.value.length,
           "page-sizes": pageSizes,