From 4216f7c2187c7ddce6c898852656983a148d28fc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=99=88=E5=87=AF=E9=BE=99?= <502431556@qq.com> Date: Wed, 5 Jan 2022 17:02:25 +0800 Subject: [PATCH] wip(Login): Login developing --- package.json | 4 +- pnpm-lock.yaml | 26 +- src/App.vue | 8 +- src/assets/svgs/login-bg.svg | 47 ++ src/assets/svgs/login-dark-bg.svg | 715 ----------------- src/assets/svgs/login-light-bg.svg | 737 ------------------ src/components/Form/src/Form.vue | 14 +- src/components/Form/src/helper.ts | 23 +- .../LocaleDropdown/src/LocaleDropdown.vue | 9 +- src/config/app.ts | 51 ++ src/config/locale.ts | 33 + src/hooks/web/useCache.ts | 17 + src/locales/en.ts | 14 +- src/locales/zh-CN.ts | 12 +- src/main.ts | 3 + src/store/modules/app.ts | 53 +- src/store/modules/locale.ts | 35 +- src/styles/index.less | 1 + src/styles/var.css | 2 +- src/types/componentType.d.ts | 15 +- src/utils/formRules.ts | 9 + src/utils/index.ts | 18 + src/views/Login/Login.vue | 52 +- src/views/Login/components/LoginForm.vue | 67 +- vite.config.ts | 3 +- windi.config.ts | 20 +- 26 files changed, 391 insertions(+), 1597 deletions(-) create mode 100644 src/assets/svgs/login-bg.svg delete mode 100644 src/assets/svgs/login-dark-bg.svg delete mode 100644 src/assets/svgs/login-light-bg.svg create mode 100644 src/config/app.ts create mode 100644 src/config/locale.ts create mode 100644 src/hooks/web/useCache.ts create mode 100644 src/styles/index.less create mode 100644 src/utils/formRules.ts diff --git a/package.json b/package.json index ed66baf..091b700 100644 --- a/package.json +++ b/package.json @@ -34,7 +34,8 @@ "vue": "3.2.26", "vue-i18n": "9.1.9", "vue-router": "^4.0.12", - "vue-types": "^4.1.1" + "vue-types": "^4.1.1", + "web-storage-cache": "^1.1.1" }, "devDependencies": { "@commitlint/cli": "^16.0.1", @@ -49,7 +50,6 @@ "@vitejs/plugin-vue": "^2.0.1", "@vitejs/plugin-vue-jsx": "^1.3.3", "@windicss/plugin-animations": "^1.0.9", - "async-validator": "^4.0.7", "autoprefixer": "^10.4.1", "commitizen": "^4.2.4", "eslint": "^8.6.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 0207946..c6c2d90 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -16,7 +16,6 @@ specifiers: '@vueuse/core': ^7.5.1 '@windicss/plugin-animations': ^1.0.9 '@zxcvbn-ts/core': ^1.2.0 - async-validator: ^4.0.7 autoprefixer: ^10.4.1 commitizen: ^4.2.4 element-plus: 1.3.0-beta.1 @@ -53,6 +52,7 @@ specifiers: vue-router: ^4.0.12 vue-tsc: ^0.30.1 vue-types: ^4.1.1 + web-storage-cache: ^1.1.1 windicss: ^3.4.2 windicss-analysis: ^0.3.5 @@ -67,6 +67,7 @@ dependencies: vue-i18n: registry.npmmirror.com/vue-i18n/9.1.9_vue@3.2.26 vue-router: registry.npmmirror.com/vue-router/4.0.12_vue@3.2.26 vue-types: registry.npmmirror.com/vue-types/4.1.1_vue@3.2.26 + web-storage-cache: registry.npmmirror.com/web-storage-cache/1.1.1 devDependencies: '@commitlint/cli': registry.npmmirror.com/@commitlint/cli/16.0.1_@types+node@17.0.5 @@ -81,7 +82,6 @@ devDependencies: '@vitejs/plugin-vue': registry.npmmirror.com/@vitejs/plugin-vue/2.0.1_vite@2.7.10+vue@3.2.26 '@vitejs/plugin-vue-jsx': registry.npmmirror.com/@vitejs/plugin-vue-jsx/1.3.3 '@windicss/plugin-animations': registry.npmmirror.com/@windicss/plugin-animations/1.0.9 - async-validator: registry.npmmirror.com/async-validator/4.0.7 autoprefixer: registry.npmmirror.com/autoprefixer/10.4.1_postcss@8.4.5 commitizen: registry.npmmirror.com/commitizen/4.2.4_@types+node@17.0.5 eslint: registry.npmmirror.com/eslint/8.6.0 @@ -1874,7 +1874,7 @@ packages: { integrity: sha1-0t5eA0JOcH3BDHQGjd7a5wh0Gyc=, registry: https://registry.npm.taobao.org/, - tarball: https://registry.nlark.com/eslint-utils/download/eslint-utils-2.1.0.tgz?cache=0&sync_timestamp=1631600361784&other_urls=https%3A%2F%2Fregistry.nlark.com%2Feslint-utils%2Fdownload%2Feslint-utils-2.1.0.tgz + tarball: https://registry.nlark.com/eslint-utils/download/eslint-utils-2.1.0.tgz } name: eslint-utils version: 2.1.0 @@ -5212,7 +5212,7 @@ packages: { integrity: sha1-qVT5Ma66UI0we78Gnv8MAclhFvc=, registry: https://registry.npm.taobao.org/, - tarball: https://registry.nlark.com/semver/download/semver-5.7.1.tgz + tarball: https://registry.nlark.com/semver/download/semver-5.7.1.tgz?cache=0&sync_timestamp=1631501920740&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fsemver%2Fdownload%2Fsemver-5.7.1.tgz } name: semver version: 5.7.1 @@ -5224,7 +5224,7 @@ packages: { integrity: sha1-7gpkyK9ejO6mdoexM3YeG+y9HT0=, registry: https://registry.npm.taobao.org/, - tarball: https://registry.nlark.com/semver/download/semver-6.3.0.tgz + tarball: https://registry.nlark.com/semver/download/semver-6.3.0.tgz?cache=0&sync_timestamp=1631501920740&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fsemver%2Fdownload%2Fsemver-6.3.0.tgz } name: semver version: 6.3.0 @@ -8365,6 +8365,7 @@ packages: } name: async-validator version: 4.0.7 + dev: false registry.npmmirror.com/autoprefixer/10.4.1_postcss@8.4.5: resolution: @@ -9540,7 +9541,7 @@ packages: { integrity: sha1-MOvR73wv3/AcOk8VEESvJfqwUj4=, registry: https://registry.npm.taobao.org/, - tarball: https://registry.npmmirror.com/eslint-visitor-keys/download/eslint-visitor-keys-1.3.0.tgz?cache=0&sync_timestamp=1636378650851&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Feslint-visitor-keys%2Fdownload%2Feslint-visitor-keys-1.3.0.tgz + tarball: https://registry.npmmirror.com/eslint-visitor-keys/download/eslint-visitor-keys-1.3.0.tgz } name: eslint-visitor-keys version: 1.3.0 @@ -9552,7 +9553,7 @@ packages: { integrity: sha1-9lMoJZMFknOSyTjtROsKXJsr0wM=, registry: https://registry.npm.taobao.org/, - tarball: https://registry.npmmirror.com/eslint-visitor-keys/download/eslint-visitor-keys-2.1.0.tgz?cache=0&sync_timestamp=1636378650851&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Feslint-visitor-keys%2Fdownload%2Feslint-visitor-keys-2.1.0.tgz + tarball: https://registry.npmmirror.com/eslint-visitor-keys/download/eslint-visitor-keys-2.1.0.tgz } name: eslint-visitor-keys version: 2.1.0 @@ -12278,6 +12279,17 @@ packages: '@vue/shared': registry.npmmirror.com/@vue/shared/3.2.26 dev: false + registry.npmmirror.com/web-storage-cache/1.1.1: + resolution: + { + integrity: sha1-QqwH536oYOiEiVvpupmrHgTrFi4=, + registry: https://registry.npm.taobao.org/, + tarball: https://registry.npmmirror.com/web-storage-cache/download/web-storage-cache-1.1.1.tgz + } + name: web-storage-cache + version: 1.1.1 + dev: false + registry.npmmirror.com/windicss-analysis/0.3.5: resolution: { diff --git a/src/App.vue b/src/App.vue index e1f3544..23c4a1b 100644 --- a/src/App.vue +++ b/src/App.vue @@ -24,7 +24,13 @@ initDark()