@mixd-id/web-scaffold 0.1.230406124 → 0.1.230406125
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.
package/package.json
CHANGED
|
@@ -7,7 +7,19 @@
|
|
|
7
7
|
<Textarea v-model="item.props.description" rows="3" @blur="$emit('change')" placeholder="Description" />
|
|
8
8
|
</div>
|
|
9
9
|
|
|
10
|
-
<div>
|
|
10
|
+
<div class="flex flex-col gap-1">
|
|
11
|
+
<label class="text-text-400">Mode</label>
|
|
12
|
+
<Dropdown v-model="item.props.mode" @change="item.props.items = []">
|
|
13
|
+
<option value="">Static</option>
|
|
14
|
+
<option value="dynamic">Dynamic</option>
|
|
15
|
+
</Dropdown>
|
|
16
|
+
<Textbox v-if="item.props.mode === 'dynamic'"
|
|
17
|
+
placeholder="Var" v-model="item.props.src"
|
|
18
|
+
@blur="$emit('change')"
|
|
19
|
+
@keyup.enter="$emit('change')" />
|
|
20
|
+
</div>
|
|
21
|
+
|
|
22
|
+
<div v-if="item.props.mode !== 'dynamic'">
|
|
11
23
|
<div class="flex flex-row gap-4">
|
|
12
24
|
<label class="flex-1 text-text-400">Items</label>
|
|
13
25
|
<button type="button" class="text-primary"
|
|
@@ -37,6 +49,21 @@
|
|
|
37
49
|
</ListItem>
|
|
38
50
|
</div>
|
|
39
51
|
|
|
52
|
+
<div v-else>
|
|
53
|
+
<label class="flex-1 text-text-400">Item</label>
|
|
54
|
+
<div class="mt-1 flex flex-col gap-1">
|
|
55
|
+
<Textbox v-model="itemPropsItem.title" placeholder="Title var"
|
|
56
|
+
@blur="$emit('change')"
|
|
57
|
+
@keyup.enter="$emit('change')"/>
|
|
58
|
+
<Textbox v-model="itemPropsItem.description" placeholder="Description var"
|
|
59
|
+
@blur="$emit('change')"
|
|
60
|
+
@keyup.enter="$emit('change')"/>
|
|
61
|
+
<Textbox v-model="itemPropsItem.imageUrl" placeholder="Image var"
|
|
62
|
+
@blur="$emit('change')"
|
|
63
|
+
@keyup.enter="$emit('change')"/>
|
|
64
|
+
</div>
|
|
65
|
+
</div>
|
|
66
|
+
|
|
40
67
|
<div class="flex flex-row items-center gap-4">
|
|
41
68
|
<label class="flex-1 text-text-400">Columns</label>
|
|
42
69
|
<Dropdown v-for="(_viewType, idx) in viewTypes" class="w-[60px]"
|
|
@@ -154,6 +181,12 @@ export default{
|
|
|
154
181
|
return this.item.props.itemVariant
|
|
155
182
|
},
|
|
156
183
|
|
|
184
|
+
itemPropsItem(){
|
|
185
|
+
if(!this.item.props.item)
|
|
186
|
+
this.item.props.item = {}
|
|
187
|
+
return this.item.props.item
|
|
188
|
+
}
|
|
189
|
+
|
|
157
190
|
}
|
|
158
191
|
|
|
159
192
|
}
|