tuikit-atomicx-vue3 4.4.0-beta.1 → 4.5.0

package/src/components/ScheduleRoomPanel/TimezoneSelector.vue

@@ -0,0 +1,70 @@
+<template>
+  <TUISelect :model-value="modelValue" @update:model-value="handleUpdate">
+    <TUIOption
+      v-for="option in timezoneOptions"
+      :key="option.value"
+      :value="option.value"
+      :label="option.label"
+    />
+  </TUISelect>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import { TUISelect, TUIOption, useUIKit } from '@tencentcloud/uikit-base-component-vue3';
+
+interface Props {
+  modelValue: string;
+}
+
+interface Emits {
+  (e: 'update:modelValue', value: string): void;
+}
+
+defineProps<Props>();
+const emit = defineEmits<Emits>();
+
+const { t } = useUIKit();
+
+// 时区数据结构
+const timezoneData = [
+  { offset: 'UTC-12:00', cityKey: 'Baker Island', cityEn: 'Baker Island', value: 'Etc/GMT+12' },
+  { offset: 'UTC-11:00', cityKey: 'Samoa', cityEn: 'Samoa', value: 'Pacific/Samoa' },
+  { offset: 'UTC-10:00', cityKey: 'Hawaii', cityEn: 'Hawaii', value: 'Pacific/Honolulu' },
+  { offset: 'UTC-09:00', cityKey: 'Alaska', cityEn: 'Alaska', value: 'America/Anchorage' },
+  { offset: 'UTC-08:00', cityKey: 'Los Angeles', cityEn: 'Los Angeles', value: 'America/Los_Angeles' },
+  { offset: 'UTC-07:00', cityKey: 'Denver', cityEn: 'Denver', value: 'America/Denver' },
+  { offset: 'UTC-06:00', cityKey: 'Chicago', cityEn: 'Chicago', value: 'America/Chicago' },
+  { offset: 'UTC-05:00', cityKey: 'New York', cityEn: 'New York', value: 'America/New_York' },
+  { offset: 'UTC-04:00', cityKey: 'Halifax', cityEn: 'Halifax', value: 'America/Halifax' },
+  { offset: 'UTC-03:00', cityKey: 'Buenos Aires', cityEn: 'Buenos Aires', value: 'America/Argentina/Buenos_Aires' },
+  { offset: 'UTC-02:00', cityKey: 'Mid-Atlantic', cityEn: 'Mid-Atlantic', value: 'Etc/GMT+2' },
+  { offset: 'UTC-01:00', cityKey: 'Azores', cityEn: 'Azores', value: 'Atlantic/Azores' },
+  { offset: 'UTC+00:00', cityKey: 'London', cityEn: 'London', value: 'Europe/London' },
+  { offset: 'UTC+01:00', cityKey: 'Berlin', cityEn: 'Berlin', value: 'Europe/Berlin' },
+  { offset: 'UTC+02:00', cityKey: 'Cairo', cityEn: 'Cairo', value: 'Africa/Cairo' },
+  { offset: 'UTC+03:00', cityKey: 'Moscow', cityEn: 'Moscow', value: 'Europe/Moscow' },
+  { offset: 'UTC+04:00', cityKey: 'Dubai', cityEn: 'Dubai', value: 'Asia/Dubai' },
+  { offset: 'UTC+05:00', cityKey: 'Karachi', cityEn: 'Karachi', value: 'Asia/Karachi' },
+  { offset: 'UTC+05:30', cityKey: 'Mumbai', cityEn: 'Mumbai', value: 'Asia/Kolkata' },
+  { offset: 'UTC+06:00', cityKey: 'Dhaka', cityEn: 'Dhaka', value: 'Asia/Dhaka' },
+  { offset: 'UTC+07:00', cityKey: 'Bangkok', cityEn: 'Bangkok', value: 'Asia/Bangkok' },
+  { offset: 'UTC+08:00', cityKey: 'Beijing', cityEn: 'Beijing', value: 'Asia/Shanghai' },
+  { offset: 'UTC+09:00', cityKey: 'Tokyo', cityEn: 'Tokyo', value: 'Asia/Tokyo' },
+  { offset: 'UTC+10:00', cityKey: 'Sydney', cityEn: 'Sydney', value: 'Australia/Sydney' },
+  { offset: 'UTC+11:00', cityKey: 'Solomon Islands', cityEn: 'Solomon Islands', value: 'Pacific/Guadalcanal' },
+  { offset: 'UTC+12:00', cityKey: 'Auckland', cityEn: 'Auckland', value: 'Pacific/Auckland' },
+];
+
+// 动态生成时区选项，支持中英文显示
+const timezoneOptions = computed(() =>
+  timezoneData.map(tz => ({
+    label: `${tz.offset} (${t(tz.cityKey)})`,
+    value: tz.value,
+  })),
+);
+
+const handleUpdate = (value: string) => {
+  emit('update:modelValue', value);
+};
+</script>

package/src/components/ScheduleRoomPanel/i18n/en-US/index.ts

@@ -0,0 +1,116 @@
+export const resource = {
+  'Beijing': 'Beijing',
+  'Tokyo': 'Tokyo',
+  'London': 'London',
+  'New York': 'New York',
+  'Los Angeles': 'Los Angeles',
+  'Baker Island': 'Baker Island',
+  'Samoa': 'Samoa',
+  'Hawaii': 'Hawaii',
+  'Alaska': 'Alaska',
+  'Denver': 'Denver',
+  'Chicago': 'Chicago',
+  'Halifax': 'Halifax',
+  'Buenos Aires': 'Buenos Aires',
+  'Mid-Atlantic': 'Mid-Atlantic',
+  'Azores': 'Azores',
+  'Berlin': 'Berlin',
+  'Cairo': 'Cairo',
+  'Moscow': 'Moscow',
+  'Dubai': 'Dubai',
+  'Karachi': 'Karachi',
+  'Mumbai': 'Mumbai',
+  'Dhaka': 'Dhaka',
+  'Bangkok': 'Bangkok',
+  'Sydney': 'Sydney',
+  'Solomon Islands': 'Solomon Islands',
+  'Auckland': 'Auckland',
+
+  'Time Zone': 'Time Zone',
+
+  'Room Name': 'Room Name',
+  'please enter the room name': 'Please enter the room name',
+  'Starting time': 'Starting time',
+  'Room duration': 'Room duration',
+  'Participants': 'Participants',
+  'Please enter participant names': 'Please enter participant names',
+  'people': 'people',
+  'Contacts': 'Contacts',
+  'Security': 'Security',
+  'Room Password': 'Room Password',
+  'Enter 6-digit password': 'Enter 6-digit password',
+  'Member management': 'Member management',
+  'Disable all audios': 'Disable all audios',
+  'Disable all videos': 'Disable all videos',
+  'Cancel': 'Cancel',
+  'Confirm': 'Confirm',
+  'Schedule': 'Schedule',
+  'Temporary Meeting': '\'s temporary meeting',
+
+  'The room name cannot be empty': 'The room name cannot be empty',
+  'The start time cannot be earlier than the current time': 'The start time cannot be earlier than the current time',
+  'Password cannot be empty': 'Password cannot be empty',
+  'Password must be 6 digits': 'Password must be 6 digits',
+  'Schedule meeting failed': 'Schedule meeting failed',
+
+  'No room information': 'No room information',
+  'Room ID': 'Room ID',
+  'Room Time': 'Room Time',
+  'Room Type': 'Room Type',
+  'Creator': 'Creator',
+  'Attendees': 'Attendees',
+  'No scheduled members': 'No scheduled members',
+  'Room Settings': 'Room Settings',
+  'All mute': 'All mute',
+  'All video off': 'All video off',
+  'Yes': 'Yes',
+  'No': 'No',
+  'Free Speech Room': 'Free Speech Room',
+  'Not Started': 'Not Started',
+  'In Progress': 'In Progress',
+  'Unknown Status': 'Unknown Status',
+  'Room ID not found': 'Room ID not found',
+  'Copy Success': 'Copy Success',
+  'Copy Failed': 'Copy Failed, please copy manually',
+
+  'No scheduled rooms': 'No scheduled rooms',
+  'View Details': 'View Details',
+  'Edit Room': 'Edit Room',
+  'Cancel Room': 'Cancel Room',
+  'Join': 'Join',
+  'Room Details': 'Room Details',
+  'Cancel room successfully': 'Cancel room successfully',
+  'Cancel room failed': 'Cancel room failed',
+  'Loading...': 'Loading...',
+  'No more data': 'No more data',
+  'Load more rooms failed': 'Load more rooms failed',
+  'Join Now': 'Join Now',
+  'Invite Members': 'Invite Members',
+  'invites you to join the meeting': 'invites you to join the meeting',
+  'Load room list failed': 'Load room list failed',
+
+  'Room Link': 'Room Link',
+  'Copy Meeting ID and Link': 'Copy Meeting ID and Link',
+
+  'Room updated successfully': 'Room updated successfully',
+  'minutes': 'minutes',
+  'hour': 'hour',
+  'hours': 'hours',
+  'Please select start date': 'Please select start date',
+  'Please select start time': 'Please select start time',
+  'Save': 'Save',
+  'Meeting duration must be at least 15 minutes': 'Meeting duration must be at least 15 minutes',
+  'Meeting duration cannot exceed 24 hours': 'Meeting duration cannot exceed 24 hours',
+  'No relevant members found': 'No relevant members found',
+  'Cancel the booked room': 'Cancel the booked room',
+  'Other members will not be able to join after cancellation.': 'Other members will not be able to join after cancellation.',
+  'Not to be cancelled for now': 'Not to be cancelled for now',
+
+  'Sunday': 'Sun',
+  'Monday': 'Mon',
+  'Tuesday': 'Tue',
+  'Wednesday': 'Wed',
+  'Thursday': 'Thu',
+  'Friday': 'Fri',
+  'Saturday': 'Sat',
+};

package/src/components/ScheduleRoomPanel/i18n/index.ts

@@ -0,0 +1,4 @@
+import { resource as enResource } from './en-US/index';
+import { resource as zhResource } from './zh-CN/index';
+
+export { enResource, zhResource };

package/src/components/ScheduleRoomPanel/i18n/zh-CN/index.ts

@@ -0,0 +1,116 @@
+export const resource = {
+  'Beijing': '北京',
+  'Tokyo': '东京',
+  'London': '伦敦',
+  'New York': '纽约',
+  'Los Angeles': '洛杉矶',
+  'Baker Island': '贝克岛',
+  'Samoa': '萨摩亚',
+  'Hawaii': '夏威夷',
+  'Alaska': '阿拉斯加',
+  'Denver': '丹佛',
+  'Chicago': '芝加哥',
+  'Halifax': '哈利法克斯',
+  'Buenos Aires': '布宜诺斯艾利斯',
+  'Mid-Atlantic': '中大西洋',
+  'Azores': '亚速尔群岛',
+  'Berlin': '柏林',
+  'Cairo': '开罗',
+  'Moscow': '莫斯科',
+  'Dubai': '迪拜',
+  'Karachi': '卡拉奇',
+  'Mumbai': '孟买',
+  'Dhaka': '达卡',
+  'Bangkok': '曼谷',
+  'Sydney': '悉尼',
+  'Solomon Islands': '所罗门群岛',
+  'Auckland': '奥克兰',
+
+  'Time Zone': '时区',
+
+  'Room Name': '房间名称',
+  'please enter the room name': '请输入房间名称',
+  'Starting time': '开始时间',
+  'Room duration': '会议时长',
+  'Participants': '参会成员',
+  'Please enter participant names': '请输入参会成员名称',
+  'people': '人',
+  'Contacts': '联系人',
+  'Security': '安全设置',
+  'Room Password': '房间密码',
+  'Enter 6-digit password': '请输入6位数字密码',
+  'Member management': '成员管理',
+  'Disable all audios': '全体静音',
+  'Disable all videos': '全体静画',
+  'Cancel': '取消',
+  'Confirm': '确定',
+  'Schedule': '预约',
+  'Temporary Meeting': '的临时房间',
+
+  'The room name cannot be empty': '房间名称不能为空',
+  'The start time cannot be earlier than the current time': '开始时间不能早于当前时间',
+  'Password cannot be empty': '密码不能为空',
+  'Password must be 6 digits': '密码必须是6位数字',
+  'Schedule meeting failed': '预约会议失败',
+
+  'No room information': '暂无房间信息',
+  'Room ID': '房间号',
+  'Room Time': '房间时间',
+  'Room Type': '房间类型',
+  'Creator': '发起人',
+  'Attendees': '参会成员',
+  'No scheduled members': '暂无预约成员',
+  'Room Settings': '房间设置',
+  'All mute': '全员禁麦',
+  'All video off': '全员禁画',
+  'Yes': '是',
+  'No': '否',
+  'Free Speech Room': '自由发言房间',
+  'Not Started': '未开始',
+  'In Progress': '进行中',
+  'Unknown Status': '未知状态',
+  'Room ID not found': '房间号不存在',
+  'Copy Success': '复制成功',
+  'Copy Failed': '复制失败，请手动复制',
+
+  'No scheduled rooms': '暂无预约房间',
+  'View Details': '查看详情',
+  'Edit Room': '修改房间',
+  'Cancel Room': '取消房间',
+  'Join': '加入',
+  'Room Details': '房间详情',
+  'Cancel room successfully': '取消房间成功',
+  'Cancel room failed': '取消房间失败',
+  'Loading...': '加载中...',
+  'No more data': '没有更多数据',
+  'Load more rooms failed': '加载更多房间失败',
+  'Join Now': '立即进入',
+  'Invite Members': '邀请成员',
+  'invites you to join the meeting': '邀请您加入会议',
+  'Cancel the booked room': '取消已预订的房间',
+  'Other members will not be able to join after cancellation.': '取消后其他成员将无法加入',
+  'Not to be cancelled for now': '暂不取消',
+  'Load room list failed': '加载房间列表失败',
+
+  'Room Link': '房间链接',
+  'Copy Meeting ID and Link': '复制会议号与链接',
+
+  'Room updated successfully': '房间更新成功',
+  'minutes': '分钟',
+  'hour': '小时',
+  'hours': '小时',
+  'Please select start date': '请选择开始日期',
+  'Please select start time': '请选择开始时间',
+  'Save': '保存',
+  'Meeting duration must be at least 15 minutes': '会议时长至少为15分钟',
+  'Meeting duration cannot exceed 24 hours': '会议时长不能超过24小时',
+  'No relevant members found': '未找到相关成员',
+
+  'Sunday': '日',
+  'Monday': '一',
+  'Tuesday': '二',
+  'Wednesday': '三',
+  'Thursday': '四',
+  'Friday': '五',
+  'Saturday': '六',
+};

package/src/components/ScheduleRoomPanel/index.ts

@@ -0,0 +1,14 @@
+import { addI18n } from '../../i18n';
+import { enResource, zhResource } from './i18n';
+import ScheduledRoomListComponent from './ScheduledRoomList.vue';
+import ScheduleRoomPanelComponent from './ScheduleRoomPanel.vue';
+
+const ScheduledRoomList = ScheduledRoomListComponent;
+const ScheduleRoomPanel = ScheduleRoomPanelComponent;
+
+addI18n('en-US', { translation: enResource });
+addI18n('zh-CN', { translation: zhResource });
+export {
+  ScheduleRoomPanel,
+  ScheduledRoomList,
+};

package/src/components/ScheduleRoomPanel/type.ts

@@ -0,0 +1,7 @@
+export interface EditFormData {
+  roomId: string;
+  roomName: string;
+  scheduleStartTime: number;
+  scheduleEndTime: number;
+  scheduleAttendees: string[];
+}

package/src/components/ScheduleRoomPanel/utils.ts

@@ -0,0 +1,281 @@
+/**
+ * 时区和时间相关的工具函数
+ */
+
+/**
+ * 获取指定时区的当前时间
+ */
+export const getCurrentTimeInTimezone = (timezone: string): Date => {
+  try {
+    const now = new Date();
+    // 使用 Intl.DateTimeFormat 获取指定时区的时间
+    const formatter = new Intl.DateTimeFormat('en-US', {
+      timeZone: timezone,
+      year: 'numeric',
+      month: '2-digit',
+      day: '2-digit',
+      hour: '2-digit',
+      minute: '2-digit',
+      second: '2-digit',
+      hour12: false,
+    });
+
+    const parts = formatter.formatToParts(now);
+    const partsObj = parts.reduce((acc, part) => {
+      acc[part.type] = part.value;
+      return acc;
+    }, {} as any);
+
+    return new Date(
+      parseInt(partsObj.year, 10),
+      parseInt(partsObj.month, 10) - 1,
+      parseInt(partsObj.day, 10),
+      parseInt(partsObj.hour, 10),
+      parseInt(partsObj.minute, 10),
+      parseInt(partsObj.second, 10),
+    );
+  } catch (error) {
+    console.warn('Timezone conversion failed, using local time:', error);
+    return new Date();
+  }
+};
+
+/**
+ * 获取下一个15分钟间隔时间
+ */
+export const getNext15MinuteInterval = (date: Date): Date => {
+  const minutes = date.getMinutes();
+  const nextInterval = Math.ceil(minutes / 15) * 15;
+  const result = new Date(date);
+
+  if (nextInterval >= 60) {
+    result.setHours(result.getHours() + 1, 0, 0, 0);
+  } else {
+    result.setMinutes(nextInterval, 0, 0);
+  }
+
+  return result;
+};
+
+/**
+ * 将指定时区的时间转换为UTC时间戳
+ * @param year 年
+ * @param month 月（0-11）
+ * @param day 日
+ * @param hours 小时
+ * @param minutes 分钟
+ * @param timezone 时区
+ * @returns UTC时间戳（秒）
+ */
+export const convertTimezoneToUTC = (
+  year: number,
+  month: number,
+  day: number,
+  hours: number,
+  minutes: number,
+  timezone: string,
+): number => {
+  try {
+    // 创建一个临时的Date对象来获取时区偏移
+    const tempDate = new Date();
+
+    // 使用Intl.DateTimeFormat获取指定时区的当前时间各部分
+    const formatter = new Intl.DateTimeFormat('en-US', {
+      timeZone: timezone,
+      year: 'numeric',
+      month: '2-digit',
+      day: '2-digit',
+      hour: '2-digit',
+      minute: '2-digit',
+      hour12: false,
+    });
+
+    // 获取当前时间在指定时区的表示
+    const parts = formatter.formatToParts(tempDate);
+    const partsObj = parts.reduce((acc, part) => {
+      acc[part.type] = part.value;
+      return acc;
+    }, {} as any);
+
+    // 计算时区偏移量（毫秒）
+    const localTime = new Date(
+      parseInt(partsObj.year, 10),
+      parseInt(partsObj.month, 10) - 1,
+      parseInt(partsObj.day, 10),
+      parseInt(partsObj.hour, 10),
+      parseInt(partsObj.minute, 10),
+    );
+
+    const utcTime = new Date(tempDate.getTime());
+    const offsetMs = localTime.getTime() - utcTime.getTime();
+
+    // 创建用户选择的时间（假设在指定时区）
+    const userSelectedTime = new Date(year, month, day, hours, minutes);
+
+    // 转换为UTC时间
+    const utcTimestamp = userSelectedTime.getTime() - offsetMs;
+
+    return Math.floor(utcTimestamp / 1000);
+  } catch (error) {
+    console.warn('Timezone conversion failed, using local time:', error);
+    // 降级处理：直接使用本地时间
+    const localDateTime = new Date(year, month, day, hours, minutes);
+    return Math.floor(localDateTime.getTime() / 1000);
+  }
+};
+
+/**
+ * 将时间从一个时区转换到另一个时区
+ * @param dateTimestamp 日期时间戳（秒）
+ * @param timeTimestamp 时间时间戳（秒）
+ * @param fromTimezone 源时区
+ * @param toTimezone 目标时区
+ * @returns 转换后的日期和时间时间戳对象
+ */
+export const convertTimeBetweenTimezones = (
+  dateTimestamp: number,
+  timeTimestamp: number,
+  fromTimezone: string,
+  toTimezone: string,
+): { startDate: number; startTime: number } => {
+  try {
+    // 将日期和时间时间戳转换为Date对象
+    const dateObj = new Date(dateTimestamp * 1000);
+    const timeObj = new Date(timeTimestamp * 1000);
+
+    // 先将源时区的时间转换为UTC
+    const utcTimestamp = convertTimezoneToUTC(
+      dateObj.getFullYear(),
+      dateObj.getMonth(),
+      dateObj.getDate(),
+      timeObj.getHours(),
+      timeObj.getMinutes(),
+      fromTimezone,
+    );
+
+    // 将UTC时间转换为目标时区的本地时间
+    const utcDate = new Date(utcTimestamp * 1000);
+
+    // 使用Intl.DateTimeFormat获取目标时区的时间表示
+    const formatter = new Intl.DateTimeFormat('en-US', {
+      timeZone: toTimezone,
+      year: 'numeric',
+      month: '2-digit',
+      day: '2-digit',
+      hour: '2-digit',
+      minute: '2-digit',
+      hour12: false,
+    });
+
+    const parts = formatter.formatToParts(utcDate);
+    const partsObj = parts.reduce((acc, part) => {
+      acc[part.type] = part.value;
+      return acc;
+    }, {} as any);
+
+    // 构造目标时区的日期和时间
+    const targetDate = new Date(
+      parseInt(partsObj.year, 10),
+      parseInt(partsObj.month, 10) - 1,
+      parseInt(partsObj.day, 10),
+    );
+    targetDate.setHours(0, 0, 0, 0);
+
+    const targetTime = new Date(0);
+    targetTime.setHours(
+      parseInt(partsObj.hour, 10),
+      parseInt(partsObj.minute, 10),
+      0,
+      0,
+    );
+
+    return {
+      startDate: Math.floor(targetDate.getTime() / 1000),
+      startTime: Math.floor(targetTime.getTime() / 1000),
+    };
+  } catch (error) {
+    console.warn('Timezone conversion failed, keeping original values:', error);
+    return {
+      startDate: dateTimestamp,
+      startTime: timeTimestamp,
+    };
+  }
+};
+
+interface DiffResult<T> {
+  added: T[];
+  removed: T[];
+  unchanged: T[];
+}
+
+export const diffArray = <T extends { key: string }>(
+  original: T[],
+  current: T[],
+): DiffResult<T> => {
+  const originalKeys = new Set(original.map(item => item.key));
+  const currentKeys = new Set(current.map(item => item.key));
+
+  const added = current.filter(item => !originalKeys.has(item.key));
+  const removed = original.filter(item => !currentKeys.has(item.key));
+  const unchanged = current.filter(item => originalKeys.has(item.key));
+
+  return { added, removed, unchanged };
+};
+
+export async function copyText(text: string): Promise<boolean> {
+  try {
+    // Prefer modern browser Clipboard API
+    if (navigator.clipboard && window.isSecureContext) {
+      await navigator.clipboard.writeText(text);
+      return true;
+    }
+    // Fallback: use traditional document.execCommand
+    const textArea = document.createElement('textarea');
+    textArea.value = text;
+    textArea.style.position = 'fixed';
+    textArea.style.left = '-999999px';
+    textArea.style.top = '-999999px';
+    document.body.appendChild(textArea);
+    textArea.focus();
+    textArea.select();
+
+    const successful = document.execCommand('copy');
+    document.body.removeChild(textArea);
+    return successful;
+  } catch {
+    return false;
+  }
+}
+
+export function generateRoomLink(roomId: string, password?: string): string {
+  if (!roomId) {
+    return '';
+  }
+
+  // Use current domain to generate room link
+  const baseUrl = `${window.location.protocol}//${window.location.host}`;
+
+  // Detect if using hash router
+  const isHashRouter = window.location.hash.includes('#');
+  const currentPath = window.location.pathname;
+
+  // Build room parameters
+  const roomParams = password
+    ? `roomId=${roomId}&password=${password}`
+    : `roomId=${roomId}`;
+
+  // Generate link based on router mode
+  if (isHashRouter) {
+    // Hash router mode: http://localhost:5173/#/room?roomId=xxx
+    return `${baseUrl}${currentPath}#/room?${roomParams}`;
+  }
+  // History router mode: http://localhost:5173/room?roomId=xxx
+  return `${baseUrl}/room?${roomParams}`;
+}
+
+export function generateRoomSchemeLink(roomId: string, password?: string): string {
+  if (!roomId) {
+    return '';
+  }
+  return `tuiroom://joinroom?roomId=${roomId}${password ? `&password=${password}` : ''}`;
+}

package/src/components/Search/Search.vue

@@ -188,5 +188,5 @@ const stopClickPropagation = (e: Event) => {
 </script>
 
 <style lang="scss" module>
-@import './Search.scss';
+@use './Search.scss';
 </style>

package/src/components/Search/SearchAdvanced/DateRangePicker/DateRangePicker.scss

@@ -1,6 +1,3 @@
-@use "sass:map";
-@use "@tencentcloud/uikit-base-component-vue3/src/providers/UIKitProvider/styles/variables.scss" as *;
-
 .SearchDateRangePicker {
   background: var(--bg-color-dialog);
   box-shadow: 0 2px 8px var(--shadow-color);
@@ -305,4 +302,4 @@
     color: #fff;
     border-color: #1677ff;
   }
-} 
+}

package/src/components/Search/SearchAdvanced/DateRangePicker/DateRangePicker.vue

@@ -554,5 +554,5 @@ const handleH5Cancel = () => {
 </script>
 
 <style lang="scss" module>
-@import './DateRangePicker.scss';
+@use './DateRangePicker.scss';
 </style>

package/src/components/Search/SearchAdvanced/MessageAdvanced/MessageAdvanced.scss

@@ -1,6 +1,3 @@
-@use "sass:map";
-@use "@tencentcloud/uikit-base-component-vue3/src/providers/UIKitProvider/styles/variables.scss" as *;
-
 .SearchMessageAdvanced {
   padding: 10px 20px;
   background-color: var(--bg-color-operate);
@@ -81,4 +78,4 @@
   left: 0;
   margin-top: 8px;
   z-index: 1000;
-} 
+}

package/src/components/Search/SearchAdvanced/MessageAdvanced/MessageAdvanced.vue

@@ -259,5 +259,5 @@ const handleQuickOptionClick = (option: string) => {
 </script>
 
 <style lang="scss" module>
-@import './MessageAdvanced.scss';
+@use './MessageAdvanced.scss';
 </style>

package/src/components/Search/SearchAdvanced/SearchAdvanced.scss

@@ -1,6 +1,3 @@
-@use "sass:map";
-@use "@tencentcloud/uikit-base-component-vue3/src/providers/UIKitProvider/styles/variables.scss" as *;
-
 .SearchAdvanced {
   display: flex;
   flex-direction: column;
@@ -53,4 +50,4 @@
     margin-top: 8px;
     z-index: 1000;
   }
-} 
+}