@opendesign-plus-test/components 0.0.1-rc.131 → 0.0.1-rc.132

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

@@ -6,297 +6,6 @@
     transform: rotate(-180deg);
 }
 }
-:root {
-  --el-color-primary: var(--o-color-primary1);
-  --el-border-color: var(--o-color-control1);
-  --el-input-placeholder-color: var(--el-text-color-placeholder);
-  --el-input-hover-border-color: var(--el-border-color-hover);
-  --el-input-clear-hover-color: var(--el-text-color-secondary);
-  --el-component-size-large: 36px;
-}
-@media (max-width: 840px) {
-:root {
-    --el-component-size-large: var(--o-control_size-l);
-}
-}
-:root .el-date-editor.el-date-editor--daterange {
-  padding: 0 13px 0 15px;
-}
-:root .el-date-editor.el-date-editor--timerange {
-  padding: 0 16px;
-}
-:root .el-date-editor input {
-  text-align: left;
-  font-size: 16px;
-  line-height: 24px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-:root .el-date-editor input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-:root .el-date-editor input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-:root .el-date-editor input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) {
-:root .el-date-editor input {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-:root .el-date-editor input {
-    font-size: 18px;
-    line-height: 26px;
-}
-}
-@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
-:root .el-date-editor input {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
-:root .el-date-editor input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
-:root .el-date-editor input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) and (max-width: 600px) {
-:root .el-date-editor input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-:root .el-date-editor .el-select__wrapper {
-  gap: 0;
-}
-:root .el-date-editor .el-input__wrapper .el-input__prefix {
-  order: 1;
-  font-size: 16px;
-}
-:root .el-date-editor .el-input__icon {
-  height: 100%;
-  order: 1;
-  font-size: 24px;
-  margin-right: 2px;
-  color: var(--o-color-info1);
-  background-color: var(--o-color-info2);
-  mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiAgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik02LjQ2MyA0Ljk3NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDQuNDcxYS4xNC4xNCAwIDAgMC0uMTMuMDkzbC0uMDA3LjA0M3YxLjg1NmgxNS4zMjlsLjAwMS0xLjg1NmEuMTQuMTQgMCAwIDAtLjA5My0uMTNsLS4wNDMtLjAwN2gtMi4wNTVhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNmgyLjA1NWMuODAxIDAgMS40Ni42MTQgMS41MyAxLjM5N2wuMDA2LjE0djEyLjM1OWMwIC44MDEtLjYxNCAxLjQ2LTEuMzk3IDEuNTNsLS4xNC4wMDZINC40N2MtLjgwMSAwLTEuNDYtLjYxNC0xLjUzLTEuMzk3bC0uMDA2LS4xNFY2LjUxMWMwLS44MDEuNjE0LTEuNDYgMS4zOTctMS41M2wuMTQtLjAwNnptMTMuMjAxIDQuNzkySDQuMzM1djkuMTAzYzAgLjA2LjAzOS4xMTEuMDkzLjEzbC4wNDMuMDA3aDE1LjA1N2MuMDYgMCAuMTExLS4wMzkuMTMtLjA5M2wuMDA3LS4wNDMtLjAwMS05LjEwM3ptLTMuNDgyIDUuNjYzYS43LjcgMCAwIDEgLjA5NSAxLjM5NGwtLjA5NS4wMDZINy44MTdhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNnptMC0zLjM0NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDcuODE3YS43LjcgMCAwIDEtLjA5NS0xLjM5NGwuMDk1LS4wMDZ6bS0uNjk2LTguNDY3Yy4zNTQgMCAuNjQ3LjI2My42OTQuNjA1bC4wMDYuMDk1djIuODA0YS43LjcgMCAwIDEtMS4zOTQuMDk1bC0uMDA2LS4wOTVWNC4zMThhLjcuNyAwIDAgMSAuNy0uN20tNi45MzctLjAyNmMuMzU0IDAgLjY0Ny4yNjMuNjk0LjYwNWwuMDA2LjA5NXYyLjgwNGEuNy43IDAgMCAxLTEuMzk0LjA5NWwtLjAwNi0uMDk1VjQuMjkyYS43LjcgMCAwIDEgLjctLjdtNC45NDYgMS4zODRhLjcuNyAwIDAgMSAuMDk1IDEuMzk0bC0uMDk1LjAwNkgxMC41M2EuNy43IDAgMCAxLS4wOTUtMS4zOTRsLjA5NS0uMDA2eiI+PC9wYXRoPgo8L3N2Zz4=") no-repeat center;
-  background-size: 24px;
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-:root .el-date-editor .el-input__icon svg {
-  display: none;
-}
-:root .el-popper .el-popper__arrow {
-  display: none;
-}
-:root .el-popper .el-picker-panel {
-  --cell-row-gap: 6px;
-  --cell-radius: var(--o-radius-xs);
-  color: var(--o-color-info1);
-}
-:root .el-popper .el-picker-panel .el-date-picker__header {
-  padding: 12px 24px;
-  height: 48px;
-  border-bottom: 1px solid var(--o-color-control4);
-}
-:root .el-popper .el-picker-panel .el-date-picker__header .el-date-picker__header-label {
-  font-weight: 500;
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table th {
-  border-bottom: none;
-  height: 24px;
-  color: inherit;
-  padding: 0 0 var(--cell-row-gap);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td {
-  padding: var(--cell-row-gap) 0px;
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td .el-date-table-cell {
-  padding: 0;
-  height: 24px;
-  line-height: 22px;
-  border: 1px solid transparent;
-  border-radius: var(--cell-radius);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td:hover:not(.disabled) .el-date-table-cell {
-  border-color: var(--o-color-primary1);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.disabled .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.prev-month .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.next-month .el-date-table-cell {
-  background: none;
-  color: var(--o-color-info4);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell {
-  background: var(--o-color-control2-light);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell .el-date-table-cell__text {
-  font-weight: normal;
-  color: var(--o-color-info1);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell {
-  background: var(--o-color-primary1);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell .el-date-table-cell__text, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell .el-date-table-cell__text, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell .el-date-table-cell__text {
-  background: none;
-  color: #fff;
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover) .el-date-table-cell {
-  border-radius: 0;
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).start-date .el-date-table-cell {
-  border-radius: var(--cell-radius);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).end-date .el-date-table-cell {
-  border-radius: var(--cell-radius);
-}
-:root .el-input {
-  --el-border-color: var(--o-color-control1);
-  --el-input-border-color: var(--o-color-control1);
-  --el-input-hover-border-color: var(--o-color-primary2);
-  --el-input-focus-border-color: var(--o-color-primary3);
-}
-:root .el-table {
-  --el-table-border-color: var(--o-color-control4) ;
-}
-:root .el-input__wrapper {
-  background: var(--o-color-fill2);
-  box-shadow: none;
-  border: 1px solid var(--el-input-border-color);
-}
-:root .el-date-editor.is-focus .el-input__wrapper {
-  box-shadow: none;
-  --el-input-border-color: var(--o-color-primary3);
-}
-:root .el-date-editor:hover .el-input__wrapper {
-  box-shadow: none;
-  --el-input-border-color: var(--o-color-primary2);
-}
-:root .el-date-editor.el-input__wrapper:hover {
-  box-shadow: none;
-  --el-input-border-color: var(--o-color-primary2);
-}
-:root .el-date-editor.el-input__wrapper.is-active {
-  --el-input-border-color: var(--o-color-primary3);
-}
-:root .el-select__wrapper {
-  background: var(--o-color-fill2);
-}
-:root .el-calendar .el-calendar-table {
-  width: 100%;
-}
-:root .el-calendar .el-calendar-table th {
-  color: var(--o-color-info3);
-  font-weight: 400;
-  padding: 4px 0 16px 0;
-  text-align: center;
-}
-:root .el-calendar .el-calendar-table td.prev .date-calender, :root .el-calendar .el-calendar-table td.next .date-calender {
-  color: var(--o-color-info4);
-}
-:root .el-select .el-select__placeholder {
-  font-size: 16px;
-  line-height: 24px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-:root .el-select .el-select__placeholder {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-:root .el-select .el-select__placeholder {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-:root .el-select .el-select__placeholder {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) {
-:root .el-select .el-select__placeholder {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-:root .el-select .el-select__placeholder {
-    font-size: 18px;
-    line-height: 26px;
-}
-}
-@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
-:root .el-select .el-select__placeholder {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
-:root .el-select .el-select__placeholder {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
-:root .el-select .el-select__placeholder {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) and (max-width: 600px) {
-:root .el-select .el-select__placeholder {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-:root .el-input-number {
-  --el-component-size-large: 34px;
-}
-@media (max-width: 840px) {
-:root .el-input-number {
-    --el-component-size-large: calc(var(--o-control_size-l) - 2px);
-}
-}
-:root .el-input-number .el-input__wrapper:hover {
-  --el-input-border-color: var(--o-color-primary2);
-}
-:root .el-input-number .el-input__wrapper.is-focus {
-  --el-input-border-color: var(--o-color-primary3);
-}
-:root .el-input-number .el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper,
-:root .el-input-number .el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper {
-  box-shadow: none;
-}
-:root .el-input-number .el-input__wrapper {
-  box-shadow: none;
-}
-:root .el-input-number .el-input__wrapper.is-focus {
-  box-shadow: none;
-}
-:root .el-input-number.el-input-number--large {
-  line-height: var(--el-component-size-large);
-}
 .o-sig-detail-contribute .o-sig-detail-contribute-title {
   font-weight: 600;
   font-size: 20px;
@@ -376,15 +85,31 @@
 }
 @media (max-width: 1200px) {
 .o-sig-detail-contribute .o-form {
-    --form-item-gap: var(--o-gap-3);
+    --form-item-gap: var(--o-gap-2);
 }
 }
 .o-sig-detail-contribute .o-form .o-form-item-label {
   --form-label-width: 4em;
+  margin-bottom: 0;
+  margin-top: 0;
+  line-height: 32px;
+}
+@media (max-width: 600px) {
+.o-sig-detail-contribute .o-form .o-form-item-label {
+    line-height: 1.5;
+}
+}
+.o-sig-detail-contribute .o-form .contribute-type-item {
+  margin-bottom: calc(var(--form-item-gap) - var(--o-gap-2));
+}
+@media (max-width: 600px) {
+.o-sig-detail-contribute .o-form .comment-type-item .o-form-item-label {
+    display: none;
+}
 }
 @media (max-width: 600px) {
 .o-sig-detail-contribute .o-form .o-form-item-main {
-    margin-top: 0;
+    margin-top: var(--o-gap-2);
 }
 }
 .o-sig-detail-contribute .o-form .o-toggle {
@@ -400,7 +125,7 @@
   margin-right: var(--o-gap-2);
   margin-bottom: var(--o-gap-2);
 }
-.o-sig-detail-contribute .o-form .el-date-editor {
+.o-sig-detail-contribute .o-form .o-date-range-picker {
   width: 100%;
   max-width: 280px;
 }
@@ -416,19 +141,20 @@
 }
 @media (max-width: 600px) {
 .o-sig-detail-contribute .o-sig-detail-contribute-input-filter {
-    flex-direction: row;
-    flex-wrap: wrap;
+    gap: var(--o-gap-2);
+    flex-direction: column;
+    align-items: flex-start;
 }
 }
 .o-sig-detail-contribute .o-sig-detail-contribute-input-filter .o-input {
-  flex-grow: 1;
-  flex-shrink: 1;
-  flex-basis: 320px;
+  flex: 1;
+  max-width: 320px;
+  width: 100%;
   --_box-height: 32px;
 }
 @media (max-width: 600px) {
 .o-sig-detail-contribute .o-sig-detail-contribute-input-filter .o-input {
-    flex: 1 0 100%;
+    max-width: 100%;
 }
 }
 .o-sig-detail-contribute .o-sig-detail-contribute-input-filter .o-input .o_input-prefix .o-icon {
@@ -452,10 +178,11 @@
   align-items: center;
 }
 .o-sig-detail-contribute .o-sig-detail-contribute-input-filter .o-sig-detail-contribute-user-type .o-sig-detail-contribute-user-type-label {
-  color: rgba(0, 0, 0, 0.6);
+  color: var(--o-color-info3);
   font-size: 12px;
   line-height: 18px;
   margin-bottom: 0;
+  margin-top: 0;
 }
 .o-sig-detail-contribute .o-sig-detail-contribute-dot {
   display: inline-block;
@@ -464,12 +191,25 @@
   border-radius: 2px;
   margin-right: var(--o-gap-2);
 }
-.o-sig-detail-contribute .el-table {
-  margin-top: var(--o-gap-5);
+.o-sig-detail-contribute .o-table {
+  margin-top: var(--o-gap-3);
+}
+.o-sig-detail-contribute .o-table table {
+  display: table;
+  width: 100%;
+}
+.o-sig-detail-contribute .o-table thead::after {
+  display: none;
 }
 .o-sig-detail-contribute .user-id-link {
   display: flex;
   flex-wrap: nowrap;
+  width: 180px;
+}
+@media (max-width: 840px) {
+.o-sig-detail-contribute .user-id-link {
+    width: 120px;
+}
 }
 .o-sig-detail-contribute .user-id-link .o-sig-detail-contribute-dot {
   border-radius: 50%;
@@ -478,14 +218,8 @@
 }
 .o-sig-detail-contribute .user-id-link .o-link-main {
   margin-top: 0;
-}
-.o-sig-detail-contribute .user-id-link .o-link-label {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  word-break: break-all;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
+  flex: 1;
+  min-width: 0;
 }
 .o-sig-detail-contribute .o-sig-detail-contribute-cell {
   display: flex;
@@ -496,12 +230,10 @@
 .o-sig-detail-contribute .o-sig-detail-contribute-cell .o-sig-detail-contribute-data {
   flex-shrink: 0;
 }
-.o-sig-detail-contribute .o-sig-detail-contribute-cell .el-progress {
+.o-sig-detail-contribute .o-sig-detail-contribute-cell .o-progress {
   flex-grow: 1;
   margin-left: var(--o-gap-2);
-}
-.o-sig-detail-contribute .o-sig-detail-contribute-cell .el-progress .el-progress-bar__outer {
-  height: var(--o-gap-2) !important;
+  --progress-track-bg-color: transparent;
 }
 .o-sig-detail-contribute .o-pagination {
   margin-top: var(--grid-column-gutter);

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

@@ -1,13 +1,10 @@
 import { defineComponent, computed, ref, onMounted, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, withCtx, normalizeClass, Fragment, renderList, createTextVNode, createBlock, createCommentVNode, normalizeStyle } from "vue";
-import { ElDatePicker, ElTable, ElTableColumn, ElProgress } from "element-plus";
-import "element-plus/es/components/date-picker/style/css";
-import "element-plus/es/components/table/style/css";
-import "element-plus/es/components/table-column/style/css";
-import "element-plus/es/components/progress/style/css";
-import { OCard, OForm, OFormItem, ORadioGroup, ORadio, OToggle, OInput, OIcon, OIconSearch, OCheckboxGroup, OCheckbox, OLink, OPagination } from "@opensig/opendesign";
+import { OCard, OForm, OFormItem, ORadioGroup, ORadio, OToggle, ODateRangePicker, OInput, OIcon, OIconSearch, OCheckboxGroup, OCheckbox, OTable, 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';
 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" };
@@ -52,14 +49,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { label: t("sig.commentCommand"), value: "command" }
     ];
     const typeLabel = computed(() => findOpt(contributeType.value, contributionTypeOptions, "alias"));
-    const dateRange = ref([new Date((/* @__PURE__ */ new Date()).getFullYear(), 0, 1), /* @__PURE__ */ new Date()]);
+    const startDate = ref((/* @__PURE__ */ new Date("2024-11-01")).getTime());
+    const endDate = ref(Date.now());
     const contributionData = ref([]);
     const changeContributeType = () => {
       commentType.value = "";
       getData();
     };
     const getData = async () => {
-      var _a;
       if (!props.getDataRequest) return;
       page.value = 1;
       const params = {
@@ -68,10 +65,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         community: "TODO",
         comment_type: commentType.value
       };
-      if (((_a = dateRange.value) == null ? void 0 : _a.length) === 2) {
+      if (startDate.value && endDate.value) {
         Object.assign(params, {
-          start: dateRange.value[0].getTime(),
-          end: dateRange.value[1].getTime()
+          start: Number(startDate.value),
+          end: Number(endDate.value)
         });
       }
       contributionData.value = await props.getDataRequest(params) || [];
@@ -80,6 +77,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (contributionData.value.length === 0) return 0;
       return Math.max(...contributionData.value.map((d) => d.contribute));
     });
+    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: "contribute", label: typeLabel.value }
+      ];
+    });
     const page = ref(1);
     const pageSize = ref(10);
     const pageSizes = [10, 15, 30, 50];
@@ -121,7 +125,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 createVNode(unref(OFormItem), {
                   label: unref(t)("sig.METRIC"),
-                  field: "contributeType"
+                  field: "contributeType",
+                  class: "contribute-type-item"
                 }, {
                   default: withCtx(() => [
                     createVNode(unref(ORadioGroup), {
@@ -155,7 +160,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 contributeType.value === "comment" ? (openBlock(), createBlock(unref(OFormItem), {
                   key: 0,
                   label: "",
-                  field: "commentType"
+                  field: "commentType",
+                  class: "comment-type-item"
                 }, {
                   default: withCtx(() => [
                     createVNode(unref(ORadioGroup), {
@@ -186,15 +192,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   field: "dateRange"
                 }, {
                   default: withCtx(() => [
-                    createVNode(unref(ElDatePicker), {
-                      modelValue: dateRange.value,
-                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => dateRange.value = $event),
-                      type: "daterange",
-                      "range-separator": "-",
-                      "start-placeholder": unref(t)("sig.startDate"),
-                      "end-placeholder": unref(t)("sig.endDate"),
+                    createVNode(unref(ODateRangePicker), {
+                      start: startDate.value,
+                      "onUpdate:start": _cache[2] || (_cache[2] = ($event) => startDate.value = $event),
+                      end: endDate.value,
+                      "onUpdate:end": _cache[3] || (_cache[3] = ($event) => endDate.value = $event),
+                      clearable: "",
+                      "placeholder-start": unref(t)("sig.startDate"),
+                      "placeholder-end": unref(t)("sig.endDate"),
                       onChange: getData
-                    }, null, 8, ["modelValue", "start-placeholder", "end-placeholder"])
+                    }, null, 8, ["start", "end", "placeholder-start", "placeholder-end"])
                   ]),
                   _: 1
                 }, 8, ["label"])
@@ -209,7 +216,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_5, [
               createVNode(unref(OInput), {
                 modelValue: searchGitcodeId.value,
-                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => searchGitcodeId.value = $event),
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => searchGitcodeId.value = $event),
                 placeholder: unref(t)("sig.contributePlaceholder"),
                 onInput: changeInput
               }, {
@@ -225,7 +232,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, 8, ["modelValue", "placeholder"]),
               createVNode(unref(OCheckboxGroup), {
                 modelValue: userType.value,
-                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => userType.value = $event)
+                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => userType.value = $event)
               }, {
                 default: withCtx(() => [
                   (openBlock(), createElementBlock(Fragment, null, renderList(userTypeOptions, (item) => {
@@ -249,63 +256,53 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 1
               }, 8, ["modelValue"])
             ]),
-            createVNode(unref(ElTable), {
+            createVNode(unref(OTable), {
               data: displayContributionData.value,
-              "header-cell-style": { backgroundColor: "rgb(232, 232, 235)", color: "#000", fontWeight: "500" }
+              columns: columns.value,
+              border: "row-frame",
+              small: ""
             }, {
-              default: withCtx(() => [
-                createVNode(unref(ElTableColumn), {
-                  label: unref(t)("sig.NUMBER"),
-                  width: "60"
+              td_number: withCtx(({ rowIndex }) => [
+                createElementVNode("span", null, toDisplayString(rowIndex + 1), 1)
+              ]),
+              td_user_login: withCtx(({ row }) => [
+                createVNode(unref(OLink), {
+                  class: "user-id-link",
+                  color: "primary",
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  href: row.userLink
                 }, {
-                  default: withCtx(({ $index }) => [
-                    createElementVNode("span", null, toDisplayString($index + 1), 1)
+                  icon: withCtx(() => [
+                    createElementVNode("div", {
+                      class: "o-sig-detail-contribute-dot",
+                      style: normalizeStyle({ backgroundColor: getColor(row.usertype) })
+                    }, null, 4)
                   ]),
-                  _: 1
-                }, 8, ["label"]),
-                createVNode(unref(ElTableColumn), {
-                  label: "GitCode ID",
-                  width: "180"
-                }, {
-                  default: withCtx(({ row }) => [
-                    createVNode(unref(OLink), {
-                      class: "user-id-link",
-                      color: "primary",
-                      target: "_blank",
-                      rel: "noopener noreferrer",
-                      href: row.userLink
-                    }, {
-                      icon: withCtx(() => [
-                        createElementVNode("div", {
-                          class: "o-sig-detail-contribute-dot",
-                          style: normalizeStyle({ backgroundColor: getColor(row.usertype) })
-                        }, null, 4)
-                      ]),
+                  default: withCtx(() => [
+                    createVNode(_sfc_main$1, null, {
                       default: withCtx(() => [
-                        createTextVNode(" " + toDisplayString(row.user_login), 1)
+                        createTextVNode(toDisplayString(row.user_login), 1)
                       ]),
                       _: 2
-                    }, 1032, ["href"])
-                  ]),
-                  _: 1
-                }),
-                createVNode(unref(ElTableColumn), { label: typeLabel.value }, {
-                  default: withCtx(({ row }) => [
-                    createElementVNode("div", _hoisted_8, [
-                      createElementVNode("span", _hoisted_9, toDisplayString(row.contribute), 1),
-                      row.contribute > 0 ? (openBlock(), createBlock(unref(ElProgress), {
-                        key: 0,
-                        "show-text": false,
-                        color: getColor(row.usertype),
-                        percentage: Math.floor(row.contribute * 100 / maxContributionNum.value)
-                      }, null, 8, ["color", "percentage"])) : createCommentVNode("", true)
-                    ])
+                    }, 1024)
                   ]),
-                  _: 1
-                }, 8, ["label"])
+                  _: 2
+                }, 1032, ["href"])
+              ]),
+              td_contribute: withCtx(({ row }) => [
+                createElementVNode("div", _hoisted_8, [
+                  createElementVNode("span", _hoisted_9, toDisplayString(row.contribute), 1),
+                  row.contribute > 0 ? (openBlock(), createBlock(unref(OProgress), {
+                    key: 0,
+                    "show-label": false,
+                    percentage: Math.floor(row.contribute * 100 / maxContributionNum.value),
+                    style: normalizeStyle({ "--progress-bar-bg-color": getColor(row.usertype) })
+                  }, null, 8, ["percentage", "style"])) : createCommentVNode("", true)
+                ])
               ]),
               _: 1
-            }, 8, ["data"])
+            }, 8, ["data", "columns"])
           ]),
           _: 1
         }),
@@ -314,9 +311,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           total: filterData.value.length,
           "page-sizes": pageSizes,
           page: page.value,
-          "onUpdate:page": _cache[5] || (_cache[5] = ($event) => page.value = $event),
+          "onUpdate:page": _cache[6] || (_cache[6] = ($event) => page.value = $event),
           "page-size": pageSize.value,
-          "onUpdate:pageSize": _cache[6] || (_cache[6] = ($event) => pageSize.value = $event),
+          "onUpdate:pageSize": _cache[7] || (_cache[7] = ($event) => pageSize.value = $event),
           "show-total": "",
           simple: unref(lePadV)
         }, null, 8, ["total", "page", "page-size", "simple"])) : createCommentVNode("", true)

package/dist/treeshaking/components/sig/types.d.ts

@@ -166,4 +166,5 @@ export interface SigContributeItemT {
     usertype: string;
     contribute: number;
     userLink: string;
+    [key: string]: unknown;
 }