widget.qw 1.1.1 → 1.1.3

package/build/style.css

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

package/build/widget.qw.es.js

@@ -38,7 +38,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { computed, resolveComponent, openBlock, createElementBlock, unref, createVNode, createCommentVNode, createElementVNode, toDisplayString, onUnmounted, onDeactivated, isRef, watch, onMounted, nextTick, onActivated, ref, reactive, getCurrentInstance, provide, inject, isVNode, defineComponent, onBeforeUnmount, watchEffect, mergeProps, Transition, Teleport, withDirectives, vShow, Fragment, createApp, resolveDirective, createBlock, withCtx, renderList, createTextVNode, createSlots, withModifiers, onBeforeUpdate, normalizeClass, renderSlot } from "vue";
+import { computed, resolveComponent, openBlock, createElementBlock, unref, createVNode, createCommentVNode, createElementVNode, toDisplayString, onUnmounted, onDeactivated, isRef, watch, onMounted, nextTick, onActivated, ref, reactive, getCurrentInstance, provide, inject, isVNode, defineComponent, onBeforeUnmount, watchEffect, mergeProps, Transition, Teleport, withDirectives, vShow, Fragment, createApp, resolveDirective, createBlock, withCtx, renderList, createTextVNode, createSlots, withModifiers, onBeforeUpdate, normalizeClass, renderSlot, pushScopeId, popScopeId } from "vue";
 var vm = {};
 var HeadBar_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.enterprise-header[data-v-435ecee6] {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 48px;\r\n    background-color: #2d8cf0; /* \u4F01\u4E1A\u5FAE\u4FE1\u98CE\u683C\u84DD\u8272 */\r\n    background-color: #fff;\r\n    color: white;\r\n    color: #000;\r\n    position: relative;\r\n    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);\r\n    margin-bottom: 4px;\n}\n.header-title[data-v-435ecee6] {\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: 70%;\n}\n.header-btn[data-v-435ecee6] {\r\n    position: absolute;\r\n    width: 48px;\r\n    height: 48px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: transparent;\r\n    border: none;\r\n    color: white;\r\n    color: #000;\r\n    font-size: 20px;\r\n    cursor: pointer;\r\n    padding: 0;\n}\n.header-btn[data-v-435ecee6]:disabled {\r\n    opacity: 0.5;\r\n    cursor: not-allowed;\n}\n.back-btn[data-v-435ecee6] {\r\n    left: 0;\n}\n.home-btn[data-v-435ecee6] {\r\n    right: 0;\n}\r\n  \r\n  \r\n  ")();
 var _export_sfc = (sfc, props2) => {
@@ -6255,12 +6255,32 @@ function uniqCode(arr) {
   }
   return Array.from(uniqueMap.values());
 }
+function uniqMerge(arr1, arr2) {
+  let totalArr = [...arr1, ...arr2];
+  return uniq(totalArr);
+}
+function substractAry(arr1, arr2) {
+  if (!Array.isArray(arr2) || !arr2 || arr2.length < 1)
+    return arr1;
+  return arr1.filter((item) => !arr2.includes(item));
+}
+function isContainAry(arr1, arr2) {
+  if (!Array.isArray(arr1) || !Array.isArray(arr2))
+    return false;
+  if (arr2.length === 0)
+    return true;
+  const set2 = new Set(arr1);
+  return arr2.every((item) => set2.has(item));
+}
 var ArrayUtil = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   arySwapPrev,
   arySwapNext,
   uniq,
-  uniqCode
+  uniqCode,
+  uniqMerge,
+  substractAry,
+  isContainAry
 }, Symbol.toStringTag, { value: "Module" }));
 function fittingString(str, maxWidth, fontSize) {
   var fontWidth = fontSize * 1.3;
@@ -19521,8 +19541,8 @@ const _hoisted_10$1 = /* @__PURE__ */ createTextVNode(" \u5168\u9009 ");
 const _hoisted_11$1 = {
   class: "search-container"
 };
-const _hoisted_12 = /* @__PURE__ */ createTextVNode("\u641C\u7D22");
-const _hoisted_13 = {
+const _hoisted_12$1 = /* @__PURE__ */ createTextVNode("\u641C\u7D22");
+const _hoisted_13$1 = {
   class: "scroll-container"
 };
 const _sfc_main$h = {
@@ -19938,9 +19958,9 @@ const _sfc_main$h = {
           onClick: searchUserById,
           class: "search-btn"
         }, {
-          default: withCtx(() => [_hoisted_12]),
+          default: withCtx(() => [_hoisted_12$1]),
           _: 1
-        })]), createElementVNode("div", _hoisted_13, [!searchUserId.value && currentDepartments.value.length > 0 ? (openBlock(), createBlock(_component_van_cell_group, {
+        })]), createElementVNode("div", _hoisted_13$1, [!searchUserId.value && currentDepartments.value.length > 0 ? (openBlock(), createBlock(_component_van_cell_group, {
           key: 0
         }, {
           default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(currentDepartments.value, (dept) => {
@@ -21615,7 +21635,8 @@ const _sfc_main$4 = {
   }
 };
 var TreePicker = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-ebc14630"]]);
-var CascaderPop_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.cascader-pop[data-v-3ec31519] {\r\n    width: 100%;\r\n    overflow: hidden;\n}\n.cascader-selector[data-v-3ec31519] {\r\n    padding: 10px;\n}\n.search-buttons[data-v-3ec31519] {\r\n    display: flex;\r\n    gap: 10px;\n}\n.clear-btn[data-v-3ec31519] {\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-3ec31519] {\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-3ec31519] {\r\n    text-align: center;\r\n    padding: 20px;\r\n    color: #969799;\n}\n.cascader-header[data-v-3ec31519] {\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-3ec31519] {\r\n    flex: 1;\r\n    font-size: 14px;\r\n    margin-left: 5px;\r\n    color: #323233;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\n}\n.header-right[data-v-3ec31519] {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-left: auto;\n}\n.cancel-btn[data-v-3ec31519] {\r\n    color: #969799;\r\n    margin-right: 5px;\n}\n.scroll-container[data-v-3ec31519] {\r\n    height: calc(80vh - 150px);\r\n    overflow-y: auto;\n}\n.cell-content[data-v-3ec31519] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\n}\n.circle-selector[data-v-3ec31519] {\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-3ec31519] {\r\n    background-color: #1989fa;\r\n    border-color: #1989fa;\n}\n.circle-selector.selected .van-icon[data-v-3ec31519] {\r\n    color: white;\r\n    font-size: 14px;\n}\n.van-cell__right-icon[data-v-3ec31519] {\r\n    color: #969799;\r\n    font-size: 16px;\r\n    margin-left: 8px;\n}\n.name[data-v-3ec31519] {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\n}\n.cancel-btn[data-v-3ec31519] {\r\n    color: #969799;\n}\n.search-field[data-v-3ec31519] {\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-1f4b2244] {\r\n    width: 100%;\r\n    overflow: hidden;\n}\n.cascader-selector[data-v-1f4b2244] {\r\n    padding: 10px;\n}\n.search-buttons[data-v-1f4b2244] {\r\n    display: flex;\r\n    gap: 10px;\n}\n.clear-btn[data-v-1f4b2244] {\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-1f4b2244] {\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-1f4b2244] {\r\n    text-align: center;\r\n    padding: 20px;\r\n    color: #969799;\n}\n.cascader-header[data-v-1f4b2244] {\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-1f4b2244] {\r\n    flex: 1;\r\n    font-size: 14px;\r\n    margin-left: 5px;\r\n    color: #323233;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\n}\n.header-right[data-v-1f4b2244] {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-left: auto;\n}\n.cancel-btn[data-v-1f4b2244] {\r\n    color: #969799;\r\n    margin-right: 5px;\n}\n.scroll-container[data-v-1f4b2244] {\r\n    height: calc(80vh - 150px);\r\n    overflow-y: auto;\n}\n.cell-content[data-v-1f4b2244] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\n}\n.circle-selector[data-v-1f4b2244] {\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-1f4b2244] {\r\n    background-color: #1989fa;\r\n    border-color: #1989fa;\n}\n.circle-selector.selected .van-icon[data-v-1f4b2244] {\r\n    color: white;\r\n    font-size: 14px;\n}\n.van-cell__right-icon[data-v-1f4b2244] {\r\n    color: #969799;\r\n    font-size: 16px;\r\n    margin-left: 8px;\n}\n.name[data-v-1f4b2244] {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\n}\n.cancel-btn[data-v-1f4b2244] {\r\n    color: #969799;\n}\n.search-field[data-v-1f4b2244] {\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 _withScopeId = (n) => (pushScopeId("data-v-1f4b2244"), n = n(), popScopeId(), n);
 const _hoisted_1$3 = {
   class: "cascader-selector"
 };
@@ -21640,7 +21661,14 @@ const _hoisted_9$1 = {
   class: "cell-content"
 };
 const _hoisted_10 = ["onClick"];
-const _hoisted_11 = {
+const _hoisted_11 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", {
+  class: "name"
+}, "\u5168\u9009", -1));
+const _hoisted_12 = {
+  class: "cell-content"
+};
+const _hoisted_13 = ["onClick"];
+const _hoisted_14 = {
   class: "name"
 };
 const _sfc_main$3 = {
@@ -21685,6 +21713,25 @@ const _sfc_main$3 = {
       keyword: "",
       selectedNodeIds: []
     });
+    const isSelectAll = computed({
+      get() {
+        let optionIds = optionNodes.value.filter((item) => item.canCheck).map((item) => item.id);
+        if (optionIds.length < 1)
+          return false;
+        return util.isContainAry(data2.selectedNodeIds, optionIds);
+      },
+      set(val) {
+        let optionIds = optionNodes.value.filter((item) => item.canCheck).map((item) => item.id);
+        if (val) {
+          data2.selectedNodeIds = util.uniqMerge(data2.selectedNodeIds, optionIds);
+        } else {
+          data2.selectedNodeIds = util.substractAry(data2.selectedNodeIds, optionIds);
+        }
+      }
+    });
+    const onToggleAll = () => {
+      isSelectAll.value = !isSelectAll.value;
+    };
     onMounted(() => {
     });
     const optionNodes = computed(() => {
@@ -21717,7 +21764,8 @@ const _sfc_main$3 = {
       props2.idQueryNode({
         id: parentId,
         isReturnParent,
-        hasChildren: true
+        hasChildren: true,
+        hasUsers: true
       }, (node) => {
         data2.parentNode = node;
       });
@@ -21738,6 +21786,7 @@ const _sfc_main$3 = {
         params.isReturnParent = true;
         params.hasChildren = false;
         params.hasPaths = true;
+        params.hasUsers = true;
         let selectNode = null;
         yield props2.idQueryNode(params, (node) => {
           data2.parentNode = node;
@@ -21781,7 +21830,9 @@ const _sfc_main$3 = {
       props2.idQueryNode({
         id: node.id,
         isReturnParent: false,
-        hasChildren: true
+        hasChildren: true,
+        hasPaths: true,
+        hasUsers: true
       }, (node2) => {
         data2.parentNode = node2;
       });
@@ -21793,6 +21844,7 @@ const _sfc_main$3 = {
       params.isReturnParent = true;
       params.hasChildren = true;
       params.hasPaths = true;
+      params.hasUsers = true;
       yield props2.idQueryNode(params, (node) => {
         data2.parentNode = node;
       });
@@ -21859,11 +21911,29 @@ const _sfc_main$3 = {
           }, "\u641C\u7D22")]),
           _: 1
         }, 8, ["modelValue", "placeholder"]), createElementVNode("div", _hoisted_8$1, [createVNode(_component_van_cell_group, null, {
-          default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(optionNodes), (item, i) => {
+          default: withCtx(() => [props2.multiple ? (openBlock(), createBlock(_component_van_cell, {
+            key: 0
+          }, {
+            title: withCtx(() => [createElementVNode("div", _hoisted_9$1, [createElementVNode("div", {
+              class: "circle-selector",
+              onClick: withModifiers(onToggleAll, ["stop"])
+            }, [unref(isSelectAll) ? (openBlock(), createBlock(_component_van_icon, {
+              key: 0,
+              name: "success",
+              size: "20",
+              color: "#409eff"
+            })) : createCommentVNode("", true), !unref(isSelectAll) ? (openBlock(), createBlock(_component_van_icon, {
+              key: 1,
+              name: "circle",
+              size: "20",
+              color: "#e0e0e0"
+            })) : createCommentVNode("", true)], 8, _hoisted_10), _hoisted_11])]),
+            _: 1
+          })) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(optionNodes), (item, i) => {
             return openBlock(), createBlock(_component_van_cell, {
               key: i
             }, createSlots({
-              title: withCtx(() => [createElementVNode("div", _hoisted_9$1, [item.canCheck ? (openBlock(), createElementBlock("div", {
+              title: withCtx(() => [createElementVNode("div", _hoisted_12, [item.canCheck ? (openBlock(), createElementBlock("div", {
                 key: 0,
                 class: "circle-selector",
                 onClick: withModifiers(($event) => onToggle(item), ["stop"])
@@ -21877,7 +21947,7 @@ const _sfc_main$3 = {
                 name: "circle",
                 size: "20",
                 color: "#e0e0e0"
-              })) : createCommentVNode("", true)], 8, _hoisted_10)) : createCommentVNode("", true), createElementVNode("span", _hoisted_11, toDisplayString(item.label), 1)])]),
+              })) : createCommentVNode("", true)], 8, _hoisted_13)) : createCommentVNode("", true), createElementVNode("span", _hoisted_14, toDisplayString(item.label), 1)])]),
               _: 2
             }, [item.canExpand ? {
               name: "right-icon",
@@ -21894,7 +21964,7 @@ const _sfc_main$3 = {
     };
   }
 };
-var CascaderPop = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-3ec31519"]]);
+var CascaderPop = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-1f4b2244"]]);
 const _hoisted_1$2 = {
   style: {
     "display": "flex",
@@ -21999,21 +22069,30 @@ const _sfc_main$2 = {
         ids = modelValue2.value;
       if (ids.length < 1)
         return [];
-      let promises = ids.map((nodeId) => __async(this, null, function* () {
+      let res = [];
+      let receivedNodes = [];
+      for (var i = 0; i < ids.length; i++) {
+        let nodeId = ids[i];
+        let selectNode = null;
+        selectNode = util.findNode(nodeId, receivedNodes);
+        if (selectNode) {
+          res = [...res, selectNode];
+          continue;
+        }
         let params = {};
         params.id = nodeId;
-        params.isReturnParent = true;
+        params.isReturnParent = false;
         params.hasChildren = false;
-        params.hasPaths = true;
-        let selectNode = null;
+        params.hasPaths = false;
+        params.hasUsers = true;
         yield props2.idQueryNode(params, (node) => {
-          data2.parentNode = node;
-          selectNode = util.findNode(nodeId, data2.parentNode.children);
+          receivedNodes = [...receivedNodes, ...node.children || []];
+          selectNode = util.findNode(nodeId, receivedNodes);
         });
-        return selectNode;
-      }));
-      let selectNodes = yield Promise.all(promises);
-      return selectNodes;
+        if (selectNode)
+          res = [...res, selectNode];
+      }
+      return res;
     });
     watch(() => JSON.stringify(modelValue2.value), (n, o) => __async(this, null, function* () {
       if (!props2.multiple) {

package/build/widget.qw.umd.js

@@ -6258,12 +6258,32 @@ var __async = (__this, __arguments, generator) => {
     }
     return Array.from(uniqueMap.values());
   }
+  function uniqMerge(arr1, arr2) {
+    let totalArr = [...arr1, ...arr2];
+    return uniq(totalArr);
+  }
+  function substractAry(arr1, arr2) {
+    if (!Array.isArray(arr2) || !arr2 || arr2.length < 1)
+      return arr1;
+    return arr1.filter((item) => !arr2.includes(item));
+  }
+  function isContainAry(arr1, arr2) {
+    if (!Array.isArray(arr1) || !Array.isArray(arr2))
+      return false;
+    if (arr2.length === 0)
+      return true;
+    const set2 = new Set(arr1);
+    return arr2.every((item) => set2.has(item));
+  }
   var ArrayUtil = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     arySwapPrev,
     arySwapNext,
     uniq,
-    uniqCode
+    uniqCode,
+    uniqMerge,
+    substractAry,
+    isContainAry
   }, Symbol.toStringTag, { value: "Module" }));
   function fittingString(str, maxWidth, fontSize) {
     var fontWidth = fontSize * 1.3;
@@ -19524,8 +19544,8 @@ var __async = (__this, __arguments, generator) => {
   const _hoisted_11$1 = {
     class: "search-container"
   };
-  const _hoisted_12 = /* @__PURE__ */ vue.createTextVNode("\u641C\u7D22");
-  const _hoisted_13 = {
+  const _hoisted_12$1 = /* @__PURE__ */ vue.createTextVNode("\u641C\u7D22");
+  const _hoisted_13$1 = {
     class: "scroll-container"
   };
   const _sfc_main$h = {
@@ -19941,9 +19961,9 @@ var __async = (__this, __arguments, generator) => {
             onClick: searchUserById,
             class: "search-btn"
           }, {
-            default: vue.withCtx(() => [_hoisted_12]),
+            default: vue.withCtx(() => [_hoisted_12$1]),
             _: 1
-          })]), vue.createElementVNode("div", _hoisted_13, [!searchUserId.value && currentDepartments.value.length > 0 ? (vue.openBlock(), vue.createBlock(_component_van_cell_group, {
+          })]), vue.createElementVNode("div", _hoisted_13$1, [!searchUserId.value && currentDepartments.value.length > 0 ? (vue.openBlock(), vue.createBlock(_component_van_cell_group, {
             key: 0
           }, {
             default: vue.withCtx(() => [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentDepartments.value, (dept) => {
@@ -21618,7 +21638,8 @@ var __async = (__this, __arguments, generator) => {
     }
   };
   var TreePicker = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-ebc14630"]]);
-  var CascaderPop_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.cascader-pop[data-v-3ec31519] {\r\n    width: 100%;\r\n    overflow: hidden;\n}\n.cascader-selector[data-v-3ec31519] {\r\n    padding: 10px;\n}\n.search-buttons[data-v-3ec31519] {\r\n    display: flex;\r\n    gap: 10px;\n}\n.clear-btn[data-v-3ec31519] {\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-3ec31519] {\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-3ec31519] {\r\n    text-align: center;\r\n    padding: 20px;\r\n    color: #969799;\n}\n.cascader-header[data-v-3ec31519] {\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-3ec31519] {\r\n    flex: 1;\r\n    font-size: 14px;\r\n    margin-left: 5px;\r\n    color: #323233;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\n}\n.header-right[data-v-3ec31519] {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-left: auto;\n}\n.cancel-btn[data-v-3ec31519] {\r\n    color: #969799;\r\n    margin-right: 5px;\n}\n.scroll-container[data-v-3ec31519] {\r\n    height: calc(80vh - 150px);\r\n    overflow-y: auto;\n}\n.cell-content[data-v-3ec31519] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\n}\n.circle-selector[data-v-3ec31519] {\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-3ec31519] {\r\n    background-color: #1989fa;\r\n    border-color: #1989fa;\n}\n.circle-selector.selected .van-icon[data-v-3ec31519] {\r\n    color: white;\r\n    font-size: 14px;\n}\n.van-cell__right-icon[data-v-3ec31519] {\r\n    color: #969799;\r\n    font-size: 16px;\r\n    margin-left: 8px;\n}\n.name[data-v-3ec31519] {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\n}\n.cancel-btn[data-v-3ec31519] {\r\n    color: #969799;\n}\n.search-field[data-v-3ec31519] {\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-1f4b2244] {\r\n    width: 100%;\r\n    overflow: hidden;\n}\n.cascader-selector[data-v-1f4b2244] {\r\n    padding: 10px;\n}\n.search-buttons[data-v-1f4b2244] {\r\n    display: flex;\r\n    gap: 10px;\n}\n.clear-btn[data-v-1f4b2244] {\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-1f4b2244] {\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-1f4b2244] {\r\n    text-align: center;\r\n    padding: 20px;\r\n    color: #969799;\n}\n.cascader-header[data-v-1f4b2244] {\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-1f4b2244] {\r\n    flex: 1;\r\n    font-size: 14px;\r\n    margin-left: 5px;\r\n    color: #323233;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\n}\n.header-right[data-v-1f4b2244] {\r\n    display: flex;\r\n    gap: 8px;\r\n    margin-left: auto;\n}\n.cancel-btn[data-v-1f4b2244] {\r\n    color: #969799;\r\n    margin-right: 5px;\n}\n.scroll-container[data-v-1f4b2244] {\r\n    height: calc(80vh - 150px);\r\n    overflow-y: auto;\n}\n.cell-content[data-v-1f4b2244] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\n}\n.circle-selector[data-v-1f4b2244] {\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-1f4b2244] {\r\n    background-color: #1989fa;\r\n    border-color: #1989fa;\n}\n.circle-selector.selected .van-icon[data-v-1f4b2244] {\r\n    color: white;\r\n    font-size: 14px;\n}\n.van-cell__right-icon[data-v-1f4b2244] {\r\n    color: #969799;\r\n    font-size: 16px;\r\n    margin-left: 8px;\n}\n.name[data-v-1f4b2244] {\r\n    flex: 1;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\n}\n.cancel-btn[data-v-1f4b2244] {\r\n    color: #969799;\n}\n.search-field[data-v-1f4b2244] {\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 _withScopeId = (n) => (vue.pushScopeId("data-v-1f4b2244"), n = n(), vue.popScopeId(), n);
   const _hoisted_1$3 = {
     class: "cascader-selector"
   };
@@ -21643,7 +21664,14 @@ var __async = (__this, __arguments, generator) => {
     class: "cell-content"
   };
   const _hoisted_10 = ["onClick"];
-  const _hoisted_11 = {
+  const _hoisted_11 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", {
+    class: "name"
+  }, "\u5168\u9009", -1));
+  const _hoisted_12 = {
+    class: "cell-content"
+  };
+  const _hoisted_13 = ["onClick"];
+  const _hoisted_14 = {
     class: "name"
   };
   const _sfc_main$3 = {
@@ -21688,6 +21716,25 @@ var __async = (__this, __arguments, generator) => {
         keyword: "",
         selectedNodeIds: []
       });
+      const isSelectAll = vue.computed({
+        get() {
+          let optionIds = optionNodes.value.filter((item) => item.canCheck).map((item) => item.id);
+          if (optionIds.length < 1)
+            return false;
+          return util.isContainAry(data2.selectedNodeIds, optionIds);
+        },
+        set(val) {
+          let optionIds = optionNodes.value.filter((item) => item.canCheck).map((item) => item.id);
+          if (val) {
+            data2.selectedNodeIds = util.uniqMerge(data2.selectedNodeIds, optionIds);
+          } else {
+            data2.selectedNodeIds = util.substractAry(data2.selectedNodeIds, optionIds);
+          }
+        }
+      });
+      const onToggleAll = () => {
+        isSelectAll.value = !isSelectAll.value;
+      };
       vue.onMounted(() => {
       });
       const optionNodes = vue.computed(() => {
@@ -21720,7 +21767,8 @@ var __async = (__this, __arguments, generator) => {
         props2.idQueryNode({
           id: parentId,
           isReturnParent,
-          hasChildren: true
+          hasChildren: true,
+          hasUsers: true
         }, (node) => {
           data2.parentNode = node;
         });
@@ -21741,6 +21789,7 @@ var __async = (__this, __arguments, generator) => {
           params.isReturnParent = true;
           params.hasChildren = false;
           params.hasPaths = true;
+          params.hasUsers = true;
           let selectNode = null;
           yield props2.idQueryNode(params, (node) => {
             data2.parentNode = node;
@@ -21784,7 +21833,9 @@ var __async = (__this, __arguments, generator) => {
         props2.idQueryNode({
           id: node.id,
           isReturnParent: false,
-          hasChildren: true
+          hasChildren: true,
+          hasPaths: true,
+          hasUsers: true
         }, (node2) => {
           data2.parentNode = node2;
         });
@@ -21796,6 +21847,7 @@ var __async = (__this, __arguments, generator) => {
         params.isReturnParent = true;
         params.hasChildren = true;
         params.hasPaths = true;
+        params.hasUsers = true;
         yield props2.idQueryNode(params, (node) => {
           data2.parentNode = node;
         });
@@ -21862,11 +21914,29 @@ var __async = (__this, __arguments, generator) => {
             }, "\u641C\u7D22")]),
             _: 1
           }, 8, ["modelValue", "placeholder"]), vue.createElementVNode("div", _hoisted_8$1, [vue.createVNode(_component_van_cell_group, null, {
-            default: vue.withCtx(() => [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(optionNodes), (item, i) => {
+            default: vue.withCtx(() => [props2.multiple ? (vue.openBlock(), vue.createBlock(_component_van_cell, {
+              key: 0
+            }, {
+              title: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_9$1, [vue.createElementVNode("div", {
+                class: "circle-selector",
+                onClick: vue.withModifiers(onToggleAll, ["stop"])
+              }, [vue.unref(isSelectAll) ? (vue.openBlock(), vue.createBlock(_component_van_icon, {
+                key: 0,
+                name: "success",
+                size: "20",
+                color: "#409eff"
+              })) : vue.createCommentVNode("", true), !vue.unref(isSelectAll) ? (vue.openBlock(), vue.createBlock(_component_van_icon, {
+                key: 1,
+                name: "circle",
+                size: "20",
+                color: "#e0e0e0"
+              })) : vue.createCommentVNode("", true)], 8, _hoisted_10), _hoisted_11])]),
+              _: 1
+            })) : vue.createCommentVNode("", true), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(optionNodes), (item, i) => {
               return vue.openBlock(), vue.createBlock(_component_van_cell, {
                 key: i
               }, vue.createSlots({
-                title: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_9$1, [item.canCheck ? (vue.openBlock(), vue.createElementBlock("div", {
+                title: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_12, [item.canCheck ? (vue.openBlock(), vue.createElementBlock("div", {
                   key: 0,
                   class: "circle-selector",
                   onClick: vue.withModifiers(($event) => onToggle(item), ["stop"])
@@ -21880,7 +21950,7 @@ var __async = (__this, __arguments, generator) => {
                   name: "circle",
                   size: "20",
                   color: "#e0e0e0"
-                })) : vue.createCommentVNode("", true)], 8, _hoisted_10)) : vue.createCommentVNode("", true), vue.createElementVNode("span", _hoisted_11, vue.toDisplayString(item.label), 1)])]),
+                })) : vue.createCommentVNode("", true)], 8, _hoisted_13)) : vue.createCommentVNode("", true), vue.createElementVNode("span", _hoisted_14, vue.toDisplayString(item.label), 1)])]),
                 _: 2
               }, [item.canExpand ? {
                 name: "right-icon",
@@ -21897,7 +21967,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   };
-  var CascaderPop = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-3ec31519"]]);
+  var CascaderPop = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-1f4b2244"]]);
   const _hoisted_1$2 = {
     style: {
       "display": "flex",
@@ -22002,21 +22072,30 @@ var __async = (__this, __arguments, generator) => {
           ids = modelValue2.value;
         if (ids.length < 1)
           return [];
-        let promises = ids.map((nodeId) => __async(this, null, function* () {
+        let res = [];
+        let receivedNodes = [];
+        for (var i = 0; i < ids.length; i++) {
+          let nodeId = ids[i];
+          let selectNode = null;
+          selectNode = util.findNode(nodeId, receivedNodes);
+          if (selectNode) {
+            res = [...res, selectNode];
+            continue;
+          }
           let params = {};
           params.id = nodeId;
-          params.isReturnParent = true;
+          params.isReturnParent = false;
           params.hasChildren = false;
-          params.hasPaths = true;
-          let selectNode = null;
+          params.hasPaths = false;
+          params.hasUsers = true;
           yield props2.idQueryNode(params, (node) => {
-            data2.parentNode = node;
-            selectNode = util.findNode(nodeId, data2.parentNode.children);
+            receivedNodes = [...receivedNodes, ...node.children || []];
+            selectNode = util.findNode(nodeId, receivedNodes);
           });
-          return selectNode;
-        }));
-        let selectNodes = yield Promise.all(promises);
-        return selectNodes;
+          if (selectNode)
+            res = [...res, selectNode];
+        }
+        return res;
       });
       vue.watch(() => JSON.stringify(modelValue2.value), (n, o) => __async(this, null, function* () {
         if (!props2.multiple) {

package/package.json

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

package/src/components/CascaderPicker.vue

@@ -116,34 +116,50 @@ const onDelete = (idx) => {
 
 const ids2nodes = async () => {
     let ids = []
-    if(!props.multiple){
-        if(modelValue.value)
+    if (!props.multiple) {
+        if (modelValue.value)
             ids = [modelValue.value]
     }
-    else if(modelValue.value && modelValue.value.length>0)
+    else if (modelValue.value && modelValue.value.length > 0)
         ids = modelValue.value
 
     if (ids.length < 1)
         return []
 
-    let promises = ids.map(async (nodeId) => {
+    let res = []
+
+    //记录网络请求接收到的所有用户列表
+    let receivedNodes = []
+    for (var i = 0; i < ids.length; i++) {
+        let nodeId = ids[i]
+
+        let selectNode = null
+
+        //现在历史用户列表中查找
+        //找不到再发网络请求
+        selectNode = util.findNode(nodeId, receivedNodes)
+        if (selectNode){
+            res = [...res, selectNode]
+            continue
+        }
+
         let params = {}
         params.id = nodeId
-        params.isReturnParent = true
+        params.isReturnParent = false
         params.hasChildren = false
-        params.hasPaths = true
+        params.hasPaths = false
+        params.hasUsers = true
 
-        let selectNode = null
         await props.idQueryNode(params, (node) => {
-            data.parentNode = node
-            selectNode = util.findNode(nodeId, data.parentNode.children)
+            receivedNodes = [...receivedNodes, ...(node.children || [])]
+            selectNode = util.findNode(nodeId, receivedNodes)
         })
-        return selectNode
-    })
-
-    let selectNodes = await Promise.all(promises)
+        
+        if (selectNode)
+            res = [...res, selectNode]
+    }
 
-    return selectNodes
+    return res
 }
 
 watch(() => JSON.stringify(modelValue.value), async (n, o) => {

package/src/components/CascaderPop.vue

@@ -27,6 +27,17 @@
             <div class="scroll-container">
                 <!-- 遍历子节点列表 -->
                 <van-cell-group>
+                    <van-cell v-if="props.multiple">
+                        <template #title>
+                            <div class="cell-content">
+                                <div class="circle-selector" @click.stop="onToggleAll">
+                                    <van-icon v-if="isSelectAll" name="success" size="20" color="#409eff" />
+                                    <van-icon v-if="!isSelectAll" name="circle" size="20" color="#e0e0e0" />
+                                </div>
+                                <span class="name">全选</span>
+                            </div>
+                        </template>
+                    </van-cell>
                     <van-cell v-for="(item, i) in optionNodes" :key="i">
                         <template #title>
                             <div class="cell-content">
@@ -94,6 +105,28 @@ const data = reactive({
     selectedNodeIds: []
 })
 
+const isSelectAll = computed({
+    get() {
+        let optionIds = optionNodes.value.filter(item => item.canCheck).map(item => item.id)
+        if (optionIds.length < 1)
+            return false
+
+        return util.isContainAry(data.selectedNodeIds, optionIds)
+    },
+    set(val) {
+        let optionIds = optionNodes.value.filter(item => item.canCheck).map(item => item.id)
+        if (val) {
+            data.selectedNodeIds = util.uniqMerge(data.selectedNodeIds, optionIds)
+        } else {
+            data.selectedNodeIds = util.substractAry(data.selectedNodeIds, optionIds)
+        }
+    }
+})
+
+const onToggleAll = () => {
+    isSelectAll.value = !isSelectAll.value
+}
+
 onMounted(() => {
 })
 
@@ -132,7 +165,7 @@ const onBack = () => {
     data.keyword = ""
     //查询父节点
     //父节点一定有子节点
-    props.idQueryNode({ id: parentId, isReturnParent: isReturnParent, hasChildren: true }, (node) => {
+    props.idQueryNode({ id: parentId, isReturnParent: isReturnParent, hasChildren: true,hasUsers:true }, (node) => {
         data.parentNode = node
     })
 }
@@ -148,16 +181,17 @@ const reset = () => {
     data.selectedNodeIds = []
 }
 
-const ids2nodes = async() => {
-    if(!data.selectedNodeIds || data.selectedNodeIds.length<1)
+const ids2nodes = async () => {
+    if (!data.selectedNodeIds || data.selectedNodeIds.length < 1)
         return []
 
-    let promises = data.selectedNodeIds.map(async(nodeId) => {
+    let promises = data.selectedNodeIds.map(async (nodeId) => {
         let params = {}
         params.id = nodeId
         params.isReturnParent = true
         params.hasChildren = false
         params.hasPaths = true
+        params.hasUsers = true
 
         let selectNode = null
         await props.idQueryNode(params, (node) => {
@@ -166,14 +200,14 @@ const ids2nodes = async() => {
         })
         return selectNode
     })
-    
+
     let selectNodes = await Promise.all(promises)
 
     return selectNodes
 }
 
 // 确认按钮
-const onSubmit = async() => {
+const onSubmit = async () => {
     if (!data.selectedNodeIds || data.selectedNodeIds.length < 1) {
         util.warnToast("请选择")
         return
@@ -203,8 +237,8 @@ const onCancel = () => {
 const onToggle = (node) => {
     if (data.selectedNodeIds.includes(node.id))
         data.selectedNodeIds = data.selectedNodeIds.filter(item => item != node.id)
-    else{
-        if(props.multiple)
+    else {
+        if (props.multiple)
             data.selectedNodeIds.push(node.id)
         else
             data.selectedNodeIds = [node.id]
@@ -212,7 +246,7 @@ 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,hasPaths:true,hasUsers:true }, (node) => {
         data.parentNode = node
     })
 }
@@ -224,6 +258,7 @@ const query = async () => {
     params.isReturnParent = true
     params.hasChildren = true
     params.hasPaths = true
+    params.hasUsers = true
 
     await props.idQueryNode(params, (node) => {
         data.parentNode = node
@@ -232,7 +267,7 @@ const query = async () => {
 
 //根据id查询详情对象
 watch(() => [props.show], async (n, o) => {
-    if(!props.show)
+    if (!props.show)
         return
 
     if (!props.multiple) {

package/src/util/array_util.js

@@ -12,21 +12,43 @@ export function arySwapNext(arr, index) {
   return arr;
 }
 
-export function uniq(ary){
-    // 去重
-    let newAry = [...new Set(ary)]
-    return newAry
+export function uniq(ary) {
+  // 去重
+  let newAry = [...new Set(ary)]
+  return newAry
 }
 
 export function uniqCode(arr) {
   const uniqueMap = new Map();
   for (const item of arr) {
-      const key = item.code
-      if (!uniqueMap.has(key)) {
-          uniqueMap.set(key, item);
-      }
+    const key = item.code
+    if (!uniqueMap.has(key)) {
+      uniqueMap.set(key, item);
+    }
   }
   return Array.from(uniqueMap.values());
 }
 
+//合并两个数组，合并后的数组去重
+export function uniqMerge(arr1, arr2) {
+  let totalArr = [...arr1, ...arr2]
+  return uniq(totalArr)
+}
+
+//数组1减去数组2
+export function substractAry(arr1, arr2) {
+  if (!Array.isArray(arr2) || !arr2 || arr2.length<1) 
+    return arr1
 
+  return arr1.filter(item => !arr2.includes(item))
+}
+
+//判断数组1是否包含数组2
+export function isContainAry(arr1, arr2){
+  // 非数组直接返回false
+  if (!Array.isArray(arr1) || !Array.isArray(arr2)) return false
+  // 空数组2默认视为被包含
+  if (arr2.length === 0) return true
+  const set = new Set(arr1)
+  return arr2.every(item => set.has(item))
+}

package/src/views/cascaderpicker/userpicker.vue

@@ -79,8 +79,8 @@ const idQueryNode = async (params, setNode) => {
     let p = {
         id: params.id,
         hasChildren: params.hasChildren,
-        hasPaths: true,
-        hasUsers: true,
+        hasPaths: params.hasPaths,
+        hasUsers: params.hasUsers,
         isReturnParent: params.isReturnParent
     }
 

package/src/views/userpicker/index.vue

@@ -10,8 +10,10 @@ import UserPicker from '../cascaderpicker/userpicker.vue'
 
 const data = reactive({
   multiple:true,
+  // multiple:false,
   auth: 'require',
-  userids: []
+  userids: ["YuChao", "LiuShouBo", "KuangLeiLei","HouMu"]
+  // userids: "YuChao"
 })
 
 onMounted(() => {