@mixd-id/web-scaffold 0.1.230406069 → 0.1.230406071

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/Flex.vue +8 -1
  3. package/src/components/Grid.vue +9 -2
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mixd-id/web-scaffold",
3
3
  "private": false,
4
- "version": "0.1.230406069",
4
+ "version": "0.1.230406071",
5
5
  "scripts": {
6
6
  "dev": "vite serve",
7
7
  "build": "vite build",
package/src/components/Flex.vue CHANGED
@@ -1,8 +1,9 @@
1
1
  <template>
2
2
  <div :class="computedClass">
3
3
 
4
- <component v-for="(item, idx) in items"
4
+ <component v-for="(item, idx) in computedItems"
5
5
  :is="item.type"
6
+ :uid="item.uid"
6
7
  :items="item.items"
7
8
  :="item.props"
8
9
  :class="classOf(item, idx)" />
@@ -25,10 +26,16 @@ export default{
25
26
  padding: Array,
26
27
  margin: Array,
27
28
  display: Array,
29
+ enabled: undefined,
30
+ name: String
28
31
  },
29
32
 
30
33
  computed: {
31
34
 
35
+ computedItems(){
36
+ return this.items.filter((_) => _.props.enabled)
37
+ },
38
+
32
39
  computedClass(){
33
40
 
34
41
  const classNames = [
package/src/components/Grid.vue CHANGED
@@ -1,8 +1,9 @@
1
1
  <template>
2
2
  <div :class="gridClass">
3
3
 
4
- <component v-for="item in items"
4
+ <component v-for="item in computedItems"
5
5
  :is="item.type"
6
+ :uid="item.uid"
6
7
  :items="item.items"
7
8
  :="item.props"
8
9
  :class="classOf(item)" />
@@ -23,11 +24,17 @@ export default{
23
24
  padding: Array,
24
25
  margin: Array,
25
26
  display: Array,
26
- type: String
27
+ type: String,
28
+ enabled: undefined,
29
+ name: String
27
30
  },
28
31
 
29
32
  computed:{
30
33
 
34
+ computedItems(){
35
+ return this.items.filter((_) => _.props.enabled)
36
+ },
37
+
31
38
  gridClass(){
32
39
 
33
40
  const classNames = [