✨ feat(上传文件控件): 样式和功能调整

hookehuyr
Commit 445cd2ba29b8ce7dc8cb1117c6c47560796b2146 445cd2ba 1 parent 19b5836b
Showing 6 changed files with 24 additions and 9 deletions
components.d.ts
package.json
src/components/FileUploaderField/Uploader.js
src/components/FileUploaderField/index.vue
src/hooks/useComponentType.js
yarn.lock
--- a/components.d.ts
View file @445cd2b
+++ b/components.d.ts
View file @445cd2b
@@ -49,6 +49,8 @@ declare module '@vue/runtime-core' {
     NutSwiper: typeof import('@nutui/nutui-taro')['Swiper']
     NutSwiperItem: typeof import('@nutui/nutui-taro')['SwiperItem']
     NutTextarea: typeof import('@nutui/nutui-taro')['Textarea']
+    NutToast: typeof import('@nutui/nutui-taro')['Toast']
+    NutUploader: typeof import('@nutui/nutui-taro')['Uploader']
     PhoneField: typeof import('./src/components/PhoneField/index.vue')['default']
     PickerField: typeof import('./src/components/PickerField/index.vue')['default']
     RadioField: typeof import('./src/components/RadioField/index.vue')['default']
--- a/package.json
View file @445cd2b
+++ b/package.json
View file @445cd2b
@@ -38,7 +38,7 @@
   "dependencies": {
     "@babel/runtime": "^7.7.7",
     "@nutui/icons-vue-taro": "^0.0.9",
-    "@nutui/nutui-taro": "^4.0.4",
+    "@nutui/nutui-taro": "^4.0.5",
     "@tarojs/components": "3.6.2",
     "@tarojs/extend": "^3.6.2",
     "@tarojs/helper": "3.6.2",
@@ -57,6 +57,7 @@
     "@tarojs/taro": "3.6.2",
     "@vant/area-data": "^1.4.1",
     "axios-miniprogram": "^2.0.0-rc-2",
+    "browser-md5-file": "^1.1.1",
     "dayjs": "^1.11.7",
     "pinia": "2.0.10",
     "taro-plugin-pinia": "^1.0.0",
--- a/src/components/FileUploaderField/Uploader.js 0 → 100644
View file @445cd2b
+++ b/src/components/FileUploaderField/Uploader.js 0 → 100644
View file @445cd2b
--- a/src/components/FileUploaderField/index.vue
View file @445cd2b
+++ b/src/components/FileUploaderField/index.vue
View file @445cd2b
--- a/src/hooks/useComponentType.js
View file @445cd2b
+++ b/src/hooks/useComponentType.js
View file @445cd2b
@@ -9,7 +9,7 @@ import DatePickerField from '@/components/DatePickerField/index.vue'
 import TimePickerField from '@/components/TimePickerField/index.vue'
 import DateTimePickerField from '@/components/DateTimePickerField/index.vue'
 // import ImageUploaderField from '@/components/ImageUploaderField/index.vue'
-// import FileUploaderField from '@/components/FileUploaderField/index.vue'
+import FileUploaderField from '@/components/FileUploaderField/index.vue'
 import PhoneField from '@/components/PhoneField/index.vue'
 import EmailField from '@/components/EmailField/index.vue'
 // import SignField from '@/components/SignField/index.vue'
@@ -108,9 +108,9 @@ export function createComponentType(data) {
     // if (item.component_props.tag === 'image_uploader') {
     //   item.component = ImageUploaderField
     // }
-    // if (item.component_props.tag === 'file_uploader') {
+    if (item.component_props.tag === 'file_uploader') {
-    //   item.component = FileUploaderField
+      item.component = FileUploaderField
-    // }
+    }
     if (item.component_props.tag === 'phone') {
       item.name = item.key
       item.component = PhoneField
--- a/yarn.lock
View file @445cd2b
+++ b/yarn.lock
View file @445cd2b
@@ -1359,10 +1359,10 @@
   resolved "https://mirrors.cloud.tencent.com/npm/@nutui/icons-vue-taro/-/icons-vue-taro-0.0.9.tgz#b5223eb01e2b987fdbe460e5d0439a66481e54f1"
   integrity sha512-10VYAtFC+o1X0anGs+y2PgF1NWMeLFz2JVMRw4BWLg6wbtVbYy9wukLxyGhZC6Yf6t39DcwaGVda8paV7K6/Ew==
-"@nutui/nutui-taro@^4.0.4":
+"@nutui/nutui-taro@^4.0.5":
-  version "4.0.4"
+  version "4.0.5"
-  resolved "https://mirrors.cloud.tencent.com/npm/@nutui/nutui-taro/-/nutui-taro-4.0.4.tgz#c5b65431ece527e3e531bc7923ad0a7b499daeeb"
+  resolved "https://mirrors.cloud.tencent.com/npm/@nutui/nutui-taro/-/nutui-taro-4.0.5.tgz#67c88d582e921641e81432ae1fd136e10e5bc1ea"
-  integrity sha512-v9XyXidgiRgZTH5JofgjhJTGGvQDXhOqkLb/uRjlR2c9eQBSU653rlTO82VjUWOpCterYDxtqXswUZIf+PRbfQ==
+  integrity sha512-j7+fKtRarfphYJ0uosdalIWvf3k2+x8eDsmBSSnPDyGEeRHtXqGIw8MIxy8wL5UUnADP+6JVK339vC28oo436g==
   dependencies:
     "@nutui/icons-vue-taro" "^0.0.9"
     sass "^1.50.0"
@@ -3546,6 +3546,13 @@ braces@^3.0.2, braces@~3.0.2:
   dependencies:
     fill-range "^7.0.1"
+browser-md5-file@^1.1.1:
+  version "1.1.1"
+  resolved "https://mirrors.cloud.tencent.com/npm/browser-md5-file/-/browser-md5-file-1.1.1.tgz#247d63527f662d9667adecbe61808b4961b90dc6"
+  integrity sha512-9h2UViTtZPhBa7oHvp5mb7MvJaX5OKEPUsplDwJ800OIV+In7BOR3RXOMB78obn2iQVIiS3WkVLhG7Zu1EMwbw==
+  dependencies:
+    spark-md5 "^2.0.2"
+
 browser-process-hrtime@^1.0.0:
   version "1.0.0"
   resolved "https://mirrors.cloud.tencent.com/npm/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
@@ -11519,6 +11526,11 @@ sourcemap-codec@^1.4.8:
   resolved "https://mirrors.cloud.tencent.com/npm/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
   integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
+spark-md5@^2.0.2:
+  version "2.0.2"
+  resolved "https://mirrors.cloud.tencent.com/npm/spark-md5/-/spark-md5-2.0.2.tgz#37b763847763ae7e7acef2ca5233d01e649a78b7"
+  integrity sha1-N7djhHdjrn56zvLKUjPQHmSaeLc=
+
 spdx-correct@^3.0.0:
   version "3.2.0"
   resolved "https://mirrors.cloud.tencent.com/npm/spdx-correct/-/spdx-correct-3.2.0.tgz#4f5ab0668f0059e34f9c00dce331784a12de4e9c"