widget.qw 1.0.68 → 1.0.70

package/build/style.css

@@ -387,18 +387,18 @@
   color: #969799;
   margin-right: 5px;
 }
-[data-v-0c9127e8] .label {
+[data-v-b587c824] .label {
   color: #000 !important;
 }
-[data-v-0c9127e8] .van-field__control:disabled {
+[data-v-b587c824] .van-field__control:disabled {
   color: #000 !important;
   cursor: not-allowed;
   opacity: 1;
   -webkit-text-fill-color: #000;
-}.widget[data-v-8a570fc4] {
+}.widget[data-v-1b4c046a] {
   text-align: center;
 }
-.widget .btn[data-v-8a570fc4] {
+.widget .btn[data-v-1b4c046a] {
   position: fixed;
   bottom: 1rem;
   left: 0;
@@ -412,10 +412,10 @@
   text-align: center;
   display: inline-block;
   border-radius: 2px;
-}[data-v-a0846250] .label {
+}[data-v-7352dfa0] .label {
   color: #000 !important;
 }
-[data-v-a0846250] .van-field__control:disabled {
+[data-v-7352dfa0] .van-field__control:disabled {
   color: #000 !important;
   cursor: not-allowed;
   opacity: 1;
@@ -709,25 +709,25 @@
   margin:3px;
 }
 
-.cascader-pop[data-v-bfe589fe] {
+.cascader-pop[data-v-1c8388a5] {
     width: 100%;
     overflow: hidden;
 }
-.cascader-selector[data-v-bfe589fe] {
+.cascader-selector[data-v-1c8388a5] {
     padding: 10px;
 }
-.search-buttons[data-v-bfe589fe] {
+.search-buttons[data-v-1c8388a5] {
     display: flex;
     gap: 10px;
 }
-.clear-btn[data-v-bfe589fe] {
+.clear-btn[data-v-1c8388a5] {
     background-color: #f2f3f5;
     border: none;
     border-radius: 4px;
     padding: 4px 8px;
     font-size: 14px;
 }
-.confirm-btn[data-v-bfe589fe] {
+.confirm-btn[data-v-1c8388a5] {
     background-color: #1989fa;
     color: white;
     border: none;
@@ -735,19 +735,19 @@
     padding: 4px 8px;
     font-size: 14px;
 }
-.no-results[data-v-bfe589fe] {
+.no-results[data-v-1c8388a5] {
     text-align: center;
     padding: 20px;
     color: #969799;
 }
-.cascader-header[data-v-bfe589fe] {
+.cascader-header[data-v-1c8388a5] {
     padding: 10px;
     border-bottom: 1px solid #ebedf0;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
-.current-path[data-v-bfe589fe] {
+.current-path[data-v-1c8388a5] {
     flex: 1;
     font-size: 14px;
     color: #323233;
@@ -755,25 +755,25 @@
     overflow: hidden;
     text-overflow: ellipsis;
 }
-.header-right[data-v-bfe589fe] {
+.header-right[data-v-1c8388a5] {
     display: flex;
     gap: 8px;
     margin-left: auto;
 }
-.cancel-btn[data-v-bfe589fe] {
+.cancel-btn[data-v-1c8388a5] {
     color: #969799;
     margin-right: 5px;
 }
-.scroll-container[data-v-bfe589fe] {
+.scroll-container[data-v-1c8388a5] {
     height: calc(80vh - 150px);
     overflow-y: auto;
 }
-.cell-content[data-v-bfe589fe] {
+.cell-content[data-v-1c8388a5] {
     display: flex;
     align-items: center;
     gap: 12px;
 }
-.circle-selector[data-v-bfe589fe] {
+.circle-selector[data-v-1c8388a5] {
     width: 20px;
     height: 20px;
     border-radius: 50%;
@@ -783,29 +783,29 @@
     transition: all 0.2s;
     flex-shrink: 0;
 }
-.circle-selector.selected[data-v-bfe589fe] {
+.circle-selector.selected[data-v-1c8388a5] {
     background-color: #1989fa;
     border-color: #1989fa;
 }
-.circle-selector.selected .van-icon[data-v-bfe589fe] {
+.circle-selector.selected .van-icon[data-v-1c8388a5] {
     color: white;
     font-size: 14px;
 }
-.van-cell__right-icon[data-v-bfe589fe] {
+.van-cell__right-icon[data-v-1c8388a5] {
     color: #969799;
     font-size: 16px;
     margin-left: 8px;
 }
-.name[data-v-bfe589fe] {
+.name[data-v-1c8388a5] {
     flex: 1;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
-.cancel-btn[data-v-bfe589fe] {
+.cancel-btn[data-v-1c8388a5] {
     color: #969799;
 }
-.search-field[data-v-bfe589fe] {
+.search-field[data-v-1c8388a5] {
     background: #fff;
     padding: 10px 16px;
     border-bottom: 1px solid #ebedf0;

package/build/widget.qw.es.js

@@ -18456,7 +18456,7 @@ const _sfc_main$k = {
   }
 };
 var UserSelector = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-6c4b4fc8"]]);
-var image_picker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "[data-v-0c9127e8] .label {\n  color: #000 !important;\n}\n[data-v-0c9127e8] .van-field__control:disabled {\n  color: #000 !important;\n  cursor: not-allowed;\n  opacity: 1;\n  -webkit-text-fill-color: #000;\n}")();
+var image_picker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "[data-v-b587c824] .label {\n  color: #000 !important;\n}\n[data-v-b587c824] .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$d = {
   class: "image-box"
 };
@@ -18533,10 +18533,6 @@ const _sfc_main$j = {
       modelValue.value = "";
       return Promise.resolve(e);
     };
-    const onPreview = (e) => {
-      console.log("onPreview", e);
-      window.open(e.url, "_blank");
-    };
     watch(() => props.modelValue, (newVal, oldVal) => {
       if (!props.modelValue) {
         files.value = [];
@@ -18570,8 +18566,7 @@ const _sfc_main$j = {
           afterRead: onAfterRead,
           disabled: unref(isDisabled),
           deletable: !unref(isDisabled),
-          "before-delete": onBeforeDelete,
-          onClickPreview: onPreview
+          "before-delete": onBeforeDelete
         }, null, 8, ["modelValue", "capture", "disabled", "deletable"])) : (openBlock(), createBlock(_component_van_uploader, {
           key: 1,
           modelValue: files.value,
@@ -18581,16 +18576,15 @@ const _sfc_main$j = {
           afterRead: onAfterRead,
           disabled: unref(isDisabled),
           deletable: !unref(isDisabled),
-          "before-delete": onBeforeDelete,
-          onClickPreview: onPreview
+          "before-delete": onBeforeDelete
         }, null, 8, ["modelValue", "disabled", "deletable"]))])]),
         _: 1
       }, 8, ["label", "required", "rules", "placeholder"])) : createCommentVNode("", true);
     };
   }
 };
-var ImagePicker = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-0c9127e8"]]);
-var images_picker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-8a570fc4] {\n  text-align: center;\n}\n.widget .btn[data-v-8a570fc4] {\n  position: fixed;\n  bottom: 1rem;\n  left: 0;\n  right: 0;\n  margin: auto auto;\n  color: white;\n  font-size: 14px;\n  background: rgb(58, 136, 255);\n  padding: 8px 35px;\n  width: 100px;\n  text-align: center;\n  display: inline-block;\n  border-radius: 2px;\n}")();
+var ImagePicker = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-b587c824"]]);
+var images_picker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-1b4c046a] {\n  text-align: center;\n}\n.widget .btn[data-v-1b4c046a] {\n  position: fixed;\n  bottom: 1rem;\n  left: 0;\n  right: 0;\n  margin: auto auto;\n  color: white;\n  font-size: 14px;\n  background: rgb(58, 136, 255);\n  padding: 8px 35px;\n  width: 100px;\n  text-align: center;\n  display: inline-block;\n  border-radius: 2px;\n}")();
 const _hoisted_1$c = {
   class: "image-box"
 };
@@ -18679,10 +18673,6 @@ const _sfc_main$i = {
       emit("update:modelValue", newUrls);
       return Promise.resolve(e);
     };
-    const onPreview = (e) => {
-      console.log("onPreview", e);
-      window.open(e.url, "_blank");
-    };
     watch(() => props.modelValue, (newVal, oldVal) => {
       if (!props.modelValue || props.modelValue.length < 1) {
         files.value = [];
@@ -18718,8 +18708,7 @@ const _sfc_main$i = {
           disabled: unref(isDisabled),
           deletable: !unref(isDisabled),
           afterRead: onAfterRead,
-          "before-delete": onBeforeDelete,
-          onClickPreview: onPreview
+          "before-delete": onBeforeDelete
         }, null, 8, ["modelValue", "max-count", "capture", "disabled", "deletable"])) : (openBlock(), createBlock(_component_van_uploader, {
           key: 1,
           modelValue: files.value,
@@ -18729,16 +18718,15 @@ const _sfc_main$i = {
           disabled: unref(isDisabled),
           deletable: !unref(isDisabled),
           afterRead: onAfterRead,
-          "before-delete": onBeforeDelete,
-          onClickPreview: onPreview
+          "before-delete": onBeforeDelete
         }, null, 8, ["modelValue", "max-count", "disabled", "deletable"]))])]),
         _: 1
       }, 8, ["label", "required", "rules", "placeholder"]);
     };
   }
 };
-var ImagesPicker = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-8a570fc4"]]);
-var FilePicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "[data-v-a0846250] .label {\n  color: #000 !important;\n}\n[data-v-a0846250] .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-1b4c046a"]]);
+var FilePicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "[data-v-7352dfa0] .label {\n  color: #000 !important;\n}\n[data-v-7352dfa0] .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: "image-box"
 };
@@ -18807,10 +18795,6 @@ const _sfc_main$h = {
       modelValue.value = "";
       return Promise.resolve(e);
     };
-    const onPreview = (e) => {
-      console.log("onPreview", e);
-      window.open(e.url, "_blank");
-    };
     watch(() => props.modelValue, (newVal, oldVal) => {
       if (!props.modelValue) {
         files.value = [];
@@ -18843,15 +18827,14 @@ const _sfc_main$h = {
           accept: props.accept,
           "upload-icon": "plus",
           deletable: !unref(isDisabled),
-          "before-delete": onBeforeDelete,
-          onClickPreview: onPreview
+          "before-delete": onBeforeDelete
         }, null, 8, ["modelValue", "disabled", "accept", "deletable"])])]),
         _: 1
       }, 8, ["label", "required", "rules", "placeholder"])) : createCommentVNode("", true);
     };
   }
 };
-var FilePicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-a0846250"]]);
+var FilePicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-7352dfa0"]]);
 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"
@@ -20448,7 +20431,7 @@ const _sfc_main$4 = {
   }
 };
 var TreePicker = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-6744b874"]]);
-var CascaderPop_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.cascader-pop[data-v-bfe589fe] {\r\n    width: 100%;\r\n    overflow: hidden;\n}\n.cascader-selector[data-v-bfe589fe] {\r\n    padding: 10px;\n}\n.search-buttons[data-v-bfe589fe] {\r\n    display: flex;\r\n    gap: 10px;\n}\n.clear-btn[data-v-bfe589fe] {\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-bfe589fe] {\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-bfe589fe] {\r\n    text-align: center;\r\n    padding: 20px;\r\n    color: #969799;\n}\n.cascader-header[data-v-bfe589fe] {\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-bfe589fe] {\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-bfe589fe] {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-left: auto;\n}\n.cancel-btn[data-v-bfe589fe] {\r\n    color: #969799;\r\n    margin-right: 5px;\n}\n.scroll-container[data-v-bfe589fe] {\r\n    height: calc(80vh - 150px);\r\n    overflow-y: auto;\n}\n.cell-content[data-v-bfe589fe] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\n}\n.circle-selector[data-v-bfe589fe] {\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.2s;\r\n    flex-shrink: 0;\n}\n.circle-selector.selected[data-v-bfe589fe] {\r\n    background-color: #1989fa;\r\n    border-color: #1989fa;\n}\n.circle-selector.selected .van-icon[data-v-bfe589fe] {\r\n    color: white;\r\n    font-size: 14px;\n}\n.van-cell__right-icon[data-v-bfe589fe] {\r\n    color: #969799;\r\n    font-size: 16px;\r\n    margin-left: 8px;\n}\n.name[data-v-bfe589fe] {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\n}\n.cancel-btn[data-v-bfe589fe] {\r\n    color: #969799;\n}\n.search-field[data-v-bfe589fe] {\r\n    background: #fff;\r\n    padding: 10px 16px;\r\n    border-bottom: 1px solid #ebedf0;\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 999;\r\n    margin-bottom: 10px;\r\n    flex-shrink: 0;\r\n    /* \u9632\u6B62\u538B\u7F29 */\n}\r\n")();
+var CascaderPop_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.cascader-pop[data-v-1c8388a5] {\r\n    width: 100%;\r\n    overflow: hidden;\n}\n.cascader-selector[data-v-1c8388a5] {\r\n    padding: 10px;\n}\n.search-buttons[data-v-1c8388a5] {\r\n    display: flex;\r\n    gap: 10px;\n}\n.clear-btn[data-v-1c8388a5] {\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-1c8388a5] {\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-1c8388a5] {\r\n    text-align: center;\r\n    padding: 20px;\r\n    color: #969799;\n}\n.cascader-header[data-v-1c8388a5] {\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-1c8388a5] {\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-1c8388a5] {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-left: auto;\n}\n.cancel-btn[data-v-1c8388a5] {\r\n    color: #969799;\r\n    margin-right: 5px;\n}\n.scroll-container[data-v-1c8388a5] {\r\n    height: calc(80vh - 150px);\r\n    overflow-y: auto;\n}\n.cell-content[data-v-1c8388a5] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\n}\n.circle-selector[data-v-1c8388a5] {\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.2s;\r\n    flex-shrink: 0;\n}\n.circle-selector.selected[data-v-1c8388a5] {\r\n    background-color: #1989fa;\r\n    border-color: #1989fa;\n}\n.circle-selector.selected .van-icon[data-v-1c8388a5] {\r\n    color: white;\r\n    font-size: 14px;\n}\n.van-cell__right-icon[data-v-1c8388a5] {\r\n    color: #969799;\r\n    font-size: 16px;\r\n    margin-left: 8px;\n}\n.name[data-v-1c8388a5] {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\n}\n.cancel-btn[data-v-1c8388a5] {\r\n    color: #969799;\n}\n.search-field[data-v-1c8388a5] {\r\n    background: #fff;\r\n    padding: 10px 16px;\r\n    border-bottom: 1px solid #ebedf0;\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 999;\r\n    margin-bottom: 10px;\r\n    flex-shrink: 0;\r\n    /* \u9632\u6B62\u538B\u7F29 */\n}\r\n")();
 const _hoisted_1$3 = {
   class: "cascader-selector"
 };
@@ -20585,19 +20568,56 @@ const _sfc_main$3 = {
         data2.parentNode = node2;
       });
     };
-    watch(() => modelValue.value, (n, o) => __async(this, null, function* () {
+    const query = () => __async(this, null, function* () {
       data2.selectedNodeId = modelValue.value;
-      let params = {};
-      params.id = modelValue.value;
-      params.isReturnParent = true;
-      params.hasChildren = true;
-      yield props.idQueryNode(params, (node) => {
-        data2.parentNode = node;
-        if (!modelValue.value)
-          return;
-        let childNode = util.findNode(modelValue.value, data2.parentNode.children);
-        emit("select", childNode);
-      });
+      if (!modelValue.value) {
+        let params = {};
+        params.isReturnParent = true;
+        params.hasChildren = true;
+        params.hasPaths = true;
+        yield props.idQueryNode(params, (node) => {
+          data2.parentNode = node;
+          if (!modelValue.value)
+            return;
+          let childNode = util.findNode(modelValue.value, data2.parentNode.children);
+          emit("select", childNode);
+        });
+      } else {
+        if (!props.show) {
+          let params = {};
+          params.id = modelValue.value;
+          params.isReturnParent = false;
+          params.hasChildren = false;
+          params.hasPaths = true;
+          yield props.idQueryNode(params, (node) => {
+            data2.parentNode = {};
+            emit("select", node);
+          });
+        } else {
+          let params = {};
+          params.id = modelValue.value;
+          params.isReturnParent = true;
+          params.hasChildren = true;
+          params.hasPaths = true;
+          yield props.idQueryNode(params, (node) => {
+            data2.parentNode = node;
+            if (!modelValue.value)
+              return;
+            let childNode = util.findNode(modelValue.value, data2.parentNode.children);
+            emit("select", childNode);
+          });
+        }
+      }
+    });
+    watch(() => props.show, () => {
+      if (!props.show)
+        return;
+      query();
+    }, {
+      immediate: true
+    });
+    watch(() => modelValue.value, (n, o) => __async(this, null, function* () {
+      query();
     }), {
       immediate: true
     });
@@ -20683,7 +20703,7 @@ const _sfc_main$3 = {
     };
   }
 };
-var CascaderPop = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-bfe589fe"]]);
+var CascaderPop = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-1c8388a5"]]);
 const _hoisted_1$2 = {
   style: {
     "display": "flex",
@@ -20787,6 +20807,7 @@ const _sfc_main$2 = {
           params.id = id;
           params.isReturnParent = false;
           params.hasChildren = false;
+          params.hasPaths = true;
           yield props.idQueryNode(params, (node) => {
             data2.selectedNodes = [...data2.selectedNodes, node];
           });

package/build/widget.qw.umd.js

@@ -18459,7 +18459,7 @@ var __async = (__this, __arguments, generator) => {
     }
   };
   var UserSelector = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-6c4b4fc8"]]);
-  var image_picker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "[data-v-0c9127e8] .label {\n  color: #000 !important;\n}\n[data-v-0c9127e8] .van-field__control:disabled {\n  color: #000 !important;\n  cursor: not-allowed;\n  opacity: 1;\n  -webkit-text-fill-color: #000;\n}")();
+  var image_picker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "[data-v-b587c824] .label {\n  color: #000 !important;\n}\n[data-v-b587c824] .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$d = {
     class: "image-box"
   };
@@ -18536,10 +18536,6 @@ var __async = (__this, __arguments, generator) => {
         modelValue.value = "";
         return Promise.resolve(e);
       };
-      const onPreview = (e) => {
-        console.log("onPreview", e);
-        window.open(e.url, "_blank");
-      };
       vue.watch(() => props.modelValue, (newVal, oldVal) => {
         if (!props.modelValue) {
           files.value = [];
@@ -18573,8 +18569,7 @@ var __async = (__this, __arguments, generator) => {
             afterRead: onAfterRead,
             disabled: vue.unref(isDisabled),
             deletable: !vue.unref(isDisabled),
-            "before-delete": onBeforeDelete,
-            onClickPreview: onPreview
+            "before-delete": onBeforeDelete
           }, null, 8, ["modelValue", "capture", "disabled", "deletable"])) : (vue.openBlock(), vue.createBlock(_component_van_uploader, {
             key: 1,
             modelValue: files.value,
@@ -18584,16 +18579,15 @@ var __async = (__this, __arguments, generator) => {
             afterRead: onAfterRead,
             disabled: vue.unref(isDisabled),
             deletable: !vue.unref(isDisabled),
-            "before-delete": onBeforeDelete,
-            onClickPreview: onPreview
+            "before-delete": onBeforeDelete
           }, null, 8, ["modelValue", "disabled", "deletable"]))])]),
           _: 1
         }, 8, ["label", "required", "rules", "placeholder"])) : vue.createCommentVNode("", true);
       };
     }
   };
-  var ImagePicker = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-0c9127e8"]]);
-  var images_picker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-8a570fc4] {\n  text-align: center;\n}\n.widget .btn[data-v-8a570fc4] {\n  position: fixed;\n  bottom: 1rem;\n  left: 0;\n  right: 0;\n  margin: auto auto;\n  color: white;\n  font-size: 14px;\n  background: rgb(58, 136, 255);\n  padding: 8px 35px;\n  width: 100px;\n  text-align: center;\n  display: inline-block;\n  border-radius: 2px;\n}")();
+  var ImagePicker = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-b587c824"]]);
+  var images_picker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-1b4c046a] {\n  text-align: center;\n}\n.widget .btn[data-v-1b4c046a] {\n  position: fixed;\n  bottom: 1rem;\n  left: 0;\n  right: 0;\n  margin: auto auto;\n  color: white;\n  font-size: 14px;\n  background: rgb(58, 136, 255);\n  padding: 8px 35px;\n  width: 100px;\n  text-align: center;\n  display: inline-block;\n  border-radius: 2px;\n}")();
   const _hoisted_1$c = {
     class: "image-box"
   };
@@ -18682,10 +18676,6 @@ var __async = (__this, __arguments, generator) => {
         emit("update:modelValue", newUrls);
         return Promise.resolve(e);
       };
-      const onPreview = (e) => {
-        console.log("onPreview", e);
-        window.open(e.url, "_blank");
-      };
       vue.watch(() => props.modelValue, (newVal, oldVal) => {
         if (!props.modelValue || props.modelValue.length < 1) {
           files.value = [];
@@ -18721,8 +18711,7 @@ var __async = (__this, __arguments, generator) => {
             disabled: vue.unref(isDisabled),
             deletable: !vue.unref(isDisabled),
             afterRead: onAfterRead,
-            "before-delete": onBeforeDelete,
-            onClickPreview: onPreview
+            "before-delete": onBeforeDelete
           }, null, 8, ["modelValue", "max-count", "capture", "disabled", "deletable"])) : (vue.openBlock(), vue.createBlock(_component_van_uploader, {
             key: 1,
             modelValue: files.value,
@@ -18732,16 +18721,15 @@ var __async = (__this, __arguments, generator) => {
             disabled: vue.unref(isDisabled),
             deletable: !vue.unref(isDisabled),
             afterRead: onAfterRead,
-            "before-delete": onBeforeDelete,
-            onClickPreview: onPreview
+            "before-delete": onBeforeDelete
           }, null, 8, ["modelValue", "max-count", "disabled", "deletable"]))])]),
           _: 1
         }, 8, ["label", "required", "rules", "placeholder"]);
       };
     }
   };
-  var ImagesPicker = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-8a570fc4"]]);
-  var FilePicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "[data-v-a0846250] .label {\n  color: #000 !important;\n}\n[data-v-a0846250] .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-1b4c046a"]]);
+  var FilePicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "[data-v-7352dfa0] .label {\n  color: #000 !important;\n}\n[data-v-7352dfa0] .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: "image-box"
   };
@@ -18810,10 +18798,6 @@ var __async = (__this, __arguments, generator) => {
         modelValue.value = "";
         return Promise.resolve(e);
       };
-      const onPreview = (e) => {
-        console.log("onPreview", e);
-        window.open(e.url, "_blank");
-      };
       vue.watch(() => props.modelValue, (newVal, oldVal) => {
         if (!props.modelValue) {
           files.value = [];
@@ -18846,15 +18830,14 @@ var __async = (__this, __arguments, generator) => {
             accept: props.accept,
             "upload-icon": "plus",
             deletable: !vue.unref(isDisabled),
-            "before-delete": onBeforeDelete,
-            onClickPreview: onPreview
+            "before-delete": onBeforeDelete
           }, null, 8, ["modelValue", "disabled", "accept", "deletable"])])]),
           _: 1
         }, 8, ["label", "required", "rules", "placeholder"])) : vue.createCommentVNode("", true);
       };
     }
   };
-  var FilePicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-a0846250"]]);
+  var FilePicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-7352dfa0"]]);
   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"
@@ -20451,7 +20434,7 @@ var __async = (__this, __arguments, generator) => {
     }
   };
   var TreePicker = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-6744b874"]]);
-  var CascaderPop_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.cascader-pop[data-v-bfe589fe] {\r\n    width: 100%;\r\n    overflow: hidden;\n}\n.cascader-selector[data-v-bfe589fe] {\r\n    padding: 10px;\n}\n.search-buttons[data-v-bfe589fe] {\r\n    display: flex;\r\n    gap: 10px;\n}\n.clear-btn[data-v-bfe589fe] {\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-bfe589fe] {\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-bfe589fe] {\r\n    text-align: center;\r\n    padding: 20px;\r\n    color: #969799;\n}\n.cascader-header[data-v-bfe589fe] {\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-bfe589fe] {\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-bfe589fe] {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-left: auto;\n}\n.cancel-btn[data-v-bfe589fe] {\r\n    color: #969799;\r\n    margin-right: 5px;\n}\n.scroll-container[data-v-bfe589fe] {\r\n    height: calc(80vh - 150px);\r\n    overflow-y: auto;\n}\n.cell-content[data-v-bfe589fe] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\n}\n.circle-selector[data-v-bfe589fe] {\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.2s;\r\n    flex-shrink: 0;\n}\n.circle-selector.selected[data-v-bfe589fe] {\r\n    background-color: #1989fa;\r\n    border-color: #1989fa;\n}\n.circle-selector.selected .van-icon[data-v-bfe589fe] {\r\n    color: white;\r\n    font-size: 14px;\n}\n.van-cell__right-icon[data-v-bfe589fe] {\r\n    color: #969799;\r\n    font-size: 16px;\r\n    margin-left: 8px;\n}\n.name[data-v-bfe589fe] {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\n}\n.cancel-btn[data-v-bfe589fe] {\r\n    color: #969799;\n}\n.search-field[data-v-bfe589fe] {\r\n    background: #fff;\r\n    padding: 10px 16px;\r\n    border-bottom: 1px solid #ebedf0;\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 999;\r\n    margin-bottom: 10px;\r\n    flex-shrink: 0;\r\n    /* \u9632\u6B62\u538B\u7F29 */\n}\r\n")();
+  var CascaderPop_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.cascader-pop[data-v-1c8388a5] {\r\n    width: 100%;\r\n    overflow: hidden;\n}\n.cascader-selector[data-v-1c8388a5] {\r\n    padding: 10px;\n}\n.search-buttons[data-v-1c8388a5] {\r\n    display: flex;\r\n    gap: 10px;\n}\n.clear-btn[data-v-1c8388a5] {\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-1c8388a5] {\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-1c8388a5] {\r\n    text-align: center;\r\n    padding: 20px;\r\n    color: #969799;\n}\n.cascader-header[data-v-1c8388a5] {\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-1c8388a5] {\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-1c8388a5] {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-left: auto;\n}\n.cancel-btn[data-v-1c8388a5] {\r\n    color: #969799;\r\n    margin-right: 5px;\n}\n.scroll-container[data-v-1c8388a5] {\r\n    height: calc(80vh - 150px);\r\n    overflow-y: auto;\n}\n.cell-content[data-v-1c8388a5] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\n}\n.circle-selector[data-v-1c8388a5] {\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.2s;\r\n    flex-shrink: 0;\n}\n.circle-selector.selected[data-v-1c8388a5] {\r\n    background-color: #1989fa;\r\n    border-color: #1989fa;\n}\n.circle-selector.selected .van-icon[data-v-1c8388a5] {\r\n    color: white;\r\n    font-size: 14px;\n}\n.van-cell__right-icon[data-v-1c8388a5] {\r\n    color: #969799;\r\n    font-size: 16px;\r\n    margin-left: 8px;\n}\n.name[data-v-1c8388a5] {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\n}\n.cancel-btn[data-v-1c8388a5] {\r\n    color: #969799;\n}\n.search-field[data-v-1c8388a5] {\r\n    background: #fff;\r\n    padding: 10px 16px;\r\n    border-bottom: 1px solid #ebedf0;\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 999;\r\n    margin-bottom: 10px;\r\n    flex-shrink: 0;\r\n    /* \u9632\u6B62\u538B\u7F29 */\n}\r\n")();
   const _hoisted_1$3 = {
     class: "cascader-selector"
   };
@@ -20588,19 +20571,56 @@ var __async = (__this, __arguments, generator) => {
           data2.parentNode = node2;
         });
       };
-      vue.watch(() => modelValue.value, (n, o) => __async(this, null, function* () {
+      const query = () => __async(this, null, function* () {
         data2.selectedNodeId = modelValue.value;
-        let params = {};
-        params.id = modelValue.value;
-        params.isReturnParent = true;
-        params.hasChildren = true;
-        yield props.idQueryNode(params, (node) => {
-          data2.parentNode = node;
-          if (!modelValue.value)
-            return;
-          let childNode = util.findNode(modelValue.value, data2.parentNode.children);
-          emit("select", childNode);
-        });
+        if (!modelValue.value) {
+          let params = {};
+          params.isReturnParent = true;
+          params.hasChildren = true;
+          params.hasPaths = true;
+          yield props.idQueryNode(params, (node) => {
+            data2.parentNode = node;
+            if (!modelValue.value)
+              return;
+            let childNode = util.findNode(modelValue.value, data2.parentNode.children);
+            emit("select", childNode);
+          });
+        } else {
+          if (!props.show) {
+            let params = {};
+            params.id = modelValue.value;
+            params.isReturnParent = false;
+            params.hasChildren = false;
+            params.hasPaths = true;
+            yield props.idQueryNode(params, (node) => {
+              data2.parentNode = {};
+              emit("select", node);
+            });
+          } else {
+            let params = {};
+            params.id = modelValue.value;
+            params.isReturnParent = true;
+            params.hasChildren = true;
+            params.hasPaths = true;
+            yield props.idQueryNode(params, (node) => {
+              data2.parentNode = node;
+              if (!modelValue.value)
+                return;
+              let childNode = util.findNode(modelValue.value, data2.parentNode.children);
+              emit("select", childNode);
+            });
+          }
+        }
+      });
+      vue.watch(() => props.show, () => {
+        if (!props.show)
+          return;
+        query();
+      }, {
+        immediate: true
+      });
+      vue.watch(() => modelValue.value, (n, o) => __async(this, null, function* () {
+        query();
       }), {
         immediate: true
       });
@@ -20686,7 +20706,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   };
-  var CascaderPop = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-bfe589fe"]]);
+  var CascaderPop = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-1c8388a5"]]);
   const _hoisted_1$2 = {
     style: {
       "display": "flex",
@@ -20790,6 +20810,7 @@ var __async = (__this, __arguments, generator) => {
             params.id = id;
             params.isReturnParent = false;
             params.hasChildren = false;
+            params.hasPaths = true;
             yield props.idQueryNode(params, (node) => {
               data2.selectedNodes = [...data2.selectedNodes, node];
             });

package/package.json

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

package/src/components/CascaderPicker.vue

@@ -119,6 +119,7 @@ watch(() => JSON.stringify(modelValue.value), async (n, o) => {
             params.id = id
             params.isReturnParent = false
             params.hasChildren = false
+            params.hasPaths= true
             await props.idQueryNode(params, (node) => {
                 data.selectedNodes = [...data.selectedNodes, node]
             })

package/src/components/CascaderPop.vue

@@ -118,15 +118,15 @@ const onSearch = () => {
 // 返回上一级
 const onBack = () => {
     let parentId = ''
-    if(data.parentNode)
+    if (data.parentNode)
         parentId = data.parentNode.parentId
 
     let isReturnParent = false
-    if(!parentId)
+    if (!parentId)
         isReturnParent = true
 
     data.keyword = ""
-    props.idQueryNode({ id: parentId, isReturnParent: isReturnParent,hasChildren:false }, (node) => {
+    props.idQueryNode({ id: parentId, isReturnParent: isReturnParent, hasChildren: false }, (node) => {
         data.parentNode = node
     })
 }
@@ -168,28 +168,75 @@ const onToggle = (node) => {
 }
 
 const onNextLevel = (node) => {
-    props.idQueryNode({ id: node.id, isReturnParent: false, hasChildren:true }, (node) => {
+    props.idQueryNode({ id: node.id, isReturnParent: false, hasChildren: true }, (node) => {
         data.parentNode = node
     })
 }
 
-watch(() => modelValue.value, async (n, o) => {
+const query = async () => {
     data.selectedNodeId = modelValue.value
+    //空id时，查带子节点的虚拟根节点
+    if (!modelValue.value) {
+        let params = {}
+        params.isReturnParent = true
+        params.hasChildren = true
+        params.hasPaths = true
+
+        await props.idQueryNode(params, (node) => {
+            data.parentNode = node
+
+            if (!modelValue.value)
+                return
+
+            let childNode = util.findNode(modelValue.value, data.parentNode.children)
+            emit('select', childNode)
+        })
+    } 
+    //选中节点时
+    else {
+        //未显示底部弹窗时，只查节点本身
+        if (!props.show) {
+            let params = {}
+            params.id = modelValue.value
+            params.isReturnParent = false
+            params.hasChildren = false
+            params.hasPaths = true
+
+            await props.idQueryNode(params, (node) => {
+                data.parentNode = {}
+                emit('select', node)
+            })
+        }
+        //显示底部弹窗时，查询带子节点的父节点
+        else{
+            let params = {}
+            params.id = modelValue.value
+            params.isReturnParent = true
+            params.hasChildren = true
+            params.hasPaths = true
+
+            await props.idQueryNode(params, (node) => {
+                data.parentNode = node
+                if (!modelValue.value)
+                    return
+                let childNode = util.findNode(modelValue.value, data.parentNode.children)
+                emit('select', childNode)
+            })
+        }
+    }
+}
 
-    let params = {}
-    params.id = modelValue.value
-    params.isReturnParent = true
-    params.hasChildren = true
-
-    await props.idQueryNode(params, (node) => {
-        data.parentNode = node
+watch(() => props.show, () => {
+    if (!props.show)
+        return
 
-        if (!modelValue.value)
-            return
+    query()
+}, {
+    immediate: true
+})
 
-        let childNode = util.findNode(modelValue.value, data.parentNode.children)
-        emit('select', childNode)
-    })
+watch(() => modelValue.value, async (n, o) => {
+    query()
 }, {
     immediate: true
 })

package/src/components/FilePicker.vue

@@ -4,8 +4,7 @@
         <template #input>
             <div class="image-box">
                 <van-uploader v-model="files" :max-count="1" :afterRead="onAfterRead" :disabled="isDisabled"
-                    :accept="props.accept" upload-icon="plus" :deletable="!isDisabled" :before-delete="onBeforeDelete"
-                    @click-preview="onPreview" />
+                    :accept="props.accept" upload-icon="plus" :deletable="!isDisabled" :before-delete="onBeforeDelete" />
             </div>
         </template>
     </van-field>
@@ -78,11 +77,6 @@ const onBeforeDelete = (e) => {
     return Promise.resolve(e)
 }
 
-const onPreview = (e) => {
-    console.log('onPreview', e)
-    window.open(e.url, "_blank");
-}
-
 watch(() => props.modelValue,
     (newVal, oldVal) => {
         if (!props.modelValue) {

package/src/components/image_picker.vue

@@ -6,11 +6,11 @@
                 <van-uploader v-if="props.capture" v-model="files" :max-count="1" :capture="props.capture"
                     accept="image/jpeg,image/png" :afterRead="onAfterRead" :disabled="isDisabled"
                     :deletable="!isDisabled" :before-delete="onBeforeDelete"
-                    @click-preview="onPreview" />
+                     />
                 <van-uploader v-else v-model="files" :max-count="1" accept="image/jpeg,image/png"
                     :afterRead="onAfterRead" :disabled="isDisabled" :deletable="!isDisabled"
                     :before-delete="onBeforeDelete"
-                    @click-preview="onPreview" />
+                     />
             </div>
         </template>
     </van-field>
@@ -93,11 +93,6 @@ const onBeforeDelete = (e) => {
     return Promise.resolve(e)
 }
 
-const onPreview = (e) => {
-    console.log('onPreview', e)
-    window.open(e.url, "_blank");
-}
-
 watch(() => props.modelValue,
     (newVal, oldVal) => {
         if (!props.modelValue) {

package/src/components/images_picker.vue

@@ -5,12 +5,10 @@
             <div class="image-box">
                 <van-uploader v-if="props.capture" v-model="files" :max-count="props.max" :capture="props.capture"
                     accept="image/jpeg,image/png" :disabled="isDisabled" :deletable="!isDisabled"
-                    :afterRead="onAfterRead" :before-delete="onBeforeDelete"
-                    @click-preview="onPreview" />
+                    :afterRead="onAfterRead" :before-delete="onBeforeDelete" />
                 <van-uploader v-else v-model="files" :max-count="props.max" accept="image/jpeg,image/png"
                     :disabled="isDisabled" :deletable="!isDisabled" :afterRead="onAfterRead"
-                    :before-delete="onBeforeDelete"
-                    @click-preview="onPreview" />
+                    :before-delete="onBeforeDelete" />
             </div>
         </template>
     </van-field>
@@ -104,11 +102,6 @@ const onBeforeDelete = (e) => {
     return Promise.resolve(e)
 }
 
-const onPreview = (e) => {
-    console.log('onPreview', e)
-    window.open(e.url, "_blank");
-}
-
 watch(() => props.modelValue,
     (newVal, oldVal) => {
         if (!props.modelValue || props.modelValue.length < 1) {

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/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"]
+}