@reviewpush/rp-treeselect 0.0.7 → 0.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reviewpush/rp-treeselect",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "repository": "reviewpush/rp-treeselect",
   "main": "dist/rp-treeselect.cjs.js",
   "unpkg": "dist/rp-treeselect.umd.min.js",

package/src/components/HiddenFields.vue

@@ -20,6 +20,7 @@
     },
 
     render() {
+      console.log(this)
       if (!this.instance.name || this.instance.disabled || !this.instance.hasValue) return null
 
       let stringifiedValues = this.instance.internalValue.map(stringifyValue)

package/src/components/MenuPortal.vue

@@ -1,11 +1,14 @@
 <script>
-  import Vue from 'vue'
+  import { inject, createApp } from 'vue'
   import { watchSize, setupResizeAndScrollEventListeners, find } from '../utils'
   import Menu from './Menu'
 
   const PortalTarget = {
     name: 'rp-treeselect--portal-target',
-    inject: [ 'instance' ],
+    setup() {
+      const instance = inject('instance')
+      return { instance }
+    },
 
     watch: {
       'instance.menu.isOpen'(newValue) {
@@ -152,7 +155,7 @@
         const el = document.createElement('div')
         document.body.appendChild(el)
 
-        this.portalTarget = new Vue({
+        this.portalTarget = createApp({
           el,
           parent: this,
           ...PortalTarget,

package/src/components/Option.vue

@@ -1,4 +1,5 @@
 <script>
+  import { inject } from 'vue'
   import { UNCHECKED, INDETERMINATE, CHECKED } from '../constants'
   import { onLeftClick } from '../utils'
   import Tip from './Tip'
@@ -8,7 +9,10 @@
 
   const Option = {
     name: 'rp-treeselect--option',
-    inject: [ 'instance' ],
+    setup() {
+      const instance = inject('instance')
+      return { instance }
+    },
 
     props: {
       node: {

package/src/components/Treeselect.vue

@@ -68,10 +68,6 @@
   export default {
     name: 'rp-treeselect',
 
-    setup() {
-      provide('instance', this)
-    },
-
     props: {
       /**
        * Whether to allow resetting value even if there are disabled selected nodes.
@@ -906,6 +902,8 @@
     created() {
       this.verifyProps()
       this.resetFlags()
+
+      provide('instance', this)
     },
 
     mounted() {