@mixd-id/web-scaffold 0.1.230406123 → 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
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
<tbody ref="tbody">
|
|
34
34
|
<tr v-for="(item, index) in visibleItems" :key="item"
|
|
35
35
|
@click="select(item, index)"
|
|
36
|
-
:class="trClass(item)">
|
|
36
|
+
:class="trClass(item, index)">
|
|
37
37
|
<td v-for="column in visibleColumns"
|
|
38
38
|
:class="tdClass(item, column)">
|
|
39
39
|
<slot v-if="$slots[column.key]" :name="column.key" :column="column" :item="item" :index="visibleStartIndex + index"></slot>
|
|
@@ -197,7 +197,7 @@ export default{
|
|
|
197
197
|
|
|
198
198
|
methods: {
|
|
199
199
|
|
|
200
|
-
trClass(item){
|
|
200
|
+
trClass(item, index){
|
|
201
201
|
const highlight = !!item._highlight && (!Array.isArray(item._highlight) ||
|
|
202
202
|
this.visibleColumns.filter((_) => item._highlight.includes(_.key)).length <= 0)
|
|
203
203
|
|
|
@@ -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
|
}
|