@tripup-company/element-ui-extended 0.0.47 → 0.0.48
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,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tripup-company/element-ui-extended",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.48",
|
|
4
4
|
"main": "./dist/element-ui-extended.umd.js",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"serve": "vue-cli-service serve",
|
|
@@ -58,7 +58,8 @@
|
|
|
58
58
|
"src/lang/*",
|
|
59
59
|
"src/types/*",
|
|
60
60
|
"src/filters.js",
|
|
61
|
-
"src/filters-top.js"
|
|
61
|
+
"src/filters-top.js",
|
|
62
|
+
"src/styles/*"
|
|
62
63
|
],
|
|
63
64
|
"typings": "./dist/src/index.d.ts",
|
|
64
65
|
"description": "## Project setup ``` npm install ```",
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
.editable-cell {
|
|
2
|
+
.el-input {
|
|
3
|
+
&__suffix {
|
|
4
|
+
right: 63px;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
&__input {
|
|
8
|
+
float: left;
|
|
9
|
+
margin-right: 5px;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
&__actions {
|
|
13
|
+
position: absolute;
|
|
14
|
+
z-index: 1000;
|
|
15
|
+
width: 60px;
|
|
16
|
+
right: 0;
|
|
17
|
+
top: 4px;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
&__editor {
|
|
21
|
+
.el-checkbox {
|
|
22
|
+
margin-left: 16px;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
&__text {
|
|
26
|
+
overflow: auto;
|
|
27
|
+
border: 1px solid transparent;
|
|
28
|
+
-webkit-appearance: none;
|
|
29
|
+
background-color: #FFFFFF;
|
|
30
|
+
color: #606266;
|
|
31
|
+
display: inline-block;
|
|
32
|
+
font-size: inherit;
|
|
33
|
+
max-height: 102px;
|
|
34
|
+
line-height: 34px;
|
|
35
|
+
outline: none;
|
|
36
|
+
padding: 0 15px;
|
|
37
|
+
width: 100%;
|
|
38
|
+
|
|
39
|
+
.edit-icon {
|
|
40
|
+
visibility: hidden;
|
|
41
|
+
margin: 3px 3px 3px 0;
|
|
42
|
+
position: absolute;
|
|
43
|
+
right: 0;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
&__slot {
|
|
47
|
+
height: 34px;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
&:hover {
|
|
53
|
+
background-color: #f5f7fa;
|
|
54
|
+
background-image: none;
|
|
55
|
+
border-radius: 4px;
|
|
56
|
+
border: 1px solid #DCDFE6;
|
|
57
|
+
box-sizing: border-box;
|
|
58
|
+
|
|
59
|
+
.edit-icon {
|
|
60
|
+
visibility: visible;
|
|
61
|
+
margin: 3px 3px 3px 0;
|
|
62
|
+
position: absolute;
|
|
63
|
+
right: 0;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
.editable-cell.new-field {
|
|
69
|
+
.el-input {
|
|
70
|
+
&__suffix {
|
|
71
|
+
right: 3px;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
}
|
|
@@ -0,0 +1,218 @@
|
|
|
1
|
+
@import 'element-ui';
|
|
2
|
+
@import 'spacing';
|
|
3
|
+
@import 'editable-field-component';
|
|
4
|
+
|
|
5
|
+
body {
|
|
6
|
+
height: 100%;
|
|
7
|
+
-moz-osx-font-smoothing: grayscale;
|
|
8
|
+
-webkit-font-smoothing: antialiased;
|
|
9
|
+
text-rendering: optimizeLegibility;
|
|
10
|
+
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
label {
|
|
14
|
+
font-weight: 700;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
html {
|
|
18
|
+
height: 100%;
|
|
19
|
+
box-sizing: border-box;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
#app {
|
|
23
|
+
height: 100%;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
*,
|
|
27
|
+
*:before,
|
|
28
|
+
*:after {
|
|
29
|
+
box-sizing: inherit;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.no-padding {
|
|
33
|
+
padding: 0px !important;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.padding-content {
|
|
37
|
+
padding: 4px 0;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
a:focus,
|
|
41
|
+
a:active {
|
|
42
|
+
outline: none;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
a,
|
|
46
|
+
a:focus,
|
|
47
|
+
a:hover {
|
|
48
|
+
cursor: pointer;
|
|
49
|
+
color: inherit;
|
|
50
|
+
text-decoration: none;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
div:focus {
|
|
54
|
+
outline: none;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.fr {
|
|
58
|
+
float: right;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.fl {
|
|
62
|
+
float: left;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.pr-5 {
|
|
66
|
+
padding-right: 5px;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.pl-5 {
|
|
70
|
+
padding-left: 5px;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.block {
|
|
74
|
+
display: block;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.pointer {
|
|
78
|
+
cursor: pointer;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.inlineBlock {
|
|
82
|
+
display: block;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.clearfix {
|
|
86
|
+
&:after {
|
|
87
|
+
visibility: hidden;
|
|
88
|
+
display: block;
|
|
89
|
+
font-size: 0;
|
|
90
|
+
content: " ";
|
|
91
|
+
clear: both;
|
|
92
|
+
height: 0;
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
code {
|
|
97
|
+
background: #eef1f6;
|
|
98
|
+
padding: 15px 16px;
|
|
99
|
+
margin-bottom: 20px;
|
|
100
|
+
display: block;
|
|
101
|
+
line-height: 36px;
|
|
102
|
+
font-size: 15px;
|
|
103
|
+
font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
|
|
104
|
+
|
|
105
|
+
a {
|
|
106
|
+
color: #337ab7;
|
|
107
|
+
cursor: pointer;
|
|
108
|
+
|
|
109
|
+
&:hover {
|
|
110
|
+
color: rgb(32, 160, 255);
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.warn-content {
|
|
116
|
+
background: rgba(66, 185, 131, .1);
|
|
117
|
+
border-radius: 2px;
|
|
118
|
+
padding: 1rem;
|
|
119
|
+
line-height: 1.6rem;
|
|
120
|
+
word-spacing: .05rem;
|
|
121
|
+
|
|
122
|
+
a {
|
|
123
|
+
color: #42b983;
|
|
124
|
+
font-weight: 600;
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
@media (min-width: $sm){
|
|
128
|
+
.app-container {
|
|
129
|
+
padding: 20px;
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
.components-container {
|
|
134
|
+
margin: 30px 50px;
|
|
135
|
+
position: relative;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
.pagination-container {
|
|
139
|
+
margin-top: 30px;
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
.text-center {
|
|
143
|
+
text-align: center
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.sub-navbar {
|
|
147
|
+
height: 50px;
|
|
148
|
+
line-height: 50px;
|
|
149
|
+
position: relative;
|
|
150
|
+
width: 100%;
|
|
151
|
+
text-align: right;
|
|
152
|
+
padding-right: 20px;
|
|
153
|
+
transition: 600ms ease position;
|
|
154
|
+
background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);
|
|
155
|
+
|
|
156
|
+
.subtitle {
|
|
157
|
+
font-size: 20px;
|
|
158
|
+
color: #fff;
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
&.draft {
|
|
162
|
+
background: #d0d0d0;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
&.deleted {
|
|
166
|
+
background: #d0d0d0;
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
.link-type,
|
|
171
|
+
.link-type:focus {
|
|
172
|
+
color: #337ab7;
|
|
173
|
+
cursor: pointer;
|
|
174
|
+
|
|
175
|
+
&:hover {
|
|
176
|
+
color: rgb(32, 160, 255);
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
.filter-container {
|
|
181
|
+
padding-bottom: 10px;
|
|
182
|
+
|
|
183
|
+
.filter-item {
|
|
184
|
+
display: inline-block;
|
|
185
|
+
vertical-align: middle;
|
|
186
|
+
margin-bottom: 10px;
|
|
187
|
+
}
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
//refine vue-multiselect plugin
|
|
191
|
+
.multiselect {
|
|
192
|
+
line-height: 16px;
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
.multiselect--active {
|
|
196
|
+
z-index: 1000 !important;
|
|
197
|
+
}
|
|
198
|
+
.el-date-transparent {
|
|
199
|
+
margin-left: -15px;
|
|
200
|
+
input {
|
|
201
|
+
border: none !important;
|
|
202
|
+
background: transparent !important;
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
#app .hideSidebar .nav-icon {
|
|
207
|
+
margin-left: 20px;
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
.form-item-min-margin {
|
|
211
|
+
/*.el-form-item {
|
|
212
|
+
margin-bottom: 0px;
|
|
213
|
+
}*/
|
|
214
|
+
.el-textarea__inner {
|
|
215
|
+
line-height: 36px;
|
|
216
|
+
margin-bottom: 10px;
|
|
217
|
+
}
|
|
218
|
+
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/*
|
|
2
|
+
This .scss loop will create "margin helpers" and "padding helpers" for use in your web projects.
|
|
3
|
+
It will generate several classes such as:
|
|
4
|
+
.m-r-10 which gives margin-right 10 pixels.
|
|
5
|
+
.m-r-15 gives MARGIN to the RIGHT 15 pixels.
|
|
6
|
+
.m-t-15 gives MARGIN to the TOP 15 pixels and so on.
|
|
7
|
+
.p-b-5 gives PADDING to the BOTTOM of 5 pixels
|
|
8
|
+
.p-l-40 gives PADDING to the LEFT of 40 pixels
|
|
9
|
+
The first letter is "m" or "p" for MARGIN or PADDING
|
|
10
|
+
Second letter is "t", "b", "l", or "r" for TOP, BOTTOM, LEFT, or RIGHT
|
|
11
|
+
Third letter is the number of spacing in pixels. Adjust the amounts generated by editing the $spaceamounts variable below.
|
|
12
|
+
*/
|
|
13
|
+
|
|
14
|
+
$spaceamounts: (5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 75, 100); // Adjust this to include the pixel amounts you need.
|
|
15
|
+
$sides: (top, bottom, left, right); // Leave this variable alone
|
|
16
|
+
|
|
17
|
+
@each $space in $spaceamounts {
|
|
18
|
+
@each $side in $sides {
|
|
19
|
+
.m-#{str-slice($side, 0, 1)}-#{$space} {
|
|
20
|
+
margin-#{$side}: #{$space}px !important;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.p-#{str-slice($side, 0, 1)}-#{$space} {
|
|
24
|
+
padding-#{$side}: #{$space}px !important;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.m-w-1200 {
|
|
30
|
+
max-width: 1200px;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.w-300 {
|
|
34
|
+
width: 300px;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.w-100 {
|
|
38
|
+
width: 100% !important;
|
|
39
|
+
}
|