@opendesign-plus-test/components 0.0.1-rc.152 → 0.0.1-rc.154

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

@@ -10,7 +10,7 @@
   height: 100%;
   background-color: var(--o-color-fill2);
   padding: var(--o-gap-5) var(--o-gap-6);
-  border-radius: var(--o-radius-xs);
+  border-radius: var(--sig-card-radius);
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
 .o-sig-item {
@@ -25,55 +25,67 @@
 @media (max-width: 840px) {
 .o-sig-item {
     padding: var(--o-gap-2) var(--o-gap-3);
+    position: relative;
 }
 }
 .o-sig-item .o-sig-item-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
+  flex-wrap: nowrap;
+  gap: var(--o-r-gap-4);
 }
-.o-sig-item .o-sig-name {
+.o-sig-item .o-sig-item-header .o-sig-name {
   cursor: pointer;
   color: var(--o-color-info1);
   font-weight: 600;
+  min-width: 0;
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
   font-size: 22px;
   line-height: 30px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.o-sig-item .o-sig-name {
+.o-sig-item .o-sig-item-header .o-sig-name {
     font-size: 18px;
     line-height: 26px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.o-sig-item .o-sig-name {
+.o-sig-item .o-sig-item-header .o-sig-name {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.o-sig-item .o-sig-name {
+.o-sig-item .o-sig-item-header .o-sig-name {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (max-width: 600px) {
-.o-sig-item .o-sig-name {
+.o-sig-item .o-sig-item-header .o-sig-name {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (hover: hover) {
-.o-sig-item .o-sig-name:hover {
+.o-sig-item .o-sig-item-header .o-sig-name:hover {
     color: var(--o-color-primary1);
 }
 }
-.o-sig-item .o-sig-type-tag {
+.o-sig-item .o-sig-item-header .o-sig-type-tag {
   --tag-bd-color: var(--o-color-control4);
   --tag-height: 24px;
+  flex-shrink: 0;
 }
 @media (max-width: 1680px) {
-.o-sig-item .o-sig-type-tag {
+.o-sig-item .o-sig-item-header .o-sig-type-tag {
     --tag-height: 20px;
 }
 }
@@ -82,6 +94,11 @@
   align-items: center;
   margin-top: var(--o-gap-2);
 }
+@media (max-width: 840px) {
+.o-sig-item .o-sig-link a:first-child {
+    height: 20px;
+}
+}
 .o-sig-item .o-sig-link .o-sig-source-icon {
   font-size: 24px;
 }
@@ -211,7 +228,6 @@
 @media (max-width: 840px) {
 .o-sig-item .o-sig-description {
     margin-top: var(--o-gap-2);
-    order: 1;
     font-size: 16px;
     line-height: 24px;
 }
@@ -277,7 +293,7 @@
     margin-top: var(--o-gap-3);
 }
 }
-@media (min-width: ) {
+@media (max-width: 1200px) {
 .o-sig-item .o-sig-bottom {
     margin-top: var(--o-gap-2);
 }
@@ -327,361 +343,11 @@
   display: flex;
   align-items: center;
 }
-@media (max-width: 840px) {
-.o-sig-item {
-    position: relative;
-}
-.o-sig-item .o-sig-item-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-}
-.o-sig-item .o-sig-name {
-    cursor: pointer;
-    color: var(--o-color-info1);
-    font-weight: 600;
-    font-size: 22px;
-    line-height: 30px;
-}
-}
-@media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
-.o-sig-item .o-sig-name {
-    font-size: 18px;
-    line-height: 26px;
-}
-}
-@media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
-.o-sig-item .o-sig-name {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
-.o-sig-item .o-sig-name {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (max-width: 840px) and (max-width: 600px) {
-.o-sig-item .o-sig-name {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (max-width: 840px) and (hover: hover) {
-.o-sig-item .o-sig-name:hover {
-    color: var(--o-color-primary1);
-}
-}
-@media (max-width: 840px) {
-.o-sig-item .o-sig-type-tag {
-    --tag-bd-color: var(--o-color-control4);
-    --tag-height: 24px;
-}
-}
-@media (max-width: 840px) and (max-width: 1680px) {
-.o-sig-item .o-sig-type-tag {
-    --tag-height: 20px;
-}
-}
-@media (max-width: 840px) and (max-width: 840px) {
-.o-sig-item .o-sig-type-tag {
-    position: absolute;
-    top: 8px;
-    right: 4px;
-}
-}
-@media (max-width: 840px) {
-.o-sig-item .o-sig-link {
-    display: flex;
-    align-items: center;
-    margin-top: var(--o-gap-2);
-}
-.o-sig-item .o-sig-link a:first-child {
-    height: 24px;
-}
-}
-@media (max-width: 840px) and (max-width: 1680px) {
-.o-sig-item .o-sig-link a:first-child {
-    height: 20px;
-}
-}
-@media (max-width: 840px) {
-.o-sig-item .o-sig-link .o-sig-source-icon {
-    font-size: 24px;
-}
-}
-@media (max-width: 840px) and (max-width: 1680px) {
-.o-sig-item .o-sig-link .o-sig-source-icon {
-    font-size: 20px;
-}
-}
-@media (max-width: 840px) {
-.o-sig-item .o-sig-link .o-sig-source-icon svg {
-    fill: none;
-}
-.o-sig-item .o-sig-link .o-divider {
-    --o-divider-label-gap: 0 8px;
-}
-.o-sig-item .o-sig-link .o-btn {
-    margin-left: var(--o-gap-2);
-}
-.o-sig-item .o-sig-link .mail-link {
-    min-width: 0;
-    flex: 0 1 auto;
-}
-.o-sig-item .o-sig-link .mail-link .tooltip-text-wrapper {
-    min-width: 0;
-    flex: 1;
-}
-}
-@media (max-width: 840px) and (max-width: 840px) {
-.o-sig-item .o-sig-link {
-    margin-top: 8px;
-}
-}
-@media (max-width: 840px) {
-.o-sig-item .o-link {
-    padding: 0;
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
-.o-sig-item .o-link {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
-.o-sig-item .o-link {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
-.o-sig-item .o-link {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 840px) and (max-width: 600px) {
-.o-sig-item .o-link {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 840px) {
-.o-sig-item .o-link .o-link-label {
-    display: flex;
-}
-}
-@media (max-width: 840px) and (max-width: 840px) {
-.o-sig-item .o-link {
-    font-size: 18px;
-    line-height: 26px;
-}
-}
-@media (max-width: 840px) and (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
-.o-sig-item .o-link {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (max-width: 840px) and (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
-.o-sig-item .o-link {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 840px) and (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
-.o-sig-item .o-link {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 840px) and (max-width: 840px) and (max-width: 600px) {
-.o-sig-item .o-link {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 840px) {
-.o-sig-item .o-sig-description {
-    margin-top: var(--o-gap-2);
-    color: var(--o-color-info2);
-    height: 44px;
-    font-weight: 400;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    word-break: break-all;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
-.o-sig-item .o-sig-description {
-    font-size: 14px;
-    line-height: 18px;
-}
-}
-@media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
-.o-sig-item .o-sig-description {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
-.o-sig-item .o-sig-description {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 840px) and (max-width: 600px) {
-.o-sig-item .o-sig-description {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 840px) and (max-width: 1680px) {
-.o-sig-item .o-sig-description {
-    height: 36px;
-}
-}
-@media (max-width: 840px) and (max-width: 840px) {
-.o-sig-item .o-sig-description {
-    margin-top: 6px;
-    order: 1;
-    height: auto;
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (max-width: 840px) and (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
-.o-sig-item .o-sig-description {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 840px) and (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
-.o-sig-item .o-sig-description {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 840px) and (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
-.o-sig-item .o-sig-description {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 840px) and (max-width: 840px) and (max-width: 600px) {
-.o-sig-item .o-sig-description {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 840px) {
-.o-sig-item .o-sig-description .o-sig-repo {
-    display: flex;
-}
-.o-sig-item .o-sig-description .o-sig-repo .o-sig-repo-label {
-    color: var(--o-color-info1);
-    font-weight: 500;
-    margin-right: 8px;
-}
-.o-sig-item .o-sig-bottom {
-    display: flex;
-    align-items: center;
-    margin-top: var(--o-gap-2);
-    color: var(--o-color-info3);
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
-.o-sig-item .o-sig-bottom {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
-.o-sig-item .o-sig-bottom {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
-.o-sig-item .o-sig-bottom {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 840px) and (max-width: 600px) {
-.o-sig-item .o-sig-bottom {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 840px) {
-.o-sig-item .o-sig-bottom .o-icon {
-    --icon-size: 16px;
-    margin-right: 4px;
-}
-.o-sig-item .o-sig-bottom .o-icon svg path {
-    fill: currentColor;
-}
-.o-sig-item .o-sig-bottom .o-sig-meta-text {
-    cursor: pointer;
-    margin-bottom: 0;
-}
-}
-@media (max-width: 840px) and (max-width: 840px) {
-.o-sig-item .o-sig-bottom {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (max-width: 840px) and (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
-.o-sig-item .o-sig-bottom {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 840px) and (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
-.o-sig-item .o-sig-bottom {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 840px) and (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
-.o-sig-item .o-sig-bottom {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 840px) and (max-width: 840px) and (max-width: 600px) {
-.o-sig-item .o-sig-bottom {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 840px) {
-.o-sig-item .o-sig-meta {
-    display: flex;
-    align-items: center;
-}
-}
 .o-sig-popup-repos {
-  width: 272px;
+  max-width: 272px;
+  min-width: 160px;
   --popup-padding: 9px 0;
 }
-.o-sig-popup-repos .o-sig-popup-content {
-  max-height: 176px;
-}
 .o-sig-popup-repos .o-scroller {
   max-height: 176px;
   padding: 0 var(--o-gap-4);
@@ -697,12 +363,10 @@
 }
 }
 .o-sig-popup-maintainers {
-  width: 168px;
+  max-width: 168px;
+  min-width: 120px;
   --popup-padding: 9px 0;
 }
-.o-sig-popup-maintainers .o-sig-popup-content {
-  max-height: 112px;
-}
 .o-sig-popup-maintainers .o-scroller {
   max-height: 112px;
   padding: 0 16px;

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

@@ -2,10 +2,13 @@ import { GroupInfoT, SigListItemT } from '../types';
 type SigMergedItemT = SigListItemT & Partial<GroupInfoT>;
 type __VLS_Props = {
     sig: SigMergedItemT;
+    showFeature?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "to-sig-detail": (sigName: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onTo-sig-detail"?: ((sigName: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {
+    showFeature: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createVNode, unref, withCtx, createTextVNode, createBlock, createCommentVNode, Fragment, renderList } from "vue";
+import { defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createBlock, unref, withCtx, createTextVNode, createCommentVNode, createVNode, Fragment, renderList } from "vue";
 import { OTag, OLink, OIcon, ODivider, OButton, OPopover, OScroller } from "@opensig/opendesign";
 import { useI18n } from "../../../i18n/index.mjs";
 import IconAtomGit from "../../../_virtual/icon-atomgit.mjs";
@@ -21,7 +21,8 @@ const _hoisted_11 = { class: "o-sig-popup-content" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OSigItem",
   props: {
-    sig: {}
+    sig: {},
+    showFeature: { type: Boolean, default: true }
   },
   emits: ["to-sig-detail"],
   setup(__props, { emit: __emit }) {
@@ -35,7 +36,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: "o-sig-name",
             onClick: _cache[0] || (_cache[0] = ($event) => emit("to-sig-detail", __props.sig.name))
           }, toDisplayString(__props.sig.name), 1),
-          createVNode(unref(OTag), {
+          __props.showFeature ? (openBlock(), createBlock(unref(OTag), {
+            key: 0,
             variant: "outline",
             class: "o-sig-type-tag"
           }, {
@@ -43,7 +45,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createTextVNode(toDisplayString((unref(locale) === "zh" ? __props.sig.feature_zh : __props.sig.feature_en) || unref(t)("sig.other")), 1)
             ]),
             _: 1
-          })
+          })) : createCommentVNode("", true)
         ]),
         createElementVNode("div", _hoisted_3, [
           createVNode(unref(OLink), {

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

@@ -18,7 +18,7 @@
 }
 .o-sig-detail-member .o-sig-detail-member-box {
   background-color: var(--o-color-fill2);
-  border-radius: var(--o-radius-xs);
+  border-radius: var(--sig-card-radius);
   padding: var(--o-gap-5);
   flex-grow: 1;
 }

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

@@ -10,8 +10,21 @@
   --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);
+  margin-top: var(--o-gap-5);
+  --table-radius: var(--sig-card-radius);
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-sig-detail-repo .o-sig-detail-repo-table {
+    margin-top: var(--o-gap-4);
+}
+}
+@media (max-width: 1200px) {
+.o-sig-detail-repo .o-sig-detail-repo-table {
+    margin-top: var(--o-gap-2);
+}
+}
+.o-sig-detail-repo .o-sig-detail-repo-table .o-table-cell.o-cell-first-col .o-table-cell__inner {
+  padding-left: 16px;
 }
 .o-sig-detail-repo .o-sig-detail-repo-table .o-scroller-container {
   min-width: 0;

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

@@ -10,6 +10,7 @@
   --_box-bg-color: var(--o-color-fill2);
   --_box-bg-color-hover: var(--o-color-fill2);
   --_box-bg-color-focus: var(--o-color-fill2);
+  --_box-radius: var(--sig-input-radius);
 }
 .o-sig-detail-contribute .o-sig-detail-contribute-title {
   font-weight: 600;
@@ -71,6 +72,9 @@
     line-height: 18px;
 }
 }
+.o-sig-detail-contribute .o-card {
+  --card-radius: var(--sig-card-radius);
+}
 .o-sig-detail-contribute .o-card + .o-card {
   margin-top: var(--o-gap-4);
 }
@@ -199,6 +203,9 @@
 .o-sig-detail-contribute .o-table {
   margin-top: var(--o-gap-3);
 }
+.o-sig-detail-contribute .o-table .o-table-cell.o-cell-first-col .o-table-cell__inner {
+  padding-left: 16px;
+}
 .o-sig-detail-contribute .o-table .o-scroller-container {
   min-width: 0;
 }

package/dist/treeshaking/components/video/OVideoDetail.css

@@ -140,7 +140,7 @@
     margin-bottom: var(--o-gap-4);
 }
 }
-@media (min-width: ) {
+@media (max-width: 1200px) {
 .o-video-detail-content-wrapper .o-video-card-video-list .o-card-header {
     margin-bottom: var(--o-gap-3);
 }
@@ -337,7 +337,7 @@
     padding: var(--o-gap-3) var(--o-gap-4);
 }
 }
-@media (min-width: ) {
+@media (max-width: 1200px) {
 .o-video-detail-content-wrapper .o-video-card-video-list .o-video-course-info-wrapper .o-video-material-download-wrapper {
     margin-top: var(--o-gap-3);
     padding: var(--o-gap-2) var(--o-gap-3);
@@ -436,7 +436,7 @@
     margin-left: var(--o-gap-5);
 }
 }
-@media (min-width: ) {
+@media (max-width: 1200px) {
 .o-video-detail-content-wrapper .o-video-card-video-list .o-video-course-info-wrapper .o-video-material-download-wrapper .o-video-material-download-size {
     margin-left: var(--o-gap-4);
 }
@@ -488,7 +488,7 @@
     margin-bottom: var(--o-gap-3);
 }
 }
-@media (min-width: ) {
+@media (max-width: 1200px) {
 .o-video-detail-content-wrapper .o-video-card-video-list .o-video-course-info-wrapper .o-video-course-info-title {
     margin-bottom: var(--o-gap-2);
 }
@@ -535,7 +535,7 @@
     margin-left: var(--o-gap-3);
 }
 }
-@media (min-width: ) {
+@media (max-width: 1200px) {
 .o-video-detail-content-wrapper .o-video-card-video-list .o-video-course-info-wrapper .o-video-course-info-avatar .o-video-info-detail-wrapper {
     margin-left: var(--o-gap-2);
 }
@@ -647,7 +647,7 @@
     margin-top: var(--o-gap-4);
 }
 }
-@media (min-width: ) {
+@media (max-width: 1200px) {
 .o-video-detail-content-wrapper .o-video-card-video-list .o-video-course-info-wrapper .o-video-course-info-content-title {
     margin-top: var(--o-gap-3);
 }
@@ -663,7 +663,7 @@
     margin-top: var(--o-gap-3);
 }
 }
-@media (min-width: ) {
+@media (max-width: 1200px) {
 .o-video-detail-content-wrapper .o-video-card-video-list .o-video-course-info-wrapper .o-video-course-info-content {
     margin-top: var(--o-gap-2);
 }

package/dist/treeshaking/i18n/en.mjs

@@ -154,7 +154,7 @@ const en = {
   "meeting.meetingEtherpad": "Meeting Minutes",
   "meeting.meetingReplay": "Playback",
   "meeting.searchSubtitlePlaceholder": "Enter",
-  "meeting.detailHalfYearMeetings": "默认显示近半年的会议。",
+  "meeting.detailHalfYearMeetings": "The conference system currently only retains meeting records from the past six months",
   "meeting.tencent": "Tencent",
   "meeting.etherpad": "Meeting Minutes",
   "common.confirm": "Confirm",

package/dist/treeshaking/i18n/zh.mjs

@@ -153,7 +153,7 @@ const zh = {
   "meeting.meetingEtherpad": "会议纪要",
   "meeting.meetingReplay": "智能回放",
   "meeting.searchSubtitlePlaceholder": "请输入搜索内容",
-  "meeting.detailHalfYearMeetings": "默认显示近半年的会议。",
+  "meeting.detailHalfYearMeetings": "会议系统当前仅保留最近半年会议记录",
   "meeting.tencent": "腾讯会议",
   "meeting.etherpad": "会议纪要",
   "common.confirm": "确认",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendesign-plus-test/components",
-  "version": "0.0.1-rc.152",
+  "version": "0.0.1-rc.154",
   "type": "module",
   "publishConfig": {
     "access": "public",
@@ -45,8 +45,8 @@
     "vue-dompurify-html": "^3.1.2",
     "vue": "^3.5.13",
     "element-plus": "2.13.1",
-    "@opendesign-plus/styles": "0.0.1-rc.2",
-    "@opendesign-plus/composables": "0.0.1-rc.10"
+    "@opendesign-plus/composables": "0.0.1-rc.10",
+    "@opendesign-plus/styles": "0.0.1-rc.2"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.1",