From 3c17f4e9f86b24cf71eabbb3b5ac9192f364fb44 Mon Sep 17 00:00:00 2001 From: Vben Date: Sat, 17 Aug 2024 21:11:07 +0800 Subject: [PATCH] perf: all icons used in the core are offline (#4173) * perf: all icons used in the core are offline * chore: update default icon * chore: update shadow --- .../src/router/routes/modules/vben.ts | 2 +- .../views/_core/{vben => }/about/index.vue | 0 .../web-ele/src/router/routes/modules/vben.ts | 2 +- .../views/_core/{vben => }/about/index.vue | 0 .../src/router/routes/modules/vben.ts | 2 +- .../views/_core/{vben => }/about/index.vue | 0 docs/package.json | 2 +- docs/src/guide/essentials/route.md | 2 +- internal/tailwind-config/package.json | 2 +- package.json | 4 +- packages/@core/base/icons/src/create-icon.ts | 2 +- packages/@core/base/icons/src/index.ts | 1 - packages/@core/base/icons/src/lucide.ts | 8 +- packages/@core/base/icons/src/mdi.ts | 19 - .../src/components/layout-content.vue | 1 - .../widgets/sidebar-collapse-button.vue | 8 +- .../widgets/sidebar-fixed-button.vue | 8 +- .../ui-kit/layout-ui/src/vben-layout.vue | 2 +- .../src/components/scrollbar/scrollbar.vue | 26 +- .../src/components/tabs-chrome/tabs.vue | 8 +- .../tabs-ui/src/components/tabs/tabs.vue | 8 +- .../@core/ui-kit/tabs-ui/src/tabs-view.vue | 4 +- .../@core/ui-kit/tabs-ui/src/use-tabs-drag.ts | 2 +- .../layouts/src/basic/tabbar/use-tabbar.ts | 6 +- packages/icons/src/iconify/index.ts | 12 +- packages/locales/package.json | 4 +- playground/src/router/routes/modules/vben.ts | 2 +- .../views/_core/{vben => }/about/index.vue | 0 .../src/views/examples/ellipsis/index.vue | 2 +- pnpm-lock.yaml | 528 +++++++++--------- 30 files changed, 320 insertions(+), 347 deletions(-) rename apps/web-antd/src/views/_core/{vben => }/about/index.vue (100%) rename apps/web-ele/src/views/_core/{vben => }/about/index.vue (100%) rename apps/web-naive/src/views/_core/{vben => }/about/index.vue (100%) delete mode 100644 packages/@core/base/icons/src/mdi.ts rename playground/src/views/_core/{vben => }/about/index.vue (100%) diff --git a/apps/web-antd/src/router/routes/modules/vben.ts b/apps/web-antd/src/router/routes/modules/vben.ts index 48e38fb2..f1a836fb 100644 --- a/apps/web-antd/src/router/routes/modules/vben.ts +++ b/apps/web-antd/src/router/routes/modules/vben.ts @@ -26,7 +26,7 @@ const routes: RouteRecordRaw[] = [ { name: 'VbenAbout', path: '/vben-admin/about', - component: () => import('#/views/_core/vben/about/index.vue'), + component: () => import('#/views/_core/about/index.vue'), meta: { icon: 'lucide:copyright', title: $t('page.vben.about'), diff --git a/apps/web-antd/src/views/_core/vben/about/index.vue b/apps/web-antd/src/views/_core/about/index.vue similarity index 100% rename from apps/web-antd/src/views/_core/vben/about/index.vue rename to apps/web-antd/src/views/_core/about/index.vue diff --git a/apps/web-ele/src/router/routes/modules/vben.ts b/apps/web-ele/src/router/routes/modules/vben.ts index 3a8f2e94..fab1905d 100644 --- a/apps/web-ele/src/router/routes/modules/vben.ts +++ b/apps/web-ele/src/router/routes/modules/vben.ts @@ -26,7 +26,7 @@ const routes: RouteRecordRaw[] = [ { name: 'VbenAbout', path: '/vben-admin/about', - component: () => import('#/views/_core/vben/about/index.vue'), + component: () => import('#/views/_core/about/index.vue'), meta: { icon: 'lucide:copyright', title: $t('page.vben.about'), diff --git a/apps/web-ele/src/views/_core/vben/about/index.vue b/apps/web-ele/src/views/_core/about/index.vue similarity index 100% rename from apps/web-ele/src/views/_core/vben/about/index.vue rename to apps/web-ele/src/views/_core/about/index.vue diff --git a/apps/web-naive/src/router/routes/modules/vben.ts b/apps/web-naive/src/router/routes/modules/vben.ts index 0b1273df..4f067498 100644 --- a/apps/web-naive/src/router/routes/modules/vben.ts +++ b/apps/web-naive/src/router/routes/modules/vben.ts @@ -26,7 +26,7 @@ const routes: RouteRecordRaw[] = [ { name: 'VbenAbout', path: '/vben-admin/about', - component: () => import('#/views/_core/vben/about/index.vue'), + component: () => import('#/views/_core/about/index.vue'), meta: { icon: 'lucide:copyright', title: $t('page.vben.about'), diff --git a/apps/web-naive/src/views/_core/vben/about/index.vue b/apps/web-naive/src/views/_core/about/index.vue similarity index 100% rename from apps/web-naive/src/views/_core/vben/about/index.vue rename to apps/web-naive/src/views/_core/about/index.vue diff --git a/docs/package.json b/docs/package.json index e7b2882d..a13250df 100644 --- a/docs/package.json +++ b/docs/package.json @@ -13,7 +13,7 @@ "devDependencies": { "@nolebase/vitepress-plugin-git-changelog": "^2.4.0", "@vite-pwa/vitepress": "^0.5.0", - "vitepress": "^1.3.2", + "vitepress": "^1.3.3", "vue": "^3.4.37" } } diff --git a/docs/src/guide/essentials/route.md b/docs/src/guide/essentials/route.md index 10893fc3..29fa298b 100644 --- a/docs/src/guide/essentials/route.md +++ b/docs/src/guide/essentials/route.md @@ -64,7 +64,7 @@ const routes: RouteRecordRaw[] = [ { name: 'VbenAbout', path: '/vben-admin/about', - component: () => import('#/views/_core/vben/about/index.vue'), + component: () => import('#/views/_core/about/index.vue'), meta: { badgeType: 'dot', badgeVariants: 'destructive', diff --git a/internal/tailwind-config/package.json b/internal/tailwind-config/package.json index c161447b..4d90c637 100644 --- a/internal/tailwind-config/package.json +++ b/internal/tailwind-config/package.json @@ -46,7 +46,7 @@ "tailwindcss": "^3.4.3" }, "dependencies": { - "@iconify/json": "^2.2.237", + "@iconify/json": "^2.2.238", "@iconify/tailwind": "^1.1.2", "@tailwindcss/nesting": "0.0.0-insiders.565cd3e", "@tailwindcss/typography": "^0.5.14", diff --git a/package.json b/package.json index 96550659..0ac67696 100644 --- a/package.json +++ b/package.json @@ -60,7 +60,7 @@ "@changesets/cli": "^2.27.7", "@ls-lint/ls-lint": "^2.2.3", "@types/jsdom": "^21.1.7", - "@types/node": "^22.3.0", + "@types/node": "^22.4.0", "@vben/commitlint-config": "workspace:*", "@vben/eslint-config": "workspace:*", "@vben/prettier-config": "workspace:*", @@ -75,7 +75,7 @@ "@vue/test-utils": "^2.4.6", "autoprefixer": "^10.4.20", "cross-env": "^7.0.3", - "cspell": "^8.13.3", + "cspell": "^8.14.1", "husky": "^9.1.4", "is-ci": "^3.0.1", "jsdom": "^24.1.1", diff --git a/packages/@core/base/icons/src/create-icon.ts b/packages/@core/base/icons/src/create-icon.ts index f108023f..2c40045b 100644 --- a/packages/@core/base/icons/src/create-icon.ts +++ b/packages/@core/base/icons/src/create-icon.ts @@ -4,7 +4,7 @@ import { Icon } from '@iconify/vue'; function createIconifyIcon(icon: string) { return defineComponent({ - name: `SvgIcon-${icon}`, + name: `Icon-${icon}`, setup(props, { attrs }) { return () => h(Icon, { icon, ...props, ...attrs }); }, diff --git a/packages/@core/base/icons/src/index.ts b/packages/@core/base/icons/src/index.ts index b373567d..d533cd58 100644 --- a/packages/@core/base/icons/src/index.ts +++ b/packages/@core/base/icons/src/index.ts @@ -1,5 +1,4 @@ export * from './create-icon'; export * from './lucide'; -export * from './mdi'; export * from '@iconify/vue'; diff --git a/packages/@core/base/icons/src/lucide.ts b/packages/@core/base/icons/src/lucide.ts index 1f14f32c..02d96f17 100644 --- a/packages/@core/base/icons/src/lucide.ts +++ b/packages/@core/base/icons/src/lucide.ts @@ -1,7 +1,9 @@ export { ArrowDown, ArrowLeft, + ArrowLeftFromLine as MdiMenuOpen, ArrowLeftToLine, + ArrowRightFromLine as MdiMenuClose, ArrowRightLeft, ArrowRightToLine, ArrowUp, @@ -11,10 +13,12 @@ export { ChevronDown, ChevronLeft, ChevronRight, + ChevronsLeft, + ChevronsRight, CircleHelp, Copy, CornerDownLeft, - Disc3 as IconDefault, + Disc as IconDefault, Ellipsis, ExternalLink, Eye, @@ -36,6 +40,8 @@ export { Palette, PanelLeft, PanelRight, + Pin, + PinOff, RotateCw, Search, SearchX, diff --git a/packages/@core/base/icons/src/mdi.ts b/packages/@core/base/icons/src/mdi.ts deleted file mode 100644 index 9f83455d..00000000 --- a/packages/@core/base/icons/src/mdi.ts +++ /dev/null @@ -1,19 +0,0 @@ -import { createIconifyIcon } from './create-icon'; - -export const MdiKeyboardEsc = createIconifyIcon('mdi:keyboard-esc'); - -export const MdiWechat = createIconifyIcon('mdi:wechat'); - -export const MdiGithub = createIconifyIcon('mdi:github'); - -export const MdiGoogle = createIconifyIcon('mdi:google'); - -export const MdiQqchat = createIconifyIcon('mdi:qqchat'); - -export const MdiPin = createIconifyIcon('mdi:pin'); - -export const MdiPinOff = createIconifyIcon('mdi:pin-off'); - -export const MdiMenuClose = createIconifyIcon('mdi:menu-close'); - -export const MdiMenuOpen = createIconifyIcon('mdi:menu-open'); diff --git a/packages/@core/ui-kit/layout-ui/src/components/layout-content.vue b/packages/@core/ui-kit/layout-ui/src/components/layout-content.vue index ab1d4d7f..1dd0c548 100644 --- a/packages/@core/ui-kit/layout-ui/src/components/layout-content.vue +++ b/packages/@core/ui-kit/layout-ui/src/components/layout-content.vue @@ -54,7 +54,6 @@ const style = computed((): CSSProperties => {