widget.qw 1.0.78 → 1.0.80

package/.env.development

@@ -7,4 +7,4 @@ VITE_NEED_LOGIN_CODE=401
 # 注意：发布时 VITE_IS_DEBUG必须配置为false
 #  本地开发时 VITE_IS_DEBUG必须配置为true
 VITE_IS_DEBUG=true
-VITE_DEBUG_TOKEN= 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJsb2dpblR5cGUiOiJsb2dpbiIsImxvZ2luSWQiOiJIb3VNdSIsInJuU3RyIjoiWWo2V3NLRWdKYU9kb2FzMEZFOUFKZWxyTTJzMGVJQWkifQ.wiKRQYqs2lbFC8_56qnLzfKV9H0vbn2qyGG56qmNlwg'
+VITE_DEBUG_TOKEN= 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJsb2dpblR5cGUiOiJsb2dpbiIsImxvZ2luSWQiOiJIb3VNdSIsInJuU3RyIjoiY0hNaG1ZU1JsdlRWdlZkZHZMaHR6dVlGWXFCN3lGZkgifQ.CCwMRLeLNpgkstsB80c5-ywekZu9fuM3i-U35tJEvb0'

package/build/style.css

@@ -394,13 +394,13 @@
   cursor: not-allowed;
   opacity: 1;
   -webkit-text-fill-color: #000;
-}.image-box .cover[data-v-572cd71d] {
+}.image-box .cover[data-v-d4977d2c] {
   width: 80px;
   height: 80px;
-}[data-v-df75f4fa] .label {
+}[data-v-cf8ec8a0] .label {
   color: #000 !important;
 }
-[data-v-df75f4fa] .van-field__control:disabled {
+[data-v-cf8ec8a0] .van-field__control:disabled {
   color: #000 !important;
   cursor: not-allowed;
   opacity: 1;

package/build/widget.qw.es.js

@@ -11522,8 +11522,8 @@ const compress_image = (file) => __async(this, null, function* () {
   return new Promise((resolve, reject) => {
     new Compressor(file, {
       quality: 0.7,
-      maxWidth: 800,
-      maxHeight: 800,
+      maxWidth: 1024,
+      maxHeight: 1024,
       success(result) {
         console.log("\u538B\u7F29\u540E\u7684\u56FE\u7247", result);
         let compress_file = blob2file(result, result.name);
@@ -19943,7 +19943,7 @@ const _sfc_main$j = {
   }
 };
 var ImagePicker = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-16be97a4"]]);
-var images_picker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".image-box .cover[data-v-572cd71d] {\n  width: 80px;\n  height: 80px;\n}")();
+var images_picker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".image-box .cover[data-v-d4977d2c] {\n  width: 80px;\n  height: 80px;\n}")();
 const _hoisted_1$c = {
   class: "image-box"
 };
@@ -20019,24 +20019,49 @@ const _sfc_main$i = {
     });
     onMounted(() => {
     });
-    const onAfterRead = (file) => __async(this, null, function* () {
-      console.log(file);
-      let compress_file = file.file;
-      if (props.compress) {
-        compress_file = yield util.compress_image(file.file);
+    const onAfterRead = (e) => __async(this, null, function* () {
+      console.log("onAfterRead", e);
+      let files2 = [];
+      if (e && Array.isArray(e) && e.length > 0) {
+        files2 = e;
+      } else {
+        files2 = [e];
       }
-      let params = {
-        file: compress_file
-      };
-      return util.file_upload(params).then((res) => {
-        let newUrls = [];
-        if (props.modelValue && props.modelValue.length > 0)
-          newUrls = [...props.modelValue, res.data];
-        else
-          newUrls = [res.data];
-        emit("update:modelValue", newUrls);
-        return Promise.resolve(file);
-      });
+      if (files2 && files2.length > 0) {
+        for (var i = 0; i < files2.length; i++) {
+          let compress_file = files2[i].file;
+          if (props.compress) {
+            compress_file = yield util.compress_image(compress_file);
+          }
+          let params = {
+            file: compress_file
+          };
+          let res = yield util.file_upload(params);
+          if (res.code == 200) {
+            let newUrls = [];
+            if (props.modelValue && props.modelValue.length > 0)
+              newUrls = [...props.modelValue, res.data];
+            else
+              newUrls = [res.data];
+            emit("update:modelValue", newUrls);
+          }
+        }
+        return Promise.resolve(e);
+      }
+      console.log("onAfterRead", e);
+      for (var i = 0; i < files2.length; i++) {
+        let params = {
+          file: files2[i].file
+        };
+        let res = yield util.file_upload(params);
+        if (res.code == 200) {
+          if (props.multiple)
+            modelValue.value = [...modelValue.value || [], res.data];
+          else
+            modelValue.value = res.data;
+        }
+      }
+      return Promise.resolve(e);
     });
     const onBeforeDelete = (e) => {
       let newUrls = props.modelValue.filter((item) => {
@@ -20124,8 +20149,8 @@ const _sfc_main$i = {
     };
   }
 };
-var ImagesPicker = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-572cd71d"]]);
-var FilePicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "[data-v-df75f4fa] .label {\n  color: #000 !important;\n}\n[data-v-df75f4fa] .van-field__control:disabled {\n  color: #000 !important;\n  cursor: not-allowed;\n  opacity: 1;\n  -webkit-text-fill-color: #000;\n}")();
+var ImagesPicker = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-d4977d2c"]]);
+var FilePicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "[data-v-cf8ec8a0] .label {\n  color: #000 !important;\n}\n[data-v-cf8ec8a0] .van-field__control:disabled {\n  color: #000 !important;\n  cursor: not-allowed;\n  opacity: 1;\n  -webkit-text-fill-color: #000;\n}")();
 const _hoisted_1$b = {
   class: "file-box"
 };
@@ -20202,29 +20227,25 @@ const _sfc_main$h = {
     };
     const onAfterRead = (e) => __async(this, null, function* () {
       console.log("onAfterRead", e);
-      if (props.multiple) {
-        if (e && e.length > 0) {
-          for (var i = 0; i < e.length; i++) {
-            let params = {
-              file: e[i].file
-            };
-            let res = yield util.file_upload(params);
-            if (res.code == 200) {
-              modelValue.value = [...modelValue.value || [], res.data];
-            }
-          }
-          return Promise.resolve(e);
-        }
+      let files2 = [];
+      if (e && Array.isArray(e) && e.length > 0) {
+        files2 = e;
       } else {
+        files2 = [e];
+      }
+      for (var i = 0; i < files2.length; i++) {
         let params = {
-          file: e.file
+          file: files2[i].file
         };
         let res = yield util.file_upload(params);
         if (res.code == 200) {
-          modelValue.value = res.data;
-          return Promise.resolve(e);
+          if (props.multiple)
+            modelValue.value = [...modelValue.value || [], res.data];
+          else
+            modelValue.value = res.data;
         }
       }
+      return Promise.resolve(e);
     });
     const onBeforeDelete = (e) => {
       console.log("onBeforeDelete", e);
@@ -20291,7 +20312,7 @@ const _sfc_main$h = {
     };
   }
 };
-var FilePicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-df75f4fa"]]);
+var FilePicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-cf8ec8a0"]]);
 var SingleUserSelector_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.user-popup[data-v-a489ca4c] {\r\n  width: 100%;\r\n  overflow: hidden;\n}\n.department-selector[data-v-a489ca4c] {\r\n  padding: 10px;\n}\n.search-buttons[data-v-a489ca4c] {\r\n  display: flex;\r\n  gap: 10px;\n}\n.clear-btn[data-v-a489ca4c] {\r\n  background-color: #f2f3f5;\r\n  border: none;\r\n  border-radius: 4px;\r\n  padding: 4px 8px;\r\n  font-size: 14px;\n}\n.confirm-btn[data-v-a489ca4c] {\r\n  background-color: #1989fa;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 4px;\r\n  padding: 4px 8px;\r\n  font-size: 14px;\n}\n.no-results[data-v-a489ca4c] {\r\n  text-align: center;\r\n  padding: 20px;\r\n  color: #969799;\n}\n.picker-header[data-v-a489ca4c] {\r\n  padding: 10px;\r\n  border-bottom: 1px solid #ebedf0;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\n}\n.current-path[data-v-a489ca4c] {\r\n  flex: 1;\r\n  font-size: 14px;\r\n  color: #323233;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\n}\n.header-right[data-v-a489ca4c] {\r\n  display: flex;\r\n  gap: 8px;\r\n  margin-left: auto;\n}\n.cancel-btn[data-v-a489ca4c] {\r\n  color: #969799;\r\n  margin-right: 5px;\n}\n.scroll-container[data-v-a489ca4c] {\r\n  height: calc(80vh - 150px);\r\n  overflow-y: auto;\n}\r\n")();
 const _hoisted_1$a = {
   class: "department-selector"

package/build/widget.qw.umd.js

@@ -11525,8 +11525,8 @@ var __async = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       new Compressor(file, {
         quality: 0.7,
-        maxWidth: 800,
-        maxHeight: 800,
+        maxWidth: 1024,
+        maxHeight: 1024,
         success(result) {
           console.log("\u538B\u7F29\u540E\u7684\u56FE\u7247", result);
           let compress_file = blob2file(result, result.name);
@@ -19946,7 +19946,7 @@ var __async = (__this, __arguments, generator) => {
     }
   };
   var ImagePicker = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-16be97a4"]]);
-  var images_picker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".image-box .cover[data-v-572cd71d] {\n  width: 80px;\n  height: 80px;\n}")();
+  var images_picker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".image-box .cover[data-v-d4977d2c] {\n  width: 80px;\n  height: 80px;\n}")();
   const _hoisted_1$c = {
     class: "image-box"
   };
@@ -20022,24 +20022,49 @@ var __async = (__this, __arguments, generator) => {
       });
       vue.onMounted(() => {
       });
-      const onAfterRead = (file) => __async(this, null, function* () {
-        console.log(file);
-        let compress_file = file.file;
-        if (props.compress) {
-          compress_file = yield util.compress_image(file.file);
+      const onAfterRead = (e) => __async(this, null, function* () {
+        console.log("onAfterRead", e);
+        let files2 = [];
+        if (e && Array.isArray(e) && e.length > 0) {
+          files2 = e;
+        } else {
+          files2 = [e];
         }
-        let params = {
-          file: compress_file
-        };
-        return util.file_upload(params).then((res) => {
-          let newUrls = [];
-          if (props.modelValue && props.modelValue.length > 0)
-            newUrls = [...props.modelValue, res.data];
-          else
-            newUrls = [res.data];
-          emit("update:modelValue", newUrls);
-          return Promise.resolve(file);
-        });
+        if (files2 && files2.length > 0) {
+          for (var i = 0; i < files2.length; i++) {
+            let compress_file = files2[i].file;
+            if (props.compress) {
+              compress_file = yield util.compress_image(compress_file);
+            }
+            let params = {
+              file: compress_file
+            };
+            let res = yield util.file_upload(params);
+            if (res.code == 200) {
+              let newUrls = [];
+              if (props.modelValue && props.modelValue.length > 0)
+                newUrls = [...props.modelValue, res.data];
+              else
+                newUrls = [res.data];
+              emit("update:modelValue", newUrls);
+            }
+          }
+          return Promise.resolve(e);
+        }
+        console.log("onAfterRead", e);
+        for (var i = 0; i < files2.length; i++) {
+          let params = {
+            file: files2[i].file
+          };
+          let res = yield util.file_upload(params);
+          if (res.code == 200) {
+            if (props.multiple)
+              modelValue.value = [...modelValue.value || [], res.data];
+            else
+              modelValue.value = res.data;
+          }
+        }
+        return Promise.resolve(e);
       });
       const onBeforeDelete = (e) => {
         let newUrls = props.modelValue.filter((item) => {
@@ -20127,8 +20152,8 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   };
-  var ImagesPicker = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-572cd71d"]]);
-  var FilePicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "[data-v-df75f4fa] .label {\n  color: #000 !important;\n}\n[data-v-df75f4fa] .van-field__control:disabled {\n  color: #000 !important;\n  cursor: not-allowed;\n  opacity: 1;\n  -webkit-text-fill-color: #000;\n}")();
+  var ImagesPicker = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-d4977d2c"]]);
+  var FilePicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "[data-v-cf8ec8a0] .label {\n  color: #000 !important;\n}\n[data-v-cf8ec8a0] .van-field__control:disabled {\n  color: #000 !important;\n  cursor: not-allowed;\n  opacity: 1;\n  -webkit-text-fill-color: #000;\n}")();
   const _hoisted_1$b = {
     class: "file-box"
   };
@@ -20205,29 +20230,25 @@ var __async = (__this, __arguments, generator) => {
       };
       const onAfterRead = (e) => __async(this, null, function* () {
         console.log("onAfterRead", e);
-        if (props.multiple) {
-          if (e && e.length > 0) {
-            for (var i = 0; i < e.length; i++) {
-              let params = {
-                file: e[i].file
-              };
-              let res = yield util.file_upload(params);
-              if (res.code == 200) {
-                modelValue.value = [...modelValue.value || [], res.data];
-              }
-            }
-            return Promise.resolve(e);
-          }
+        let files2 = [];
+        if (e && Array.isArray(e) && e.length > 0) {
+          files2 = e;
         } else {
+          files2 = [e];
+        }
+        for (var i = 0; i < files2.length; i++) {
           let params = {
-            file: e.file
+            file: files2[i].file
           };
           let res = yield util.file_upload(params);
           if (res.code == 200) {
-            modelValue.value = res.data;
-            return Promise.resolve(e);
+            if (props.multiple)
+              modelValue.value = [...modelValue.value || [], res.data];
+            else
+              modelValue.value = res.data;
           }
         }
+        return Promise.resolve(e);
       });
       const onBeforeDelete = (e) => {
         console.log("onBeforeDelete", e);
@@ -20294,7 +20315,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   };
-  var FilePicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-df75f4fa"]]);
+  var FilePicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-cf8ec8a0"]]);
   var SingleUserSelector_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.user-popup[data-v-a489ca4c] {\r\n  width: 100%;\r\n  overflow: hidden;\n}\n.department-selector[data-v-a489ca4c] {\r\n  padding: 10px;\n}\n.search-buttons[data-v-a489ca4c] {\r\n  display: flex;\r\n  gap: 10px;\n}\n.clear-btn[data-v-a489ca4c] {\r\n  background-color: #f2f3f5;\r\n  border: none;\r\n  border-radius: 4px;\r\n  padding: 4px 8px;\r\n  font-size: 14px;\n}\n.confirm-btn[data-v-a489ca4c] {\r\n  background-color: #1989fa;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 4px;\r\n  padding: 4px 8px;\r\n  font-size: 14px;\n}\n.no-results[data-v-a489ca4c] {\r\n  text-align: center;\r\n  padding: 20px;\r\n  color: #969799;\n}\n.picker-header[data-v-a489ca4c] {\r\n  padding: 10px;\r\n  border-bottom: 1px solid #ebedf0;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\n}\n.current-path[data-v-a489ca4c] {\r\n  flex: 1;\r\n  font-size: 14px;\r\n  color: #323233;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\n}\n.header-right[data-v-a489ca4c] {\r\n  display: flex;\r\n  gap: 8px;\r\n  margin-left: auto;\n}\n.cancel-btn[data-v-a489ca4c] {\r\n  color: #969799;\r\n  margin-right: 5px;\n}\n.scroll-container[data-v-a489ca4c] {\r\n  height: calc(80vh - 150px);\r\n  overflow-y: auto;\n}\r\n")();
   const _hoisted_1$a = {
     class: "department-selector"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "widget.qw",
   "private": false,
-  "version": "1.0.78",
+  "version": "1.0.80",
   "description": "marqstree Vue3组件库",
   "main": "build/widget.qw.es.js",
   "keywords": [

package/src/components/FilePicker.vue

@@ -86,32 +86,29 @@ const onClickPreview = (e) => {
 const onAfterRead = async (e) => {
     console.log('onAfterRead', e)
 
-    if (props.multiple) {
-        if (e && e.length > 0) {
-            for (var i = 0; i < e.length; i++) {
-                let params = {
-                    file: e[i].file
-                }
 
-                let res = await util.file_upload(params)
-                if (res.code == 200) {
-                    modelValue.value = [...(modelValue.value || []), res.data]
-                }
-            }
+    let files = []
+    if (e && Array.isArray(e) && e.length > 0) {
+        files = e
+    }else{
+        files = [e]
+    }
 
-            return Promise.resolve(e)
-        }
-    } else {
+    for (var i = 0; i < files.length; i++) {
         let params = {
-            file: e.file
+            file: files[i].file
         }
 
         let res = await util.file_upload(params)
         if (res.code == 200) {
-            modelValue.value = res.data
-            return Promise.resolve(e)
+            if(props.multiple)
+                modelValue.value = [...(modelValue.value || []), res.data]
+            else
+                modelValue.value = res.data
         }
     }
+
+    return Promise.resolve(e)
 }
 
 const onBeforeDelete = (e) => {

package/src/components/images_picker.vue

@@ -3,15 +3,18 @@
         :placeholder="props.placeholder">
         <template #input>
             <div class="image-box">
-                <van-uploader v-if="props.capture && (!isReadonly && !isDisabled)" v-model="files" multiple :max-count="props.max"
-                    :capture="props.capture" accept="image/jpeg,image/png" :disabled="isDisabled"
+                <van-uploader v-if="props.capture && (!isReadonly && !isDisabled)" v-model="files" multiple
+                    :max-count="props.max" :capture="props.capture" accept="image/jpeg,image/png" :disabled="isDisabled"
                     :deletable="!isRequired && !isDisabled" :afterRead="onAfterRead" :before-delete="onBeforeDelete"
                     :show-upload="!isReadonly" />
-                <van-uploader v-if="!props.capture && (!isReadonly && !isDisabled)" v-model="files" multiple :max-count="props.max"
-                    accept="image/jpeg,image/png" :disabled="isDisabled" :deletable="!isReadonly && !isDisabled"
-                    :afterRead="onAfterRead" :before-delete="onBeforeDelete" :show-upload="!isReadonly" />
-                <img class="cover" v-if="isReadonly || isDisabled" v-for="(cover, i) in previews" :key="i" :src="cover" @click="onPreview(i)" />
-                <van-icon v-if="modelValue.length>props.maxPreview && (isReadonly || isDisabled)" name="ellipsis" @click="onToggleMore"/>
+                <van-uploader v-if="!props.capture && (!isReadonly && !isDisabled)" v-model="files" multiple
+                    :max-count="props.max" accept="image/jpeg,image/png" :disabled="isDisabled"
+                    :deletable="!isReadonly && !isDisabled" :afterRead="onAfterRead" :before-delete="onBeforeDelete"
+                    :show-upload="!isReadonly" />
+                <img class="cover" v-if="isReadonly || isDisabled" v-for="(cover, i) in previews" :key="i" :src="cover"
+                    @click="onPreview(i)" />
+                <van-icon v-if="modelValue.length > props.maxPreview && (isReadonly || isDisabled)" name="ellipsis"
+                    @click="onToggleMore" />
             </div>
         </template>
     </van-field>
@@ -73,12 +76,12 @@ const emit = defineEmits(['update:modelValue'])
 const modelValue = useVModel(props, 'modelValue', emit)
 const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props)
 const files = ref([])
-const isPreviewMore=ref(false)
-const previews=computed(()=>{
-    if(!modelValue.value || modelValue.value.length<1)
+const isPreviewMore = ref(false)
+const previews = computed(() => {
+    if (!modelValue.value || modelValue.value.length < 1)
         return []
 
-    if(props.maxPreview > modelValue.value.length || isPreviewMore.value)
+    if (props.maxPreview > modelValue.value.length || isPreviewMore.value)
         return modelValue.value
 
     return modelValue.value.slice(0, props.maxPreview)
@@ -88,28 +91,62 @@ onMounted(() => {
 
 })
 
-const onAfterRead = async (file) => {
-    console.log(file)
+const onAfterRead = async (e) => {
+    console.log('onAfterRead', e)
 
-    let compress_file = file.file
-    if (props.compress) {
-        compress_file = await util.compress_image(file.file)
+    let files = []
+    if (e && Array.isArray(e) && e.length > 0) {
+        files = e
+    }else{
+        files = [e]
     }
 
-    let params = {
-        file: compress_file
+    if (files && files.length > 0) {
+        for (var i = 0; i < files.length; i++) {
+            let compress_file = files[i].file
+            if (props.compress) {
+                compress_file = await util.compress_image(compress_file)
+            }
+
+            let params = {
+                file: compress_file
+            }
+
+            let res = await util.file_upload(params)
+            if (res.code == 200) {
+                let newUrls = []
+                if (props.modelValue && props.modelValue.length > 0)
+                    newUrls = [...props.modelValue, res.data]
+                else
+                    newUrls = [res.data]
+
+                emit('update:modelValue', newUrls)
+            }
+        }
+
+        return Promise.resolve(e)
     }
 
-    return util.file_upload(params).then(res => {
-        let newUrls = []
-        if (props.modelValue && props.modelValue.length > 0)
-            newUrls = [...props.modelValue, res.data]
-        else
-            newUrls = [res.data]
+        console.log('onAfterRead', e)
 
-        emit('update:modelValue', newUrls)
-        return Promise.resolve(file)
-    })
+
+
+
+    for (var i = 0; i < files.length; i++) {
+        let params = {
+            file: files[i].file
+        }
+
+        let res = await util.file_upload(params)
+        if (res.code == 200) {
+            if(props.multiple)
+                modelValue.value = [...(modelValue.value || []), res.data]
+            else
+                modelValue.value = res.data
+        }
+    }
+
+    return Promise.resolve(e)
 }
 
 const onBeforeDelete = (e) => {
@@ -121,10 +158,10 @@ const onBeforeDelete = (e) => {
 }
 
 const onPreview = (i) => {
-    showImagePreview({images:modelValue.value, startPosition:i})
+    showImagePreview({ images: modelValue.value, startPosition: i })
 }
 
-const onToggleMore=()=>{
+const onToggleMore = () => {
     isPreviewMore.value = !isPreviewMore.value
 }
 
@@ -149,12 +186,11 @@ watch(() => props.modelValue,
 </script>
 
 <style lang="scss" scoped>
+.image-box {
 
-    .image-box {
-
-        .cover {
-            width: 80px;
-            height: 80px;
-        }
+    .cover {
+        width: 80px;
+        height: 80px;
     }
+}
 </style>

package/src/util/image_util.js

@@ -5,8 +5,8 @@ export const compress_image = async (file) => {
     return new Promise((resolve, reject) => {
         new Compressor(file, {
             quality: 0.7,
-            maxWidth: 800,
-            maxHeight: 800,
+            maxWidth: 1024,
+            maxHeight: 1024,
             success(result) {
                 console.log('压缩后的图片', result);
                 let compress_file = blob2file(result, result.name)

package/src/views/imagespicker/index.vue

@@ -8,8 +8,8 @@
 import { onMounted, reactive, watch } from "vue";
 
 const data = reactive({
-  auth:'readonly',
-  urls: ['http://www.zjpsjdsb.online/static//HrMi9Q2J.png','http://www.zjpsjdsb.online/static//HrMi9Q2J.png','http://www.zjpsjdsb.online/static//HrMi9Q2J.png','http://www.zjpsjdsb.online/static//HrMi9Q2J.png','http://www.zjpsjdsb.online/static//HrMi9Q2J.png','http://www.zjpsjdsb.online/static//HrMi9Q2J.png']
+  auth:'require',
+  urls: []
 })
 
 watch(()=>data.url,(newVal,oldVal)=>{