@g1cloud/bluesea 5.0.0-alpha.10 → 5.0.0-alpha.11
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/css/bluesea-base.scss +1 -0
- package/css/component.scss +34 -6
- package/css/user-text.scss +87 -0
- package/dist/bluesea.js +26049 -589
- package/dist/bluesea.umd.cjs +26021 -561
- package/dist/component/basic/BSConsole.vue.d.ts +15 -0
- package/dist/component/grid/GridModel.d.ts +1 -1
- package/dist/component/input/BSTextArea.vue.d.ts +2 -0
- package/dist/component/input/BSTextInput.vue.d.ts +2 -0
- package/dist/component/input/ValidationErrors.vue.d.ts +16 -0
- package/dist/component/multilang/BSMultiLangRichText.vue.d.ts +85 -0
- package/dist/component/multilang/BSMultiLangTextArea.vue.d.ts +20 -3
- package/dist/component/multilang/BSMultiLangTextInput.vue.d.ts +20 -3
- package/dist/component/richtext/BSRichText.vue.d.ts +55 -0
- package/dist/component/richtext/RichTextToolbar.vue.d.ts +18 -0
- package/dist/component/richtext/ToolButtonColor.vue.d.ts +18 -0
- package/dist/component/richtext/ToolButtonFontSize.vue.d.ts +18 -0
- package/dist/frame/FrameModel.d.ts +4 -0
- package/dist/frame/default/DefaultFrameModel.d.ts +5 -3
- package/dist/index.d.ts +3 -0
- package/dist/savepoint/SavePoint.d.ts +19 -15
- package/dist/style.css +16818 -3714
- package/dist/util/debounce.d.ts +1 -0
- package/dist/util/multiLangUtil.d.ts +7 -0
- package/dist/validator/FieldValidator.d.ts +1 -1
- package/package.json +16 -3
package/css/bluesea-base.scss
CHANGED
package/css/component.scss
CHANGED
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
display: inline-flex;
|
|
19
19
|
align-items: center;
|
|
20
20
|
justify-content: left;
|
|
21
|
+
background-color: white;
|
|
21
22
|
}
|
|
22
23
|
|
|
23
24
|
// input component
|
|
@@ -28,7 +29,7 @@
|
|
|
28
29
|
.bs-input-base {
|
|
29
30
|
@extend .bs-box-component-base;
|
|
30
31
|
|
|
31
|
-
input {
|
|
32
|
+
> input {
|
|
32
33
|
border: 0;
|
|
33
34
|
border-radius: 0;
|
|
34
35
|
outline: 0;
|
|
@@ -39,7 +40,7 @@
|
|
|
39
40
|
width: 100%;
|
|
40
41
|
}
|
|
41
42
|
|
|
42
|
-
textarea {
|
|
43
|
+
> textarea {
|
|
43
44
|
border: 0;
|
|
44
45
|
border-radius: 4px;
|
|
45
46
|
outline: 0;
|
|
@@ -63,13 +64,14 @@
|
|
|
63
64
|
.bs-text-input,
|
|
64
65
|
.bs-number-input,
|
|
65
66
|
.bs-date-input,
|
|
67
|
+
.bs-date-range,
|
|
66
68
|
.bs-multi-lang-text-input,
|
|
67
69
|
.bs-text-area {
|
|
68
70
|
&.modified {
|
|
69
71
|
.input-area {
|
|
70
72
|
border-color: $purple !important;
|
|
71
73
|
|
|
72
|
-
input {
|
|
74
|
+
> input, > textarea {
|
|
73
75
|
color: $purple !important;
|
|
74
76
|
}
|
|
75
77
|
}
|
|
@@ -79,11 +81,22 @@
|
|
|
79
81
|
.input-area {
|
|
80
82
|
border-color: $danger !important;
|
|
81
83
|
|
|
82
|
-
input {
|
|
84
|
+
> input {
|
|
83
85
|
color: $danger !important;
|
|
84
86
|
}
|
|
85
87
|
}
|
|
86
88
|
}
|
|
89
|
+
|
|
90
|
+
&.disabled {
|
|
91
|
+
.input-area {
|
|
92
|
+
border-color: $gray-400 !important;
|
|
93
|
+
background-color: $gray-100 !important;
|
|
94
|
+
|
|
95
|
+
> input {
|
|
96
|
+
color: $gray-400 !important;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
}
|
|
87
100
|
}
|
|
88
101
|
|
|
89
102
|
|
|
@@ -116,6 +129,7 @@
|
|
|
116
129
|
&:focus::before {
|
|
117
130
|
color: $color-focus;
|
|
118
131
|
}
|
|
132
|
+
|
|
119
133
|
&:focus ~ label {
|
|
120
134
|
color: $color-focus;
|
|
121
135
|
}
|
|
@@ -132,7 +146,6 @@
|
|
|
132
146
|
}
|
|
133
147
|
}
|
|
134
148
|
|
|
135
|
-
|
|
136
149
|
&.error {
|
|
137
150
|
& input::before {
|
|
138
151
|
color: $danger !important;
|
|
@@ -143,6 +156,16 @@
|
|
|
143
156
|
}
|
|
144
157
|
}
|
|
145
158
|
|
|
159
|
+
&.disabled {
|
|
160
|
+
& input::before {
|
|
161
|
+
color: $gray-400 !important;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
& input ~ label {
|
|
165
|
+
color: $gray-400 !important;
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
|
|
146
169
|
label {
|
|
147
170
|
display: inline-block;
|
|
148
171
|
vertical-align: middle;
|
|
@@ -163,7 +186,6 @@
|
|
|
163
186
|
}
|
|
164
187
|
}
|
|
165
188
|
|
|
166
|
-
|
|
167
189
|
&.error {
|
|
168
190
|
input::before {
|
|
169
191
|
color: $danger !important;
|
|
@@ -230,6 +252,12 @@
|
|
|
230
252
|
border-color: $danger !important;
|
|
231
253
|
color: $danger !important;
|
|
232
254
|
}
|
|
255
|
+
|
|
256
|
+
&.disabled > .selected {
|
|
257
|
+
border-color: $gray-400 !important;
|
|
258
|
+
background-color: $gray-100 !important;
|
|
259
|
+
color: $gray-400 !important;
|
|
260
|
+
}
|
|
233
261
|
}
|
|
234
262
|
|
|
235
263
|
// field error
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
.user-text {
|
|
2
|
+
font-size: 14px;
|
|
3
|
+
|
|
4
|
+
* {
|
|
5
|
+
line-height: 1.4em;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
p {
|
|
9
|
+
margin-bottom: 4px;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
pre {
|
|
13
|
+
background-color: #eee;
|
|
14
|
+
padding: 8px;
|
|
15
|
+
margin: 8px 0;
|
|
16
|
+
border-radius: 4px;
|
|
17
|
+
font-family: "Lucida Console", sans-serif;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
h1 {
|
|
21
|
+
font-size: 1.8rem;
|
|
22
|
+
margin: 1rem 0 0.4rem;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
h2 {
|
|
26
|
+
font-size: 1.6rem;
|
|
27
|
+
margin: 0.6rem 0 0.2rem;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
h3 {
|
|
31
|
+
font-size: 1.4rem;
|
|
32
|
+
margin: 0.4rem 0 0.2rem;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
h4 {
|
|
36
|
+
font-size: 1.2rem;
|
|
37
|
+
margin: 0.4rem 0 0.2rem;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
ul {
|
|
41
|
+
padding-left: 1em;
|
|
42
|
+
|
|
43
|
+
li {
|
|
44
|
+
list-style: inside disc;
|
|
45
|
+
|
|
46
|
+
> ul > li {
|
|
47
|
+
list-style: inside circle;
|
|
48
|
+
|
|
49
|
+
> ul > li {
|
|
50
|
+
list-style: inside square;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
> p {
|
|
55
|
+
display: inline;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
ol {
|
|
61
|
+
padding-left: 1em;
|
|
62
|
+
|
|
63
|
+
li {
|
|
64
|
+
list-style: inside decimal;
|
|
65
|
+
|
|
66
|
+
> ol > li {
|
|
67
|
+
list-style: inside lower-alpha;
|
|
68
|
+
|
|
69
|
+
> ol > li {
|
|
70
|
+
list-style: inside lower-roman;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
> p {
|
|
75
|
+
display: inline;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
> div > ul, > div > ol {
|
|
81
|
+
margin: 8px 0;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
em {
|
|
85
|
+
font-style: italic;
|
|
86
|
+
}
|
|
87
|
+
}
|