widget.qw 1.0.74 → 1.0.75

package/build/style.css

@@ -411,10 +411,10 @@
   text-align: center;
   display: inline-block;
   border-radius: 2px;
-}[data-v-0c20dca4] .label {
+}[data-v-54cbbc7a] .label {
   color: #000 !important;
 }
-[data-v-0c20dca4] .van-field__control:disabled {
+[data-v-54cbbc7a] .van-field__control:disabled {
   color: #000 !important;
   cursor: not-allowed;
   opacity: 1;

package/build/widget.qw.es.js

@@ -18744,7 +18744,7 @@ const _sfc_main$i = {
   }
 };
 var ImagesPicker = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-8fca1c96"]]);
-var FilePicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "[data-v-0c20dca4] .label {\n  color: #000 !important;\n}\n[data-v-0c20dca4] .van-field__control:disabled {\n  color: #000 !important;\n  cursor: not-allowed;\n  opacity: 1;\n  -webkit-text-fill-color: #000;\n}")();
+var FilePicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "[data-v-54cbbc7a] .label {\n  color: #000 !important;\n}\n[data-v-54cbbc7a] .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"
 };
@@ -18803,6 +18803,12 @@ const _sfc_main$h = {
     const files = ref([]);
     onMounted(() => {
     });
+    const onClickPreview = (e) => {
+      let url = e.url || "";
+      if (url.includes(".jpg") || url.includes(".png") || url.includes(".jpeg"))
+        return;
+      window.location.href = e.url;
+    };
     const onAfterRead = (file) => __async(this, null, function* () {
       console.log(file);
       let params = {
@@ -18871,14 +18877,15 @@ const _sfc_main$h = {
           accept: props.accept,
           "upload-icon": "plus",
           deletable: !unref(isDisabled),
-          "before-delete": onBeforeDelete
+          "before-delete": onBeforeDelete,
+          onClickPreview
         }, null, 8, ["modelValue", "max-count", "disabled", "accept", "deletable"])])]),
         _: 1
       }, 8, ["label", "required", "rules", "placeholder"])) : createCommentVNode("", true);
     };
   }
 };
-var FilePicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-0c20dca4"]]);
+var FilePicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-54cbbc7a"]]);
 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

@@ -18747,7 +18747,7 @@ var __async = (__this, __arguments, generator) => {
     }
   };
   var ImagesPicker = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-8fca1c96"]]);
-  var FilePicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "[data-v-0c20dca4] .label {\n  color: #000 !important;\n}\n[data-v-0c20dca4] .van-field__control:disabled {\n  color: #000 !important;\n  cursor: not-allowed;\n  opacity: 1;\n  -webkit-text-fill-color: #000;\n}")();
+  var FilePicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "[data-v-54cbbc7a] .label {\n  color: #000 !important;\n}\n[data-v-54cbbc7a] .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"
   };
@@ -18806,6 +18806,12 @@ var __async = (__this, __arguments, generator) => {
       const files = vue.ref([]);
       vue.onMounted(() => {
       });
+      const onClickPreview = (e) => {
+        let url = e.url || "";
+        if (url.includes(".jpg") || url.includes(".png") || url.includes(".jpeg"))
+          return;
+        window.location.href = e.url;
+      };
       const onAfterRead = (file) => __async(this, null, function* () {
         console.log(file);
         let params = {
@@ -18874,14 +18880,15 @@ var __async = (__this, __arguments, generator) => {
             accept: props.accept,
             "upload-icon": "plus",
             deletable: !vue.unref(isDisabled),
-            "before-delete": onBeforeDelete
+            "before-delete": onBeforeDelete,
+            onClickPreview
           }, null, 8, ["modelValue", "max-count", "disabled", "accept", "deletable"])])]),
           _: 1
         }, 8, ["label", "required", "rules", "placeholder"])) : vue.createCommentVNode("", true);
       };
     }
   };
-  var FilePicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-0c20dca4"]]);
+  var FilePicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-54cbbc7a"]]);
   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.74",
+  "version": "1.0.75",
   "description": "marqstree Vue3组件库",
   "main": "build/widget.qw.es.js",
   "keywords": [

package/src/components/FilePicker.vue

@@ -5,7 +5,8 @@
             <div class="file-box">
                 <van-uploader v-model="files" :max-count="props.max" :afterRead="onAfterRead" :disabled="isDisabled"
                     :accept="props.accept" upload-icon="plus" :deletable="!isDisabled"
-                    :before-delete="onBeforeDelete" />
+                    :before-delete="onBeforeDelete"
+                    @click-preview="onClickPreview" />
             </div>
         </template>
     </van-field>
@@ -65,6 +66,14 @@ onMounted(() => {
 
 })
 
+const onClickPreview=(e)=>{
+    let url = (e.url || '')
+    if(url.includes('.jpg') || url.includes('.png') || url.includes('.jpeg'))
+        return
+
+    window.location.href = e.url
+}
+
 const onAfterRead = async (file) => {
     console.log(file)
     let params = {

package/src/views/filepicker/index.vue

@@ -9,7 +9,7 @@ import { onMounted, reactive, watch } from "vue";
 
 const data = reactive({
   auth:'require',
-  urls: ['https://1.pdf']
+  urls: ['http://www.zjpsjdsb.online/static/QxI3PBaT.pdf','http://www.zjpsjdsb.online/static/gxm6QYXR.png']
 })
 
 watch(()=>data.url,(newVal,oldVal)=>{