widget.qw 1.0.8 → 1.0.10

package/build/style.css

@@ -709,25 +709,25 @@
   margin:3px;
 }
 
-.cascader-pop[data-v-e8f93d5a] {
+.cascader-pop[data-v-3ed10092] {
     width: 100%;
     overflow: hidden;
 }
-.cascader-selector[data-v-e8f93d5a] {
+.cascader-selector[data-v-3ed10092] {
     padding: 10px;
 }
-.search-buttons[data-v-e8f93d5a] {
+.search-buttons[data-v-3ed10092] {
     display: flex;
     gap: 10px;
 }
-.clear-btn[data-v-e8f93d5a] {
+.clear-btn[data-v-3ed10092] {
     background-color: #f2f3f5;
     border: none;
     border-radius: 4px;
     padding: 4px 8px;
     font-size: 14px;
 }
-.confirm-btn[data-v-e8f93d5a] {
+.confirm-btn[data-v-3ed10092] {
     background-color: #1989fa;
     color: white;
     border: none;
@@ -735,19 +735,19 @@
     padding: 4px 8px;
     font-size: 14px;
 }
-.no-results[data-v-e8f93d5a] {
+.no-results[data-v-3ed10092] {
     text-align: center;
     padding: 20px;
     color: #969799;
 }
-.cascader-header[data-v-e8f93d5a] {
+.cascader-header[data-v-3ed10092] {
     padding: 10px;
     border-bottom: 1px solid #ebedf0;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
-.current-path[data-v-e8f93d5a] {
+.current-path[data-v-3ed10092] {
     flex: 1;
     font-size: 14px;
     color: #323233;
@@ -755,25 +755,25 @@
     overflow: hidden;
     text-overflow: ellipsis;
 }
-.header-right[data-v-e8f93d5a] {
+.header-right[data-v-3ed10092] {
     display: flex;
     gap: 8px;
     margin-left: auto;
 }
-.cancel-btn[data-v-e8f93d5a] {
+.cancel-btn[data-v-3ed10092] {
     color: #969799;
     margin-right: 5px;
 }
-.scroll-container[data-v-e8f93d5a] {
+.scroll-container[data-v-3ed10092] {
     height: calc(80vh - 150px);
     overflow-y: auto;
 }
-.cell-content[data-v-e8f93d5a] {
+.cell-content[data-v-3ed10092] {
     display: flex;
     align-items: center;
     gap: 12px;
 }
-.circle-selector[data-v-e8f93d5a] {
+.circle-selector[data-v-3ed10092] {
     width: 20px;
     height: 20px;
     border-radius: 50%;
@@ -783,29 +783,29 @@
     transition: all 0.2s;
     flex-shrink: 0;
 }
-.circle-selector.selected[data-v-e8f93d5a] {
+.circle-selector.selected[data-v-3ed10092] {
     background-color: #1989fa;
     border-color: #1989fa;
 }
-.circle-selector.selected .van-icon[data-v-e8f93d5a] {
+.circle-selector.selected .van-icon[data-v-3ed10092] {
     color: white;
     font-size: 14px;
 }
-.van-cell__right-icon[data-v-e8f93d5a] {
+.van-cell__right-icon[data-v-3ed10092] {
     color: #969799;
     font-size: 16px;
     margin-left: 8px;
 }
-.name[data-v-e8f93d5a] {
+.name[data-v-3ed10092] {
     flex: 1;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
-.cancel-btn[data-v-e8f93d5a] {
+.cancel-btn[data-v-3ed10092] {
     color: #969799;
 }
-.search-field[data-v-e8f93d5a] {
+.search-field[data-v-3ed10092] {
     background: #fff;
     padding: 10px 16px;
     border-bottom: 1px solid #ebedf0;

package/build/widget.qw.es.js

@@ -20282,7 +20282,7 @@ const _sfc_main$3 = {
   }
 };
 var TreePicker = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-6744b874"]]);
-var CascaderPop_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.cascader-pop[data-v-e8f93d5a] {\r\n    width: 100%;\r\n    overflow: hidden;\n}\n.cascader-selector[data-v-e8f93d5a] {\r\n    padding: 10px;\n}\n.search-buttons[data-v-e8f93d5a] {\r\n    display: flex;\r\n    gap: 10px;\n}\n.clear-btn[data-v-e8f93d5a] {\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-e8f93d5a] {\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-e8f93d5a] {\r\n    text-align: center;\r\n    padding: 20px;\r\n    color: #969799;\n}\n.cascader-header[data-v-e8f93d5a] {\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-e8f93d5a] {\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-e8f93d5a] {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-left: auto;\n}\n.cancel-btn[data-v-e8f93d5a] {\r\n    color: #969799;\r\n    margin-right: 5px;\n}\n.scroll-container[data-v-e8f93d5a] {\r\n    height: calc(80vh - 150px);\r\n    overflow-y: auto;\n}\n.cell-content[data-v-e8f93d5a] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\n}\n.circle-selector[data-v-e8f93d5a] {\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-e8f93d5a] {\r\n    background-color: #1989fa;\r\n    border-color: #1989fa;\n}\n.circle-selector.selected .van-icon[data-v-e8f93d5a] {\r\n    color: white;\r\n    font-size: 14px;\n}\n.van-cell__right-icon[data-v-e8f93d5a] {\r\n    color: #969799;\r\n    font-size: 16px;\r\n    margin-left: 8px;\n}\n.name[data-v-e8f93d5a] {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\n}\n.cancel-btn[data-v-e8f93d5a] {\r\n    color: #969799;\n}\n.search-field[data-v-e8f93d5a] {\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-3ed10092] {\r\n    width: 100%;\r\n    overflow: hidden;\n}\n.cascader-selector[data-v-3ed10092] {\r\n    padding: 10px;\n}\n.search-buttons[data-v-3ed10092] {\r\n    display: flex;\r\n    gap: 10px;\n}\n.clear-btn[data-v-3ed10092] {\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-3ed10092] {\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-3ed10092] {\r\n    text-align: center;\r\n    padding: 20px;\r\n    color: #969799;\n}\n.cascader-header[data-v-3ed10092] {\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-3ed10092] {\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-3ed10092] {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-left: auto;\n}\n.cancel-btn[data-v-3ed10092] {\r\n    color: #969799;\r\n    margin-right: 5px;\n}\n.scroll-container[data-v-3ed10092] {\r\n    height: calc(80vh - 150px);\r\n    overflow-y: auto;\n}\n.cell-content[data-v-3ed10092] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\n}\n.circle-selector[data-v-3ed10092] {\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-3ed10092] {\r\n    background-color: #1989fa;\r\n    border-color: #1989fa;\n}\n.circle-selector.selected .van-icon[data-v-3ed10092] {\r\n    color: white;\r\n    font-size: 14px;\n}\n.van-cell__right-icon[data-v-3ed10092] {\r\n    color: #969799;\r\n    font-size: 16px;\r\n    margin-left: 8px;\n}\n.name[data-v-3ed10092] {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\n}\n.cancel-btn[data-v-3ed10092] {\r\n    color: #969799;\n}\n.search-field[data-v-3ed10092] {\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$1 = {
   class: "cascader-selector"
 };
@@ -20334,6 +20334,14 @@ const _sfc_main$2 = {
       type: Function,
       default: () => {
       }
+    },
+    minLevel: {
+      type: Number,
+      default: 1
+    },
+    maxLevel: {
+      type: Number,
+      default: 9999
     }
   },
   emits: ["update:show", "select"],
@@ -20349,6 +20357,9 @@ const _sfc_main$2 = {
       currentNode: null,
       selectedNodeId: ""
     });
+    const canSelect = (node) => {
+      return node.level >= props.minLevel && node.level <= props.maxLevel;
+    };
     const optionNodes = computed(() => {
       var _a;
       if (data2.currentNode)
@@ -20488,7 +20499,8 @@ const _sfc_main$2 = {
             return openBlock(), createBlock(_component_van_cell, {
               key: i
             }, createSlots({
-              title: withCtx(() => [createElementVNode("div", _hoisted_9, [createElementVNode("div", {
+              title: withCtx(() => [createElementVNode("div", _hoisted_9, [canSelect(item) ? (openBlock(), createElementBlock("div", {
+                key: 0,
                 class: "circle-selector",
                 onClick: withModifiers(($event) => onToggle(item), ["stop"])
               }, [data2.selectedNodeId === item.id ? (openBlock(), createBlock(_component_van_icon, {
@@ -20501,9 +20513,9 @@ const _sfc_main$2 = {
                 name: "circle",
                 size: "20",
                 color: "#e0e0e0"
-              })) : createCommentVNode("", true)], 8, _hoisted_10), createElementVNode("span", _hoisted_11, toDisplayString(item.label), 1)])]),
+              })) : createCommentVNode("", true)], 8, _hoisted_10)) : createCommentVNode("", true), createElementVNode("span", _hoisted_11, toDisplayString(item.label), 1)])]),
               _: 2
-            }, [item.hasChildren ? {
+            }, [item.hasChildren && item.level < props.maxLevel ? {
               name: "right-icon",
               fn: withCtx(() => [createVNode(_component_van_icon, {
                 name: "arrow",
@@ -20518,7 +20530,7 @@ const _sfc_main$2 = {
     };
   }
 };
-var CascaderPop = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-e8f93d5a"]]);
+var CascaderPop = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-3ed10092"]]);
 const _sfc_main$1 = {
   __name: "CascaderPicker",
   props: {
@@ -20559,6 +20571,14 @@ const _sfc_main$1 = {
       type: Function,
       default: () => {
       }
+    },
+    minLevel: {
+      type: Number,
+      default: 1
+    },
+    maxLevel: {
+      type: Number,
+      default: 9999
     }
   },
   emits: ["update:modelValue", "select"],
@@ -20637,8 +20657,10 @@ const _sfc_main$1 = {
         placeholder: props.placeholder,
         onSelect,
         queryNodes: props.queryNodes,
-        queryNode: props.queryNode
-      }, null, 8, ["show", "modelValue", "placeholder", "queryNodes", "queryNode"])], 64);
+        queryNode: props.queryNode,
+        minLevel: props.minLevel,
+        maxLevel: props.maxLevel
+      }, null, 8, ["show", "modelValue", "placeholder", "queryNodes", "queryNode", "minLevel", "maxLevel"])], 64);
     };
   }
 };

package/build/widget.qw.umd.js

@@ -20285,7 +20285,7 @@ var __async = (__this, __arguments, generator) => {
     }
   };
   var TreePicker = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-6744b874"]]);
-  var CascaderPop_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.cascader-pop[data-v-e8f93d5a] {\r\n    width: 100%;\r\n    overflow: hidden;\n}\n.cascader-selector[data-v-e8f93d5a] {\r\n    padding: 10px;\n}\n.search-buttons[data-v-e8f93d5a] {\r\n    display: flex;\r\n    gap: 10px;\n}\n.clear-btn[data-v-e8f93d5a] {\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-e8f93d5a] {\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-e8f93d5a] {\r\n    text-align: center;\r\n    padding: 20px;\r\n    color: #969799;\n}\n.cascader-header[data-v-e8f93d5a] {\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-e8f93d5a] {\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-e8f93d5a] {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-left: auto;\n}\n.cancel-btn[data-v-e8f93d5a] {\r\n    color: #969799;\r\n    margin-right: 5px;\n}\n.scroll-container[data-v-e8f93d5a] {\r\n    height: calc(80vh - 150px);\r\n    overflow-y: auto;\n}\n.cell-content[data-v-e8f93d5a] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\n}\n.circle-selector[data-v-e8f93d5a] {\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-e8f93d5a] {\r\n    background-color: #1989fa;\r\n    border-color: #1989fa;\n}\n.circle-selector.selected .van-icon[data-v-e8f93d5a] {\r\n    color: white;\r\n    font-size: 14px;\n}\n.van-cell__right-icon[data-v-e8f93d5a] {\r\n    color: #969799;\r\n    font-size: 16px;\r\n    margin-left: 8px;\n}\n.name[data-v-e8f93d5a] {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\n}\n.cancel-btn[data-v-e8f93d5a] {\r\n    color: #969799;\n}\n.search-field[data-v-e8f93d5a] {\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-3ed10092] {\r\n    width: 100%;\r\n    overflow: hidden;\n}\n.cascader-selector[data-v-3ed10092] {\r\n    padding: 10px;\n}\n.search-buttons[data-v-3ed10092] {\r\n    display: flex;\r\n    gap: 10px;\n}\n.clear-btn[data-v-3ed10092] {\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-3ed10092] {\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-3ed10092] {\r\n    text-align: center;\r\n    padding: 20px;\r\n    color: #969799;\n}\n.cascader-header[data-v-3ed10092] {\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-3ed10092] {\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-3ed10092] {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-left: auto;\n}\n.cancel-btn[data-v-3ed10092] {\r\n    color: #969799;\r\n    margin-right: 5px;\n}\n.scroll-container[data-v-3ed10092] {\r\n    height: calc(80vh - 150px);\r\n    overflow-y: auto;\n}\n.cell-content[data-v-3ed10092] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\n}\n.circle-selector[data-v-3ed10092] {\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-3ed10092] {\r\n    background-color: #1989fa;\r\n    border-color: #1989fa;\n}\n.circle-selector.selected .van-icon[data-v-3ed10092] {\r\n    color: white;\r\n    font-size: 14px;\n}\n.van-cell__right-icon[data-v-3ed10092] {\r\n    color: #969799;\r\n    font-size: 16px;\r\n    margin-left: 8px;\n}\n.name[data-v-3ed10092] {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\n}\n.cancel-btn[data-v-3ed10092] {\r\n    color: #969799;\n}\n.search-field[data-v-3ed10092] {\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$1 = {
     class: "cascader-selector"
   };
@@ -20337,6 +20337,14 @@ var __async = (__this, __arguments, generator) => {
         type: Function,
         default: () => {
         }
+      },
+      minLevel: {
+        type: Number,
+        default: 1
+      },
+      maxLevel: {
+        type: Number,
+        default: 9999
       }
     },
     emits: ["update:show", "select"],
@@ -20352,6 +20360,9 @@ var __async = (__this, __arguments, generator) => {
         currentNode: null,
         selectedNodeId: ""
       });
+      const canSelect = (node) => {
+        return node.level >= props.minLevel && node.level <= props.maxLevel;
+      };
       const optionNodes = vue.computed(() => {
         var _a;
         if (data2.currentNode)
@@ -20491,7 +20502,8 @@ var __async = (__this, __arguments, generator) => {
               return vue.openBlock(), vue.createBlock(_component_van_cell, {
                 key: i
               }, vue.createSlots({
-                title: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_9, [vue.createElementVNode("div", {
+                title: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_9, [canSelect(item) ? (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 0,
                   class: "circle-selector",
                   onClick: vue.withModifiers(($event) => onToggle(item), ["stop"])
                 }, [data2.selectedNodeId === item.id ? (vue.openBlock(), vue.createBlock(_component_van_icon, {
@@ -20504,9 +20516,9 @@ var __async = (__this, __arguments, generator) => {
                   name: "circle",
                   size: "20",
                   color: "#e0e0e0"
-                })) : vue.createCommentVNode("", true)], 8, _hoisted_10), vue.createElementVNode("span", _hoisted_11, vue.toDisplayString(item.label), 1)])]),
+                })) : vue.createCommentVNode("", true)], 8, _hoisted_10)) : vue.createCommentVNode("", true), vue.createElementVNode("span", _hoisted_11, vue.toDisplayString(item.label), 1)])]),
                 _: 2
-              }, [item.hasChildren ? {
+              }, [item.hasChildren && item.level < props.maxLevel ? {
                 name: "right-icon",
                 fn: vue.withCtx(() => [vue.createVNode(_component_van_icon, {
                   name: "arrow",
@@ -20521,7 +20533,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   };
-  var CascaderPop = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-e8f93d5a"]]);
+  var CascaderPop = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-3ed10092"]]);
   const _sfc_main$1 = {
     __name: "CascaderPicker",
     props: {
@@ -20562,6 +20574,14 @@ var __async = (__this, __arguments, generator) => {
         type: Function,
         default: () => {
         }
+      },
+      minLevel: {
+        type: Number,
+        default: 1
+      },
+      maxLevel: {
+        type: Number,
+        default: 9999
       }
     },
     emits: ["update:modelValue", "select"],
@@ -20640,8 +20660,10 @@ var __async = (__this, __arguments, generator) => {
           placeholder: props.placeholder,
           onSelect,
           queryNodes: props.queryNodes,
-          queryNode: props.queryNode
-        }, null, 8, ["show", "modelValue", "placeholder", "queryNodes", "queryNode"])], 64);
+          queryNode: props.queryNode,
+          minLevel: props.minLevel,
+          maxLevel: props.maxLevel
+        }, null, 8, ["show", "modelValue", "placeholder", "queryNodes", "queryNode", "minLevel", "maxLevel"])], 64);
       };
     }
   };

package/package.json

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

package/src/components/CascaderPicker.vue

@@ -1,19 +1,18 @@
 <template>
-    <van-field v-if="!isGone" :label="props.label" readonly :required="isRequired" :rules="props.rules" :disabled="isDisabled"
-        :placeholder="props.placeholder" :is-link="isReadonly ? false : true" @click="data.isShowPop = !isReadonly"
-        label-class="label">
+    <van-field v-if="!isGone" :label="props.label" readonly :required="isRequired" :rules="props.rules"
+        :disabled="isDisabled" :placeholder="props.placeholder" :is-link="isReadonly ? false : true"
+        @click="data.isShowPop = !isReadonly" label-class="label">
         <template #input v-if="modelValue">
-            <van-tag class="selected-node" v-if="modelValue" :closeable="!isDisabled" color="#fff" text-color="#333" size="medium"
-            @close.stop="onDelete">
-            {{ data.selectedNode.formatLabel }}
+            <van-tag class="selected-node" v-if="modelValue" :closeable="!isDisabled" color="#fff" text-color="#333"
+                size="medium" @close.stop="onDelete">
+                {{ data.selectedNode.formatLabel }}
             </van-tag>
         </template>
     </van-field>
 
-    <CascaderPop v-model:show="data.isShowPop"  
-        v-model="modelValue"
-        :placeholder="props.placeholder"
-        @select="onSelect" :queryNodes="props.queryNodes" :queryNode="props.queryNode" />
+    <CascaderPop v-model:show="data.isShowPop" v-model="modelValue" :placeholder="props.placeholder" @select="onSelect"
+        :queryNodes="props.queryNodes" :queryNode="props.queryNode" :minLevel="props.minLevel"
+        :maxLevel="props.maxLevel" />
 
 </template>
 <script setup>
@@ -51,13 +50,21 @@ const props = defineProps({
         type: String,
         default: "",
     },
-    queryNodes:{
-        type:Function,
-        default:()=>{}
+    queryNodes: {
+        type: Function,
+        default: () => { }
     },
-    queryNode:{
-        type:Function,
-        default:()=>{}
+    queryNode: {
+        type: Function,
+        default: () => { }
+    },
+    minLevel: {
+        type: Number,
+        default: 1
+    },
+    maxLevel: {
+        type: Number,
+        default: 9999
     }
 });
 
@@ -81,8 +88,8 @@ const onSelect = (node) => {
     emit('select', data.selectedNode)
 }
 
-const onDelete=()=>{
-    data.selectedNode={}
+const onDelete = () => {
+    data.selectedNode = {}
     modelValue.value = null
 }
 
@@ -92,7 +99,7 @@ watch(() => modelValue.value, async (n, o) => {
         return
     }
 
-    props.queryNode((node)=>{
+    props.queryNode((node) => {
         data.selectedNode = node
         emit('select', data.selectedNode)
     })
@@ -101,5 +108,4 @@ watch(() => modelValue.value, async (n, o) => {
 })
 </script>
 
-<style scoped>
-</style>
+<style scoped></style>

package/src/components/CascaderPop.vue

@@ -30,14 +30,14 @@
                     <van-cell v-for="(item, i) in optionNodes" :key="i" >
                         <template #title>
                             <div class="cell-content">
-                                <div class="circle-selector" @click.stop="onToggle(item)">
+                                <div class="circle-selector" v-if="canSelect(item)"  @click.stop="onToggle(item)">
                                     <van-icon v-if="data.selectedNodeId === item.id" name="success" size="20" color="#409eff"/>
                                     <van-icon v-if="data.selectedNodeId != item.id" name="circle" size="20" color="#e0e0e0"/>
                                 </div>
                                 <span class="name">{{ item.label }}</span>
                             </div>
                         </template>
-                        <template #right-icon v-if="item.hasChildren" >
+                        <template #right-icon v-if="item.hasChildren && item.level<props.maxLevel" >
                             <van-icon name="arrow" @click.stop="onNextLevel(item)"/>
                         </template>
                     </van-cell>
@@ -72,6 +72,14 @@ const props = defineProps({
     queryNode: {
         type: Function,
         default: () => { }
+    },
+    minLevel:{
+        type:Number,
+        default: 1
+    },
+    maxLevel:{
+        type:Number,
+        default: 9999
     }
 });
 // 定义emit
@@ -90,6 +98,10 @@ const data = reactive({
     selectedNodeId: ''
 })
 
+const canSelect=(node)=>{
+    return node.level>=props.minLevel && node.level<=props.maxLevel
+}
+
 // 待选节点列表
 const optionNodes = computed(() => {
     if (data.currentNode)