update README.md.

Signed-off-by: lyt-Top <1105290566@qq.com>

CHANGELOG.md

@@ -2,6 +2,14 @@
 
 🎉🎉🔥 `vue-next-admin` 基于 vue3.x 、Typescript、vite、Element plus 等，适配手机、平板、pc 的后台开源免费模板库（vue2.x 请切换 vue-prev-admin 分支）
 
+## 2.4.34
+
+`2023.04.14`
+
+- 🌟 更新 依赖更新最新版本
+- 🎯 优化 演示界面 [列表自适应](https://lyt-top.gitee.io/vue-next-admin-preview/#/pages/listAdapt) 与 [图片懒加载](https://lyt-top.gitee.io/vue-next-admin-preview/#/pages/lazyImg)
+- 🐞 修复 `font-awesome.min.css` 在线 `cdn` 无法访问问题，[在线 cdn](https://lyt-top.gitee.io/vue-next-admin-doc-preview/config/build/#_3-cdn-%E5%8A%A0%E9%80%9F)，感谢群友@Lauyping
+
 ## 2.4.33
 
 `2023.04.11`

README.md

@@ -32,7 +32,7 @@
 
 #### ⛱️ 线上预览
 
-- vue3.x 版本预览（vue-next-admin）<a href="https://lyt-top.gitee.io/vue-next-admin-preview/#/login" target="_blank">https://lyt-top.gitee.io/vue-next-admin-preview/#/login</a>
+- vue3.x 版本预览（vue-next-admin）<a href="http://vuenextadmin.ccfast.cc/ " target="_blank">http://vuenextadmin.ccfast.cc/ </a>
 - vue2.x 版本预览（vue-prev-admin）<a href="https://lyt-top.gitee.io/vue-prev-admin-preview/#/login" target="_blank">https://lyt-top.gitee.io/vue-prev-admin-preview/#/login</a>
 - vue3.x + uni-app 商城 H5（vue-next-admin-shop）<a href="https://lyt-top.gitee.io/vue-next-admin-shop-preview" target="_blank">https://lyt-top.gitee.io/vue-next-admin-shop-preview</a>
 
@@ -79,13 +79,15 @@ cnpm run build
 
 #### 📚 开发文档
 
-- 查看开发文档：<a href="https://lyt-top.gitee.io/vue-next-admin-doc-preview" target="_blank">vue-next-admin-doc</a>
+- 查看开发文档：<a href="https://lyt-top.gitee.io/vue-next-admin-doc-preview" target="_blank">https://lyt-top.gitee.io/vue-next-admin-doc-preview</a>
+- 查看开发文档：<a href="https://lyt-top.github.io/vue-next-admin-doc-preview/" target="_blank">https://lyt-top.github.io/vue-next-admin-doc-preview/</a>
+
 
 #### 💯 学习交流加 QQ 群
 
-> 1 - 4 交流群已满，请加 vue-next-admin 交流群 5
+> 群已满，请加以下群号，感谢老哥们支持！
 
-群号：556254895
+群号：931596000
 
 其它交流群请查看文档首页 [vueNextAdmin 解疑问](https://lyt-top.gitee.io/vue-next-admin-doc-preview/)
 

package.json

@@ -5,58 +5,58 @@
 	"author": "lyt_20201208",
 	"license": "MIT",
 	"scripts": {
-		"dev": "vite",
+		"dev": "vite --force",
 		"build": "vite build",
 		"lint-fix": "eslint --fix --ext .js --ext .jsx --ext .vue src/"
 	},
 	"dependencies": {
-		"@element-plus/icons-vue": "^2.1.0",
+		"@element-plus/icons-vue": "^2.3.1",
 		"@wangeditor/editor": "^5.1.23",
 		"@wangeditor/editor-for-vue": "^5.1.12",
-		"axios": "^1.3.5",
-		"countup.js": "^2.6.0",
-		"cropperjs": "^1.5.13",
-		"echarts": "^5.4.2",
+		"axios": "^1.6.8",
+		"countup.js": "^2.8.0",
+		"cropperjs": "^1.6.1",
+		"echarts": "^5.5.0",
 		"echarts-gl": "^2.0.9",
 		"echarts-wordcloud": "^2.1.0",
-		"element-plus": "^2.3.3",
-		"js-cookie": "^3.0.1",
-		"js-table2excel": "^1.0.3",
+		"element-plus": "^2.6.1",
+		"js-cookie": "^3.0.5",
+		"js-table2excel": "^1.1.2",
 		"jsplumb": "^2.15.6",
-		"mitt": "^3.0.0",
+		"mitt": "^3.0.1",
 		"nprogress": "^0.2.0",
-		"pinia": "^2.0.34",
+		"pinia": "^2.1.7",
 		"print-js": "^1.6.0",
 		"qrcodejs2-fixes": "^0.0.2",
-		"qs": "^6.11.1",
+		"qs": "^6.12.0",
 		"screenfull": "^6.0.2",
-		"sortablejs": "^1.15.0",
+		"sortablejs": "^1.15.2",
 		"splitpanes": "^3.1.5",
-		"vue": "^3.2.47",
+		"vue": "^3.4.21",
 		"vue-clipboard3": "^2.0.0",
-		"vue-demi": "^0.13.11",
+		"vue-demi": "^0.14.7",
 		"vue-grid-layout": "^3.0.0-beta1",
-		"vue-i18n": "^9.2.2",
-		"vue-router": "^4.1.6"
+		"vue-i18n": "^9.10.2",
+		"vue-router": "^4.3.0"
 	},
 	"devDependencies": {
-		"@types/node": "^18.15.11",
-		"@types/nprogress": "^0.2.0",
-		"@types/sortablejs": "^1.15.1",
-		"@typescript-eslint/eslint-plugin": "^5.58.0",
-		"@typescript-eslint/parser": "^5.58.0",
-		"@vitejs/plugin-vue": "^4.1.0",
-		"@vue/compiler-sfc": "^3.2.47",
-		"eslint": "^8.38.0",
-		"eslint-plugin-vue": "^9.10.0",
-		"prettier": "^2.8.7",
-		"sass": "^1.61.0",
-		"typescript": "^5.0.4",
-		"vite": "^4.2.1",
+		"@types/node": "^20.11.28",
+		"@types/nprogress": "^0.2.3",
+		"@types/sortablejs": "^1.15.8",
+		"@typescript-eslint/eslint-plugin": "^7.2.0",
+		"@typescript-eslint/parser": "^7.2.0",
+		"@vitejs/plugin-vue": "^5.0.4",
+		"@vue/compiler-sfc": "^3.4.21",
+		"eslint": "^8.57.0",
+		"eslint-plugin-vue": "^9.23.0",
+		"prettier": "^3.2.5",
+		"sass": "^1.72.0",
+		"typescript": "^5.4.2",
+		"vite": "^5.1.6",
 		"vite-plugin-cdn-import": "^0.3.5",
 		"vite-plugin-compression": "^0.5.1",
 		"vite-plugin-vue-setup-extend-plus": "^0.1.0",
-		"vue-eslint-parser": "^9.1.1"
+		"vue-eslint-parser": "^9.4.2"
 	},
 	"browserslist": [
 		"> 1%",

src/i18n/index.ts

@@ -14,14 +14,14 @@ import { useThemeConfig } from '/@/stores/themeConfig';
  */
 
 // element plus 自带国际化
-import enLocale from 'element-plus/lib/locale/lang/en';
-import zhcnLocale from 'element-plus/lib/locale/lang/zh-cn';
-import zhtwLocale from 'element-plus/lib/locale/lang/zh-tw';
+import enLocale from 'element-plus/dist/locale/en';
+import zhcnLocale from 'element-plus/dist/locale/zh-cn';
+import zhtwLocale from 'element-plus/dist/locale/zh-tw';
 
 // 定义变量内容
-const messages = {};
-const element = { en: enLocale, 'zh-cn': zhcnLocale, 'zh-tw': zhtwLocale };
-const itemize = { en: [], 'zh-cn': [], 'zh-tw': [] };
+const messages: any = {};
+const element: any = { en: enLocale, 'zh-cn': zhcnLocale, 'zh-tw': zhtwLocale };
+const itemize: any = { en: [], 'zh-cn': [], 'zh-tw': [] };
 const modules: Record<string, any> = import.meta.glob('./**/*.ts', { eager: true });
 
 // 对自动引入的 modules 进行分类 en、zh-cn、zh-tw
@@ -33,7 +33,7 @@ for (const path in modules) {
 }
 
 // 合并数组对象（非标准数组对象，数组中对象的每项 key、value 都不同）
-function mergeArrObj<T>(list: T, key: string) {
+function mergeArrObj(list: any, key: string) {
 	let obj = {};
 	list[key].forEach((i: EmptyObjectType) => {
 		obj = Object.assign({}, obj, i);

src/layout/component/columnsAside.vue

@@ -127,15 +127,19 @@ const onColumnsAsideDown = (k: number) => {
 		setColumnsAsideMove(k);
 	});
 };
+// 设置只有一个路由时设置自动收起菜单
+// https://gitee.com/lyt-top/vue-next-admin/issues/I6UW2I
+const setMenuAutoCollaps = (path: string) => {
+	const resData: MittMenu = setSendChildren(path);
+	// https://gitee.com/lyt-top/vue-next-admin/issues/I6HW7H
+	resData.children.length <= 1 ? (themeConfig.value.isCollapse = true) : (themeConfig.value.isCollapse = false);
+	return resData;
+};
 // 设置/过滤路由（非静态路由/是否显示在菜单中）
 const setFilterRoutes = () => {
 	state.columnsAsideList = filterRoutesFun(routesList.value);
-	const resData: MittMenu = setSendChildren(route.path);
-	if (Object.keys(resData).length <= 0) return false;
+	const resData: MittMenu = setMenuAutoCollaps(route.path);
 	onColumnsAsideDown(resData.item?.k);
-	// 刷新时，初始化一个路由设置自动收起菜单
-	// https://gitee.com/lyt-top/vue-next-admin/issues/I6HW7H
-	resData.children.length <= 1 ? (themeConfig.value.isCollapse = true) : (themeConfig.value.isCollapse = false);
 	// 延迟 500 毫秒更新，防止 aside.vue 组件 setSendColumnsChildren 还没有注册
 	setTimeout(() => {
 		mittBus.emit('setSendColumnsChildren', resData);
@@ -192,8 +196,9 @@ onUnmounted(() => {
 });
 // 路由更新时
 onBeforeRouteUpdate((to) => {
+	const resData = setMenuAutoCollaps(to.path);
 	setColumnsMenuHighlight(to.path);
-	mittBus.emit('setSendColumnsChildren', setSendChildren(to.path));
+	mittBus.emit('setSendColumnsChildren', resData);
 });
 // 监听布局配置信息的变化，动态增加菜单高亮位置移动像素
 watch(

src/layout/navBars/topBar/search.vue

@@ -102,6 +102,8 @@ defineExpose({
 .layout-search-dialog {
 	position: relative;
 	:deep(.el-dialog) {
+		background: unset;
+		box-shadow: unset;
 		.el-dialog__header,
 		.el-dialog__body {
 			display: none;

src/layout/sponsors/index.vue

@@ -22,7 +22,7 @@ const state = reactive({
 		list: [
 			{
 				url: sponsorsOne,
-				text: `驰骋BPM系统包含表单引擎+流程引擎+权限控制,方便集成,配置灵活,功能强大,适合中国国情的工作流引擎.演示:http://demo.ccflow.org。右上角点star方可加群: 1060674395`,
+				text: `驰骋BPM系统包含表单引擎+流程引擎+权限控制,方便集成,配置灵活,功能强大,适合中国国情的工作流引擎.演示:http://demo.ccflow.org。`,
 				link: 'http://www.ccflow.org/',
 			},
 		],

src/layout/upgrade/index.vue

@@ -86,6 +86,7 @@ onMounted(() => {
 <style scoped lang="scss">
 .upgrade-dialog {
 	:deep(.el-dialog) {
+		padding: 0 !important;
 		.el-dialog__body {
 			padding: 0 !important;
 		}

src/types/global.d.ts

@@ -7,6 +7,9 @@ declare module '@wangeditor/editor-for-vue';
 declare module 'js-table2excel';
 declare module 'qs';
 declare module 'sortablejs';
+declare module 'element-plus/dist/locale/en';
+declare module 'element-plus/dist/locale/zh-cn';
+declare module 'element-plus/dist/locale/zh-tw';
 
 // 声明一个模块，防止引入文件时报错
 declare module '*.json';

src/utils/getStyleSheets.ts

@@ -51,7 +51,7 @@ const getAwesomeIconfont = () => {
 			let sheetsList = [];
 			let sheetsIconList = [];
 			for (let i = 0; i < styles.length; i++) {
-				if (styles[i].href && styles[i].href.indexOf('netdna.bootstrapcdn.com') > -1) {
+				if (styles[i].href && styles[i].href.indexOf('https://cdn.jsdelivr.net') > -1) {
 					sheetsList.push(styles[i]);
 				}
 			}

src/utils/setIconfont.ts

@@ -1,7 +1,7 @@
 // 字体图标 url
 const cssCdnUrlList: Array<string> = [
 	'//at.alicdn.com/t/c/font_2298093_rnp72ifj3ba.css',
-	'//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css',
+	'https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css',
 ];
 // 第三方 js url
 const jsCdnUrlList: Array<string> = [];

src/views/pages/lazyImg/index.vue

@@ -99,6 +99,9 @@ onMounted(() => {
 		flex-wrap: wrap;
 		align-content: flex-start;
 		margin: 0 -5px;
+		.el-row {
+			width: 101%;
+		}
 		.flex-warp-item {
 			padding: 5px;
 			width: 100%;

src/views/pages/listAdapt/index.vue

@@ -93,6 +93,9 @@ const onHandleCurrentChange = (val: number) => {
 	flex-wrap: wrap;
 	align-content: flex-start;
 	margin: 0 -5px;
+	.el-row {
+		width: 101%;
+	}
 	.flex-warp-item {
 		padding: 5px;
 		width: 100%;