vue-treeselectjs - npm Package Compare versions

Comparing version 0.4.0 to 0.4.1

dist/vue-treeselectjs.umd.js

@@ -1,1 +0,1 @@
-(function(t,c){typeof exports=="object"&&typeof module<"u"?module.exports=c(require("vue"),require("treeselectjs")):typeof define=="function"&&define.amd?define(["vue","treeselectjs"],c):(t=typeof globalThis<"u"?globalThis:t||self,t.Treeselect=c(t.Vue,t.TreeselectJS))})(this,function(t,c){"use strict";const m=["modelValue","options","id","iconElements"],y=t.defineComponent({name:"Treeselect",props:{modelValue:{type:[Array,Number,String],default:()=>[]},options:{type:Array,default:()=>[]},openLevel:{type:Number,default:0},appendToBody:{type:Boolean,default:!1},alwaysOpen:{type:Boolean,default:!1},showTags:{type:Boolean,default:!0},tagsCountText:{type:String,default:"elements selected"},clearable:{type:Boolean,default:!0},searchable:{type:Boolean,default:!0},placeholder:{type:String,default:"Select..."},grouped:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},emptyText:{type:String,default:"No results found..."},staticList:{type:Boolean,default:!1},id:{type:String,default:""},ariaLabel:{type:String,default:""},isSingleSelect:{type:Boolean,default:!1},showCount:{type:Boolean,default:!1},isGroupedValue:{type:Boolean,default:!1},disabledBranchNode:{type:Boolean,default:!1},direction:{type:String,default:"auto"},expandSelected:{type:Boolean,default:!1},saveScrollPosition:{type:Boolean,default:!0},isIndependentNodes:{type:Boolean,default:!1},iconElements:{type:Object,default:()=>({})}},emits:["input","open","close","name-change","search","update:modelValue"],setup(e,{emit:n}){const o=t.ref(null),i=t.ref(null),a=t.ref(null),u=l=>{n("update:modelValue",l),n("input",l)},w=l=>n("open",l),T=l=>n("close",l),g=l=>n("name-change",l),b=l=>n("search",l),B=t.computed(()=>JSON.stringify(e.modelValue)),C=t.computed(()=>JSON.stringify(e.options)),E=t.computed(()=>JSON.stringify(e.iconElements));return t.watch(()=>e,l=>{if(a.value){const s=t.toRaw(a.value),r=t.toRaw(l);let f=!1;Object.keys(r).forEach(d=>{const N=r[d]===s[d];!m.includes(d)&&!N&&(s[d]=r[d],f=!0)}),f&&s.mount()}},{deep:!0}),t.watch(()=>B.value,()=>{a.value&&t.toRaw(a.value).updateValue(e.modelValue)}),t.watch(()=>e.id,l=>{if(a.value){const s=t.toRaw(a.value);(s.id||l)&&(s.id=l??"",s.mount())}}),t.watch(()=>C.value,()=>{if(a.value){const l=t.toRaw(a.value);l.options=e.options,l.mount()}}),t.watch(()=>E.value,()=>{if(a.value){const l=t.toRaw(a.value);l.iconElements={...l.iconElements,...e.iconElements},l.mount()}}),t.onMounted(()=>{if(!o.value)throw new Error("Treeselect container ref is not defined");a.value=new c({parentHtmlContainer:o.value,value:e.modelValue,options:e.options,openLevel:e.openLevel,appendToBody:e.appendToBody,alwaysOpen:e.alwaysOpen,showTags:e.showTags,tagsCountText:e.tagsCountText,clearable:e.clearable,searchable:e.searchable,placeholder:e.placeholder,grouped:e.grouped,disabled:e.disabled,emptyText:e.emptyText,staticList:e.staticList,id:e.id,ariaLabel:e.ariaLabel,isSingleSelect:e.isSingleSelect,showCount:e.showCount,isGroupedValue:e.isGroupedValue,disabledBranchNode:e.disabledBranchNode,direction:e.direction,expandSelected:e.expandSelected,saveScrollPosition:e.saveScrollPosition,isIndependentNodes:e.isIndependentNodes,inputCallback:u,openCallback:w,closeCallback:T,nameChangeCallback:g,searchCallback:b,listSlotHtmlComponent:i.value??null,iconElements:e.iconElements})}),t.onUnmounted(()=>{a.value&&t.toRaw(a.value).destroy()}),{treeselectContainerRef:o,treeselectAfterListSlotRef:i}}}),h=(e,n)=>{const o=e.__vccOpts||e;for(const[i,a]of n)o[i]=a;return o},p={ref:"treeselectAfterListSlotRef",class:"treeselect__after-list-slot"};function S(e,n,o,i,a,u){return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.createElementVNode("div",{class:t.normalizeClass(e.$attrs.class),ref:"treeselectContainerRef"},null,2),t.createElementVNode("div",p,[t.renderSlot(e.$slots,"default")],512)],64)}return h(y,[["render",S]])});
+(function(t,c){typeof exports=="object"&&typeof module<"u"?module.exports=c(require("vue"),require("treeselectjs")):typeof define=="function"&&define.amd?define(["vue","treeselectjs"],c):(t=typeof globalThis<"u"?globalThis:t||self,t.Treeselect=c(t.Vue,t.TreeselectJS))})(this,function(t,c){"use strict";const y=["modelValue","options","id","iconElements"],h=t.defineComponent({name:"Treeselect",props:{modelValue:{type:[Array,Number,String],default:()=>[]},options:{type:Array,default:()=>[]},openLevel:{type:Number,default:0},appendToBody:{type:Boolean,default:!1},alwaysOpen:{type:Boolean,default:!1},showTags:{type:Boolean,default:!0},tagsCountText:{type:String,default:"elements selected"},clearable:{type:Boolean,default:!0},searchable:{type:Boolean,default:!0},placeholder:{type:String,default:"Select..."},grouped:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},emptyText:{type:String,default:"No results found..."},staticList:{type:Boolean,default:!1},id:{type:String,default:""},ariaLabel:{type:String,default:""},isSingleSelect:{type:Boolean,default:!1},showCount:{type:Boolean,default:!1},isGroupedValue:{type:Boolean,default:!1},disabledBranchNode:{type:Boolean,default:!1},direction:{type:String,default:"auto"},expandSelected:{type:Boolean,default:!1},saveScrollPosition:{type:Boolean,default:!0},isIndependentNodes:{type:Boolean,default:!1},iconElements:{type:Object,default:()=>({})}},emits:["input","open","close","name-change","search","update:modelValue"],setup(e,{emit:a}){const o=t.ref(null),i=t.ref(null),n=t.ref(null),u=l=>{a("update:modelValue",l),a("input",l)},g=l=>a("open",l),_=l=>a("close",l),b=l=>a("name-change",l),B=l=>a("search",l),C=t.computed(()=>JSON.stringify(e.modelValue)),E=t.computed(()=>JSON.stringify(e.options)),x=t.computed(()=>JSON.stringify(e.iconElements));return t.watch(()=>e,l=>{if(n.value){const s=t.toRaw(n.value),r=t.toRaw(l);let f=!1;Object.keys(r).forEach(d=>{const N=r[d]===s[d];!y.includes(d)&&!N&&(s[d]=r[d],f=!0)}),f&&s.mount()}},{deep:!0}),t.watch(()=>C.value,()=>{n.value&&t.toRaw(n.value).updateValue(e.modelValue)}),t.watch(()=>e.id,l=>{if(n.value){const s=t.toRaw(n.value);(s.id||l)&&(s.id=l??"",s.mount())}}),t.watch(()=>E.value,()=>{if(n.value){const l=t.toRaw(n.value);l.options=e.options,l.mount()}}),t.watch(()=>x.value,()=>{if(n.value){const l=t.toRaw(n.value);l.iconElements={...l.iconElements,...e.iconElements},l.mount()}}),t.onMounted(()=>{if(!o.value)throw new Error("Treeselect container ref is not defined");n.value=new c({parentHtmlContainer:o.value,value:e.modelValue,options:e.options,openLevel:e.openLevel,appendToBody:e.appendToBody,alwaysOpen:e.alwaysOpen,showTags:e.showTags,tagsCountText:e.tagsCountText,clearable:e.clearable,searchable:e.searchable,placeholder:e.placeholder,grouped:e.grouped,disabled:e.disabled,emptyText:e.emptyText,staticList:e.staticList,id:e.id,ariaLabel:e.ariaLabel,isSingleSelect:e.isSingleSelect,showCount:e.showCount,isGroupedValue:e.isGroupedValue,disabledBranchNode:e.disabledBranchNode,direction:e.direction,expandSelected:e.expandSelected,saveScrollPosition:e.saveScrollPosition,isIndependentNodes:e.isIndependentNodes,inputCallback:u,openCallback:g,closeCallback:_,nameChangeCallback:b,searchCallback:B,listSlotHtmlComponent:i.value??null,iconElements:e.iconElements})}),t.onUnmounted(()=>{n.value&&t.toRaw(n.value).destroy()}),{treeselectContainerRef:o,treeselectAfterListSlotRef:i}}}),R="",m=(e,a)=>{const o=e.__vccOpts||e;for(const[i,n]of a)o[i]=n;return o},p={class:"vue-treeselect"},S={ref:"treeselectContainerRef"},w={ref:"treeselectAfterListSlotRef",class:"treeselect__after-list-slot"};function T(e,a,o,i,n,u){return t.openBlock(),t.createElementBlock("div",p,[t.createElementVNode("div",S,null,512),t.createElementVNode("div",w,[t.renderSlot(e.$slots,"default")],512)])}return m(h,[["render",T]])});

package.json

 {
   "name": "vue-treeselectjs",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "Treeselect Vue Component",
@@ -12,2 +12,6 @@ "main": "./dist/vue-treeselectjs.umd.js",
       "require": "./dist/vue-treeselectjs.umd.js"
+    },
+    "./dist/vue-treeselectjs.css": {
+      "import": "./dist/vue-treeselectjs.css",
+      "require": "./dist/vue-treeselectjs.css"
     }
@@ -14,0 +18,0 @@ },

README.md

@@ -26,3 +26,3 @@ # Treeselect JS Vue component
 import Treeselect from 'vue-treeselectjs'
-import 'treeselectjs/dist/treeselectjs.css // use styles from treeselectjs
+import 'vue-treeselectjs/dist/vue-treeselectjs.css
 ```
@@ -32,4 +32,4 @@
 ```
-<script src="https://cdn.jsdelivr.net/npm/vue-treeselectjs@0.4.0/dist/vue-treeselectjs.umd.js"></script>
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/treeselectjs@0.9.2/dist/treeselectjs.css" />
+<script src="https://cdn.jsdelivr.net/npm/vue-treeselectjs@0.4.1/dist/vue-treeselectjs.umd.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vue-treeselectjs@0.4.1/dist/vue-treeselectjs.css" />
 ```
@@ -36,0 +36,0 @@

No alert changes

Improved metrics

Total package byte prevSize

34361

increased by23.56%

Number of package files

7

increased by16.67%

Lines of code

513

increased by4.91%

No dependency changes