widget.qw 1.0.73 → 1.0.75

package/build/style.css

@@ -99,31 +99,31 @@
   opacity: 1;
   -webkit-text-fill-color: #000;
 }
-.popup-style[data-v-3925cc28] {
+.popup-style[data-v-8faf288e] {
   height: 21.25rem;
 }
-.showMultipleButton[data-v-3925cc28] {
+.showMultipleButton[data-v-8faf288e] {
   padding-bottom: 0;
 }
-.showMultipleButton .van-button[data-v-3925cc28] {
+.showMultipleButton .van-button[data-v-8faf288e] {
   border: 0;
 }
-.flex-between[data-v-3925cc28] {
+.flex-between[data-v-8faf288e] {
   padding: 10px;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.bold[data-v-3925cc28] {
+.bold[data-v-8faf288e] {
   font-weight: bold;
   color: #444;
 }
-.checkbox-style[data-v-3925cc28] {
+.checkbox-style[data-v-8faf288e] {
   /* height: 220px; */
-  height: calc(220px - 30px); 
+  height: calc(220px - 30px);
   overflow-y: auto;
 }
-.select-all-container[data-v-3925cc28] {
+.select-all-container[data-v-8faf288e] {
   font-size: 14px;
   padding: 0 16px;
   margin: 10px 0;
@@ -131,15 +131,14 @@
   justify-content: flex-end;
   align-items: center;
 }
-.select-all-container .van-checkbox[data-v-3925cc28] {
+.select-all-container .van-checkbox[data-v-8faf288e] {
   margin-left: auto;
 }
 
 /* 新增：调整方形复选框的边距 */
-.van-checkbox--square[data-v-3925cc28] {
+.van-checkbox--square[data-v-8faf288e] {
   margin-left: 8px;
 }
- 
 
 /* // 修改 confirmation-group 和 confirmation-item 的样式 */
 .confirmation-group[data-v-40a09897] {
@@ -412,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

@@ -17181,7 +17181,7 @@ const _sfc_main$o = {
     };
   }
 };
-var data_selector_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.popup-style[data-v-3925cc28] {\r\n  height: 21.25rem;\n}\n.showMultipleButton[data-v-3925cc28] {\r\n  padding-bottom: 0;\n}\n.showMultipleButton .van-button[data-v-3925cc28] {\r\n  border: 0;\n}\n.flex-between[data-v-3925cc28] {\r\n  padding: 10px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\n}\n.bold[data-v-3925cc28] {\r\n  font-weight: bold;\r\n  color: #444;\n}\n.checkbox-style[data-v-3925cc28] {\r\n  /* height: 220px; */\r\n  height: calc(220px - 30px); \r\n  overflow-y: auto;\n}\n.select-all-container[data-v-3925cc28] {\r\n  font-size: 14px;\r\n  padding: 0 16px;\r\n  margin: 10px 0;\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\n}\n.select-all-container .van-checkbox[data-v-3925cc28] {\r\n  margin-left: auto;\n}\r\n\r\n/* \u65B0\u589E\uFF1A\u8C03\u6574\u65B9\u5F62\u590D\u9009\u6846\u7684\u8FB9\u8DDD */\n.van-checkbox--square[data-v-3925cc28] {\r\n  margin-left: 8px;\n}\r\n \r\n")();
+var data_selector_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.popup-style[data-v-8faf288e] {\r\n  height: 21.25rem;\n}\n.showMultipleButton[data-v-8faf288e] {\r\n  padding-bottom: 0;\n}\n.showMultipleButton .van-button[data-v-8faf288e] {\r\n  border: 0;\n}\n.flex-between[data-v-8faf288e] {\r\n  padding: 10px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\n}\n.bold[data-v-8faf288e] {\r\n  font-weight: bold;\r\n  color: #444;\n}\n.checkbox-style[data-v-8faf288e] {\r\n  /* height: 220px; */\r\n  height: calc(220px - 30px);\r\n  overflow-y: auto;\n}\n.select-all-container[data-v-8faf288e] {\r\n  font-size: 14px;\r\n  padding: 0 16px;\r\n  margin: 10px 0;\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\n}\n.select-all-container .van-checkbox[data-v-8faf288e] {\r\n  margin-left: auto;\n}\r\n\r\n/* \u65B0\u589E\uFF1A\u8C03\u6574\u65B9\u5F62\u590D\u9009\u6846\u7684\u8FB9\u8DDD */\n.van-checkbox--square[data-v-8faf288e] {\r\n  margin-left: 8px;\n}\r\n")();
 const _hoisted_1$h = {
   class: "pad10 flex-between showMultipleButton"
 };
@@ -17249,6 +17249,11 @@ const _sfc_main$n = {
       isGone,
       isDisabled
     } = util.props2auth(props);
+    const rightIcon = computed(() => {
+      if (isReadonly.value || isDisabled.value)
+        return "";
+      return "arrow";
+    });
     const selectedItems = ref([]);
     const selectdItemsLabel = computed(() => {
       if (!selectedItems.value)
@@ -17299,6 +17304,15 @@ const _sfc_main$n = {
         reShow();
       });
     });
+    const onClear = () => {
+      console.log("11111111111111");
+      selectedItems.value = [];
+      if (props.multiple) {
+        emit("update:modelValue", []);
+      } else {
+        emit("update:modelValue", null);
+      }
+    };
     const toggle = (index) => {
       checkboxRefs.value[index].toggle();
     };
@@ -17387,14 +17401,14 @@ const _sfc_main$n = {
         rows: "1",
         autosize: "",
         modelValue: unref(selectdItemsLabel),
-        readonly: "",
         clearable: "",
         required: unref(isRequired),
         label: __props.label,
         name: __props.name
       }, _ctx.$attrs, {
-        onClick: showPopup,
-        "right-icon": unref(isReadonly) ? "" : "arrow",
+        onClickRightIcon: showPopup,
+        onClear,
+        "right-icon": unref(rightIcon),
         rules: props.rules,
         class: {
           "disabled-field": unref(isReadonly)
@@ -17493,7 +17507,7 @@ const _sfc_main$n = {
     };
   }
 };
-var DataSelector = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-3925cc28"]]);
+var DataSelector = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-8faf288e"]]);
 var mult_list_selector_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\r\n/* // \u4FEE\u6539 confirmation-group \u548C confirmation-item \u7684\u6837\u5F0F */\n.confirmation-group[data-v-40a09897] {\r\n  padding: 0 16px;\r\n  --van-checkbox-disabled-icon-color: black;\n}\n.confirmation-item[data-v-40a09897] {\r\n  padding: 12px 16px;\r\n  margin: 0 -16px;\r\n  border-bottom: 1px solid #f5f5f5;\r\n  /* \u7981\u7528\u72B6\u6001\u6837\u5F0F */\n}\r\n\r\n/* // \u5728\u4E0B\u65B9\u6DFB\u52A0\u5A92\u4F53\u67E5\u8BE2\u9002\u914D\u5C0F\u5C4F\u5E55 */\n@media (max-width: 320px) {\n.confirmation-item[data-v-40a09897] {\r\n    padding: 12px 8px;\r\n    margin: 0 -8px;\n}\n}\n.confirmation-item[data-v-40a09897]:last-child {\r\n  border-bottom: none;\n}\r\n\r\n/* \u65B0\u589E\u6837\u5F0F */\n.confirmation-tips[data-v-40a09897] {\r\n  padding: 12px 16px;\r\n  background: #f0faff;\r\n  border-radius: 8px;\r\n  margin: 10px 16px;\r\n  display: flex;\r\n  align-items: center;\r\n  color: #1989fa;\r\n  font-size: 13px;\r\n  border: 1px solid #d9efff;\n}\n.confirmation-tips .van-icon[data-v-40a09897] {\r\n  margin-right: 8px;\n}\r\n\r\n/* \u65B0\u589E\u5B57\u4F53\u7EE7\u627F\u6837\u5F0F */\n.confirmation-group[data-v-40a09897] {\r\n  font-size: inherit;  /* \u7EE7\u627F\u7236\u7EA7\u5B57\u4F53\u5927\u5C0F */\n}\n.option-text[data-v-40a09897] {\r\n  font-size: 14px;  /* \u660E\u786E\u6307\u5B9A\u5B57\u4F53\u5927\u5C0F */\r\n  line-height: 1.5;  /* \u4FDD\u6301\u884C\u9AD8\u4E00\u81F4 */\r\n  /* color:black; */\n}\r\n\r\n/* \u9002\u914D\u79FB\u52A8\u7AEF\u7684\u5B57\u4F53\u8C03\u6574 */\n@media (max-width: 375px) {\n.option-text[data-v-40a09897] {\r\n    font-size: 13px;\n}\n}\r\n\r\n/* \u65B0\u589E\u7981\u7528\u72B6\u6001\u6837\u5F0F */\n.custom-checkbox[data-v-40a09897]:disabled .--van-checkbox__icon {\r\n  background-color: #f5f5f5;\r\n  border-color: #ebedf0;\r\n  transition: all 0.3s;\n}\n.custom-checkbox[data-v-40a09897]:disabled .van-checkbox__icon--checked {\r\n  background-color: #1989fa;\r\n  border-color: #1989fa;\r\n  opacity: 0.7;\n}\n.van-checkbox--disabled[data-v-40a09897] .option-text {\r\n  color: #969799;\n}\n.van-checkbox--disabled.van-checkbox--checked[data-v-40a09897] .option-text {\r\n  color: #1989fa;\r\n  opacity: 0.8;\n}\r\n")();
 const _hoisted_1$g = {
   key: 0,
@@ -18730,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"
 };
@@ -18789,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 = {
@@ -18857,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

@@ -17184,7 +17184,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   };
-  var data_selector_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.popup-style[data-v-3925cc28] {\r\n  height: 21.25rem;\n}\n.showMultipleButton[data-v-3925cc28] {\r\n  padding-bottom: 0;\n}\n.showMultipleButton .van-button[data-v-3925cc28] {\r\n  border: 0;\n}\n.flex-between[data-v-3925cc28] {\r\n  padding: 10px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\n}\n.bold[data-v-3925cc28] {\r\n  font-weight: bold;\r\n  color: #444;\n}\n.checkbox-style[data-v-3925cc28] {\r\n  /* height: 220px; */\r\n  height: calc(220px - 30px); \r\n  overflow-y: auto;\n}\n.select-all-container[data-v-3925cc28] {\r\n  font-size: 14px;\r\n  padding: 0 16px;\r\n  margin: 10px 0;\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\n}\n.select-all-container .van-checkbox[data-v-3925cc28] {\r\n  margin-left: auto;\n}\r\n\r\n/* \u65B0\u589E\uFF1A\u8C03\u6574\u65B9\u5F62\u590D\u9009\u6846\u7684\u8FB9\u8DDD */\n.van-checkbox--square[data-v-3925cc28] {\r\n  margin-left: 8px;\n}\r\n \r\n")();
+  var data_selector_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.popup-style[data-v-8faf288e] {\r\n  height: 21.25rem;\n}\n.showMultipleButton[data-v-8faf288e] {\r\n  padding-bottom: 0;\n}\n.showMultipleButton .van-button[data-v-8faf288e] {\r\n  border: 0;\n}\n.flex-between[data-v-8faf288e] {\r\n  padding: 10px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\n}\n.bold[data-v-8faf288e] {\r\n  font-weight: bold;\r\n  color: #444;\n}\n.checkbox-style[data-v-8faf288e] {\r\n  /* height: 220px; */\r\n  height: calc(220px - 30px);\r\n  overflow-y: auto;\n}\n.select-all-container[data-v-8faf288e] {\r\n  font-size: 14px;\r\n  padding: 0 16px;\r\n  margin: 10px 0;\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\n}\n.select-all-container .van-checkbox[data-v-8faf288e] {\r\n  margin-left: auto;\n}\r\n\r\n/* \u65B0\u589E\uFF1A\u8C03\u6574\u65B9\u5F62\u590D\u9009\u6846\u7684\u8FB9\u8DDD */\n.van-checkbox--square[data-v-8faf288e] {\r\n  margin-left: 8px;\n}\r\n")();
   const _hoisted_1$h = {
     class: "pad10 flex-between showMultipleButton"
   };
@@ -17252,6 +17252,11 @@ var __async = (__this, __arguments, generator) => {
         isGone,
         isDisabled
       } = util.props2auth(props);
+      const rightIcon = vue.computed(() => {
+        if (isReadonly.value || isDisabled.value)
+          return "";
+        return "arrow";
+      });
       const selectedItems = vue.ref([]);
       const selectdItemsLabel = vue.computed(() => {
         if (!selectedItems.value)
@@ -17302,6 +17307,15 @@ var __async = (__this, __arguments, generator) => {
           reShow();
         });
       });
+      const onClear = () => {
+        console.log("11111111111111");
+        selectedItems.value = [];
+        if (props.multiple) {
+          emit("update:modelValue", []);
+        } else {
+          emit("update:modelValue", null);
+        }
+      };
       const toggle = (index) => {
         checkboxRefs.value[index].toggle();
       };
@@ -17390,14 +17404,14 @@ var __async = (__this, __arguments, generator) => {
           rows: "1",
           autosize: "",
           modelValue: vue.unref(selectdItemsLabel),
-          readonly: "",
           clearable: "",
           required: vue.unref(isRequired),
           label: __props.label,
           name: __props.name
         }, _ctx.$attrs, {
-          onClick: showPopup,
-          "right-icon": vue.unref(isReadonly) ? "" : "arrow",
+          onClickRightIcon: showPopup,
+          onClear,
+          "right-icon": vue.unref(rightIcon),
           rules: props.rules,
           class: {
             "disabled-field": vue.unref(isReadonly)
@@ -17496,7 +17510,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   };
-  var DataSelector = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-3925cc28"]]);
+  var DataSelector = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-8faf288e"]]);
   var mult_list_selector_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\r\n/* // \u4FEE\u6539 confirmation-group \u548C confirmation-item \u7684\u6837\u5F0F */\n.confirmation-group[data-v-40a09897] {\r\n  padding: 0 16px;\r\n  --van-checkbox-disabled-icon-color: black;\n}\n.confirmation-item[data-v-40a09897] {\r\n  padding: 12px 16px;\r\n  margin: 0 -16px;\r\n  border-bottom: 1px solid #f5f5f5;\r\n  /* \u7981\u7528\u72B6\u6001\u6837\u5F0F */\n}\r\n\r\n/* // \u5728\u4E0B\u65B9\u6DFB\u52A0\u5A92\u4F53\u67E5\u8BE2\u9002\u914D\u5C0F\u5C4F\u5E55 */\n@media (max-width: 320px) {\n.confirmation-item[data-v-40a09897] {\r\n    padding: 12px 8px;\r\n    margin: 0 -8px;\n}\n}\n.confirmation-item[data-v-40a09897]:last-child {\r\n  border-bottom: none;\n}\r\n\r\n/* \u65B0\u589E\u6837\u5F0F */\n.confirmation-tips[data-v-40a09897] {\r\n  padding: 12px 16px;\r\n  background: #f0faff;\r\n  border-radius: 8px;\r\n  margin: 10px 16px;\r\n  display: flex;\r\n  align-items: center;\r\n  color: #1989fa;\r\n  font-size: 13px;\r\n  border: 1px solid #d9efff;\n}\n.confirmation-tips .van-icon[data-v-40a09897] {\r\n  margin-right: 8px;\n}\r\n\r\n/* \u65B0\u589E\u5B57\u4F53\u7EE7\u627F\u6837\u5F0F */\n.confirmation-group[data-v-40a09897] {\r\n  font-size: inherit;  /* \u7EE7\u627F\u7236\u7EA7\u5B57\u4F53\u5927\u5C0F */\n}\n.option-text[data-v-40a09897] {\r\n  font-size: 14px;  /* \u660E\u786E\u6307\u5B9A\u5B57\u4F53\u5927\u5C0F */\r\n  line-height: 1.5;  /* \u4FDD\u6301\u884C\u9AD8\u4E00\u81F4 */\r\n  /* color:black; */\n}\r\n\r\n/* \u9002\u914D\u79FB\u52A8\u7AEF\u7684\u5B57\u4F53\u8C03\u6574 */\n@media (max-width: 375px) {\n.option-text[data-v-40a09897] {\r\n    font-size: 13px;\n}\n}\r\n\r\n/* \u65B0\u589E\u7981\u7528\u72B6\u6001\u6837\u5F0F */\n.custom-checkbox[data-v-40a09897]:disabled .--van-checkbox__icon {\r\n  background-color: #f5f5f5;\r\n  border-color: #ebedf0;\r\n  transition: all 0.3s;\n}\n.custom-checkbox[data-v-40a09897]:disabled .van-checkbox__icon--checked {\r\n  background-color: #1989fa;\r\n  border-color: #1989fa;\r\n  opacity: 0.7;\n}\n.van-checkbox--disabled[data-v-40a09897] .option-text {\r\n  color: #969799;\n}\n.van-checkbox--disabled.van-checkbox--checked[data-v-40a09897] .option-text {\r\n  color: #1989fa;\r\n  opacity: 0.8;\n}\r\n")();
   const _hoisted_1$g = {
     key: 0,
@@ -18733,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"
   };
@@ -18792,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 = {
@@ -18860,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.73",
+  "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/components/data_selector.vue

@@ -1,23 +1,9 @@
 <template>
   <div>
     <!-- 显示已选数据 -->
-    <van-field 
-      v-if="!isGone"
-      type="textarea"
-      rows="1"
-      autosize
-      :modelValue="selectdItemsLabel" 
-      readonly  
-      clearable 
-      :required="isRequired" 
-      :label="label" 
-      :name="name" 
-      v-bind="$attrs"
-      @click="showPopup" 
-      :right-icon="isReadonly ? '' : 'arrow'"
-      :rules="props.rules"
-      :class="{ 'disabled-field': isReadonly }" 
-    />
+    <van-field v-if="!isGone" type="textarea" rows="1" autosize :modelValue="selectdItemsLabel" clearable
+      :required="isRequired" :label="label" :name="name" v-bind="$attrs" @click-right-icon="showPopup" @clear="onClear"
+      :right-icon="rightIcon" :rules="props.rules" :class="{ 'disabled-field': isReadonly }" />
     <!-- 数据选择弹出层 -->
     <van-popup v-model:show="popupVisible" position="bottom" class="popup-style">
       <div>
@@ -30,7 +16,8 @@
         <van-field left-icon="search" v-model.trim="searchKeyword" clearable placeholder="请输入搜索关键字" />
         <!-- 全选 -->
         <div v-if="props.multiple" class="select-all-container">
-          <van-checkbox shape="square" v-model="isAllChecked" @click="toggleAllSelect" label-position="left">全选</van-checkbox>
+          <van-checkbox shape="square" v-model="isAllChecked" @click="toggleAllSelect"
+            label-position="left">全选</van-checkbox>
         </div>
         <!-- 数据列表 -->
         <div class="checkbox-style">
@@ -40,12 +27,8 @@
                 @click="toggle(index)">
                 <template #right-icon>
                   <!-- 修改点：添加 shape="square" -->
-                  <van-checkbox 
-                    :name="item.value" 
-                    :ref="(el) => (checkboxRefs[index] = el)" 
-                    shape="square"
-                    @click.stop 
-                  />
+                  <van-checkbox :name="item.value" :ref="(el) => (checkboxRefs[index] = el)" shape="square"
+                    @click.stop />
                 </template>
               </van-cell>
             </van-cell-group>
@@ -72,9 +55,9 @@ import { onMounted, ref, onBeforeUpdate, computed, nextTick, watch } from "vue"
 import util from '../util'
 
 const props = defineProps({
-  multiple:{
-    type:Boolean,
-    default:false
+  multiple: {
+    type: Boolean,
+    default: false
   },
   options: {
     type: Array,
@@ -83,11 +66,11 @@ const props = defineProps({
   modelValue: {
     type: [Array, String, Number]
   },
-  columnsFieldNames:{
-    type:Object,
-    default:{
-      text:'text',
-      value:'value'
+  columnsFieldNames: {
+    type: Object,
+    default: {
+      text: 'text',
+      value: 'value'
     }
   },
   rules: {
@@ -102,20 +85,27 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
-  auth:{
+  auth: {
     type: String,
-    default:''
+    default: ''
   },
   label: String,
   name: String,
 });
 
-const {isRequired, isReadonly, isGone,isDisabled} = util.props2auth(props)
-const emit = defineEmits(["update:modelValue","select"]);
+const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props)
+const emit = defineEmits(["update:modelValue", "select"]);
+
+const rightIcon = computed(() => {
+  if (isReadonly.value || isDisabled.value)
+    return ''
+
+  return 'arrow'
+})
 
 const selectedItems = ref([]);
-const selectdItemsLabel = computed(()=>{
-  if(!selectedItems.value)
+const selectdItemsLabel = computed(() => {
+  if (!selectedItems.value)
     return ''
 
   return selectedItems.value.join(',')
@@ -125,15 +115,15 @@ const searchKeyword = ref(null);
 const checkboxRefs = ref([]);
 const checkedValue = ref([]);
 const isAllChecked = ref(false);
-const formatOptions = computed(()=>{
-  if(!props.options)
+const formatOptions = computed(() => {
+  if (!props.options)
     return []
 
-  return props.options.map(item=>{
+  return props.options.map(item => {
     return {
       ...item,
-      text:item[props.columnsFieldNames.text],
-      value:item[props.columnsFieldNames.value]
+      text: item[props.columnsFieldNames.text],
+      value: item[props.columnsFieldNames.value]
     }
   })
 })
@@ -145,11 +135,11 @@ const findTextsByValues = (valuesToFind, data) => {
   });
 };
 
-const values2items = (values)=>{
-  if(!values || values.length<1 || !formatOptions.value || formatOptions.value.length<1)
+const values2items = (values) => {
+  if (!values || values.length < 1 || !formatOptions.value || formatOptions.value.length < 1)
     return []
 
-  let res = formatOptions.value.filter(option=>values.includes(option.value))
+  let res = formatOptions.value.filter(option => values.includes(option.value))
   return res
 }
 
@@ -172,6 +162,17 @@ onMounted(() => {
   });
 });
 
+const onClear = () => {
+  console.log('11111111111111')
+  selectedItems.value = []
+  if (props.multiple) {
+    emit("update:modelValue", [])
+  }
+  else {
+    emit("update:modelValue", null)
+  }
+}
+
 const toggle = (index) => {
   checkboxRefs.value[index].toggle();
 };
@@ -201,7 +202,7 @@ const confirmSelection = () => {
   if (props.multiple) {
     selectedItems.value = findTextsByValues(checkedValue.value, formatOptions.value);
     emit("update:modelValue", checkedValue.value);
-    emit("select",values2items(checkedValue.value))
+    emit("select", values2items(checkedValue.value))
   } else {
     const foundItem = formatOptions.value.find((item) => item.value === checkedValue.value);
     selectedItems.value = foundItem ? [foundItem.text] : [];
@@ -279,7 +280,7 @@ watch(() => formatOptions.value, () => {
 
 .checkbox-style {
   /* height: 220px; */
-  height: calc(220px - 30px); 
+  height: calc(220px - 30px);
   overflow-y: auto;
 }
 
@@ -300,5 +301,4 @@ watch(() => formatOptions.value, () => {
 .van-checkbox--square {
   margin-left: 8px;
 }
- 
 </style>

package/src/env.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="vite/client" />
-
-declare module '*.vue' {
-  import type { DefineComponent } from 'vue'
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
-  const component: DefineComponent<{}, {}, any>
-  export default component
-}
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

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)=>{

package/tsconfig.json

@@ -1,19 +1,19 @@
-{
-  "compilerOptions": {
-    "target": "esnext",
-    "useDefineForClassFields": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "strict": true,
-    "jsx": "preserve",
-    "sourceMap": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "esModuleInterop": true,
-    "lib": ["esnext", "dom"],
-    "skipLibCheck": true,
-    "allowJs": true,
-  },
-  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "strict": true,
+    "jsx": "preserve",
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "lib": ["esnext", "dom"],
+    "skipLibCheck": true,
+    "allowJs": true,
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/tsconfig.node.json

@@ -1,8 +1,8 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "module": "esnext",
-    "moduleResolution": "node"
-  },
-  "include": ["vite.config.ts"]
-}
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "esnext",
+    "moduleResolution": "node"
+  },
+  "include": ["vite.config.ts"]
+}