Merge pull request #1927 from shentao/release(3.5)

release(3.5.0): Version Release

Author: mattelen

dist/vue-multiselect.common.js

@@ -889,6 +889,7 @@ var pointerMixin = {
       }
 
       if (this.filteredOptions.length > 0 &&
+        this.filteredOptions[this.pointer] &&
         this.filteredOptions[this.pointer].$isLabel &&
         !this.groupSelect
       ) {
@@ -1075,14 +1076,23 @@ var script = {
       default: false
     },
     /**
-     * Uses Vue Teleport's feature. Teleports the open dropdown to the bottom of the body element
+     * Uses Vue Teleport's feature. Teleports the open dropdown to the bottom of the teleportTarget element
      * @default false
      * @type {Boolean}
      */
     useTeleport: {
       type: Boolean,
       default: false
     },
+    /**
+     * Target selector for teleporting the dropdown element
+     * @default 'body'
+     * @type {String|Object}
+     */
+    teleportTarget: {
+      type: [String, Object],
+      default: 'body'
+    },
     /**
      * Classes to apply to the `multiselect__content-wrapper` element. This element is a teleport element (when enabled), so can be used to specifically target
      * the teleported element
@@ -1355,7 +1365,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         : createCommentVNode("v-if", true)
     ], 512 /* NEED_PATCH */),
     (openBlock(), createBlock(Teleport, {
-      to: "body",
+      to: $props.teleportTarget,
       disabled: !$props.useTeleport
     }, [
       createVNode(Transition, { name: "multiselect" }, {
@@ -1452,7 +1462,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       ])
                     ])
                   ], 512 /* NEED_PATCH */), [
-                    [vShow, $props.showNoOptions && ((_ctx.options.length === 0 || ($options.hasOptionGroup === true && _ctx.filteredOptions.length === 0)) && !_ctx.search && !$props.loading)]
+                    [vShow, $props.showNoOptions && _ctx.filteredOptions.length === 0 && !_ctx.search && !$props.loading]
                   ]),
                   renderSlot(_ctx.$slots, "afterList")
                 ], 12 /* STYLE, PROPS */, _hoisted_9)
@@ -1461,7 +1471,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 3 /* FORWARDED */
       })
-    ], 8 /* PROPS */, ["disabled"]))
+    ], 8 /* PROPS */, ["to", "disabled"]))
   ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_1))
 }
 

dist/vue-multiselect.common.js.map

@@ -890,6 +890,7 @@ var VueMultiselect = (function (exports, vue) {
         }
 
         if (this.filteredOptions.length > 0 &&
+          this.filteredOptions[this.pointer] &&
           this.filteredOptions[this.pointer].$isLabel &&
           !this.groupSelect
         ) {
@@ -1076,14 +1077,23 @@ var VueMultiselect = (function (exports, vue) {
         default: false
       },
       /**
-       * Uses Vue Teleport's feature. Teleports the open dropdown to the bottom of the body element
+       * Uses Vue Teleport's feature. Teleports the open dropdown to the bottom of the teleportTarget element
        * @default false
        * @type {Boolean}
        */
       useTeleport: {
         type: Boolean,
         default: false
       },
+      /**
+       * Target selector for teleporting the dropdown element
+       * @default 'body'
+       * @type {String|Object}
+       */
+      teleportTarget: {
+        type: [String, Object],
+        default: 'body'
+      },
       /**
        * Classes to apply to the `multiselect__content-wrapper` element. This element is a teleport element (when enabled), so can be used to specifically target
        * the teleported element
@@ -1356,7 +1366,7 @@ var VueMultiselect = (function (exports, vue) {
           : vue.createCommentVNode("v-if", true)
       ], 512 /* NEED_PATCH */),
       (vue.openBlock(), vue.createBlock(vue.Teleport, {
-        to: "body",
+        to: $props.teleportTarget,
         disabled: !$props.useTeleport
       }, [
         vue.createVNode(vue.Transition, { name: "multiselect" }, {
@@ -1453,7 +1463,7 @@ var VueMultiselect = (function (exports, vue) {
                         ])
                       ])
                     ], 512 /* NEED_PATCH */), [
-                      [vue.vShow, $props.showNoOptions && ((_ctx.options.length === 0 || ($options.hasOptionGroup === true && _ctx.filteredOptions.length === 0)) && !_ctx.search && !$props.loading)]
+                      [vue.vShow, $props.showNoOptions && _ctx.filteredOptions.length === 0 && !_ctx.search && !$props.loading]
                     ]),
                     vue.renderSlot(_ctx.$slots, "afterList")
                   ], 12 /* STYLE, PROPS */, _hoisted_9)
@@ -1462,7 +1472,7 @@ var VueMultiselect = (function (exports, vue) {
           ]),
           _: 3 /* FORWARDED */
         })
-      ], 8 /* PROPS */, ["disabled"]))
+      ], 8 /* PROPS */, ["to", "disabled"]))
     ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_1))
   }
 

dist/vue-multiselect.esm.js

@@ -893,6 +893,7 @@ var pointerMixin = {
       }
 
       if (this.filteredOptions.length > 0 &&
+        this.filteredOptions[this.pointer] &&
         this.filteredOptions[this.pointer].$isLabel &&
         !this.groupSelect
       ) {
@@ -1079,14 +1080,23 @@ var script = {
       default: false
     },
     /**
-     * Uses Vue Teleport's feature. Teleports the open dropdown to the bottom of the body element
+     * Uses Vue Teleport's feature. Teleports the open dropdown to the bottom of the teleportTarget element
      * @default false
      * @type {Boolean}
      */
     useTeleport: {
       type: Boolean,
       default: false
     },
+    /**
+     * Target selector for teleporting the dropdown element
+     * @default 'body'
+     * @type {String|Object}
+     */
+    teleportTarget: {
+      type: [String, Object],
+      default: 'body'
+    },
     /**
      * Classes to apply to the `multiselect__content-wrapper` element. This element is a teleport element (when enabled), so can be used to specifically target
      * the teleported element
@@ -1359,7 +1369,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         : vue.createCommentVNode("v-if", true)
     ], 512 /* NEED_PATCH */),
     (vue.openBlock(), vue.createBlock(vue.Teleport, {
-      to: "body",
+      to: $props.teleportTarget,
       disabled: !$props.useTeleport
     }, [
       vue.createVNode(vue.Transition, { name: "multiselect" }, {
@@ -1456,7 +1466,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       ])
                     ])
                   ], 512 /* NEED_PATCH */), [
-                    [vue.vShow, $props.showNoOptions && ((_ctx.options.length === 0 || ($options.hasOptionGroup === true && _ctx.filteredOptions.length === 0)) && !_ctx.search && !$props.loading)]
+                    [vue.vShow, $props.showNoOptions && _ctx.filteredOptions.length === 0 && !_ctx.search && !$props.loading]
                   ]),
                   vue.renderSlot(_ctx.$slots, "afterList")
                 ], 12 /* STYLE, PROPS */, _hoisted_9)
@@ -1465,7 +1475,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 3 /* FORWARDED */
       })
-    ], 8 /* PROPS */, ["disabled"]))
+    ], 8 /* PROPS */, ["to", "disabled"]))
   ], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_1))
 }