dtable-ui-component 6.0.24 → 6.0.25

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.
Files changed (70) hide show
  1. package/lib/ActionSheet/index.js +194 -0
  2. package/lib/ActionSheet/style/index.css +365 -0
  3. package/lib/ActivityIndicator/index.css +108 -0
  4. package/lib/ActivityIndicator/index.js +76 -0
  5. package/lib/Badge/index.css +96 -0
  6. package/lib/Badge/index.js +65 -0
  7. package/lib/DateEditor/mb-date-editor-popover/index.js +3 -3
  8. package/lib/DatePicker/index.js +120 -0
  9. package/lib/DatePicker/locale/en_US.js +14 -0
  10. package/lib/DatePicker/locale/ru_RU.js +14 -0
  11. package/lib/DatePicker/locale/sv_SE.js +14 -0
  12. package/lib/DatePicker/locale/zh_CN.js +14 -0
  13. package/lib/DatePicker/style/index.css +290 -0
  14. package/lib/DatePicker/utils.js +36 -0
  15. package/lib/Drawer/index.css +142 -0
  16. package/lib/Drawer/index.js +21 -0
  17. package/lib/Icon/index.css +50 -0
  18. package/lib/Icon/index.js +34 -0
  19. package/lib/Icon/load-sprite.js +56 -0
  20. package/lib/InputItem/custom-input.js +321 -0
  21. package/lib/InputItem/custom-keyboard.js +162 -0
  22. package/lib/InputItem/index.js +388 -0
  23. package/lib/InputItem/input.js +45 -0
  24. package/lib/InputItem/locale/en_US.js +12 -0
  25. package/lib/InputItem/locale/ru_RU.js +12 -0
  26. package/lib/InputItem/locale/sv_SE.js +12 -0
  27. package/lib/InputItem/locale/zh_CN.js +12 -0
  28. package/lib/InputItem/portal.js +23 -0
  29. package/lib/InputItem/style/index.css +512 -0
  30. package/lib/List/index.css +381 -0
  31. package/lib/List/index.js +41 -0
  32. package/lib/List/list-item.js +169 -0
  33. package/lib/Modal/alert.js +82 -0
  34. package/lib/Modal/index.js +15 -0
  35. package/lib/Modal/modal.js +118 -0
  36. package/lib/Modal/operation.js +77 -0
  37. package/lib/Modal/prompt.js +207 -0
  38. package/lib/Picker/AbstractPicker.js +190 -0
  39. package/lib/Picker/index.js +28 -0
  40. package/lib/Picker/locale/en_US.js +12 -0
  41. package/lib/Picker/locale/ru_RU.js +12 -0
  42. package/lib/Picker/locale/sv_SE.js +12 -0
  43. package/lib/Picker/locale/zh_CN.js +12 -0
  44. package/lib/Picker/popupProps.js +12 -0
  45. package/lib/Picker/style/index.css +141 -0
  46. package/lib/Popover/index.js +62 -0
  47. package/lib/Popover/item.js +55 -0
  48. package/lib/Popover/style/index.css +229 -0
  49. package/lib/Progress/index.css +22 -0
  50. package/lib/Progress/index.js +65 -0
  51. package/lib/Radio/Radio.js +47 -0
  52. package/lib/Radio/RadioItem.js +57 -0
  53. package/lib/Radio/index.css +90 -0
  54. package/lib/Radio/index.js +12 -0
  55. package/lib/TabBar/Tab.js +76 -0
  56. package/lib/TabBar/index.css +138 -0
  57. package/lib/TabBar/index.js +128 -0
  58. package/lib/Tabs/index.css +443 -0
  59. package/lib/Tabs/index.js +38 -0
  60. package/lib/TextareaItem/index.css +231 -0
  61. package/lib/TextareaItem/index.js +231 -0
  62. package/lib/Toast/index.css +65 -0
  63. package/lib/Toast/index.js +131 -0
  64. package/lib/_util/class.js +34 -0
  65. package/lib/_util/closest.js +17 -0
  66. package/lib/_util/exenv.js +8 -0
  67. package/lib/_util/getDataAttr.js +15 -0
  68. package/lib/_util/getLocale.js +42 -0
  69. package/lib/index.js +106 -1
  70. package/package.json +12 -3
@@ -0,0 +1,443 @@
1
+ .am-tabs {
2
+ -webkit-box-sizing: border-box;
3
+ box-sizing: border-box;
4
+ display: -webkit-box;
5
+ display: -webkit-flex;
6
+ display: -ms-flexbox;
7
+ display: flex;
8
+ -webkit-box-flex: 1;
9
+ -webkit-flex: 1;
10
+ -ms-flex: 1;
11
+ flex: 1;
12
+ position: relative;
13
+ overflow: hidden;
14
+ height: 100%;
15
+ width: 100%;
16
+ }
17
+
18
+ .am-tabs * {
19
+ -webkit-box-sizing: border-box;
20
+ box-sizing: border-box;
21
+ }
22
+
23
+ .am-tabs-content-wrap {
24
+ display: -webkit-box;
25
+ display: -webkit-flex;
26
+ display: -ms-flexbox;
27
+ display: flex;
28
+ -webkit-box-flex: 1;
29
+ -webkit-flex: 1;
30
+ -ms-flex: 1;
31
+ flex: 1;
32
+ width: 100%;
33
+ height: 100%;
34
+ min-height: 0;
35
+ }
36
+
37
+ .am-tabs-content-wrap-animated {
38
+ -webkit-transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
39
+ transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
40
+ transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1);
41
+ transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
42
+ will-change: transform, left, top;
43
+ }
44
+
45
+ .am-tabs-pane-wrap {
46
+ width: 100%;
47
+ -webkit-flex-shrink: 0;
48
+ -ms-flex-negative: 0;
49
+ flex-shrink: 0;
50
+ overflow-y: auto;
51
+ }
52
+
53
+ .am-tabs-tab-bar-wrap {
54
+ -webkit-flex-shrink: 0;
55
+ -ms-flex-negative: 0;
56
+ flex-shrink: 0;
57
+ }
58
+
59
+ .am-tabs-horizontal .am-tabs-pane-wrap-active {
60
+ height: auto;
61
+ }
62
+
63
+ .am-tabs-horizontal .am-tabs-pane-wrap-inactive {
64
+ height: 0;
65
+ overflow: visible;
66
+ }
67
+
68
+ .am-tabs-vertical .am-tabs-content-wrap {
69
+ -webkit-box-orient: vertical;
70
+ -webkit-box-direction: normal;
71
+ -webkit-flex-direction: column;
72
+ -ms-flex-direction: column;
73
+ flex-direction: column;
74
+ }
75
+
76
+ .am-tabs-vertical .am-tabs-tab-bar-wrap {
77
+ height: 100%;
78
+ }
79
+
80
+ .am-tabs-vertical .am-tabs-pane-wrap {
81
+ height: 100%;
82
+ }
83
+
84
+ .am-tabs-vertical .am-tabs-pane-wrap-active {
85
+ overflow: auto;
86
+ }
87
+
88
+ .am-tabs-vertical .am-tabs-pane-wrap-inactive {
89
+ overflow: hidden;
90
+ }
91
+
92
+ .am-tabs-top,
93
+ .am-tabs-bottom {
94
+ -webkit-box-orient: vertical;
95
+ -webkit-box-direction: normal;
96
+ -webkit-flex-direction: column;
97
+ -ms-flex-direction: column;
98
+ flex-direction: column;
99
+ }
100
+
101
+ .am-tabs-left,
102
+ .am-tabs-right {
103
+ -webkit-box-orient: horizontal;
104
+ -webkit-box-direction: normal;
105
+ -webkit-flex-direction: row;
106
+ -ms-flex-direction: row;
107
+ flex-direction: row;
108
+ }
109
+
110
+ .am-tabs-default-bar {
111
+ position: relative;
112
+ display: -webkit-box;
113
+ display: -webkit-flex;
114
+ display: -ms-flexbox;
115
+ display: flex;
116
+ -webkit-flex-shrink: 0;
117
+ -ms-flex-negative: 0;
118
+ flex-shrink: 0;
119
+ -webkit-box-orient: horizontal;
120
+ -webkit-box-direction: normal;
121
+ -webkit-flex-direction: row;
122
+ -ms-flex-direction: row;
123
+ flex-direction: row;
124
+ width: 100%;
125
+ height: 100%;
126
+ overflow: visible;
127
+ z-index: 1;
128
+ }
129
+
130
+ .am-tabs-default-bar-tab {
131
+ position: relative;
132
+ display: -webkit-box;
133
+ display: -webkit-flex;
134
+ display: -ms-flexbox;
135
+ display: flex;
136
+ -webkit-flex-shrink: 0;
137
+ -ms-flex-negative: 0;
138
+ flex-shrink: 0;
139
+ -webkit-box-pack: center;
140
+ -webkit-justify-content: center;
141
+ -ms-flex-pack: center;
142
+ justify-content: center;
143
+ -webkit-box-align: center;
144
+ -webkit-align-items: center;
145
+ -ms-flex-align: center;
146
+ align-items: center;
147
+ font-size: 15px;
148
+ height: 43.5px;
149
+ line-height: 43.5px;
150
+ }
151
+
152
+ .am-tabs-default-bar-tab .am-badge .am-badge-text {
153
+ top: -13px;
154
+ -webkit-transform: translateX(-5px);
155
+ -ms-transform: translateX(-5px);
156
+ transform: translateX(-5px);
157
+ }
158
+
159
+ .am-tabs-default-bar-tab .am-badge .am-badge-dot {
160
+ top: -6px;
161
+ -webkit-transform: translateX(0);
162
+ -ms-transform: translateX(0);
163
+ transform: translateX(0);
164
+ }
165
+
166
+ .am-tabs-default-bar-tab-active {
167
+ color: #108ee9;
168
+ }
169
+
170
+ .am-tabs-default-bar-underline {
171
+ position: absolute;
172
+ border: 1px #108ee9 solid;
173
+ -webkit-transform: translate3d(0, 0, 0);
174
+ transform: translate3d(0, 0, 0);
175
+ }
176
+
177
+ .am-tabs-default-bar-animated .am-tabs-default-bar-content {
178
+ -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
179
+ transition: -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
180
+ transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
181
+ transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
182
+ will-change: transform;
183
+ }
184
+
185
+ .am-tabs-default-bar-animated .am-tabs-default-bar-underline {
186
+ -webkit-transition: top 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), color 0.3s cubic-bezier(0.35, 0, 0.25, 1), width 0.3s cubic-bezier(0.35, 0, 0.25, 1);
187
+ transition: top 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), color 0.3s cubic-bezier(0.35, 0, 0.25, 1), width 0.3s cubic-bezier(0.35, 0, 0.25, 1);
188
+ will-change: top, left, width, color;
189
+ }
190
+
191
+ .am-tabs-default-bar-top,
192
+ .am-tabs-default-bar-bottom {
193
+ -webkit-box-orient: horizontal;
194
+ -webkit-box-direction: normal;
195
+ -webkit-flex-direction: row;
196
+ -ms-flex-direction: row;
197
+ flex-direction: row;
198
+ }
199
+
200
+ .am-tabs-default-bar-top .am-tabs-default-bar-content,
201
+ .am-tabs-default-bar-bottom .am-tabs-default-bar-content {
202
+ display: -webkit-box;
203
+ display: -webkit-flex;
204
+ display: -ms-flexbox;
205
+ display: flex;
206
+ width: 100%;
207
+ -webkit-box-orient: horizontal;
208
+ -webkit-box-direction: normal;
209
+ -webkit-flex-direction: row;
210
+ -ms-flex-direction: row;
211
+ flex-direction: row;
212
+ }
213
+
214
+ .am-tabs-default-bar-top .am-tabs-default-bar-prevpage,
215
+ .am-tabs-default-bar-bottom .am-tabs-default-bar-prevpage {
216
+ pointer-events: none;
217
+ position: absolute;
218
+ top: 0;
219
+ display: block;
220
+ width: 59px;
221
+ height: 100%;
222
+ content: ' ';
223
+ z-index: 999;
224
+ left: 0;
225
+ background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(rgba(255, 255, 255, 0)));
226
+ background: -webkit-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0));
227
+ background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
228
+ }
229
+
230
+ .am-tabs-default-bar-top .am-tabs-default-bar-nextpage,
231
+ .am-tabs-default-bar-bottom .am-tabs-default-bar-nextpage {
232
+ pointer-events: none;
233
+ position: absolute;
234
+ top: 0;
235
+ display: block;
236
+ width: 59px;
237
+ height: 100%;
238
+ content: ' ';
239
+ z-index: 999;
240
+ right: 0;
241
+ background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#ffffff));
242
+ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
243
+ background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
244
+ }
245
+
246
+ .am-tabs-default-bar-top .am-tabs-default-bar-tab,
247
+ .am-tabs-default-bar-bottom .am-tabs-default-bar-tab {
248
+ padding: 8px 0;
249
+ }
250
+
251
+ .am-tabs-default-bar-top .am-tabs-default-bar-underline,
252
+ .am-tabs-default-bar-bottom .am-tabs-default-bar-underline {
253
+ bottom: 0;
254
+ }
255
+
256
+ .am-tabs-default-bar-top .am-tabs-default-bar-tab {
257
+ border-bottom: 1PX solid #ddd;
258
+ }
259
+
260
+ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
261
+ html:not([data-scale]) .am-tabs-default-bar-top .am-tabs-default-bar-tab {
262
+ border-bottom: none;
263
+ }
264
+
265
+ html:not([data-scale]) .am-tabs-default-bar-top .am-tabs-default-bar-tab::after {
266
+ content: '';
267
+ position: absolute;
268
+ background-color: #ddd;
269
+ display: block;
270
+ z-index: 1;
271
+ top: auto;
272
+ right: auto;
273
+ bottom: 0;
274
+ left: 0;
275
+ width: 100%;
276
+ height: 1PX;
277
+ -webkit-transform-origin: 50% 100%;
278
+ -ms-transform-origin: 50% 100%;
279
+ transform-origin: 50% 100%;
280
+ -webkit-transform: scaleY(0.5);
281
+ -ms-transform: scaleY(0.5);
282
+ transform: scaleY(0.5);
283
+ }
284
+ }
285
+
286
+ @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
287
+ html:not([data-scale]) .am-tabs-default-bar-top .am-tabs-default-bar-tab::after {
288
+ -webkit-transform: scaleY(0.33);
289
+ -ms-transform: scaleY(0.33);
290
+ transform: scaleY(0.33);
291
+ }
292
+ }
293
+
294
+ .am-tabs-default-bar-bottom .am-tabs-default-bar-tab {
295
+ border-top: 1PX solid #ddd;
296
+ }
297
+
298
+ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
299
+ html:not([data-scale]) .am-tabs-default-bar-bottom .am-tabs-default-bar-tab {
300
+ border-top: none;
301
+ }
302
+
303
+ html:not([data-scale]) .am-tabs-default-bar-bottom .am-tabs-default-bar-tab::before {
304
+ content: '';
305
+ position: absolute;
306
+ background-color: #ddd;
307
+ display: block;
308
+ z-index: 1;
309
+ top: 0;
310
+ right: auto;
311
+ bottom: auto;
312
+ left: 0;
313
+ width: 100%;
314
+ height: 1PX;
315
+ -webkit-transform-origin: 50% 50%;
316
+ -ms-transform-origin: 50% 50%;
317
+ transform-origin: 50% 50%;
318
+ -webkit-transform: scaleY(0.5);
319
+ -ms-transform: scaleY(0.5);
320
+ transform: scaleY(0.5);
321
+ }
322
+ }
323
+
324
+ @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
325
+ html:not([data-scale]) .am-tabs-default-bar-bottom .am-tabs-default-bar-tab::before {
326
+ -webkit-transform: scaleY(0.33);
327
+ -ms-transform: scaleY(0.33);
328
+ transform: scaleY(0.33);
329
+ }
330
+ }
331
+
332
+ .am-tabs-default-bar-left,
333
+ .am-tabs-default-bar-right {
334
+ -webkit-box-orient: vertical;
335
+ -webkit-box-direction: normal;
336
+ -webkit-flex-direction: column;
337
+ -ms-flex-direction: column;
338
+ flex-direction: column;
339
+ }
340
+
341
+ .am-tabs-default-bar-left .am-tabs-default-bar-content,
342
+ .am-tabs-default-bar-right .am-tabs-default-bar-content {
343
+ display: -webkit-box;
344
+ display: -webkit-flex;
345
+ display: -ms-flexbox;
346
+ display: flex;
347
+ height: 100%;
348
+ -webkit-box-orient: vertical;
349
+ -webkit-box-direction: normal;
350
+ -webkit-flex-direction: column;
351
+ -ms-flex-direction: column;
352
+ flex-direction: column;
353
+ }
354
+
355
+ .am-tabs-default-bar-left .am-tabs-default-bar-tab,
356
+ .am-tabs-default-bar-right .am-tabs-default-bar-tab {
357
+ padding: 0 8px;
358
+ }
359
+
360
+ .am-tabs-default-bar-left .am-tabs-default-bar-underline {
361
+ right: 0;
362
+ }
363
+
364
+ .am-tabs-default-bar-left .am-tabs-default-bar-tab {
365
+ border-right: 1PX solid #ddd;
366
+ }
367
+
368
+ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
369
+ html:not([data-scale]) .am-tabs-default-bar-left .am-tabs-default-bar-tab {
370
+ border-right: none;
371
+ }
372
+
373
+ html:not([data-scale]) .am-tabs-default-bar-left .am-tabs-default-bar-tab::after {
374
+ content: '';
375
+ position: absolute;
376
+ background-color: #ddd;
377
+ display: block;
378
+ z-index: 1;
379
+ top: 0;
380
+ right: 0;
381
+ bottom: auto;
382
+ left: auto;
383
+ width: 1PX;
384
+ height: 100%;
385
+ background: #ddd;
386
+ -webkit-transform-origin: 100% 50%;
387
+ -ms-transform-origin: 100% 50%;
388
+ transform-origin: 100% 50%;
389
+ -webkit-transform: scaleX(0.5);
390
+ -ms-transform: scaleX(0.5);
391
+ transform: scaleX(0.5);
392
+ }
393
+ }
394
+
395
+ @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
396
+ html:not([data-scale]) .am-tabs-default-bar-left .am-tabs-default-bar-tab::after {
397
+ -webkit-transform: scaleX(0.33);
398
+ -ms-transform: scaleX(0.33);
399
+ transform: scaleX(0.33);
400
+ }
401
+ }
402
+
403
+ .am-tabs-default-bar-right .am-tabs-default-bar-underline {
404
+ left: 0;
405
+ }
406
+
407
+ .am-tabs-default-bar-right .am-tabs-default-bar-tab {
408
+ border-left: 1PX solid #ddd;
409
+ }
410
+
411
+ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
412
+ html:not([data-scale]) .am-tabs-default-bar-right .am-tabs-default-bar-tab {
413
+ border-left: none;
414
+ }
415
+
416
+ html:not([data-scale]) .am-tabs-default-bar-right .am-tabs-default-bar-tab::before {
417
+ content: '';
418
+ position: absolute;
419
+ background-color: #ddd;
420
+ display: block;
421
+ z-index: 1;
422
+ top: 0;
423
+ right: auto;
424
+ bottom: auto;
425
+ left: 0;
426
+ width: 1PX;
427
+ height: 100%;
428
+ -webkit-transform-origin: 100% 50%;
429
+ -ms-transform-origin: 100% 50%;
430
+ transform-origin: 100% 50%;
431
+ -webkit-transform: scaleX(0.5);
432
+ -ms-transform: scaleX(0.5);
433
+ transform: scaleX(0.5);
434
+ }
435
+ }
436
+
437
+ @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
438
+ html:not([data-scale]) .am-tabs-default-bar-right .am-tabs-default-bar-tab::before {
439
+ -webkit-transform: scaleX(0.33);
440
+ -ms-transform: scaleX(0.33);
441
+ transform: scaleX(0.33);
442
+ }
443
+ }
@@ -0,0 +1,38 @@
1
+ "use strict";
2
+
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = exports.DefaultTabBar = void 0;
8
+ var React = _interopRequireWildcard(require("react"));
9
+ var _rmcTabs = require("rmc-tabs");
10
+ class DefaultTabBar extends _rmcTabs.DefaultTabBar {}
11
+ exports.DefaultTabBar = DefaultTabBar;
12
+ DefaultTabBar.defaultProps = {
13
+ ..._rmcTabs.DefaultTabBar.defaultProps,
14
+ prefixCls: 'am-tabs-default-bar'
15
+ };
16
+ class Tabs extends React.PureComponent {
17
+ constructor() {
18
+ super(...arguments);
19
+ this.renderTabBar = props => {
20
+ const {
21
+ renderTab
22
+ } = this.props;
23
+ return /*#__PURE__*/React.createElement(DefaultTabBar, Object.assign({}, props, {
24
+ renderTab: renderTab
25
+ }));
26
+ };
27
+ }
28
+ render() {
29
+ return /*#__PURE__*/React.createElement(_rmcTabs.Tabs, Object.assign({
30
+ renderTabBar: this.renderTabBar
31
+ }, this.props));
32
+ }
33
+ }
34
+ exports.default = Tabs;
35
+ Tabs.DefaultTabBar = DefaultTabBar;
36
+ Tabs.defaultProps = {
37
+ prefixCls: 'am-tabs'
38
+ };
@@ -0,0 +1,231 @@
1
+ .am-list .am-list-item.am-textarea-item {
2
+ display: -webkit-box;
3
+ display: -webkit-flex;
4
+ display: -ms-flexbox;
5
+ display: flex;
6
+ -webkit-box-align: start;
7
+ -webkit-align-items: flex-start;
8
+ -ms-flex-align: start;
9
+ align-items: flex-start;
10
+ -webkit-box-sizing: border-box;
11
+ box-sizing: border-box;
12
+ min-height: 44px;
13
+ padding-left: 15px;
14
+ padding-right: 15px;
15
+ border-bottom: 1PX solid #ddd;
16
+ }
17
+
18
+ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
19
+ html:not([data-scale]) .am-list .am-list-item.am-textarea-item {
20
+ border-bottom: none;
21
+ }
22
+
23
+ html:not([data-scale]) .am-list .am-list-item.am-textarea-item::after {
24
+ content: '';
25
+ position: absolute;
26
+ background-color: #ddd;
27
+ display: block;
28
+ z-index: 1;
29
+ top: auto;
30
+ right: auto;
31
+ bottom: 0;
32
+ left: 0;
33
+ width: 100%;
34
+ height: 1PX;
35
+ -webkit-transform-origin: 50% 100%;
36
+ -ms-transform-origin: 50% 100%;
37
+ transform-origin: 50% 100%;
38
+ -webkit-transform: scaleY(0.5);
39
+ -ms-transform: scaleY(0.5);
40
+ transform: scaleY(0.5);
41
+ }
42
+ }
43
+
44
+ @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
45
+ html:not([data-scale]) .am-list .am-list-item.am-textarea-item::after {
46
+ -webkit-transform: scaleY(0.33);
47
+ -ms-transform: scaleY(0.33);
48
+ transform: scaleY(0.33);
49
+ }
50
+ }
51
+
52
+ .am-list .am-list-item.am-textarea-item.am-textarea-item-single-line {
53
+ -webkit-box-align: center;
54
+ -webkit-align-items: center;
55
+ -ms-flex-align: center;
56
+ align-items: center;
57
+ }
58
+
59
+ .am-list .am-list-item.am-textarea-item.am-textarea-item-single-line .am-textarea-label {
60
+ -webkit-align-self: center;
61
+ -ms-flex-item-align: center;
62
+ align-self: center;
63
+ }
64
+
65
+ .am-list .am-list-item.am-textarea-item.am-textarea-item-single-line .am-textarea-control {
66
+ padding-top: 0;
67
+ padding-bottom: 0;
68
+ }
69
+
70
+ .am-list .am-list-item.am-textarea-item.am-textarea-item-single-line .am-textarea-control textarea {
71
+ line-height: 25.5px;
72
+ }
73
+
74
+ .am-list .am-list-item.am-textarea-item.am-textarea-item-single-line .am-textarea-clear {
75
+ margin-top: 0;
76
+ }
77
+
78
+ .am-list .am-list-item.am-textarea-item.am-textarea-item-single-line.am-textarea-error .am-textarea-error-extra {
79
+ margin-top: 0;
80
+ }
81
+
82
+ .am-textarea-label {
83
+ -webkit-align-self: flex-start;
84
+ -ms-flex-item-align: start;
85
+ align-self: flex-start;
86
+ color: #000;
87
+ text-align: left;
88
+ min-height: 44px;
89
+ font-size: 17px;
90
+ line-height: 44px;
91
+ margin-left: 0;
92
+ margin-right: 5px;
93
+ white-space: nowrap;
94
+ overflow: hidden;
95
+ }
96
+
97
+ .am-textarea-label.am-textarea-label-2 {
98
+ width: 34px;
99
+ }
100
+
101
+ .am-textarea-label.am-textarea-label-3 {
102
+ width: 51px;
103
+ }
104
+
105
+ .am-textarea-label.am-textarea-label-4 {
106
+ width: 68px;
107
+ }
108
+
109
+ .am-textarea-label.am-textarea-label-5 {
110
+ width: 85px;
111
+ }
112
+
113
+ .am-textarea-label.am-textarea-label-6 {
114
+ width: 102px;
115
+ }
116
+
117
+ .am-textarea-label.am-textarea-label-7 {
118
+ width: 119px;
119
+ }
120
+
121
+ .am-textarea-control {
122
+ -webkit-box-flex: 1;
123
+ -webkit-flex: 1;
124
+ -ms-flex: 1;
125
+ flex: 1;
126
+ padding-top: 10px;
127
+ padding-bottom: 9px;
128
+ }
129
+
130
+ .am-textarea-control textarea {
131
+ color: #000;
132
+ font-size: 17px;
133
+ line-height: 25.5px;
134
+ -webkit-appearance: none;
135
+ -moz-appearance: none;
136
+ appearance: none;
137
+ width: 100%;
138
+ padding: 0;
139
+ border: 0;
140
+ background-color: transparent;
141
+ overflow: visible;
142
+ display: block;
143
+ resize: none;
144
+ word-break: break-word;
145
+ word-wrap: break-word;
146
+ }
147
+
148
+ .am-textarea-control textarea::-webkit-input-placeholder {
149
+ color: #bbb;
150
+ }
151
+
152
+ .am-textarea-control textarea::-moz-placeholder {
153
+ color: #bbb;
154
+ }
155
+
156
+ .am-textarea-control textarea::-ms-input-placeholder {
157
+ color: #bbb;
158
+ }
159
+
160
+ .am-textarea-control textarea::placeholder {
161
+ color: #bbb;
162
+ }
163
+
164
+ .am-textarea-control textarea:disabled {
165
+ color: #bbb;
166
+ background-color: #fff;
167
+ }
168
+
169
+ .am-textarea-clear {
170
+ display: none;
171
+ width: 21px;
172
+ height: 21px;
173
+ margin-top: 12px;
174
+ border-radius: 50%;
175
+ overflow: hidden;
176
+ font-style: normal;
177
+ color: #fff;
178
+ background-color: #ccc;
179
+ background-repeat: no-repeat;
180
+ background-size: 21px auto;
181
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
182
+ }
183
+
184
+ .am-textarea-clear-active {
185
+ background-color: #108ee9;
186
+ }
187
+
188
+ .am-textarea-focus .am-textarea-clear {
189
+ display: block;
190
+ }
191
+
192
+ .am-textarea-has-count {
193
+ padding-bottom: 14px;
194
+ }
195
+
196
+ .am-textarea-count {
197
+ position: absolute;
198
+ bottom: 6px;
199
+ right: 5px;
200
+ color: #bbb;
201
+ font-size: 14px;
202
+ }
203
+
204
+ .am-textarea-count span {
205
+ color: #000;
206
+ }
207
+
208
+ .am-textarea-error .am-textarea-control textarea {
209
+ color: #f50;
210
+ }
211
+
212
+ .am-textarea-error .am-textarea-error-extra {
213
+ margin-top: 12px;
214
+ width: 21px;
215
+ height: 21px;
216
+ margin-left: 8px;
217
+ background-size: 21px 21px;
218
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'18'%20height%3D'18'%20viewBox%3D'0%200%2018%2018'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%3Cg%20transform%3D'translate(-300.000000%2C%20-1207.000000)'%20fill%3D'%23FF5500'%3E%3Cg%20id%3D'exclamation-circle-o'%20transform%3D'translate(300.000000%2C%201207.000000)'%3E%3Cpath%20d%3D'M9%2C16.734375%20C10.0441406%2C16.734375%2011.0566406%2C16.5304688%2012.009375%2C16.1279297%20C12.9304688%2C15.7376953%2013.7566406%2C15.1804687%2014.4685547%2C14.4703125%20C15.1787109%2C13.7601563%2015.7376953%2C12.9322266%2016.1261719%2C12.0111328%20C16.5304688%2C11.0566406%2016.734375%2C10.0441406%2016.734375%2C9%20C16.734375%2C7.95585938%2016.5304688%2C6.94335938%2016.1279297%2C5.990625%20C15.7376953%2C5.06953125%2015.1804687%2C4.24335938%2014.4703125%2C3.53144531%20C13.7601563%2C2.82128906%2012.9322266%2C2.26230469%2012.0111328%2C1.87382813%20C11.0566406%2C1.46953125%2010.0441406%2C1.265625%209%2C1.265625%20C7.95585938%2C1.265625%206.94335938%2C1.46953125%205.990625%2C1.87207031%20C5.06953125%2C2.26230469%204.24335938%2C2.81953125%203.53144531%2C3.5296875%20C2.82128906%2C4.23984375%202.26230469%2C5.06777344%201.87382813%2C5.98886719%20C1.46953125%2C6.94335938%201.265625%2C7.95585938%201.265625%2C9%20C1.265625%2C10.0441406%201.46953125%2C11.0566406%201.87207031%2C12.009375%20C2.26230469%2C12.9304688%202.81953125%2C13.7566406%203.5296875%2C14.4685547%20C4.23984375%2C15.1787109%205.06777344%2C15.7376953%205.98886719%2C16.1261719%20C6.94335938%2C16.5304688%207.95585938%2C16.734375%209%2C16.734375%20L9%2C16.734375%20Z%20M9%2C18%20C4.02890625%2C18%200%2C13.9710937%200%2C9%20C0%2C4.02890625%204.02890625%2C0%209%2C0%20C13.9710937%2C0%2018%2C4.02890625%2018%2C9%20C18%2C13.9710937%2013.9710937%2C18%209%2C18%20L9%2C18%20L9%2C18%20Z%20M9%2C6.75%20C8.61152344%2C6.75%208.296875%2C7.06464844%208.296875%2C7.453125%20L8.296875%2C13.9394531%20C8.296875%2C14.3279297%208.61152344%2C14.6425781%209%2C14.6425781%20C9.38847656%2C14.6425781%209.703125%2C14.3279297%209.703125%2C13.9394531%20L9.703125%2C7.453125%20C9.703125%2C7.06464844%209.38847656%2C6.75%209%2C6.75%20L9%2C6.75%20Z%20M8.20898438%2C4.83398438%20C8.20898438%2C5.27085024%208.56313413%2C5.625%209%2C5.625%20C9.43686587%2C5.625%209.79101562%2C5.27085024%209.79101562%2C4.83398438%20C9.79101562%2C4.39711851%209.43686587%2C4.04296875%209%2C4.04296875%20C8.56313413%2C4.04296875%208.20898438%2C4.39711851%208.20898438%2C4.83398438%20L8.20898438%2C4.83398438%20Z'%20id%3D'Shape'%20transform%3D'translate(9.000000%2C%209.000000)%20scale(1%2C%20-1)%20translate(-9.000000%2C%20-9.000000)%20'%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
219
+ }
220
+
221
+ .am-textarea-disabled .am-textarea-label {
222
+ color: #bbb;
223
+ }
224
+
225
+ .am-list-body .am-list-item:last-child {
226
+ border-bottom: 0;
227
+ }
228
+
229
+ .am-list-body .am-list-item:last-child:after {
230
+ display: none !important;
231
+ }