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

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

@@ -0,0 +1,108 @@
+.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-repo .o-sig-detail-repo-table {
+  margin-top: 24px;
+  --table-edge-padding: calc(var(--table-cell-padding) * 2);
+}
+.o-sig-detail-repo .o-sig-detail-repo-table .o-scroller-container {
+  min-width: 0;
+}
+.o-sig-detail-repo .o-sig-detail-repo-table .o-table-inner-table {
+  table-layout: fixed;
+  width: 100%;
+}
+@media (max-width: 840px) {
+.o-sig-detail-repo .o-sig-detail-repo-table {
+    margin-top: 12px;
+    --table-cell-padding: 8px 12px;
+}
+.o-sig-detail-repo .o-sig-detail-repo-table td,
+  .o-sig-detail-repo .o-sig-detail-repo-table th {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
+.o-sig-detail-repo .o-sig-detail-repo-table td,
+  .o-sig-detail-repo .o-sig-detail-repo-table th {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
+.o-sig-detail-repo .o-sig-detail-repo-table td,
+  .o-sig-detail-repo .o-sig-detail-repo-table th {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
+.o-sig-detail-repo .o-sig-detail-repo-table td,
+  .o-sig-detail-repo .o-sig-detail-repo-table th {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 840px) and (max-width: 600px) {
+.o-sig-detail-repo .o-sig-detail-repo-table td,
+  .o-sig-detail-repo .o-sig-detail-repo-table th {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-sig-detail-repo .o-sig-detail-repo-table .o-table-body-cell .o-table-cell__inner {
+  display: block;
+  word-break: break-all;
+}
+.o-sig-detail-repo .o-sig-detail-pagination {
+  margin-top: var(--grid-column-gutter);
+  display: flex;
+  justify-content: flex-end;
+}
+.o-sig-detail-repo .o-sig-detail-get-more {
+  cursor: pointer;
+  margin-top: 12px;
+  display: flex;
+  justify-content: center;
+  color: var(--o-color-info3);
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-sig-detail-repo .o-sig-detail-get-more {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-sig-detail-repo .o-sig-detail-get-more {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-sig-detail-repo .o-sig-detail-get-more {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.o-sig-detail-repo .o-sig-detail-get-more {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-sig-detail-repo .o-sig-detail-get-more .o-icon {
+  margin-left: 8px;
+  font-size: var(--o-icon_size-xs);
+  transition: transform 0.3s;
+}
+.o-sig-detail-repo .o-sig-detail-reversal {
+  transform: rotate(180deg);
+}

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

@@ -0,0 +1,8 @@
+import { SigRepoEntryT } from '../types';
+interface SigRepoPropsT {
+    repositories?: SigRepoEntryT[];
+}
+declare const _default: import('vue').DefineComponent<SigRepoPropsT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SigRepoPropsT> & Readonly<{}>, {
+    repositories: SigRepoEntryT[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,181 @@
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createVNode, withCtx, Fragment, renderList, createBlock, createTextVNode, withDirectives, vShow, createCommentVNode } from "vue";
+import { ODataTable, OLink, OPagination } from "@opensig/opendesign";
+import { useI18n } from "../../../i18n/index.mjs";
+import { useScreen } from "@opendesign-plus/composables";
+const _hoisted_1 = {
+  id: "repositories",
+  class: "o-sig-detail-repo"
+};
+const _hoisted_2 = { class: "o-sig-detail-repo-title o-sig-floor-title" };
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = {
+  key: 0,
+  class: "o-sig-detail-pagination"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OSigRepo",
+  props: {
+    repositories: { default: () => [] }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t, locale } = useI18n();
+    const { lePadV } = useScreen();
+    const currentPage = ref(1);
+    const pageSize = ref(10);
+    const conditions = ref({});
+    const filteredData = computed(() => {
+      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;
+        return true;
+      });
+    });
+    const repositoryList = computed(() => {
+      if (!lePadV.value) {
+        if (filteredData.value.length > pageSize.value) {
+          return filteredData.value.slice(
+            (currentPage.value - 1) * pageSize.value,
+            currentPage.value * pageSize.value
+          );
+        }
+        return filteredData.value;
+      }
+      return filteredData.value.slice(0, currentPage.value * pageSize.value);
+    });
+    watch(
+      () => props.repositories,
+      () => {
+        conditions.value = {};
+        currentPage.value = 1;
+      }
+    );
+    const onConditionUpdate = (payload) => {
+      if (payload) {
+        conditions.value = { ...conditions.value, [payload.key]: payload.newVal };
+        currentPage.value = 1;
+      }
+    };
+    const uniqueLogins = (rows, field) => {
+      const set = /* @__PURE__ */ new Set();
+      rows.forEach(
+        (item) => (item[field] || []).forEach((p) => p.user_login && set.add(p.user_login))
+      );
+      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),
+        createVNode(unref(ODataTable), {
+          class: "o-sig-detail-repo-table",
+          columns: columns.value,
+          size: "small",
+          border: "row-frame",
+          data: repositoryList.value,
+          "row-key": "repo",
+          onConditionUpdate
+        }, {
+          td_repo: withCtx(({ row }) => [
+            createVNode(unref(OLink), {
+              target: "_blank",
+              rel: "noopener noreferrer",
+              href: `https://atomgit.com/${row.repo}`
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(row.repo), 1)
+              ]),
+              _: 2
+            }, 1032, ["href"])
+          ]),
+          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",
+                rel: "noopener noreferrer",
+                href: item.user_homepage_url
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(item.user_login) + " ", 1),
+                  withDirectives(createElementVNode("span", null, toDisplayString(unref(locale) === "zh" ? "、" : ", "), 513), [
+                    [vShow, index !== row.maintainers.length - 1]
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["href"]);
+            }), 128))
+          ]),
+          td_committers: withCtx(({ row }) => {
+            var _a;
+            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,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  href: item.user_homepage_url
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(item.user_login) + " ", 1),
+                    withDirectives(createElementVNode("span", null, toDisplayString(unref(locale) === "zh" ? "、" : ", "), 513), [
+                      [vShow, index !== row.committers.length - 1]
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["href"]);
+              }), 128)) : (openBlock(), createElementBlock("span", _hoisted_3, "-"))
+            ];
+          }),
+          _: 1
+        }, 8, ["columns", "data"]),
+        filteredData.value.length > pageSize.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          createVNode(unref(OPagination), {
+            page: currentPage.value,
+            "onUpdate:page": _cache[0] || (_cache[0] = ($event) => currentPage.value = $event),
+            "page-size": pageSize.value,
+            "onUpdate:pageSize": _cache[1] || (_cache[1] = ($event) => pageSize.value = $event),
+            layout: ["total", "pagesize", "pager", "jumper"],
+            total: filteredData.value.length,
+            "page-sizes": [10, 20, 30, 40],
+            "show-more": true,
+            simple: unref(lePadV)
+          }, null, 8, ["page", "page-size", "total", "simple"])
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,242 @@
+.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-contribute .o-sig-detail-contribute-title {
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 28px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-sig-detail-contribute .o-sig-detail-contribute-title {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-sig-detail-contribute .o-sig-detail-contribute-title {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-sig-detail-contribute .o-sig-detail-contribute-title {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) {
+.o-sig-detail-contribute .o-sig-detail-contribute-title {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+.o-sig-detail-contribute .o-sig-detail-contribute-desc {
+  color: var(--o-color-info2);
+  font-weight: 400;
+  margin-top: var(--o-gap-2);
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-sig-detail-contribute .o-sig-detail-contribute-desc {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-sig-detail-contribute .o-sig-detail-contribute-desc {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.o-sig-detail-contribute .o-sig-detail-contribute-desc {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.o-sig-detail-contribute .o-sig-detail-contribute-desc {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.o-sig-detail-contribute .o-card + .o-card {
+  margin-top: var(--o-gap-4);
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-sig-detail-contribute .o-card + .o-card {
+    margin-top: var(--o-gap-3);
+}
+}
+@media (max-width: 1200px) {
+.o-sig-detail-contribute .o-card + .o-card {
+    margin-top: var(--o-gap-2);
+}
+}
+.o-sig-detail-contribute .o-form {
+  --form-item-gap: var(--o-gap-4);
+  --form-label-main-gap: var(--o-gap-6);
+}
+@media (max-width: 1200px) {
+.o-sig-detail-contribute .o-form {
+    --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: var(--o-gap-2);
+}
+}
+.o-sig-detail-contribute .o-form .o-toggle {
+  --toggle-size: 32px;
+}
+.o-sig-detail-contribute .o-form.is-en .o-form-item-label {
+  --form-label-width: 9em;
+}
+.o-sig-detail-contribute .o-form .o-radio-group-h {
+  --radio-group-gap: 0;
+}
+.o-sig-detail-contribute .o-form .o-radio-group-h .o-radio {
+  margin-right: var(--o-gap-2);
+  margin-bottom: var(--o-gap-2);
+}
+.o-sig-detail-contribute .o-form .o-date-range-picker {
+  width: 100%;
+  max-width: 280px;
+}
+.o-sig-detail-contribute .o-form-layout-v .o-form-item-main {
+  margin-top: var(--o-gap-3);
+}
+.o-sig-detail-contribute .o-sig-detail-contribute-input-filter {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-direction: row-reverse;
+  gap: var(--grid-column-gutter);
+}
+@media (max-width: 600px) {
+.o-sig-detail-contribute .o-sig-detail-contribute-input-filter {
+    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: 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 {
+    max-width: 100%;
+}
+}
+.o-sig-detail-contribute .o-sig-detail-contribute-input-filter .o-input .o_input-prefix .o-icon {
+  font-size: 16px;
+}
+.o-sig-detail-contribute .o-sig-detail-contribute-input-filter .o-checkbox-group {
+  --checkbox-group-gap: var(--o-gap-4);
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+}
+@media (max-width: 840px) {
+.o-sig-detail-contribute .o-sig-detail-contribute-input-filter .o-checkbox-group {
+    column-gap: var(--checkbox-group-gap);
+}
+.o-sig-detail-contribute .o-sig-detail-contribute-input-filter .o-checkbox-group .o-checkbox {
+    margin-left: 0;
+}
+}
+.o-sig-detail-contribute .o-sig-detail-contribute-input-filter .o-sig-detail-contribute-user-type {
+  display: flex;
+  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: 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;
+  height: 3px;
+  width: 16px;
+  border-radius: 2px;
+  margin-right: var(--o-gap-2);
+}
+.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%;
+  height: 8px;
+  width: 8px;
+}
+.o-sig-detail-contribute .user-id-link .o-link-main {
+  margin-top: 0;
+  flex: 1;
+  min-width: 0;
+}
+.o-sig-detail-contribute .o-sig-detail-contribute-cell {
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+  align-content: center;
+}
+.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 .o-progress {
+  flex-grow: 1;
+  margin-left: var(--o-gap-2);
+  --progress-track-bg-color: transparent;
+}
+.o-sig-detail-contribute .o-pagination {
+  margin-top: var(--grid-column-gutter);
+  display: flex;
+  justify-content: flex-end;
+}

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

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