解决helper问题

web/package-lock.json

@@ -10,6 +10,8 @@
 			"license": "MIT",
 			"dependencies": {
 				"@element-plus/icons-vue": "^2.0.6",
+				"@fast-crud/fast-crud": "^1.4.2",
+				"@fast-crud/ui-element": "^1.4.2",
 				"@wangeditor/editor": "^5.1.11",
 				"axios": "^0.27.2",
 				"countup.js": "^2.3.2",
@@ -49,7 +51,7 @@
 				"sass": "^1.53.0",
 				"sass-loader": "^13.0.2",
 				"typescript": "^4.7.4",
-				"vite": "^2.9.14",
+				"vite": "^3.0.0",
 				"vue-eslint-parser": "^9.0.3"
 			},
 			"engines": {
@@ -115,6 +117,40 @@
 				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
 			}
 		},
+		"node_modules/@fast-crud/fast-crud": {
+			"version": "1.5.1",
+			"resolved": "https://registry.npmmirror.com/@fast-crud/fast-crud/-/fast-crud-1.5.1.tgz",
+			"integrity": "sha512-9D+eKjorSTA4fUT9tycs+WkvWAD2nBn8K4hHCsPaKEOw1/ztklvuwX7YNCQgG7s/6S/TLhOR8wVGCY0Y33ovUw==",
+			"dependencies": {
+				"@fast-crud/ui-interface": "^1.5.0",
+				"dayjs": "^1.11.5",
+				"deepdash-es": "5.3.5",
+				"lodash-es": "^4.17.15",
+				"lru-cache": "^7.14.0",
+				"vuedraggable-es": "^4.1.1"
+			}
+		},
+		"node_modules/@fast-crud/fast-crud/node_modules/lru-cache": {
+			"version": "7.14.0",
+			"resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-7.14.0.tgz",
+			"integrity": "sha512-EIRtP1GrSJny0dqb50QXRUNBxHJhcpxHC++M5tD7RYbvLLn5KVWKsbyswSSqDuU15UFi3bgTQIY8nhDMeF6aDQ==",
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@fast-crud/ui-element": {
+			"version": "1.5.1",
+			"resolved": "https://registry.npmmirror.com/@fast-crud/ui-element/-/ui-element-1.5.1.tgz",
+			"integrity": "sha512-EoMLVkGnmU55w8+YI+ZCAMiEl+bWDDky6xQF7U9DkUVfsOvPfXtvCBRwMDuvxrCFiJrE1dOZ/zhIanED+3j/qQ==",
+			"dependencies": {
+				"@fast-crud/ui-interface": "^1.5.0"
+			}
+		},
+		"node_modules/@fast-crud/ui-interface": {
+			"version": "1.5.0",
+			"resolved": "https://registry.npmmirror.com/@fast-crud/ui-interface/-/ui-interface-1.5.0.tgz",
+			"integrity": "sha512-o1qvzNYEmYRkMZxyxAJ4TlMvEemwaG9YKfITuRhJP/fqz/LEjaOxzmJt3FOAR7V85BXNF1wXiRwhJk76hnEn5A=="
+		},
 		"node_modules/@floating-ui/core": {
 			"version": "0.7.3",
 			"resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-0.7.3.tgz",
@@ -1760,9 +1796,9 @@
 			}
 		},
 		"node_modules/dayjs": {
-			"version": "1.11.4",
+			"version": "1.11.6",
-			"resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.4.tgz",
+			"resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.6.tgz",
-			"integrity": "sha512-Zj/lPM5hOvQ1Bf7uAvewDaUcsJoI6JmNqmHhHl3nyumwe0XHwt8sWdOVAPACJzCebL8gQCi+K49w7iKWnGwX9g=="
+			"integrity": "sha512-zZbY5giJAinCG+7AGaw0wIhNZ6J8AhWuSXKvuc1KAyMiRsvGQWqh4L+MomvhdAYjN+lqvVCMq1I41e3YHvXkyQ=="
 		},
 		"node_modules/debug": {
 			"version": "4.3.4",
@@ -1787,6 +1823,14 @@
 			"integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
 			"dev": true
 		},
+		"node_modules/deepdash-es": {
+			"version": "5.3.5",
+			"resolved": "https://registry.npmmirror.com/deepdash-es/-/deepdash-es-5.3.5.tgz",
+			"integrity": "sha512-bezxT+LqAu1Ly8I2LAEFle3fdEAc/bHld9cMAbgYzY+69+P9qTkGtNvC2ZQJEP4C1C2Fx9gVn/TCoQlAivWPDA==",
+			"dependencies": {
+				"lodash-es": "^4.17.15"
+			}
+		},
 		"node_modules/delayed-stream": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
@@ -4265,21 +4309,21 @@
 			"dev": true
 		},
 		"node_modules/vite": {
-			"version": "2.9.14",
+			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/vite/-/vite-2.9.14.tgz",
+			"resolved": "https://registry.npmmirror.com/vite/-/vite-3.0.0.tgz",
-			"integrity": "sha512-P/UCjSpSMcE54r4mPak55hWAZPlyfS369svib/gpmz8/01L822lMPOJ/RYW6tLCe1RPvMvOsJ17erf55bKp4Hw==",
+			"integrity": "sha512-M7phQhY3+fRZa0H+1WzI6N+/onruwPTBTMvaj7TzgZ0v2TE+N2sdLKxJOfOv9CckDWt5C4HmyQP81xB4dwRKzA==",
 			"dev": true,
 			"dependencies": {
-				"esbuild": "^0.14.27",
+				"esbuild": "^0.14.47",
-				"postcss": "^8.4.13",
+				"postcss": "^8.4.14",
-				"resolve": "^1.22.0",
+				"resolve": "^1.22.1",
-				"rollup": "^2.59.0"
+				"rollup": "^2.75.6"
 			},
 			"bin": {
 				"vite": "bin/vite.js"
 			},
 			"engines": {
-				"node": ">=12.2.0"
+				"node": ">=14.18.0"
 			},
 			"optionalDependencies": {
 				"fsevents": "~2.3.2"
@@ -4287,7 +4331,8 @@
 			"peerDependencies": {
 				"less": "*",
 				"sass": "*",
-				"stylus": "*"
+				"stylus": "*",
+				"terser": "^5.4.0"
 			},
 			"peerDependenciesMeta": {
 				"less": {
@@ -4298,6 +4343,9 @@
 				},
 				"stylus": {
 					"optional": true
+				},
+				"terser": {
+					"optional": true
 				}
 			}
 		},
@@ -4417,6 +4465,22 @@
 				"vue": "^3.2.0"
 			}
 		},
+		"node_modules/vuedraggable-es": {
+			"version": "4.1.1",
+			"resolved": "https://registry.npmmirror.com/vuedraggable-es/-/vuedraggable-es-4.1.1.tgz",
+			"integrity": "sha512-F35pjSwC8HS/lnaOd+B59nYR4FZmwuhWAzccK9xftRuWds8SU1TZh5myKVM86j5dFOI7S26O64Kwe7LUHnXjlA==",
+			"dependencies": {
+				"sortablejs": "1.14.0"
+			},
+			"peerDependencies": {
+				"vue": "^3.2.31"
+			}
+		},
+		"node_modules/vuedraggable-es/node_modules/sortablejs": {
+			"version": "1.14.0",
+			"resolved": "https://registry.npmmirror.com/sortablejs/-/sortablejs-1.14.0.tgz",
+			"integrity": "sha512-pBXvQCs5/33fdN1/39pPL0NZF20LeRbLQ5jtnheIPN9JQAaufGjKdWduZn4U7wCtVuzKhmRkI0DFYHYRbB2H1w=="
+		},
 		"node_modules/watchpack": {
 			"version": "2.4.0",
 			"resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
@@ -4590,6 +4654,39 @@
 				"strip-json-comments": "^3.1.1"
 			}
 		},
+		"@fast-crud/fast-crud": {
+			"version": "1.5.1",
+			"resolved": "https://registry.npmmirror.com/@fast-crud/fast-crud/-/fast-crud-1.5.1.tgz",
+			"integrity": "sha512-9D+eKjorSTA4fUT9tycs+WkvWAD2nBn8K4hHCsPaKEOw1/ztklvuwX7YNCQgG7s/6S/TLhOR8wVGCY0Y33ovUw==",
+			"requires": {
+				"@fast-crud/ui-interface": "^1.5.0",
+				"dayjs": "^1.11.5",
+				"deepdash-es": "5.3.5",
+				"lodash-es": "^4.17.15",
+				"lru-cache": "^7.14.0",
+				"vuedraggable-es": "^4.1.1"
+			},
+			"dependencies": {
+				"lru-cache": {
+					"version": "7.14.0",
+					"resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-7.14.0.tgz",
+					"integrity": "sha512-EIRtP1GrSJny0dqb50QXRUNBxHJhcpxHC++M5tD7RYbvLLn5KVWKsbyswSSqDuU15UFi3bgTQIY8nhDMeF6aDQ=="
+				}
+			}
+		},
+		"@fast-crud/ui-element": {
+			"version": "1.5.1",
+			"resolved": "https://registry.npmmirror.com/@fast-crud/ui-element/-/ui-element-1.5.1.tgz",
+			"integrity": "sha512-EoMLVkGnmU55w8+YI+ZCAMiEl+bWDDky6xQF7U9DkUVfsOvPfXtvCBRwMDuvxrCFiJrE1dOZ/zhIanED+3j/qQ==",
+			"requires": {
+				"@fast-crud/ui-interface": "^1.5.0"
+			}
+		},
+		"@fast-crud/ui-interface": {
+			"version": "1.5.0",
+			"resolved": "https://registry.npmmirror.com/@fast-crud/ui-interface/-/ui-interface-1.5.0.tgz",
+			"integrity": "sha512-o1qvzNYEmYRkMZxyxAJ4TlMvEemwaG9YKfITuRhJP/fqz/LEjaOxzmJt3FOAR7V85BXNF1wXiRwhJk76hnEn5A=="
+		},
 		"@floating-ui/core": {
 			"version": "0.7.3",
 			"resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-0.7.3.tgz",
@@ -5830,9 +5927,9 @@
 			}
 		},
 		"dayjs": {
-			"version": "1.11.4",
+			"version": "1.11.6",
-			"resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.4.tgz",
+			"resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.6.tgz",
-			"integrity": "sha512-Zj/lPM5hOvQ1Bf7uAvewDaUcsJoI6JmNqmHhHl3nyumwe0XHwt8sWdOVAPACJzCebL8gQCi+K49w7iKWnGwX9g=="
+			"integrity": "sha512-zZbY5giJAinCG+7AGaw0wIhNZ6J8AhWuSXKvuc1KAyMiRsvGQWqh4L+MomvhdAYjN+lqvVCMq1I41e3YHvXkyQ=="
 		},
 		"debug": {
 			"version": "4.3.4",
@@ -5849,6 +5946,14 @@
 			"integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
 			"dev": true
 		},
+		"deepdash-es": {
+			"version": "5.3.5",
+			"resolved": "https://registry.npmmirror.com/deepdash-es/-/deepdash-es-5.3.5.tgz",
+			"integrity": "sha512-bezxT+LqAu1Ly8I2LAEFle3fdEAc/bHld9cMAbgYzY+69+P9qTkGtNvC2ZQJEP4C1C2Fx9gVn/TCoQlAivWPDA==",
+			"requires": {
+				"lodash-es": "^4.17.15"
+			}
+		},
 		"delayed-stream": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
@@ -7564,16 +7669,16 @@
 			"dev": true
 		},
 		"vite": {
-			"version": "2.9.14",
+			"version": "3.0.0",
-			"resolved": "https://registry.npmjs.org/vite/-/vite-2.9.14.tgz",
+			"resolved": "https://registry.npmmirror.com/vite/-/vite-3.0.0.tgz",
-			"integrity": "sha512-P/UCjSpSMcE54r4mPak55hWAZPlyfS369svib/gpmz8/01L822lMPOJ/RYW6tLCe1RPvMvOsJ17erf55bKp4Hw==",
+			"integrity": "sha512-M7phQhY3+fRZa0H+1WzI6N+/onruwPTBTMvaj7TzgZ0v2TE+N2sdLKxJOfOv9CckDWt5C4HmyQP81xB4dwRKzA==",
 			"dev": true,
 			"requires": {
-				"esbuild": "^0.14.27",
+				"esbuild": "^0.14.47",
 				"fsevents": "~2.3.2",
-				"postcss": "^8.4.13",
+				"postcss": "^8.4.14",
-				"resolve": "^1.22.0",
+				"resolve": "^1.22.1",
-				"rollup": "^2.59.0"
+				"rollup": "^2.75.6"
 			}
 		},
 		"vue": {
@@ -7669,6 +7774,21 @@
 				"@vue/devtools-api": "^6.1.4"
 			}
 		},
+		"vuedraggable-es": {
+			"version": "4.1.1",
+			"resolved": "https://registry.npmmirror.com/vuedraggable-es/-/vuedraggable-es-4.1.1.tgz",
+			"integrity": "sha512-F35pjSwC8HS/lnaOd+B59nYR4FZmwuhWAzccK9xftRuWds8SU1TZh5myKVM86j5dFOI7S26O64Kwe7LUHnXjlA==",
+			"requires": {
+				"sortablejs": "1.14.0"
+			},
+			"dependencies": {
+				"sortablejs": {
+					"version": "1.14.0",
+					"resolved": "https://registry.npmmirror.com/sortablejs/-/sortablejs-1.14.0.tgz",
+					"integrity": "sha512-pBXvQCs5/33fdN1/39pPL0NZF20LeRbLQ5jtnheIPN9JQAaufGjKdWduZn4U7wCtVuzKhmRkI0DFYHYRbB2H1w=="
+				}
+			}
+		},
 		"watchpack": {
 			"version": "2.4.0",
 			"resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",

web/package.json

@@ -13,6 +13,7 @@
 		"@element-plus/icons-vue": "^2.0.6",
 		"@fast-crud/fast-crud": "^1.4.2",
 		"@fast-crud/ui-element": "^1.4.2",
+		"@vitejs/plugin-vue-jsx": "^2.1.0",
 		"@wangeditor/editor": "^5.1.11",
 		"axios": "^0.27.2",
 		"countup.js": "^2.3.2",
@@ -52,7 +53,7 @@
 		"sass": "^1.53.0",
 		"sass-loader": "^13.0.2",
 		"typescript": "^4.7.4",
-		"vite": "^2.9.14",
+		"vite": "^3.0.0",
 		"vue-eslint-parser": "^9.0.3"
 	},
 	"browserslist": [

web/src/i18n/index.ts

@@ -58,6 +58,7 @@ const { themeConfig } = storeToRefs(stores);
 // https://vue-i18n.intlify.dev/guide/essentials/fallback.html#explicit-fallback-with-one-locale
 export const i18n = createI18n({
 	legacy: false,
+	globalInjection: true,
 	silentTranslationWarn: true,
 	missingWarn: false,
 	silentFallbackWarn: true,

web/src/views/system/apiWhiteList/curd.tsx

@@ -1,6 +1,7 @@
 import { CrudExpose, CrudOptions, AddReq, DelReq, EditReq, dict } from '@fast-crud/fast-crud';
 import _ from 'lodash-es';
-
+import {h} from 'vue';
+import {tabBarProps} from "element-plus";
 interface CreateCrudOptionsTypes {
 	crudOptions: CrudOptions;
 }
@@ -169,7 +170,7 @@ export const createCrudOptions = function ({crudExpose}: {crudExpose: CrudExpose
 						col: { span: 24 },
 						helper: {
 							render() {
-								return ('<div>请正确填写，以免请求时被拦截。匹配单例使用正则,例如:/api/xx/.*?/</div>');
+								return <el-tag>请正确填写，以免请求时被拦截。匹配单例使用正则,例如:/api/xx/.*?/</el-tag>
 							},
 						},
 						component: {
@@ -218,4 +219,4 @@ export const createCrudOptions = function ({crudExpose}: {crudExpose: CrudExpose
 			},
 		},
 	};
-};
+};

web/vite.config.ts

@@ -1,7 +1,7 @@
 import vue from '@vitejs/plugin-vue';
 import { resolve } from 'path';
 import { defineConfig, loadEnv, ConfigEnv } from 'vite';
-
+import vueJsx from '@vitejs/plugin-vue-jsx'
 const pathResolve = (dir: string): any => {
 	return resolve(__dirname, '.', dir);
 };
@@ -14,7 +14,7 @@ const alias: Record<string, string> = {
 const viteConfig = defineConfig((mode: ConfigEnv) => {
 	const env = loadEnv(mode.mode, process.cwd());
 	return {
-		plugins: [vue()],
+		plugins: [vue(),vueJsx() ],
 		root: process.cwd(),
 		resolve: { alias },
 		base: mode.command === 'serve' ? './' : env.VITE_PUBLIC_PATH,