widget.qw 1.0.79 → 1.0.81

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-92119e14] {
+}.image-box .cover[data-v-7ebfc739] {
   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

@@ -2971,6 +2971,7 @@ function removeToken() {
 const props2auth = (props) => {
   return {
     isRequired: computed(() => {
+      console.log("111111111", props);
       if (props.auth) {
         return props.auth == "require";
       }
@@ -19943,7 +19944,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-92119e14] {\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-7ebfc739] {\n  width: 80px;\n  height: 80px;\n}")();
 const _hoisted_1$c = {
   class: "image-box"
 };
@@ -20021,9 +20022,15 @@ const _sfc_main$i = {
     });
     const onAfterRead = (e) => __async(this, null, function* () {
       console.log("onAfterRead", e);
-      if (e && e.length > 0) {
-        for (var i = 0; i < e.length; i++) {
-          let compress_file = e[i].file;
+      let files2 = [];
+      if (e && Array.isArray(e) && e.length > 0) {
+        files2 = e;
+      } else {
+        files2 = [e];
+      }
+      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);
           }
@@ -20042,6 +20049,20 @@ const _sfc_main$i = {
         }
         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) => {
@@ -20119,7 +20140,7 @@ const _sfc_main$i = {
             src: cover,
             onClick: ($event) => onPreview(i)
           }, null, 8, _hoisted_2$7);
-        }), 128)) : createCommentVNode("", true), unref(modelValue).length > props.maxPreview && (unref(isReadonly) || unref(isDisabled)) ? (openBlock(), createBlock(_component_van_icon, {
+        }), 128)) : createCommentVNode("", true), (unref(modelValue) || []).length > props.maxPreview && (unref(isReadonly) || unref(isDisabled)) ? (openBlock(), createBlock(_component_van_icon, {
           key: 3,
           name: "ellipsis",
           onClick: onToggleMore
@@ -20129,8 +20150,8 @@ const _sfc_main$i = {
     };
   }
 };
-var ImagesPicker = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-92119e14"]]);
-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-7ebfc739"]]);
+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"
 };
@@ -20207,29 +20228,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);
@@ -20296,7 +20313,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

@@ -2974,6 +2974,7 @@ var __async = (__this, __arguments, generator) => {
   const props2auth = (props) => {
     return {
       isRequired: vue.computed(() => {
+        console.log("111111111", props);
         if (props.auth) {
           return props.auth == "require";
         }
@@ -19946,7 +19947,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-92119e14] {\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-7ebfc739] {\n  width: 80px;\n  height: 80px;\n}")();
   const _hoisted_1$c = {
     class: "image-box"
   };
@@ -20024,9 +20025,15 @@ var __async = (__this, __arguments, generator) => {
       });
       const onAfterRead = (e) => __async(this, null, function* () {
         console.log("onAfterRead", e);
-        if (e && e.length > 0) {
-          for (var i = 0; i < e.length; i++) {
-            let compress_file = e[i].file;
+        let files2 = [];
+        if (e && Array.isArray(e) && e.length > 0) {
+          files2 = e;
+        } else {
+          files2 = [e];
+        }
+        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);
             }
@@ -20045,6 +20052,20 @@ var __async = (__this, __arguments, generator) => {
           }
           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) => {
@@ -20122,7 +20143,7 @@ var __async = (__this, __arguments, generator) => {
               src: cover,
               onClick: ($event) => onPreview(i)
             }, null, 8, _hoisted_2$7);
-          }), 128)) : vue.createCommentVNode("", true), vue.unref(modelValue).length > props.maxPreview && (vue.unref(isReadonly) || vue.unref(isDisabled)) ? (vue.openBlock(), vue.createBlock(_component_van_icon, {
+          }), 128)) : vue.createCommentVNode("", true), (vue.unref(modelValue) || []).length > props.maxPreview && (vue.unref(isReadonly) || vue.unref(isDisabled)) ? (vue.openBlock(), vue.createBlock(_component_van_icon, {
             key: 3,
             name: "ellipsis",
             onClick: onToggleMore
@@ -20132,8 +20153,8 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   };
-  var ImagesPicker = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-92119e14"]]);
-  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-7ebfc739"]]);
+  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"
   };
@@ -20210,29 +20231,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);
@@ -20299,7 +20316,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.79",
+  "version": "1.0.81",
   "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

@@ -13,7 +13,7 @@
                     :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"
+                <van-icon v-if="(modelValue || []).length > props.maxPreview && (isReadonly || isDisabled)" name="ellipsis"
                     @click="onToggleMore" />
             </div>
         </template>
@@ -94,9 +94,16 @@ onMounted(() => {
 const onAfterRead = async (e) => {
     console.log('onAfterRead', e)
 
-    if (e && e.length > 0) {
-        for (var i = 0; i < e.length; i++) {
-            let compress_file = e[i].file
+    let files = []
+    if (e && Array.isArray(e) && e.length > 0) {
+        files = e
+    }else{
+        files = [e]
+    }
+
+    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)
             }
@@ -119,6 +126,27 @@ const onAfterRead = async (e) => {
 
         return Promise.resolve(e)
     }
+
+        console.log('onAfterRead', e)
+
+
+
+
+    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) => {

package/src/util/auth_util.js

@@ -24,6 +24,7 @@ export function removeToken() {
 export const props2auth = (props) => {
     return {
         isRequired: computed(() => {
+            console.log('111111111', props)
             if (props.auth) {
                 return props.auth == 'require'
             }

package/src/views/imagespicker/index.vue

@@ -9,12 +9,18 @@ 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']
+  urls: []
 })
 
 watch(()=>data.url,(newVal,oldVal)=>{
   console.log(newVal,oldVal) 
 })
+
+onMounted(()=>{
+  setTimeout(()=>{
+    data.auth = 'require'
+  },3000)
+})
 </script>
 
 <style lang="scss" scoped>