@reviewpush/rp-treeselect 0.0.6 → 0.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reviewpush/rp-treeselect",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "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/Input.vue

@@ -1,4 +1,5 @@
 <script>
+  import { inject } from 'vue'
   import { debounce, deepExtend, includes } from '../utils'
   import { MIN_INPUT_WIDTH, KEY_CODES, INPUT_DEBOUNCE_DELAY } from '../constants'
 
@@ -12,13 +13,12 @@
     KEY_CODES.ARROW_DOWN,
   ]
 
-  import { inject } from 'vue'
-export default {
+  export default {
     name: 'rp-treeselect--input',
-    
+
     setup() {
-      const instance = inject('instance');
-return {instance};
+      const instance = inject('instance')
+      return { instance }
     },
 
     data: () => ({

package/src/components/Menu.vue

@@ -1,4 +1,5 @@
 <script>
+  import { inject } from 'vue'
   import { MENU_BUFFER } from '../constants'
   import { watchSize, setupResizeAndScrollEventListeners } from '../utils'
   import Option from './Option'
@@ -11,13 +12,13 @@
     below: 'bottom',
   }
 
-  import { inject } from 'vue'
-export default {
+
+  export default {
     name: 'rp-treeselect--menu',
-    
+
     setup() {
-      const instance = inject('instance');
-return {instance};
+      const instance = inject('instance')
+      return { instance }
     },
 
     computed: {

package/src/components/MultiValue.vue

@@ -1,15 +1,15 @@
 <script>
+  import { inject } from 'vue'
   import MultiValueItem from './MultiValueItem'
   import Input from './Input'
   import Placeholder from './Placeholder'
 
-  import { inject } from 'vue'
-export default {
+  export default {
     name: 'rp-treeselect--multi-value',
-    
+
     setup() {
-      const instance = inject('instance');
-return {instance};
+      const instance = inject('instance')
+      return { instance }
     },
 
     methods: {

package/src/components/MultiValueItem.vue

@@ -1,14 +1,14 @@
 <script>
+  import { inject } from 'vue'
   import { onLeftClick } from '../utils'
   import DeleteIcon from './icons/Delete'
 
-  import { inject } from 'vue'
-export default {
+  export default {
     name: 'rp-treeselect--multi-value-item',
-    
+
     setup() {
-      const instance = inject('instance');
-return {instance};
+      const instance = inject('instance')
+      return { instance }
     },
 
     props: {

package/src/components/Placeholder.vue

@@ -1,11 +1,12 @@
 <script>
   import { inject } from 'vue'
-export default {
+
+  export default {
     name: 'rp-treeselect--placeholder',
-    
+
     setup() {
-      const instance = inject('instance');
-return {instance};
+      const instance = inject('instance')
+      return { instance }
     },
 
     render() {

package/src/components/SingleValue.vue

@@ -1,14 +1,14 @@
 <script>
+  import { inject } from 'vue'
   import Input from './Input'
   import Placeholder from './Placeholder'
 
-  import { inject } from 'vue'
-export default {
+  export default {
     name: 'rp-treeselect--single-value',
-    
+
     setup() {
-      const instance = inject('instance');
-return {instance};
+      const instance = inject('instance')
+      return { instance }
     },
     methods: {
       renderSingleValueLabel() {

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() {