@opendesign-plus/components 0.0.1-rc.2 → 0.0.1-rc.21

package/src/draft/SliderCard.vue

@@ -1,110 +1,110 @@
-<script lang="ts" setup>
-import { OCarousel, OCarouselItem, OFigure, OLink } from '@opensig/opendesign';
-import { useScreen } from '@/composables/useScreen';
-
-const { lePadV } = useScreen();
-
-interface CardT {
-  title: string;
-  content: string;
-  cover: string;
-  href: string;
-}
-
-const props = defineProps({
-  cards: {
-    type: Array as () => CardT[],
-    default: () => [],
-  },
-});
-</script>
-
-<template>
-  <div class="wrapper">
-    <OCarousel v-if="!lePadV" class="slider-card" indicator-click :loop="true" effect="toggle">
-      <OCarouselItem v-for="(card, index) in props.cards" :key="index" class="slider-card-item">
-        <OFigure :src="card.cover" :alt="card.title" class="slider-card-cover">
-          <div class="card-content">
-            <div class="card-title">{{ card.title }}</div>
-            <div class="card-description">{{ card.content }}</div>
-            <OLink v-if="card.href" :href="card.href" class="card-link"> 了解更多 </OLink>
-          </div>
-        </OFigure>
-      </OCarouselItem>
-    </OCarousel>
-    <OCarousel v-else class="slider-card" indicator-click :loop="true" effect="toggle">
-      <OCarouselItem v-for="(card, index) in props.cards" :key="index" class="slider-card-item">
-        <OFigure :src="card.cover" :alt="card.title" class="slider-card-cover">
-          <div class="card-content">
-            <div class="card-title">{{ card.title }}</div>
-            <div class="card-description">{{ card.content }}</div>
-            <OLink v-if="card.href" :href="card.href" class="card-link"> 了解更多 </OLink>
-          </div>
-        </OFigure>
-      </OCarouselItem>
-    </OCarousel>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.slider-card {
-  --slide-width: calc(70vw - 36px);
-  --slide-gap: 16px;
-  --carousel-indicator-offset: -32px;
-  height: 360px;
-  width: 100%;
-  overflow: visible;
-  :deep(.the-slider-container) {
-    height: 100%;
-    overflow: hidden;
-  }
-  :deep(.o-carousel-indicator-bar) {
-    width: 100%;
-    &::after {
-      border-radius: 6px;
-    }
-    &::before {
-      border-radius: 6px;
-    }
-  }
-  @include respond-to('pc_s') {
-    height: 300px;
-  }
-  @include respond-to('<=laptop') {
-    height: 280px;
-  }
-  @include respond-to('<=pad_v') {
-    --slide-width: calc(100vw - 64px);
-    width: calc(var(--slide-gap) + var(--slide-width));
-    height: 184px;
-  }
-}
-
-.slider-card-item {
-  height: 100%;
-}
-
-.slider-card-cover {
-  width: 100%;
-  height: 100%;
-}
-
-.card-content {
-  padding: 0 96px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  height: 100%;
-}
-
-.card-title {
-  @include h1;
-  font-weight: 600;
-  color: var(--o-color-info1);
-}
-
-.card-description {
-  margin-top: var(--o3-gap-3);
-  margin-bottom: var(--o3-gap-7);
-}
-</style>
+<script lang="ts" setup>
+import { OCarousel, OCarouselItem, OFigure, OLink } from '@opensig/opendesign';
+import { useScreen } from '@/composables/useScreen';
+
+const { lePadV } = useScreen();
+
+interface CardT {
+  title: string;
+  content: string;
+  cover: string;
+  href: string;
+}
+
+const props = defineProps({
+  cards: {
+    type: Array as () => CardT[],
+    default: () => [],
+  },
+});
+</script>
+
+<template>
+  <div class="wrapper">
+    <OCarousel v-if="!lePadV" class="slider-card" indicator-click :loop="true" effect="toggle">
+      <OCarouselItem v-for="(card, index) in props.cards" :key="index" class="slider-card-item">
+        <OFigure :src="card.cover" :alt="card.title" class="slider-card-cover">
+          <div class="card-content">
+            <div class="card-title">{{ card.title }}</div>
+            <div class="card-description">{{ card.content }}</div>
+            <OLink v-if="card.href" :href="card.href" class="card-link"> 了解更多 </OLink>
+          </div>
+        </OFigure>
+      </OCarouselItem>
+    </OCarousel>
+    <OCarousel v-else class="slider-card" indicator-click :loop="true" effect="toggle">
+      <OCarouselItem v-for="(card, index) in props.cards" :key="index" class="slider-card-item">
+        <OFigure :src="card.cover" :alt="card.title" class="slider-card-cover">
+          <div class="card-content">
+            <div class="card-title">{{ card.title }}</div>
+            <div class="card-description">{{ card.content }}</div>
+            <OLink v-if="card.href" :href="card.href" class="card-link"> 了解更多 </OLink>
+          </div>
+        </OFigure>
+      </OCarouselItem>
+    </OCarousel>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.slider-card {
+  --slide-width: calc(70vw - 36px);
+  --slide-gap: 16px;
+  --carousel-indicator-offset: -32px;
+  height: 360px;
+  width: 100%;
+  overflow: visible;
+  :deep(.the-slider-container) {
+    height: 100%;
+    overflow: hidden;
+  }
+  :deep(.o-carousel-indicator-bar) {
+    width: 100%;
+    &::after {
+      border-radius: 6px;
+    }
+    &::before {
+      border-radius: 6px;
+    }
+  }
+  @include respond-to('pc_s') {
+    height: 300px;
+  }
+  @include respond-to('<=laptop') {
+    height: 280px;
+  }
+  @include respond-to('<=pad_v') {
+    --slide-width: calc(100vw - 64px);
+    width: calc(var(--slide-gap) + var(--slide-width));
+    height: 184px;
+  }
+}
+
+.slider-card-item {
+  height: 100%;
+}
+
+.slider-card-cover {
+  width: 100%;
+  height: 100%;
+}
+
+.card-content {
+  padding: 0 96px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  height: 100%;
+}
+
+.card-title {
+  @include h1;
+  font-weight: 600;
+  color: var(--o-color-info1);
+}
+
+.card-description {
+  margin-top: var(--o3-gap-3);
+  margin-bottom: var(--o3-gap-7);
+}
+</style>

package/src/env.d.ts

@@ -1 +1,16 @@
-/// <reference types="vite/client" />
+/// <reference types="vite/client" />
+
+declare module '*.png' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.jpg' {
+  const src: string;
+  export default src;
+}
+
+declare module '*.svg' {
+  const src: string;
+  export default src;
+}

package/src/i18n/en.ts

@@ -1,20 +1,264 @@
-export default {
-  search: 'Search',
-  'search.hot': 'Top search',
-  'search.placeholder': 'Please enter the content',
-  'search.expandedPlaceholder': 'Please enter the content',
-  'search.history': 'History',
-  'cookie.title': '{0} Community Respects Your Privacy',
-  'cookie.desc': 'This site uses cookies from us and our partners to improve your browsing experience and make the site work properly. By clicking "Accept All", you consent to the use of cookies. By clicking "Reject All", you disable the use of unnecessary cookies. You can manage your cookie settings by clicking "Manage Cookies". For more information or to change your cookie settings, please refer to our ',
-  'cookie.about': 'About Cookies',
-  'cookie.acceptAll': 'Accept All',
-  'cookie.rejectAll': 'Reject All',
-  'cookie.manage': 'Manage Cookies',
-  'cookie.necessaryCookie': 'Strictly Necessary Cookies',
-  'cookie.alwaysOn': 'Always active',
-  'cookie.necessaryCookieDetail': 'These cookies are necessary for the site to work properly and cannot be switched off. They are usually only set in response to actions made by you which amount to a request for services, such as logging in or filling in forms. You can set the browser to block these cookies, but that can make parts of the site not work. These cookies do not store any personally identifiable information.',
-  'cookie.analyticalCookie': 'Analytics Cookies',
-  'cookie.analyticalCookieDetail': 'We will use these cookies only with your consent. These cookies help us make improvements by collecting statistics such as the number of visits and traffic sources.',
-  'cookie.saveSetting': 'Save Settings',
-  'cookie.setting': 'Cookie settings',
-};
+export default {
+  search: 'Search',
+  'search.hot': 'Top search',
+  'search.placeholder': 'Please enter the content',
+  'search.expandedPlaceholder': 'Please enter the content',
+  'search.history': 'History',
+  'meeting.audioToText': 'Speech to Text',
+  'meeting.item1': 'Convener: ',
+  'meeting.item2': 'SIG: ',
+  'meeting.item3': 'Time: ',
+  'meeting.item4': 'Details: ',
+  'meeting.baseInfo': 'Basic Info',
+  'meeting.subject': 'Topics',
+  'meeting.speaker': 'Speaker',
+  'meeting.replay': 'Intelligent Playback',
+  'meeting.monday': 'Monday',
+  'meeting.tuesday': 'Tuesday',
+  'meeting.wednesday': 'Wednesday',
+  'meeting.thursday': 'Thursday',
+  'meeting.friday': 'Friday',
+  'meeting.saturday': 'Saturday',
+  'meeting.sunday': 'Sunday',
+  'meeting.sigGroup': 'The {0} group',
+  'meeting.invite': ' invites you to',
+  'meeting.edit': ' [modified]',
+  'meeting.cancel': ' [canceled]',
+  'meeting.dateTime': ' {1} on {0}',
+  'meeting.meeting': ' the meeting',
+  'meeting.cycleMeeting': ' the recurring meeting',
+  'meeting.meetingText': ' {1} at {0}.',
+  'meeting.singleMeetingText': ' {1} at {0}.',
+  'meeting.cycleMeetingText': ' scheduled at {startTime} to {endTime} {cycleType} from {startDate} to {endDate}.',
+  'meeting.cycleMeetingText2': '{startTime} to {endTime} (UTC+08:00)Beijing {cycleType} from {startDate} to {endDate}.',
+  'meeting.cycleDay': ' every day',
+  'meeting.cycleWeek.one': 'on {0} every week',
+  'meeting.cycleWeek.other': 'on {0} every {1} weeks',
+  'meeting.cycleSplit': ', ',
+  'meeting.cycleMonth': ' on {0} of every month',
+  'meeting.myMeeting': 'My Meetings',
+  'meeting.meetingCancel': '[{0}] meeting canceled.',
+  'meeting.todayNonMeeting': 'No meetings scheduled for today.',
+  'meeting.online': 'Online',
+  'meeting.offline': 'Offline',
+  'meeting.meetingSingle': 'This meeting',
+  'meeting.meetingCycle': 'All recurring meetings',
+  'meeting.bookMeeting': 'Book Meeting',
+  'meeting.book': 'Book',
+  'meeting.meetingCancelled': '[Canceled]',
+  'meeting.cycle': 'Recurrence',
+  'meeting.joinMeeting': 'Join',
+  'meeting.sign': 'Sign Up',
+  'meeting.detail': 'View Details',
+  'meeting.meetingSummary': 'Minutes',
+  'meeting.viewRecord': 'Playback',
+  'meeting.editMeeting': 'Modify',
+  'meeting.cancelMeeting': 'Cancel',
+  'meeting.nextMonth': 'Next month',
+  'meeting.preMonth': 'Last month',
+  'meeting.emptyMeeting': 'No meetings. ',
+  'meeting.meetingHandleText': 'Which do you want to {0}?',
+  'meeting.edit2': 'modify',
+  'meeting.confirmCancel': 'Cancel',
+  'meeting.confirmCancelDesc': 'Are you sure you want to cancel the "{0}" meeting?',
+  'meeting.enterMeetingName': 'Enter a meeting title.',
+  'meeting.meetingNameTooLong': 'Enter a maximum of 128 characters.',
+  'meeting.meetingAgendaTooLong': 'Enter a maximum of 4096 characters.',
+  'meeting.meetingSig': 'SIG',
+  'meeting.meetingGroup': 'Group',
+  'meeting.selectSig': 'Select a SIG.',
+  'meeting.selectGroup': 'Select a Group.',
+  'meeting.enterEtherpad': 'Enter Etherpad.',
+  'meeting.etherpadDesc': 'A meeting assistant for recording meeting minutes and conversations.',
+  'meeting.selectDate': 'Select a date.',
+  'meeting.finishMeetingConfig': 'Complete the meeting settings.',
+  'meeting.selectMeetingDate': 'Select a date.',
+  'meeting.selectMeetingTime': 'Select time.',
+  'meeting.invalidMeetingDuration': 'No time slots available for meetings within the selected timeframe.',
+  'meeting.endTimeAfterStartTime': 'The end time must be later than the start time.',
+  'meeting.startTimeBeforeEndTime': 'The start time must be later than the current time.',
+  'meeting.selectPlatform': 'Select platform.',
+  'meeting.meetingPlatform': 'Platform',
+  'meeting.meetingAgenda': 'Content',
+  'meeting.enterMeetingAgenda': 'Enter the meeting content.',
+  'meeting.emailTooLong': 'Enter a maximum of 1020 characters for the email addresses.',
+  'meeting.enterEmail': 'Enter email addresses, separated by commas (,) or semicolons (;).',
+  'meeting.meetingEmail': 'Email',
+  'meeting.meetingEmailDesc': 'The system automatically sends notifications to subscribed SIG members. You can include additional SIG or individual email addresses.',
+  'meeting.sigGroupEmail': 'SIG Mailing List',
+  'meeting.emailInvalid': 'Enter a valid email address.',
+  'meeting.singleEmailTooLong': 'Enter a maximum of 100 characters for each email address.',
+  'meeting.emailCountTooLong': 'Enter a maximum of 20 email addresses.',
+  'meeting.meetingHandleSuccess': '"{0}" meeting {1}.',
+  'meeting.editSuccess': 'edited',
+  'meeting.booSuccess': 'booked',
+  'meeting.meetingName': 'Title',
+  'meeting.meetingTime': 'Time',
+  'meeting.nonRepeat': 'Once',
+  'meeting.isRepeat': 'Recurrence',
+  'meeting.every': 'Every',
+  'meeting.in': 'On',
+  'meeting.selectRepeatDate': 'Select a date.',
+  'meeting.meetingDuration': 'Period',
+  'meeting.startDate': 'Start date',
+  'meeting.endDate': 'End date',
+  'meeting.meetingDate': 'Date',
+  'meeting.startTime': 'Start time',
+  'meeting.endTime': 'End time',
+  'meeting.meetingRecord': 'Recording',
+  'meeting.meetingRecordDesc': 'Enables auto screen recording. This service is provided by {0} Meeting. AI-powered playback will be automatically uploaded within one working day.',
+  'meeting.day0': 'day(s)',
+  'meeting.week0': 'week(s)',
+  'meeting.month0': 'month(s)',
+  'meeting.day': ' day',
+  'meeting.week': ' week',
+  'meeting.month': ' month',
+  'meeting.meetingDesc': 'To book a meeting, the SIG Maintainer or Committer access is required.',
+  'meeting.meetingBook': 'Book Meeting',
+  'meeting.latestMeeting': 'Latest Schedule:',
+  'meeting.meetingTypeAll': 'All',
+  'meeting.meetingTypeMeet': 'Meetings',
+  'meeting.meetingTypeEvents': 'Activities',
+  'meeting.meetingTypeSummit': 'Summit',
+  'meeting.allSigs': 'All SIGs',
+  'meeting.allGroups': 'All Groups',
+  'meeting.meetingCreator': 'Convener',
+  'meeting.meetingDate2': 'Time',
+  'meeting.meetingId': 'Meeting ID',
+  'meeting.meetingLink': 'Meeting Link',
+  'meeting.meetingEmptyText': 'No activities scheduled for today.',
+  'meeting.versionBanner': 'openUBMC 25.06 Available Now',
+  'meeting.version2509Banner': 'openUBMC 25.09 Available Now',
+  'meeting.version2512Banner': 'openUBMC 25.12 LTS 社区发行版正式上线',
+  'meeting.sigs': 'SIG Groups',
+  'meeting.groups': 'Groups',
+  'meeting.activityAddress': 'Address',
+  'meeting.livePlatform': 'Live Platform',
+  'meeting.meetingTopic': 'Topics: ',
+  'meeting.meetingDetail': 'Details',
+  'meeting.meetingEtherpad': 'Etherpad',
+  'meeting.meetingReplay': 'Playback',
+  'meeting.searchSubtitlePlaceholder': 'Enter',
+  'meeting.detailHalfYearMeetings': '默认显示近半年的会议。',
+  'meeting.tencent': 'Tencent',
+  'meeting.etherpad': 'Etherpad',
+  'common.confirm': 'Confirm',
+  'common.cancel': 'Cancel',
+  'common.copySuccess': 'Copied Successfully',
+  'common.close': 'Close',
+  'common.all': 'All',
+  'common.seeMore': 'View More',
+  'common.save': 'Save',
+  'common.detail': 'Detail',
+  'common.reset': 'Reset',
+  'common.more': 'More',
+  'cookie.title': '{0} Community Respects Your Privacy',
+  'cookie.desc': 'This site uses cookies from us and our partners to improve your browsing experience and make the site work properly. By clicking "Accept All", you consent to the use of cookies. By clicking "Reject All", you disable the use of unnecessary cookies. You can manage your cookie settings by clicking "Manage Cookies". For more information or to change your cookie settings, please refer to our ',
+  'cookie.about': 'About Cookies',
+  'cookie.acceptAll': 'Accept All',
+  'cookie.rejectAll': 'Reject All',
+  'cookie.manage': 'Manage Cookies',
+  'cookie.necessaryCookie': 'Strictly Necessary Cookies',
+  'cookie.alwaysOn': 'Always active',
+  'cookie.necessaryCookieDetail': 'These cookies are necessary for the site to work properly and cannot be switched off. They are usually only set in response to actions made by you which amount to a request for services, such as logging in or filling in forms. You can set the browser to block these cookies, but that can make parts of the site not work. These cookies do not store any personally identifiable information.',
+  'cookie.analyticalCookie': 'Analytics Cookies',
+  'cookie.analyticalCookieDetail': 'We will use these cookies only with your consent. These cookies help us make improvements by collecting statistics such as the number of visits and traffic sources.',
+  'cookie.saveSetting': 'Save Settings',
+  'cookie.setting': 'Cookie settings',
+  'meeting.create': 'Create',
+  'meeting.createMeeting': 'Create Meeting',
+  'meeting.createActivity': 'Create Event',
+  'meeting.createPermission': 'Workspace role required to create meetings or events',
+  'meeting.createActivityPermission': 'Workspace role required to create events',
+  'meeting.myActivity': 'Events',
+  'meeting.activityName': 'Event Name',
+  'meeting.enterActivityName': 'Enter a name',
+  'meeting.activityOrganizer': 'Organizer',
+  'meeting.selectActivityOrganizer': 'Select organizer',
+  'meeting.activityDetail2': 'Details',
+  'meeting.activityType': 'Event Type',
+  'meeting.selectActivityType': 'Select type',
+  'meeting.activityTime': 'Event Time',
+  'meeting.selectActivityStartDate': 'Set start date',
+  'meeting.selectActivityEndDate': 'Set end date',
+  'meeting.registrationDeadline': 'Registration Deadline',
+  'meeting.selectActivityDeadline': 'Set deadline',
+  'meeting.registrationUrl': 'Registration URL',
+  'meeting.enterActivityRegistrationUrl': 'Enter registration URL',
+  'meeting.activityDetailUrl': 'Event Overview URL',
+  'meeting.enterActivityDetailUrl': 'Enter event overview URL',
+  'meeting.activityContent': 'Event Details',
+  'meeting.enterActivityContent': 'Enter event details',
+  'meeting.email': 'Email',
+  'meeting.enterEmailDesc': 'Enter the recipient email addresses. Separate multiple addresses with commas (,) or semicolons (;).',
+  'meeting.activityApprover': 'Approver',
+  'meeting.selectActivityApprover': 'Select approver',
+  'meeting.saveDraft': 'Save as Draft',
+  'meeting.cancelBtn': 'Cancel',
+  'meeting.communityActivityApproval': 'Approve Event',
+  'meeting.reviewActivityTip': 'Review events submitted for approval',
+  'meeting.applicant': 'Applicant',
+  'meeting.searchApplicant': 'Search applicant',
+  'meeting.submissionTime': 'Submission Time',
+  'meeting.status': 'Status',
+  'meeting.statusPending': 'Pending',
+  'meeting.statusApproved': 'Approved',
+  'meeting.statusRejected': 'Rejected',
+  'meeting.statusCanceled': 'Canceled',
+  'meeting.action': 'Action',
+  'meeting.cancelActivity': 'Cancel',
+  'meeting.approve': 'Approve',
+  'meeting.reject': 'Reject',
+  'meeting.approveReview': 'Approve',
+  'meeting.rejectReview': 'Reject',
+  'meeting.reviewNotes': 'Review Notes',
+  'meeting.enterReviewNotes': 'Enter review notes here',
+  'meeting.confirmCancelActivity': 'Cancel "{0}"? Once canceled, it will be removed from the homepage, and all registration data will be cleared. Please proceed with caution.',
+  'meeting.confirmBtn': 'OK',
+  'meeting.activityDetail': 'View Details',
+  'meeting.modifyActivity': 'Modify',
+  'meeting.withdrawReview': 'Withdraw',
+  'meeting.deleteActivity': 'Delete',
+  'meeting.submitReview': 'Submit',
+  'meeting.confirmDeleteActivity': 'Delete "{0}"? Once deleted, it will be removed from User Center.',
+  'meeting.registerNow': 'Register Now',
+  'meeting.onlineOffline': 'Online & Offline',
+  'meeting.statusDraft': 'Draft',
+  'meeting.statusUnderReview': 'Pending Review',
+  'meeting.statusRegistering': 'Registering',
+  'meeting.statusInProgress': 'In Progress',
+  'meeting.statusEnded': 'Finished',
+  'meeting.statusModified': 'Modified',
+  'meeting.reviewSuccess': '"{0}" reviewed',
+  'meeting.reviewFail': '"{0}" review failed',
+  'meeting.reviewNotesLabel': 'Review Notes',
+  'meeting.reviewed': 'Reviewed',
+  'meeting.activityActionSuccess': '"{0}" {1} successful',
+  'meeting.activityActionFail': '"{0}" {1} failed',
+  'meeting.activityNameMaxLength': 'Event name cannot exceed 50 characters',
+  'meeting.selectActivityTime': 'Select event time',
+  'meeting.selectActivityDate': 'Select event date',
+  'meeting.activityTimeRange': 'Start and end time must be between 8:00-22:00',
+  'meeting.endDateAfterStartDate': 'End date must be after start date',
+  'meeting.registerDeadlineBeforeEnd': 'Registration deadline must be before end date',
+  'meeting.enterActivityAddress': 'Enter event location',
+  'meeting.activityAddressMaxLength': 'Event location cannot exceed 255 characters',
+  'meeting.invalidRegistrationUrl': 'Enter a valid registration URL',
+  'meeting.invalidActivityDetailUrl': 'Enter a valid event detail URL',
+  'meeting.activityContentMaxLength': 'Event content cannot exceed 1000 characters',
+  'meeting.revokeActivitySuccess': '"{0}" event review withdrawn successfully',
+  'meeting.revokeActivityFail': '"{0}" event review withdrawal failed',
+  'meeting.submitReviewSuccess': '"{0}" event submitted for review successfully',
+  'meeting.submitReviewFail': '"{0}" event submission failed',
+  'meeting.deleteActivitySuccess': '"{0}" event deleted successfully',
+  'meeting.deleteActivityFail': '"{0}" event deletion failed',
+  'meeting.loading': 'Loading...',
+  'meeting.confirmRevokeActivity': 'Are you sure you want to withdraw "{0}" event? After withdrawal, the event will become a draft.',
+  'events.status': 'Status',
+  'events.statusAll': 'All',
+  'events.statusIng': 'Progress',
+  'events.statusFinish': 'Finish',
+  'events.searchPlaceholder': 'Enter search...',
+  'common.collapse': 'Collapse',
+  'common.expand': 'Expand',
+};

package/src/i18n/index.ts

@@ -1,42 +1,56 @@
-import { computed, inject, getCurrentInstance, ref } from 'vue';
-
-import zh from './zh';
-import en from './en';
-import { configProviderInjectKey } from '@/shared/provide';
-import { isString, isUndefined } from '@opensig/opendesign';
-
-const i18nLangs = ref({
-  zh,
-  en,
-});
-
-export function useI18n() {
-  const instance = getCurrentInstance();
-  const configProvider = instance ? inject(configProviderInjectKey) : null;
-  const locale = computed(() => {
-    return configProvider?.locale || 'zh';
-  });
-
-  const transform = (key: string, ...args: any[]): string => {
-    const lang = i18nLangs.value[locale.value];
-    const value = lang[key as keyof typeof lang];
-
-    // 处理变量替换
-    if (args.length > 0 && isString(value)) {
-      return value.replace(/{(\d+)}/g, (match, index) => {
-        return args[index] ?? match;
-      });
-    }
-
-    if (isUndefined(value)) {
-      console.warn(`Cannot translate the value of keypath '${key}'`);
-    }
-
-    return value;
-  };
-
-  return {
-    locale,
-    t: transform,
-  };
-}
+import { computed, inject, getCurrentInstance, ref } from 'vue';
+
+import zh from './zh';
+import en from './en';
+import { configProviderInjectKey } from '@/shared/provide';
+import { isString, isUndefined } from '@opensig/opendesign';
+
+const i18nLangs = ref({
+  zh,
+  en,
+});
+
+export enum Locales {
+  ZH = 'zh',
+  EN = 'en',
+}
+
+export function useI18n() {
+  const instance = getCurrentInstance();
+  const configProvider = instance ? inject(configProviderInjectKey) : null;
+  const locale = computed(() => {
+    return configProvider?.locale || 'zh';
+  });
+
+  const transform = (key: string, ...args: any[]): string => {
+    const lang = i18nLangs.value[locale.value];
+    const value = lang[key as keyof typeof lang];
+
+    if (isUndefined(value)) {
+      console.warn(`Cannot translate the value of keypath '${key}'`);
+      return key;
+    }
+
+    // 处理变量替换
+    if (args.length > 0 && isString(value)) {
+      // 具名参数: t('x{a}x{b}', { a: v0, b: v1 })
+      if (args.length === 1 && typeof args[0] === 'object' && args[0] !== null) {
+        const params = args[0];
+        return value.replace(/{(\w+)}/g, (match, name) => {
+          return params[name] ?? match;
+        });
+      }
+      // 位置参数: t('x{0}x{1}', v0, v1)
+      return value.replace(/{(\d+)}/g, (match, index) => {
+        return args[index] ?? match;
+      });
+    }
+
+    return value;
+  };
+
+  return {
+    locale,
+    t: transform,
+  };
+}