perf: replace vue-sonner with the toast component of shadcn-ui

This commit is contained in:
vben
2024-07-07 11:36:32 +08:00
parent fd61d2efc4
commit 0eda99ec3b
23 changed files with 536 additions and 131 deletions

View File

@@ -2,8 +2,8 @@ import { h } from 'vue';
import { Icon } from '@iconify/vue';
function createIcon(icon: string) {
function createIconifyIcon(icon: string) {
return h(Icon, { icon });
}
export { createIcon };
export { createIconifyIcon };

View File

@@ -1,77 +1,84 @@
import { createIcon } from './create-icon';
import { createIconifyIcon } from './create-icon';
export const IconDefault = createIcon('ic:round-auto-awesome');
export const IconDefault = createIconifyIcon('ic:round-auto-awesome');
export const IcRoundKeyboardArrowDown = createIcon(
export const IcRoundKeyboardArrowDown = createIconifyIcon(
'ic:round-keyboard-arrow-down',
);
export const IcRoundChevronRight = createIcon('ic:round-chevron-right');
export const IcRoundChevronRight = createIconifyIcon('ic:round-chevron-right');
export const IcRoundKeyboard = createIcon('ic:round-keyboard');
// export const IcRoundMenuOpen = createIcon('ic:round-menu-open');
export const IcRoundMenu = createIconifyIcon('ic:round-menu');
export const IcRoundMenu = createIcon('ic:round-menu');
export const IcRoundMoreHoriz = createIconifyIcon('ic:round-more-horiz');
export const IcRoundMoreHoriz = createIcon('ic:round-more-horiz');
export const IcRoundFitScreen = createIconifyIcon('ic:round-fit-screen');
export const IcRoundFitScreen = createIcon('ic:round-fit-screen');
export const IcTwotoneFitScreen = createIconifyIcon('ic:twotone-fit-screen');
export const IcTwotoneFitScreen = createIcon('ic:twotone-fit-screen');
export const IcRoundColorLens = createIconifyIcon('ic:round-color-lens');
export const IcRoundColorLens = createIcon('ic:round-color-lens');
export const IcRoundMoreVert = createIconifyIcon('ic:round-more-vert');
export const IcRoundMoreVert = createIcon('ic:round-more-vert');
export const IcRoundFullscreen = createIconifyIcon('ic:round-fullscreen');
export const IcRoundFullscreen = createIcon('ic:round-fullscreen');
export const IcRoundFullscreenExit = createIconifyIcon(
'ic:round-fullscreen-exit',
);
export const IcRoundFullscreenExit = createIcon('ic:round-fullscreen-exit');
export const IcRoundClose = createIconifyIcon('ic:round-close');
export const IcRoundAutoAwesome = createIcon('ic:round-auto-awesome');
export const IcRoundRestartAlt = createIconifyIcon('ic:round-restart-alt');
export const IcRoundClose = createIcon('ic:round-close');
export const IcRoundLogout = createIconifyIcon('ic:round-logout');
export const IcRoundRestartAlt = createIcon('ic:round-restart-alt');
export const IcOutlineVisibility = createIconifyIcon('ic:outline-visibility');
export const IcRoundLogout = createIcon('ic:round-logout');
export const IcOutlineVisibilityOff = createIconifyIcon(
'ic:outline-visibility-off',
);
export const IcOutlineVisibility = createIcon('ic:outline-visibility');
export const IcRoundSearch = createIconifyIcon('ic:round-search');
export const IcOutlineVisibilityOff = createIcon('ic:outline-visibility-off');
export const IcRoundFolderCopy = createIconifyIcon('ic:round-folder-copy');
export const IcRoundSearch = createIcon('ic:round-search');
export const IcRoundFolderCopy = createIcon('ic:round-folder-copy');
export const IcRoundSubdirectoryArrowLeft = createIcon(
export const IcRoundSubdirectoryArrowLeft = createIconifyIcon(
'ic:round-subdirectory-arrow-left',
);
export const IcRoundArrowUpward = createIcon('ic:round-arrow-upward');
export const IcRoundArrowUpward = createIconifyIcon('ic:round-arrow-upward');
export const IcRoundArrowDownward = createIcon('ic:round-arrow-downward');
export const IcRoundArrowDownward = createIconifyIcon(
'ic:round-arrow-downward',
);
export const IcBaselineLanguage = createIcon('ic:baseline-language');
export const IcBaselineLanguage = createIconifyIcon('ic:baseline-language');
export const IcRoundSearchOff = createIcon('ic:round-search-off');
export const IcRoundSearchOff = createIconifyIcon('ic:round-search-off');
export const IcRoundNotificationsNone = createIcon(
export const IcRoundNotificationsNone = createIconifyIcon(
'ic:round-notifications-none',
);
export const IcRoundMarkEmailRead = createIcon('ic:round-mark-email-read');
export const IcRoundMarkEmailRead = createIconifyIcon(
'ic:round-mark-email-read',
);
export const IcRoundWbSunny = createIcon('ic:round-wb-sunny');
export const IcRoundWbSunny = createIconifyIcon('ic:round-wb-sunny');
export const IcRoundMotionPhotosAuto = createIcon(
export const IcRoundMotionPhotosAuto = createIconifyIcon(
'ic:round-motion-photos-auto',
);
export const IcRoundSettingsSuggest = createIcon('ic:round-settings-suggest');
export const IcRoundSettingsSuggest = createIconifyIcon(
'ic:round-settings-suggest',
);
export const IcRoundArrowBackIosNew = createIcon('ic:round-arrow-back-ios-new');
export const IcRoundArrowBackIosNew = createIconifyIcon(
'ic:round-arrow-back-ios-new',
);
export const IcRoundMultipleStop = createIcon('ic:round-multiple-stop');
export const IcRoundMultipleStop = createIconifyIcon('ic:round-multiple-stop');
export const IcRoundRefresh = createIcon('ic:round-refresh');
export const IcRoundRefresh = createIconifyIcon('ic:round-refresh');
export const IcRoundCreditScore = createIcon('ic:round-credit-score');
export const IcRoundCreditScore = createIconifyIcon('ic:round-credit-score');

View File

@@ -1,49 +1,49 @@
import { createIcon } from './create-icon';
import { createIconifyIcon } from './create-icon';
export const MdiKeyboardEsc = createIcon('mdi:keyboard-esc');
export const MdiKeyboardEsc = createIconifyIcon('mdi:keyboard-esc');
export const MdiLoading = createIcon('mdi:loading');
export const MdiLoading = createIconifyIcon('mdi:loading');
export const MdiWechat = createIcon('mdi:wechat');
export const MdiWechat = createIconifyIcon('mdi:wechat');
export const MdiGithub = createIcon('mdi:github');
export const MdiGithub = createIconifyIcon('mdi:github');
export const MdiGoogle = createIcon('mdi:google');
export const MdiGoogle = createIconifyIcon('mdi:google');
export const MdiQqchat = createIcon('mdi:qqchat');
export const MdiQqchat = createIconifyIcon('mdi:qqchat');
export const MdiPin = createIcon('mdi:pin');
export const MdiPin = createIconifyIcon('mdi:pin');
export const MdiPinOff = createIcon('mdi:pin-off');
export const MdiPinOff = createIconifyIcon('mdi:pin-off');
export const MdiFormatHorizontalAlignLeft = createIcon(
export const MdiFormatHorizontalAlignLeft = createIconifyIcon(
'mdi:format-horizontal-align-left',
);
export const MdiFormatHorizontalAlignRight = createIcon(
export const MdiFormatHorizontalAlignRight = createIconifyIcon(
'mdi:format-horizontal-align-right',
);
export const MdiArrowExpandHorizontal = createIcon(
export const MdiArrowExpandHorizontal = createIconifyIcon(
'mdi:arrow-expand-horizontal',
);
export const MdiMenuClose = createIcon('mdi:menu-close');
export const MdiMenuClose = createIconifyIcon('mdi:menu-close');
export const MdiMenuOpen = createIcon('mdi:menu-open');
export const MdiMenuOpen = createIconifyIcon('mdi:menu-open');
export const MdiDockLeft = createIcon('mdi:dock-left');
export const MdiDockLeft = createIconifyIcon('mdi:dock-left');
export const MdiDockRight = createIcon('mdi:dock-right');
export const MdiDockRight = createIconifyIcon('mdi:dock-right');
export const MdiDockBottom = createIcon('mdi:dock-bottom');
export const MdiDockBottom = createIconifyIcon('mdi:dock-bottom');
export const MdiDriveDocument = createIcon('mdi:drive-document');
export const MdiDriveDocument = createIconifyIcon('mdi:drive-document');
export const MdiMoonAndStars = createIcon('mdi:moon-and-stars');
export const MdiMoonAndStars = createIconifyIcon('mdi:moon-and-stars');
export const MdiEditBoxOutline = createIcon('mdi:edit-box-outline');
export const MdiEditBoxOutline = createIconifyIcon('mdi:edit-box-outline');
export const MdiQuestionMarkCircleOutline = createIcon(
export const MdiQuestionMarkCircleOutline = createIconifyIcon(
'mdi:question-mark-circle-outline',
);