vue-treeselectjs - npm Package Compare versions

Comparing version 0.4.2 to 0.5.0

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 y=["modelValue","options","id","iconElements"],p=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","open-close-group","update:modelValue"],setup(e,{emit:a}){const s=t.ref(null),i=t.ref(null),n=t.ref(null),u=l=>{a("update:modelValue",l),a("input",l)},T=l=>a("open",l),b=l=>a("close",l),_=l=>a("name-change",l),B=l=>a("search",l),C=(l,o)=>a("open-close-group",{groupId:l,isClosed:o}),E=t.computed(()=>JSON.stringify(e.modelValue)),x=t.computed(()=>JSON.stringify(e.options)),N=t.computed(()=>JSON.stringify(e.iconElements));return t.watch(()=>e,l=>{if(n.value){const o=t.toRaw(n.value),r=t.toRaw(l);let f=!1;Object.keys(r).forEach(d=>{const R=r[d]===o[d];!y.includes(d)&&!R&&(o[d]=r[d],f=!0)}),f&&o.mount()}},{deep:!0}),t.watch(()=>E.value,()=>{n.value&&t.toRaw(n.value).updateValue(e.modelValue)}),t.watch(()=>e.id,l=>{if(n.value){const o=t.toRaw(n.value);(o.id||l)&&(o.id=l??"",o.mount())}}),t.watch(()=>x.value,()=>{if(n.value){const l=t.toRaw(n.value);l.options=e.options,l.mount()}}),t.watch(()=>N.value,()=>{if(n.value){const l=t.toRaw(n.value);l.iconElements={...l.iconElements,...e.iconElements},l.mount()}}),t.onMounted(()=>{if(!s.value)throw new Error("Treeselect container ref is not defined");n.value=new c({parentHtmlContainer:s.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:T,closeCallback:b,nameChangeCallback:_,searchCallback:B,openCloseGroupCallback:C,listSlotHtmlComponent:i.value??null,iconElements:e.iconElements})}),t.onUnmounted(()=>{n.value&&t.toRaw(n.value).destroy()}),{treeselectContainerRef:s,treeselectAfterListSlotRef:i}}}),V="",h=(e,a)=>{const s=e.__vccOpts||e;for(const[i,n]of a)s[i]=n;return s},m={class:"vue-treeselect"},S={ref:"treeselectContainerRef"},g={ref:"treeselectAfterListSlotRef",class:"treeselect__after-list-slot"};function w(e,a,s,i,n,u){return t.openBlock(),t.createElementBlock("div",m,[t.createElementVNode("div",S,null,512),t.createElementVNode("div",g,[t.renderSlot(e.$slots,"default")],512)])}return h(p,[["render",w]])});
+(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},rtl:{type:Boolean,default:!1},iconElements:{type:Object,default:()=>({})}},emits:["input","open","close","name-change","search","open-close-group","update:modelValue"],setup(e,{emit:a}){const s=t.ref(null),i=t.ref(null),n=t.ref(null),u=l=>{a("update:modelValue",l),a("input",l)},T=l=>a("open",l),b=l=>a("close",l),B=l=>a("name-change",l),_=l=>a("search",l),C=(l,o)=>a("open-close-group",{groupId:l,isClosed:o}),E=t.computed(()=>JSON.stringify(e.modelValue)),x=t.computed(()=>JSON.stringify(e.options)),N=t.computed(()=>JSON.stringify(e.iconElements));return t.watch(()=>e,l=>{if(n.value){const o=t.toRaw(n.value),r=t.toRaw(l);let f=!1;Object.keys(r).forEach(d=>{const R=r[d]===o[d];!y.includes(d)&&!R&&(o[d]=r[d],f=!0)}),f&&o.mount()}},{deep:!0}),t.watch(()=>E.value,()=>{n.value&&t.toRaw(n.value).updateValue(e.modelValue)}),t.watch(()=>e.id,l=>{if(n.value){const o=t.toRaw(n.value);(o.id||l)&&(o.id=l??"",o.mount())}}),t.watch(()=>x.value,()=>{if(n.value){const l=t.toRaw(n.value);l.options=e.options,l.mount()}}),t.watch(()=>N.value,()=>{if(n.value){const l=t.toRaw(n.value);l.iconElements={...l.iconElements,...e.iconElements},l.mount()}}),t.onMounted(()=>{if(!s.value)throw new Error("Treeselect container ref is not defined");n.value=new c({parentHtmlContainer:s.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,rtl:e.rtl,inputCallback:u,openCallback:T,closeCallback:b,nameChangeCallback:B,searchCallback:_,openCloseGroupCallback:C,listSlotHtmlComponent:i.value??null,iconElements:e.iconElements})}),t.onUnmounted(()=>{n.value&&t.toRaw(n.value).destroy()}),{treeselectContainerRef:s,treeselectAfterListSlotRef:i}}}),V="",p=(e,a)=>{const s=e.__vccOpts||e;for(const[i,n]of a)s[i]=n;return s},m={class:"vue-treeselect"},S={ref:"treeselectContainerRef"},g={ref:"treeselectAfterListSlotRef",class:"treeselect__after-list-slot"};function w(e,a,s,i,n,u){return t.openBlock(),t.createElementBlock("div",m,[t.createElementVNode("div",S,null,512),t.createElementVNode("div",g,[t.renderSlot(e.$slots,"default")],512)])}return p(h,[["render",w]])});

package.json

 {
   "name": "vue-treeselectjs",
-  "version": "0.4.2",
+  "version": "0.5.0",
   "description": "Treeselect Vue Component",
   "main": "./dist/vue-treeselectjs.umd.js",
   "module": "./dist/vue-treeselectjs.mjs",
-  "types": "./dist/vue-treeselectjs.d.ts",
+  "types": "./dist/Treeselect.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/vue-treeselectjs.mjs",
-      "require": "./dist/vue-treeselectjs.umd.js"
+      "import": {
+        "default": "./dist/vue-treeselectjs.mjs",
+        "types": "./dist/Treeselect.d.ts"
+      },
+      "require": {
+        "default": "./dist/vue-treeselectjs.umd.js",
+        "types": "./dist/Treeselect.d.ts"
+      }
     },
@@ -48,3 +54,3 @@ "./dist/vue-treeselectjs.css": {
   "dependencies": {
-    "treeselectjs": "0.9.3"
+    "treeselectjs": "0.10.0"
   },
@@ -51,0 +57,0 @@ "devDependencies": {

README.md

@@ -12,4 +12,5 @@ # Treeselect JS Vue component
 Build data:
-- vue-treeselectjs.mjs  5.54 kB │ gzip: 1.69 kB
-- vue-treeselectjs.umd.js  3.82 kB │ gzip: 1.42 kB
+- vue-treeselectjs.mjs  5.78 kB │ gzip: 1.75 kB
+- vue-treeselectjs.umd.js  3.98 kB │ gzip: 1.48 kB
+- vue-treeselectjs.css  6.99 kB │ gzip: 1.39 kB
 
@@ -32,4 +33,4 @@ **Live Demo:** https://dipson88.github.io/treeselectjs/
 ```
-<script src="https://cdn.jsdelivr.net/npm/vue-treeselectjs@0.4.2/dist/vue-treeselectjs.umd.js"></script>
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vue-treeselectjs@0.4.2/dist/vue-treeselectjs.css" />
+<script src="https://cdn.jsdelivr.net/npm/vue-treeselectjs@0.5.0/dist/vue-treeselectjs.umd.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vue-treeselectjs@0.5.0/dist/vue-treeselectjs.css" />
 ```
@@ -161,3 +162,4 @@
 **isGroupedValue** | Boolean (false) | Return groups if they selected instead of separate ids. Treeselect returns only leaves ids by default.
-**isIndependentNodes** | Boolean (false) | All nodes in treeselect work as an independent entity. Check/uncheck action ignore children/parent updates workflow. Disabled nodes ignore children/parent workflow as well. 
+**isIndependentNodes** | Boolean (false) | All nodes in treeselect work as an independent entity. Check/uncheck action ignore children/parent updates workflow. Disabled nodes ignore children/parent workflow as well.
+**rtl** | Boolean (false) | RTL mode.
 
@@ -164,0 +166,0 @@ #### List settings props

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

37529

increased by5.77%

Lines of code

532

increased by2.5%

Number of lines in readme file

234

increased by0.86%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Addedtreeselectjs@0.10.0(transitive)

• - Removedtreeselectjs@0.9.3(transitive)

• Updatedtreeselectjs@0.10.0