widget.qw 1.0.68 → 1.0.69

package/build/style.css

@@ -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

@@ -20448,7 +20448,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 +20585,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 +20720,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 +20824,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

@@ -20451,7 +20451,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 +20588,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 +20723,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 +20827,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.69",
   "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/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"]
+}