@bexis2/bexis2-core-ui 0.2.16 → 0.2.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/README.md +4 -0
  2. package/dist/components/form/MultiSelect.svelte +59 -56
  3. package/package.json +1 -1
  4. package/src/lib/components/form/MultiSelect.svelte +59 -56
package/README.md CHANGED
@@ -1,4 +1,8 @@
1
1
  # bexis-core-ui
2
+ ## v0.2.17
3
+ - Multiselect
4
+ - fix target bind bug
5
+
2
6
  ## v0.2.16
3
7
  - Table
4
8
  - width - fit to screen
package/dist/components/form/MultiSelect.svelte CHANGED
@@ -26,6 +26,7 @@
26
26
 
27
27
  $: value = null;
28
28
  $: updateTarget(value);
29
+ $:target, setValue(target);
29
30
 
30
31
  let groupBy;
31
32
  $: groupBy;
@@ -73,70 +74,72 @@
73
74
  }
74
75
 
75
76
  onMount(async () => {
76
- console.log('on mount multiselect');
77
- ////console.log(source);
78
-
79
- //a) source is complex model is simple
80
- if (complexSource && !complexTarget && isMulti) {
81
- let items = [];
82
- // event.detail will be null unless isMulti is true and user has removed a single item
83
- for (let i in target) {
84
- let t = target[i];
85
- items.push(source.find((item) => item[itemId] === t));
86
- }
87
-
88
- isLoaded = true;
89
- if (items.length > 0) {
90
- value = items;
91
- }
92
- ////console.log(value);
93
- groupBy = (item) => item[itemGroup];
94
- }
95
-
96
- if (complexSource && complexTarget && isMulti) {
97
- value = target;
98
- isLoaded = true;
99
- groupBy = (item) => item[itemGroup];
100
- }
101
-
102
- //b) simple liust and simple model
103
- if (!complexSource && !complexTarget && isMulti) {
104
- ////console.log("source", source);
105
- ////console.log("target",target);
106
- isLoaded = true;
107
- //set target only if its nit empty
108
- if (target != null && target !== undefined && target != '') {
109
- value = target;
110
- }
111
- }
77
+ setValue(target);
78
+ });
112
79
 
113
- if (!isMulti) {
114
- //console.log("onmount",complexSource,complexTarget,value,target)
115
- if (!complexSource && !complexTarget) {
116
- value = {
117
- value: target,
118
- label: target
119
- };
80
+ function setValue(t)
81
+ {
82
+ //a) source is complex model is simple
83
+ if (complexSource && !complexTarget && isMulti) {
84
+ let items = [];
85
+ // event.detail will be null unless isMulti is true and user has removed a single item
86
+ for (let i in t) {
87
+ let t = target[i];
88
+ items.push(source.find((item) => item[itemId] === t));
89
+ }
90
+
91
+ isLoaded = true;
92
+ if (items.length > 0) {
93
+ value = items;
94
+ }
95
+ ////console.log(value);
96
+ groupBy = (item) => item[itemGroup];
120
97
  }
121
98
 
122
- if (complexSource && complexTarget) {
123
- value = target;
99
+ if (complexSource && complexTarget && isMulti) {
100
+ value = t;
101
+ isLoaded = true;
124
102
  groupBy = (item) => item[itemGroup];
125
103
  }
126
104
 
127
- if (complexSource && !complexTarget) {
128
- //value = target
129
- console.log(
130
- 'this case is currently not supported (complexSource,complexTarget,isMulti)',
131
- complexSource,
132
- complexTarget,
133
- isMulti
134
- );
105
+ //b) simple liust and simple model
106
+ if (!complexSource && !complexTarget && isMulti) {
107
+ ////console.log("source", source);
108
+ ////console.log("target",target);
109
+ isLoaded = true;
110
+ //set target only if its nit empty
111
+ if (t != null && t !== undefined && t != '') {
112
+ value = t;
113
+ }
135
114
  }
136
115
 
137
- isLoaded = true;
138
- }
139
- });
116
+ if (!isMulti) {
117
+ //console.log("onmount",complexSource,complexTarget,value,target)
118
+ if (!complexSource && !complexTarget) {
119
+ value = {
120
+ value: t,
121
+ label: t
122
+ };
123
+ }
124
+
125
+ if (complexSource && complexTarget) {
126
+ value = t;
127
+ groupBy = (item) => item[itemGroup];
128
+ }
129
+
130
+ if (complexSource && !complexTarget) {
131
+ //value = target
132
+ console.log(
133
+ 'this case is currently not supported (complexSource,complexTarget,isMulti)',
134
+ complexSource,
135
+ complexTarget,
136
+ isMulti
137
+ );
138
+ }
139
+
140
+ isLoaded = true;
141
+ }
142
+ }
140
143
  </script>
141
144
 
142
145
  <InputContainer {id} label={title} {feedback} {required} {help}>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bexis2/bexis2-core-ui",
3
- "version": "0.2.16",
3
+ "version": "0.2.17",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "vite dev",
package/src/lib/components/form/MultiSelect.svelte CHANGED
@@ -26,6 +26,7 @@
26
26
 
27
27
  $: value = null;
28
28
  $: updateTarget(value);
29
+ $:target, setValue(target);
29
30
 
30
31
  let groupBy;
31
32
  $: groupBy;
@@ -73,70 +74,72 @@
73
74
  }
74
75
 
75
76
  onMount(async () => {
76
- console.log('on mount multiselect');
77
- ////console.log(source);
78
-
79
- //a) source is complex model is simple
80
- if (complexSource && !complexTarget && isMulti) {
81
- let items = [];
82
- // event.detail will be null unless isMulti is true and user has removed a single item
83
- for (let i in target) {
84
- let t = target[i];
85
- items.push(source.find((item) => item[itemId] === t));
86
- }
87
-
88
- isLoaded = true;
89
- if (items.length > 0) {
90
- value = items;
91
- }
92
- ////console.log(value);
93
- groupBy = (item) => item[itemGroup];
94
- }
95
-
96
- if (complexSource && complexTarget && isMulti) {
97
- value = target;
98
- isLoaded = true;
99
- groupBy = (item) => item[itemGroup];
100
- }
101
-
102
- //b) simple liust and simple model
103
- if (!complexSource && !complexTarget && isMulti) {
104
- ////console.log("source", source);
105
- ////console.log("target",target);
106
- isLoaded = true;
107
- //set target only if its nit empty
108
- if (target != null && target !== undefined && target != '') {
109
- value = target;
110
- }
111
- }
77
+ setValue(target);
78
+ });
112
79
 
113
- if (!isMulti) {
114
- //console.log("onmount",complexSource,complexTarget,value,target)
115
- if (!complexSource && !complexTarget) {
116
- value = {
117
- value: target,
118
- label: target
119
- };
80
+ function setValue(t)
81
+ {
82
+ //a) source is complex model is simple
83
+ if (complexSource && !complexTarget && isMulti) {
84
+ let items = [];
85
+ // event.detail will be null unless isMulti is true and user has removed a single item
86
+ for (let i in t) {
87
+ let t = target[i];
88
+ items.push(source.find((item) => item[itemId] === t));
89
+ }
90
+
91
+ isLoaded = true;
92
+ if (items.length > 0) {
93
+ value = items;
94
+ }
95
+ ////console.log(value);
96
+ groupBy = (item) => item[itemGroup];
120
97
  }
121
98
 
122
- if (complexSource && complexTarget) {
123
- value = target;
99
+ if (complexSource && complexTarget && isMulti) {
100
+ value = t;
101
+ isLoaded = true;
124
102
  groupBy = (item) => item[itemGroup];
125
103
  }
126
104
 
127
- if (complexSource && !complexTarget) {
128
- //value = target
129
- console.log(
130
- 'this case is currently not supported (complexSource,complexTarget,isMulti)',
131
- complexSource,
132
- complexTarget,
133
- isMulti
134
- );
105
+ //b) simple liust and simple model
106
+ if (!complexSource && !complexTarget && isMulti) {
107
+ ////console.log("source", source);
108
+ ////console.log("target",target);
109
+ isLoaded = true;
110
+ //set target only if its nit empty
111
+ if (t != null && t !== undefined && t != '') {
112
+ value = t;
113
+ }
135
114
  }
136
115
 
137
- isLoaded = true;
138
- }
139
- });
116
+ if (!isMulti) {
117
+ //console.log("onmount",complexSource,complexTarget,value,target)
118
+ if (!complexSource && !complexTarget) {
119
+ value = {
120
+ value: t,
121
+ label: t
122
+ };
123
+ }
124
+
125
+ if (complexSource && complexTarget) {
126
+ value = t;
127
+ groupBy = (item) => item[itemGroup];
128
+ }
129
+
130
+ if (complexSource && !complexTarget) {
131
+ //value = target
132
+ console.log(
133
+ 'this case is currently not supported (complexSource,complexTarget,isMulti)',
134
+ complexSource,
135
+ complexTarget,
136
+ isMulti
137
+ );
138
+ }
139
+
140
+ isLoaded = true;
141
+ }
142
+ }
140
143
  </script>
141
144
 
142
145
  <InputContainer {id} label={title} {feedback} {required} {help}>