@mixd-id/web-scaffold 0.1.230406170 → 0.1.230406171
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
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<button :class="compClass" :disabled="isDisabled" @click="onClick">
|
|
3
|
-
|
|
4
|
-
<slot>{{ text }}</slot>
|
|
5
|
-
</div>
|
|
3
|
+
<slot>{{ text }}</slot>
|
|
6
4
|
<div v-if="isLoading" :class="$style.loadingPane">
|
|
7
5
|
<svg :class="$style.spinner" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
|
|
8
6
|
<circle :class="$style.svgBg" cx="12" cy="12" r="10" stroke-width="4"></circle>
|
package/src/mixin/component.js
CHANGED
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
</Dropdown>
|
|
43
43
|
</div>
|
|
44
44
|
|
|
45
|
-
<div class="col-span-
|
|
45
|
+
<div class="col-span-2">
|
|
46
46
|
<label :class="$style.label">Position</label>
|
|
47
47
|
<div v-for="(_, idx) in viewTypes"
|
|
48
48
|
v-show="_.value === viewType">
|
|
@@ -57,12 +57,29 @@
|
|
|
57
57
|
</div>
|
|
58
58
|
</div>
|
|
59
59
|
|
|
60
|
+
<div class="col-span-2">
|
|
61
|
+
<label :class="$style.label">Z Index</label>
|
|
62
|
+
<div v-for="(_, idx) in viewTypes"
|
|
63
|
+
v-show="_.value === viewType">
|
|
64
|
+
<Dropdown v-model="zIndex[idx]" @change="apply">
|
|
65
|
+
<option value="">Not Set</option>
|
|
66
|
+
<option :value="`${viewType}z-0`">0</option>
|
|
67
|
+
<option :value="`${viewType}z-10`">10</option>
|
|
68
|
+
<option :value="`${viewType}z-20`">20</option>
|
|
69
|
+
<option :value="`${viewType}z-30`">30</option>
|
|
70
|
+
<option :value="`${viewType}z-40`">40</option>
|
|
71
|
+
<option :value="`${viewType}z-50`">50</option>
|
|
72
|
+
</Dropdown>
|
|
73
|
+
</div>
|
|
74
|
+
</div>
|
|
75
|
+
|
|
60
76
|
<div>
|
|
61
77
|
<label :class="$style.label">Left</label>
|
|
62
78
|
<div v-for="(_, idx) in viewTypes"
|
|
63
79
|
v-show="_.value === viewType">
|
|
64
80
|
<Dropdown v-model="left[idx]" @change="apply">
|
|
65
81
|
<option value="">Not Set</option>
|
|
82
|
+
<option :value="`${viewType}left-0`">0</option>
|
|
66
83
|
<option :value="`${viewType}left-12`">12</option>
|
|
67
84
|
<option :value="`${viewType}left-16`">16</option>
|
|
68
85
|
<option :value="`${viewType}left-20`">20</option>
|
|
@@ -81,6 +98,7 @@
|
|
|
81
98
|
v-show="_.value === viewType">
|
|
82
99
|
<Dropdown v-model="top[idx]" @change="apply">
|
|
83
100
|
<option value="">Not Set</option>
|
|
101
|
+
<option :value="`${viewType}top-0`">0</option>
|
|
84
102
|
<option :value="`${viewType}top-12`">12</option>
|
|
85
103
|
<option :value="`${viewType}top-16`">16</option>
|
|
86
104
|
<option :value="`${viewType}top-20`">20</option>
|
|
@@ -99,6 +117,7 @@
|
|
|
99
117
|
v-show="_.value === viewType">
|
|
100
118
|
<Dropdown v-model="right[idx]" @change="apply">
|
|
101
119
|
<option value="">Not Set</option>
|
|
120
|
+
<option :value="`${viewType}right-0`">0</option>
|
|
102
121
|
<option :value="`${viewType}right-12`">12</option>
|
|
103
122
|
<option :value="`${viewType}right-16`">16</option>
|
|
104
123
|
<option :value="`${viewType}right-20`">20</option>
|
|
@@ -117,6 +136,7 @@
|
|
|
117
136
|
v-show="_.value === viewType">
|
|
118
137
|
<Dropdown v-model="bottom[idx]" @change="apply">
|
|
119
138
|
<option value="">Not Set</option>
|
|
139
|
+
<option :value="`${viewType}bottom-0`">0</option>
|
|
120
140
|
<option :value="`${viewType}bottom-12`">12</option>
|
|
121
141
|
<option :value="`${viewType}bottom-16`">16</option>
|
|
122
142
|
<option :value="`${viewType}bottom-20`">20</option>
|
|
@@ -814,6 +834,13 @@ export default{
|
|
|
814
834
|
return this.item.props.width
|
|
815
835
|
},
|
|
816
836
|
|
|
837
|
+
zIndex(){
|
|
838
|
+
if(!Array.isArray(this.item.props.zIndex))
|
|
839
|
+
this.item.props.zIndex = []
|
|
840
|
+
|
|
841
|
+
return this.item.props.zIndex
|
|
842
|
+
},
|
|
843
|
+
|
|
817
844
|
},
|
|
818
845
|
|
|
819
846
|
data(){
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
</Tabs>
|
|
32
32
|
</div>
|
|
33
33
|
|
|
34
|
-
<div v-if="store.tabIndex === 1" class="flex flex-col gap-4 p-6" @click="currentArea = 'pageinfo'">
|
|
34
|
+
<div v-if="store.tabIndex === 1" class="flex-1 overflow-y-auto flex flex-col gap-4 p-6" @click="currentArea = 'pageinfo'">
|
|
35
35
|
|
|
36
36
|
<div class="flex flex-row gap-4" v-if="!page.isSystem">
|
|
37
37
|
<div class="flex flex-col gap-1">
|
|
@@ -1312,7 +1312,7 @@ export default{
|
|
|
1312
1312
|
'fontFamily', 'fontSize', 'fontWeight', 'textColor', 'lineHeight', 'overflow',
|
|
1313
1313
|
'boxShadow', 'opacity',
|
|
1314
1314
|
'colSpan',
|
|
1315
|
-
'flexAlign', 'flexJustify',
|
|
1315
|
+
'flexAlign', 'flexJustify', 'zIndex',
|
|
1316
1316
|
],
|
|
1317
1317
|
|
|
1318
1318
|
containerClasses: [
|