perf: Vue3中移除了过滤器, 改用计算属性

components.d.ts

@@ -0,0 +1,73 @@
+// generated by unplugin-vue-components
+// We suggest you to commit this file into source control
+// Read more: https://github.com/vuejs/core/pull/3399
+import '@vue/runtime-core'
+
+export {}
+
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents {
+    Breadcrumb: typeof import('./src/components/Breadcrumb/index.vue')['default']
+    Crontab: typeof import('./src/components/Crontab/index.vue')['default']
+    Day: typeof import('./src/components/Crontab/day.vue')['default']
+    DictTag: typeof import('./src/components/DictTag/index.vue')['default']
+    Doc: typeof import('./src/components/RuoYi/Doc/index.vue')['default']
+    Editor: typeof import('./src/components/Editor/index.vue')['default']
+    ElBreadcrumb: typeof import('element-plus/es')['ElBreadcrumb']
+    ElBreadcrumbItem: typeof import('element-plus/es')['ElBreadcrumbItem']
+    ElButton: typeof import('element-plus/es')['ElButton']
+    ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
+    ElColorPicker: typeof import('element-plus/es')['ElColorPicker']
+    ElDialog: typeof import('element-plus/es')['ElDialog']
+    ElDivider: typeof import('element-plus/es')['ElDivider']
+    ElDrawer: typeof import('element-plus/es')['ElDrawer']
+    ElDropdown: typeof import('element-plus/es')['ElDropdown']
+    ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
+    ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
+    ElForm: typeof import('element-plus/es')['ElForm']
+    ElFormItem: typeof import('element-plus/es')['ElFormItem']
+    ElIcon: typeof import('element-plus/es')['ElIcon']
+    ElImage: typeof import('element-plus/es')['ElImage']
+    ElInput: typeof import('element-plus/es')['ElInput']
+    ElLink: typeof import('element-plus/es')['ElLink']
+    ElMenu: typeof import('element-plus/es')['ElMenu']
+    ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
+    ElOption: typeof import('element-plus/es')['ElOption']
+    ElPagination: typeof import('element-plus/es')['ElPagination']
+    ElRow: typeof import('element-plus/es')['ElRow']
+    ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
+    ElSelect: typeof import('element-plus/es')['ElSelect']
+    ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
+    ElSwitch: typeof import('element-plus/es')['ElSwitch']
+    ElTag: typeof import('element-plus/es')['ElTag']
+    ElTooltip: typeof import('element-plus/es')['ElTooltip']
+    ElTransfer: typeof import('element-plus/es')['ElTransfer']
+    ElTree: typeof import('element-plus/es')['ElTree']
+    ElUpload: typeof import('element-plus/es')['ElUpload']
+    FileUpload: typeof import('./src/components/FileUpload/index.vue')['default']
+    Git: typeof import('./src/components/RuoYi/Git/index.vue')['default']
+    Hamburger: typeof import('./src/components/Hamburger/index.vue')['default']
+    HeaderSearch: typeof import('./src/components/HeaderSearch/index.vue')['default']
+    Hour: typeof import('./src/components/Crontab/hour.vue')['default']
+    IconSelect: typeof import('./src/components/IconSelect/index.vue')['default']
+    IFrame: typeof import('./src/components/iFrame/index.vue')['default']
+    ImagePreview: typeof import('./src/components/ImagePreview/index.vue')['default']
+    ImageUpload: typeof import('./src/components/ImageUpload/index.vue')['default']
+    Min: typeof import('./src/components/Crontab/min.vue')['default']
+    Month: typeof import('./src/components/Crontab/month.vue')['default']
+    Pagination: typeof import('./src/components/Pagination/index.vue')['default']
+    ParentView: typeof import('./src/components/ParentView/index.vue')['default']
+    Result: typeof import('./src/components/Crontab/result.vue')['default']
+    RightToolbar: typeof import('./src/components/RightToolbar/index.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    Screenfull: typeof import('./src/components/Screenfull/index.vue')['default']
+    Second: typeof import('./src/components/Crontab/second.vue')['default']
+    SizeSelect: typeof import('./src/components/SizeSelect/index.vue')['default']
+    SvgIcon: typeof import('./src/components/SvgIcon/index.vue')['default']
+    TopNav: typeof import('./src/components/TopNav/index.vue')['default']
+    TreeSelect: typeof import('./src/components/TreeSelect/index.vue')['default']
+    Week: typeof import('./src/components/Crontab/week.vue')['default']
+    Year: typeof import('./src/components/Crontab/year.vue')['default']
+  }
+}

index.html

@@ -209,7 +209,7 @@
       <div class="load_title">正在加载系统资源，请耐心等待</div>
     </div>
   </div>
-  <script type="module" src="/src/main.js"></script>
+  <script type="module" src="./src/main.ts"></script>
 </body>
 
 </html>

package.json

@@ -1,45 +1,66 @@
-{
-  "name": "ruoyi",
-  "version": "3.8.7",
-  "description": "若依管理系统",
-  "author": "若依",
-  "license": "MIT",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build:prod": "vite build",
-    "build:stage": "vite build --mode staging",
-    "preview": "vite preview"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://gitee.com/y_project/RuoYi-Vue.git"
-  },
-  "dependencies": {
-    "@element-plus/icons-vue": "2.3.1",
-    "@vueup/vue-quill": "1.2.0",
-    "@vueuse/core": "10.6.1",
-    "axios": "0.27.2",
-    "echarts": "5.4.3",
-    "element-plus": "2.4.3",
-    "file-saver": "2.0.5",
-    "fuse.js": "6.6.2",
-    "js-cookie": "3.0.5",
-    "jsencrypt": "3.3.2",
-    "nprogress": "0.2.0",
-    "pinia": "2.1.7",
-    "vue": "3.3.9",
-    "vue-cropper": "1.1.1",
-    "vue-router": "4.2.5"
-  },
-  "devDependencies": {
-    "@vitejs/plugin-vue": "4.5.0",
-    "@vue/compiler-sfc": "3.3.9",
-    "sass": "1.69.5",
-    "unplugin-auto-import": "0.17.1",
-    "vite": "5.0.4",
-    "vite-plugin-compression": "0.5.1",
-    "vite-plugin-svg-icons": "2.0.1",
-    "unplugin-vue-setup-extend-plus": "1.0.0"
-  }
-}
+{
+  "name": "ruoyi",
+  "version": "3.8.7",
+  "description": "若依管理系统",
+  "author": "若依",
+  "license": "MIT",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build:prod": "vite build",
+    "build:stage": "vite build --mode staging",
+    "preview": "vite preview"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://gitee.com/y_project/RuoYi-Vue.git"
+  },
+  "dependencies": {
+    "@element-plus/icons-vue": "2.3.1",
+    "@vueup/vue-quill": "1.2.0",
+    "@vueuse/core": "10.6.1",
+    "@zeronejs/utils": "^1.4.2",
+    "axios": "0.27.2",
+    "echarts": "5.4.3",
+    "element-plus": "2.4.3",
+    "file-saver": "2.0.5",
+    "fuse.js": "6.6.2",
+    "js-cookie": "3.0.5",
+    "jsencrypt": "3.3.2",
+    "nprogress": "0.2.0",
+    "pinia": "2.1.7",
+    "vue": "3.3.9",
+    "vue-cropper": "1.1.1",
+    "vue-i18n": "^9.2.0-beta.35",
+    "vue-router": "4.2.5"
+  },
+  "devDependencies": {
+    "@iconify/json": "^2.2.187",
+    "@types/file-saver": "^2.0.5",
+    "@types/js-cookie": "^3.0.2",
+    "@types/node": "^18.7.15",
+    "@types/nprogress": "^0.2.0",
+    "@typescript-eslint/eslint-plugin": "^5.33.1",
+    "@typescript-eslint/parser": "^5.33.1",
+    "@vitejs/plugin-vue": "3.1.0",
+    "autoprefixer": "^10.4.8",
+    "eslint": "^8.22.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-vue": "^9.3.0",
+    "postcss": "^8.4.16",
+    "sass": "1.56.1",
+    "tailwindcss": "^3.1.8",
+    "ts-node": "^10.9.1",
+    "tsconfig-paths": "^4.1.0",
+    "typescript": "^4.8.2",
+    "unplugin-auto-import": "0.11.4",
+    "unplugin-icons": "^0.18.5",
+    "unplugin-vue-components": "^0.22.12",
+    "unplugin-vue-setup-extend-plus": "1.0.0",
+    "vite": "3.2.3",
+    "vite-plugin-compression": "^0.5.1",
+    "vite-plugin-optimize-persist": "^0.1.2",
+    "vite-plugin-package-config": "^0.1.1",
+    "vite-plugin-svg-icons": "2.0.1"
+  }
+}