widget.qw 1.0.40 → 1.0.42

package/.env.development

@@ -7,4 +7,4 @@ VITE_NEED_LOGIN_CODE=401
 # 注意：发布时 VITE_IS_DEBUG必须配置为false
 #  本地开发时 VITE_IS_DEBUG必须配置为true
 VITE_IS_DEBUG=true
-VITE_DEBUG_TOKEN= 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJsb2dpblR5cGUiOiJsb2dpbiIsImxvZ2luSWQiOiJIb3VNdSIsInJuU3RyIjoiekRaM2g2RFpGTzZta2psYnh4cmlZUHVGNmd0SnloOTUifQ.RbYHsukUgLZ6KwtktTHByCkRBLDs4Wrjz4Vb4mGSINg'
+VITE_DEBUG_TOKEN= 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJsb2dpblR5cGUiOiJsb2dpbiIsImxvZ2luSWQiOiJIb3VNdVhpYW9IYW8iLCJyblN0ciI6IlJaejE1UnRiZEo4bkZ6alVLd29mUEg0RzhLQUwxQzlIIn0.2YiMlmAeY_RAhgTtRxeiuyINwgveEWQ3K6PapfP9kyY'

package/build/style.css

@@ -817,27 +817,27 @@
     /* 防止压缩 */
 }
 
-.widget[data-v-210abf3c] {
+.widget[data-v-0c8e09c0] {
   /* 统一字段间距 */
 }
-.widget[data-v-210abf3c] .van-cell {
+.widget[data-v-0c8e09c0] .van-cell {
   align-items: center;
 }
-.widget[data-v-210abf3c] .van-field__label {
+.widget[data-v-0c8e09c0] .van-field__label {
   width: 90px;
   flex: none;
 }
-.widget .readonly-field[data-v-210abf3c] {
+.widget .readonly-field[data-v-0c8e09c0] {
   /* 添加必填星号对齐 */
 }
-.widget .readonly-field[data-v-210abf3c] .van-field__control {
+.widget .readonly-field[data-v-0c8e09c0] .van-field__control {
   color: #323233;
   /* 修改文字颜色与普通字段一致 */
   padding-right: 16px;
 }
-.widget .readonly-field.van-field--required[data-v-210abf3c] .van-field__label::before {
+.widget .readonly-field.van-field--required[data-v-0c8e09c0] .van-field__label::before {
   margin-right: 4px;
 }
-.widget .readonly-field[data-v-210abf3c] {
+.widget .readonly-field[data-v-0c8e09c0] {
   margin: 4px 0;
 }

package/build/widget.qw.es.js

@@ -20584,8 +20584,12 @@ const _sfc_main$1 = {
   __name: "CascaderPicker",
   props: {
     modelValue: {
-      type: String,
-      default: ""
+      type: [String, Array, Number],
+      default: null
+    },
+    multiple: {
+      type: Boolean,
+      default: false
     },
     label: {
       type: String,
@@ -20629,7 +20633,8 @@ const _sfc_main$1 = {
     const props = __props;
     const data2 = reactive({
       isShowPop: false,
-      selectedNode: {}
+      selectedNodes: [],
+      selectedNodeId: null
     });
     const modelValue = useVModel(props, "modelValue", emit);
     const {
@@ -20641,13 +20646,47 @@ const _sfc_main$1 = {
     onMounted(() => {
     });
     const onSelect = (node) => {
-      data2.selectedNode = node;
-      emit("select", data2.selectedNode);
+      if (!props.multiple) {
+        data2.selectedNodes = [node];
+        emit("select", data2.selectedNodes[0]);
+        modelValue.value = node.id;
+      } else {
+        let one = data2.selectedNodes.find((item) => item.id === node.id);
+        if (!one)
+          data2.selectedNodes = [...data2.selectedNodes, node];
+        emit("select", data2.selectedNodes);
+        modelValue.value = data2.selectedNodes.map((item) => item.id);
+      }
     };
-    const onDelete = () => {
-      data2.selectedNode = {};
-      modelValue.value = null;
+    const onDelete = (idx) => {
+      if (!props.multiple) {
+        modelValue.value = null;
+      } else {
+        modelValue.value.splice(idx, 1);
+      }
     };
+    watch(() => JSON.stringify(modelValue.value), (n, o) => __async(this, null, function* () {
+      if (!props.multiple) {
+        data2.selectedNodeId = modelValue.value;
+      } else {
+        data2.selectedNodes = [];
+        modelValue.value.forEach((id) => __async(this, null, function* () {
+          let params = {};
+          params.id = id;
+          params.isReturnParent = false;
+          params.hasChildren = false;
+          params.hasUsers = true;
+          yield props.idQueryNode(params, (node) => {
+            let one = util.findNode(id, node.children);
+            if (one) {
+              data2.selectedNodes = [...data2.selectedNodes, one];
+            }
+          });
+        }));
+      }
+    }), {
+      immediate: true
+    });
     return (_ctx, _cache) => {
       const _component_van_tag = resolveComponent("van-tag");
       const _component_van_field = resolveComponent("van-field");
@@ -20666,7 +20705,7 @@ const _sfc_main$1 = {
         _: 2
       }, [unref(modelValue) ? {
         name: "input",
-        fn: withCtx(() => [unref(modelValue) ? (openBlock(), createBlock(_component_van_tag, {
+        fn: withCtx(() => [!props.multiple ? (openBlock(), createBlock(_component_van_tag, {
           key: 0,
           class: "selected-node",
           closeable: !unref(isDisabled),
@@ -20677,15 +20716,30 @@ const _sfc_main$1 = {
         }, {
           default: withCtx(() => {
             var _a;
-            return [createTextVNode(toDisplayString((_a = data2.selectedNode) == null ? void 0 : _a.path), 1)];
+            return [createTextVNode(toDisplayString((_a = data2.selectedNodes[0]) == null ? void 0 : _a.path), 1)];
           }),
           _: 1
-        }, 8, ["closeable", "onClose"])) : createCommentVNode("", true)])
+        }, 8, ["closeable", "onClose"])) : createCommentVNode("", true), props.multiple ? (openBlock(true), createElementBlock(Fragment, {
+          key: 1
+        }, renderList(data2.selectedNodes, (item, i) => {
+          return openBlock(), createBlock(_component_van_tag, {
+            class: "selected-node",
+            key: i,
+            closeable: !unref(isDisabled),
+            color: "#fff",
+            "text-color": "#333",
+            size: "medium",
+            onClose: withModifiers(($event) => onDelete(i), ["stop"])
+          }, {
+            default: withCtx(() => [createTextVNode(toDisplayString(item.path), 1)]),
+            _: 2
+          }, 1032, ["closeable", "onClose"]);
+        }), 128)) : createCommentVNode("", true)])
       } : void 0]), 1032, ["label", "required", "rules", "disabled", "placeholder", "is-link"])) : createCommentVNode("", true), createVNode(CascaderPop, {
         show: data2.isShowPop,
         "onUpdate:show": _cache[1] || (_cache[1] = ($event) => data2.isShowPop = $event),
-        modelValue: unref(modelValue),
-        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+        modelValue: data2.selectedNodeId,
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => data2.selectedNodeId = $event),
         placeholder: props.placeholder,
         onSelect,
         keywordQueryNode: props.keywordQueryNode,
@@ -20694,17 +20748,13 @@ const _sfc_main$1 = {
     };
   }
 };
-var SingleApiPicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => '@charset "UTF-8";\n.widget[data-v-210abf3c] {\n  /* \u7EDF\u4E00\u5B57\u6BB5\u95F4\u8DDD */\n}\n.widget[data-v-210abf3c] .van-cell {\n  align-items: center;\n}\n.widget[data-v-210abf3c] .van-field__label {\n  width: 90px;\n  flex: none;\n}\n.widget .readonly-field[data-v-210abf3c] {\n  /* \u6DFB\u52A0\u5FC5\u586B\u661F\u53F7\u5BF9\u9F50 */\n}\n.widget .readonly-field[data-v-210abf3c] .van-field__control {\n  color: #323233;\n  /* \u4FEE\u6539\u6587\u5B57\u989C\u8272\u4E0E\u666E\u901A\u5B57\u6BB5\u4E00\u81F4 */\n  padding-right: 16px;\n}\n.widget .readonly-field.van-field--required[data-v-210abf3c] .van-field__label::before {\n  margin-right: 4px;\n}\n.widget .readonly-field[data-v-210abf3c] {\n  margin: 4px 0;\n}')();
+var SingleApiPicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => '@charset "UTF-8";\n.widget[data-v-0c8e09c0] {\n  /* \u7EDF\u4E00\u5B57\u6BB5\u95F4\u8DDD */\n}\n.widget[data-v-0c8e09c0] .van-cell {\n  align-items: center;\n}\n.widget[data-v-0c8e09c0] .van-field__label {\n  width: 90px;\n  flex: none;\n}\n.widget .readonly-field[data-v-0c8e09c0] {\n  /* \u6DFB\u52A0\u5FC5\u586B\u661F\u53F7\u5BF9\u9F50 */\n}\n.widget .readonly-field[data-v-0c8e09c0] .van-field__control {\n  color: #323233;\n  /* \u4FEE\u6539\u6587\u5B57\u989C\u8272\u4E0E\u666E\u901A\u5B57\u6BB5\u4E00\u81F4 */\n  padding-right: 16px;\n}\n.widget .readonly-field.van-field--required[data-v-0c8e09c0] .van-field__label::before {\n  margin-right: 4px;\n}\n.widget .readonly-field[data-v-0c8e09c0] {\n  margin: 4px 0;\n}')();
 const _hoisted_1 = {
   class: "widget"
 };
 const _sfc_main = {
   __name: "SingleApiPicker",
   props: {
-    modelValue: {
-      type: String,
-      default: null
-    },
     label: {
       type: String,
       default: ""
@@ -20772,7 +20822,8 @@ const _sfc_main = {
       const _component_van_field = resolveComponent("van-field");
       const _component_van_picker = resolveComponent("van-picker");
       const _component_van_popup = resolveComponent("van-popup");
-      return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_van_field, {
+      return openBlock(), createElementBlock("div", _hoisted_1, [!unref(isGone) ? (openBlock(), createBlock(_component_van_field, {
+        key: 0,
         modelValue: unref(formatLabel),
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(formatLabel) ? formatLabel.value = $event : null),
         "is-link": !unref(isReadonly) && !unref(isDisabled),
@@ -20782,7 +20833,7 @@ const _sfc_main = {
         required: unref(isRequired),
         disabled: unref(isDisabled),
         onClick: onShow
-      }, null, 8, ["modelValue", "is-link", "label", "placeholder", "required", "disabled"]), createVNode(_component_van_popup, {
+      }, null, 8, ["modelValue", "is-link", "label", "placeholder", "required", "disabled"])) : createCommentVNode("", true), createVNode(_component_van_popup, {
         show: data2.isShow,
         "onUpdate:show": _cache[1] || (_cache[1] = ($event) => data2.isShow = $event),
         "destroy-on-close": "",
@@ -20799,7 +20850,7 @@ const _sfc_main = {
     };
   }
 };
-var SingleApiPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-210abf3c"]]);
+var SingleApiPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0c8e09c0"]]);
 const secret_notify = () => {
   showNotify({ type: "danger", message: "\u4E25\u683C\u6267\u884C\u4FE1\u606F\u4FDD\u5BC6\u8981\u6C42\uFF0C\u5207\u5B9E\u9632\u8303\u4F01\u4E1A\u6CC4\u5BC6\u98CE\u9669", duration: 3e3 });
 };

package/build/widget.qw.umd.js

@@ -20587,8 +20587,12 @@ var __async = (__this, __arguments, generator) => {
     __name: "CascaderPicker",
     props: {
       modelValue: {
-        type: String,
-        default: ""
+        type: [String, Array, Number],
+        default: null
+      },
+      multiple: {
+        type: Boolean,
+        default: false
       },
       label: {
         type: String,
@@ -20632,7 +20636,8 @@ var __async = (__this, __arguments, generator) => {
       const props = __props;
       const data2 = vue.reactive({
         isShowPop: false,
-        selectedNode: {}
+        selectedNodes: [],
+        selectedNodeId: null
       });
       const modelValue = useVModel(props, "modelValue", emit);
       const {
@@ -20644,13 +20649,47 @@ var __async = (__this, __arguments, generator) => {
       vue.onMounted(() => {
       });
       const onSelect = (node) => {
-        data2.selectedNode = node;
-        emit("select", data2.selectedNode);
+        if (!props.multiple) {
+          data2.selectedNodes = [node];
+          emit("select", data2.selectedNodes[0]);
+          modelValue.value = node.id;
+        } else {
+          let one = data2.selectedNodes.find((item) => item.id === node.id);
+          if (!one)
+            data2.selectedNodes = [...data2.selectedNodes, node];
+          emit("select", data2.selectedNodes);
+          modelValue.value = data2.selectedNodes.map((item) => item.id);
+        }
       };
-      const onDelete = () => {
-        data2.selectedNode = {};
-        modelValue.value = null;
+      const onDelete = (idx) => {
+        if (!props.multiple) {
+          modelValue.value = null;
+        } else {
+          modelValue.value.splice(idx, 1);
+        }
       };
+      vue.watch(() => JSON.stringify(modelValue.value), (n, o) => __async(this, null, function* () {
+        if (!props.multiple) {
+          data2.selectedNodeId = modelValue.value;
+        } else {
+          data2.selectedNodes = [];
+          modelValue.value.forEach((id) => __async(this, null, function* () {
+            let params = {};
+            params.id = id;
+            params.isReturnParent = false;
+            params.hasChildren = false;
+            params.hasUsers = true;
+            yield props.idQueryNode(params, (node) => {
+              let one = util.findNode(id, node.children);
+              if (one) {
+                data2.selectedNodes = [...data2.selectedNodes, one];
+              }
+            });
+          }));
+        }
+      }), {
+        immediate: true
+      });
       return (_ctx, _cache) => {
         const _component_van_tag = vue.resolveComponent("van-tag");
         const _component_van_field = vue.resolveComponent("van-field");
@@ -20669,7 +20708,7 @@ var __async = (__this, __arguments, generator) => {
           _: 2
         }, [vue.unref(modelValue) ? {
           name: "input",
-          fn: vue.withCtx(() => [vue.unref(modelValue) ? (vue.openBlock(), vue.createBlock(_component_van_tag, {
+          fn: vue.withCtx(() => [!props.multiple ? (vue.openBlock(), vue.createBlock(_component_van_tag, {
             key: 0,
             class: "selected-node",
             closeable: !vue.unref(isDisabled),
@@ -20680,15 +20719,30 @@ var __async = (__this, __arguments, generator) => {
           }, {
             default: vue.withCtx(() => {
               var _a;
-              return [vue.createTextVNode(vue.toDisplayString((_a = data2.selectedNode) == null ? void 0 : _a.path), 1)];
+              return [vue.createTextVNode(vue.toDisplayString((_a = data2.selectedNodes[0]) == null ? void 0 : _a.path), 1)];
             }),
             _: 1
-          }, 8, ["closeable", "onClose"])) : vue.createCommentVNode("", true)])
+          }, 8, ["closeable", "onClose"])) : vue.createCommentVNode("", true), props.multiple ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
+            key: 1
+          }, vue.renderList(data2.selectedNodes, (item, i) => {
+            return vue.openBlock(), vue.createBlock(_component_van_tag, {
+              class: "selected-node",
+              key: i,
+              closeable: !vue.unref(isDisabled),
+              color: "#fff",
+              "text-color": "#333",
+              size: "medium",
+              onClose: vue.withModifiers(($event) => onDelete(i), ["stop"])
+            }, {
+              default: vue.withCtx(() => [vue.createTextVNode(vue.toDisplayString(item.path), 1)]),
+              _: 2
+            }, 1032, ["closeable", "onClose"]);
+          }), 128)) : vue.createCommentVNode("", true)])
         } : void 0]), 1032, ["label", "required", "rules", "disabled", "placeholder", "is-link"])) : vue.createCommentVNode("", true), vue.createVNode(CascaderPop, {
           show: data2.isShowPop,
           "onUpdate:show": _cache[1] || (_cache[1] = ($event) => data2.isShowPop = $event),
-          modelValue: vue.unref(modelValue),
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(modelValue) ? modelValue.value = $event : null),
+          modelValue: data2.selectedNodeId,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => data2.selectedNodeId = $event),
           placeholder: props.placeholder,
           onSelect,
           keywordQueryNode: props.keywordQueryNode,
@@ -20697,17 +20751,13 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   };
-  var SingleApiPicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => '@charset "UTF-8";\n.widget[data-v-210abf3c] {\n  /* \u7EDF\u4E00\u5B57\u6BB5\u95F4\u8DDD */\n}\n.widget[data-v-210abf3c] .van-cell {\n  align-items: center;\n}\n.widget[data-v-210abf3c] .van-field__label {\n  width: 90px;\n  flex: none;\n}\n.widget .readonly-field[data-v-210abf3c] {\n  /* \u6DFB\u52A0\u5FC5\u586B\u661F\u53F7\u5BF9\u9F50 */\n}\n.widget .readonly-field[data-v-210abf3c] .van-field__control {\n  color: #323233;\n  /* \u4FEE\u6539\u6587\u5B57\u989C\u8272\u4E0E\u666E\u901A\u5B57\u6BB5\u4E00\u81F4 */\n  padding-right: 16px;\n}\n.widget .readonly-field.van-field--required[data-v-210abf3c] .van-field__label::before {\n  margin-right: 4px;\n}\n.widget .readonly-field[data-v-210abf3c] {\n  margin: 4px 0;\n}')();
+  var SingleApiPicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => '@charset "UTF-8";\n.widget[data-v-0c8e09c0] {\n  /* \u7EDF\u4E00\u5B57\u6BB5\u95F4\u8DDD */\n}\n.widget[data-v-0c8e09c0] .van-cell {\n  align-items: center;\n}\n.widget[data-v-0c8e09c0] .van-field__label {\n  width: 90px;\n  flex: none;\n}\n.widget .readonly-field[data-v-0c8e09c0] {\n  /* \u6DFB\u52A0\u5FC5\u586B\u661F\u53F7\u5BF9\u9F50 */\n}\n.widget .readonly-field[data-v-0c8e09c0] .van-field__control {\n  color: #323233;\n  /* \u4FEE\u6539\u6587\u5B57\u989C\u8272\u4E0E\u666E\u901A\u5B57\u6BB5\u4E00\u81F4 */\n  padding-right: 16px;\n}\n.widget .readonly-field.van-field--required[data-v-0c8e09c0] .van-field__label::before {\n  margin-right: 4px;\n}\n.widget .readonly-field[data-v-0c8e09c0] {\n  margin: 4px 0;\n}')();
   const _hoisted_1 = {
     class: "widget"
   };
   const _sfc_main = {
     __name: "SingleApiPicker",
     props: {
-      modelValue: {
-        type: String,
-        default: null
-      },
       label: {
         type: String,
         default: ""
@@ -20775,7 +20825,8 @@ var __async = (__this, __arguments, generator) => {
         const _component_van_field = vue.resolveComponent("van-field");
         const _component_van_picker = vue.resolveComponent("van-picker");
         const _component_van_popup = vue.resolveComponent("van-popup");
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [vue.createVNode(_component_van_field, {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [!vue.unref(isGone) ? (vue.openBlock(), vue.createBlock(_component_van_field, {
+          key: 0,
           modelValue: vue.unref(formatLabel),
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(formatLabel) ? formatLabel.value = $event : null),
           "is-link": !vue.unref(isReadonly) && !vue.unref(isDisabled),
@@ -20785,7 +20836,7 @@ var __async = (__this, __arguments, generator) => {
           required: vue.unref(isRequired),
           disabled: vue.unref(isDisabled),
           onClick: onShow
-        }, null, 8, ["modelValue", "is-link", "label", "placeholder", "required", "disabled"]), vue.createVNode(_component_van_popup, {
+        }, null, 8, ["modelValue", "is-link", "label", "placeholder", "required", "disabled"])) : vue.createCommentVNode("", true), vue.createVNode(_component_van_popup, {
           show: data2.isShow,
           "onUpdate:show": _cache[1] || (_cache[1] = ($event) => data2.isShow = $event),
           "destroy-on-close": "",
@@ -20802,7 +20853,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   };
-  var SingleApiPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-210abf3c"]]);
+  var SingleApiPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0c8e09c0"]]);
   const secret_notify = () => {
     showNotify({ type: "danger", message: "\u4E25\u683C\u6267\u884C\u4FE1\u606F\u4FDD\u5BC6\u8981\u6C42\uFF0C\u5207\u5B9E\u9632\u8303\u4F01\u4E1A\u6CC4\u5BC6\u98CE\u9669", duration: 3e3 });
   };

package/package.json

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

package/src/components/CascaderPicker.vue

@@ -3,15 +3,19 @@
         :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?.path }}
+            <van-tag class="selected-node" v-if="!props.multiple" :closeable="!isDisabled" color="#fff"
+                text-color="#333" size="medium" @close.stop="onDelete">
+                {{ data.selectedNodes[0]?.path }}
+            </van-tag>
+            <van-tag class="selected-node" v-if="props.multiple" v-for="(item, i) in data.selectedNodes" :key="i"
+                :closeable="!isDisabled" color="#fff" text-color="#333" size="medium" @close.stop="onDelete(i)">
+                {{ item.path }}
             </van-tag>
         </template>
     </van-field>
 
-    <CascaderPop v-model:show="data.isShowPop" v-model="modelValue" :placeholder="props.placeholder" @select="onSelect"
-        :keywordQueryNode="props.keywordQueryNode" :idQueryNode="props.idQueryNode" />
+    <CascaderPop v-model:show="data.isShowPop" v-model="data.selectedNodeId" :placeholder="props.placeholder"
+        @select="onSelect" :keywordQueryNode="props.keywordQueryNode" :idQueryNode="props.idQueryNode" />
 </template>
 
 <script setup>
@@ -22,8 +26,12 @@ import CascaderPop from './CascaderPop.vue'
 
 const props = defineProps({
     modelValue: {
-        type: String,
-        default: '',
+        type: [String, Array, Number],
+        default: null,
+    },
+    multiple: {
+        type: Boolean,
+        default: false
     },
     label: {
         type: String,
@@ -62,7 +70,8 @@ const props = defineProps({
 // 弹出层
 const data = reactive({
     isShowPop: false,
-    selectedNode: {}
+    selectedNodes: [],
+    selectedNodeId: null
 })
 
 // 定义emit
@@ -75,14 +84,51 @@ onMounted(() => {
 })
 
 const onSelect = (node) => {
-    data.selectedNode = node
-    emit('select', data.selectedNode)
+    if (!props.multiple) {
+        data.selectedNodes = [node]
+        emit('select', data.selectedNodes[0])
+        modelValue.value = node.id
+    }
+    else {
+        let one = data.selectedNodes.find(item => item.id === node.id)
+        if (!one)
+            data.selectedNodes = [...data.selectedNodes, node]
+        emit('select', data.selectedNodes)
+        modelValue.value = data.selectedNodes.map(item=>item.id)
+    }
 }
 
-const onDelete = () => {
-    data.selectedNode = {}
-    modelValue.value = null
+const onDelete = (idx) => {
+    if (!props.multiple) {
+        modelValue.value = null
+    } else {
+        modelValue.value.splice(idx, 1)
+    }
 }
+
+watch(() => JSON.stringify(modelValue.value), async (n, o) => {
+    if (!props.multiple) {
+        data.selectedNodeId = modelValue.value
+    } else {
+        data.selectedNodes = []
+        modelValue.value.forEach(async(id) => {
+            let params = {}
+            params.id = id
+            params.isReturnParent = false
+            params.hasChildren = false
+            params.hasUsers=true
+            await props.idQueryNode(params,(node)=>{
+                let one = util.findNode(id, node.children)
+                if(one){
+                    data.selectedNodes = [...data.selectedNodes, one]           
+                }
+            })
+        })
+
+    }
+}, {
+    immediate: true
+})
 </script>
 
 <style scoped></style>

package/src/components/SingleApiPicker.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="widget">
-    <van-field v-model="formatLabel" :is-link="!isReadonly && !isDisabled" :label="props.label" :placeholder="props.placeholder" readonly
+    <van-field v-if="!isGone" v-model="formatLabel" :is-link="!isReadonly && !isDisabled" :label="props.label" :placeholder="props.placeholder" readonly
       :required="isRequired" :disabled="isDisabled" @click="onShow" />
     <van-popup v-model:show="data.isShow" destroy-on-close round position="bottom">
       <van-picker :columns="props.options" @cancel="onCancel" @confirm="onConfirm" />
@@ -14,10 +14,6 @@ import util from '../util'
 import { useVModel } from '@vueuse/core'
 
 const props = defineProps({
-  modelValue: {
-    type: String,
-    default: null
-  },
   label: {
     type: String,
     default: ''