@mdsfe/mds-ui 0.2.0

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 (153) hide show
  1. package/CHANGELOG.md +778 -0
  2. package/LICENSE +21 -0
  3. package/README.md +106 -0
  4. package/dist/_locale/index.js +18 -0
  5. package/dist/_locale/zh-CN.js +123 -0
  6. package/dist/_mixin/emitter.js +35 -0
  7. package/dist/_mixin/focus.js +13 -0
  8. package/dist/_mixin/locale.js +17 -0
  9. package/dist/_mixin/popper.js +192 -0
  10. package/dist/_mixin/tooltip.js +218 -0
  11. package/dist/_util/__test__/switchcase.test.js +43 -0
  12. package/dist/_util/autoprefixer.js +249 -0
  13. package/dist/_util/clickoutside.js +79 -0
  14. package/dist/_util/date.js +368 -0
  15. package/dist/_util/dateUtil.js +311 -0
  16. package/dist/_util/dom.js +240 -0
  17. package/dist/_util/getRequestAnimationFrame.js +50 -0
  18. package/dist/_util/getScroll.js +21 -0
  19. package/dist/_util/loaders/loaders.css.js +52 -0
  20. package/dist/_util/loaders/loading.js +53 -0
  21. package/dist/_util/merge.js +18 -0
  22. package/dist/_util/popper.js +1261 -0
  23. package/dist/_util/popup/index.js +232 -0
  24. package/dist/_util/popup/popup-manager.js +205 -0
  25. package/dist/_util/proptype.js +12 -0
  26. package/dist/_util/repeatClick.js +30 -0
  27. package/dist/_util/resize.js +61 -0
  28. package/dist/_util/resizeEvent.js +59 -0
  29. package/dist/_util/scrollIntoView.js +38 -0
  30. package/dist/_util/scrollbar-width.js +37 -0
  31. package/dist/_util/soda.js +54 -0
  32. package/dist/_util/switchcase.js +22 -0
  33. package/dist/_util/throttleByAnimationFrame.js +70 -0
  34. package/dist/_util/tree/node.js +412 -0
  35. package/dist/_util/tree/tree.js +410 -0
  36. package/dist/_util/util.js +166 -0
  37. package/dist/_util/vue-popper.js +213 -0
  38. package/dist/affix.js +509 -0
  39. package/dist/anchor.js +522 -0
  40. package/dist/avatar.js +437 -0
  41. package/dist/backtop.js +469 -0
  42. package/dist/badge.js +439 -0
  43. package/dist/bordershadow.js +310 -0
  44. package/dist/breadcrumb.js +434 -0
  45. package/dist/button.js +579 -0
  46. package/dist/card.js +514 -0
  47. package/dist/carousel.js +1326 -0
  48. package/dist/cascaderpanel.js +2320 -0
  49. package/dist/checkbox.js +681 -0
  50. package/dist/col.js +546 -0
  51. package/dist/collapse.js +671 -0
  52. package/dist/color.js +306 -0
  53. package/dist/datepicker.js +8089 -0
  54. package/dist/divider.js +346 -0
  55. package/dist/drawer.js +652 -0
  56. package/dist/dropdown.js +687 -0
  57. package/dist/empty.js +416 -0
  58. package/dist/font.js +306 -0
  59. package/dist/form.js +878 -0
  60. package/dist/icon.js +401 -0
  61. package/dist/index.js +1 -0
  62. package/dist/input.js +1251 -0
  63. package/dist/inputnumber.js +689 -0
  64. package/dist/layout.js +786 -0
  65. package/dist/list.js +789 -0
  66. package/dist/loading.js +430 -0
  67. package/dist/mds-ui.min.css +7 -0
  68. package/dist/mds-ui.min.js +64911 -0
  69. package/dist/menu.js +1131 -0
  70. package/dist/message.js +1016 -0
  71. package/dist/modal.js +895 -0
  72. package/dist/notification.js +818 -0
  73. package/dist/pagination.js +1213 -0
  74. package/dist/popconfirm.js +336 -0
  75. package/dist/popover.js +206 -0
  76. package/dist/progress.js +1023 -0
  77. package/dist/radio.js +760 -0
  78. package/dist/rate.js +765 -0
  79. package/dist/row.js +546 -0
  80. package/dist/select.js +4950 -0
  81. package/dist/slider.js +1411 -0
  82. package/dist/slottable.js +1414 -0
  83. package/dist/steps.js +546 -0
  84. package/dist/style/affix.css +5524 -0
  85. package/dist/style/anchor.css +5572 -0
  86. package/dist/style/avatar.css +5587 -0
  87. package/dist/style/backtop.css +34 -0
  88. package/dist/style/badge.css +5655 -0
  89. package/dist/style/bordershadow.css +5601 -0
  90. package/dist/style/breadcrumb.css +5551 -0
  91. package/dist/style/button.css +7679 -0
  92. package/dist/style/card.css +5670 -0
  93. package/dist/style/carousel.css +5731 -0
  94. package/dist/style/cascaderpanel.css +125 -0
  95. package/dist/style/checkbox.css +5700 -0
  96. package/dist/style/col.css +8121 -0
  97. package/dist/style/collapse.css +5593 -0
  98. package/dist/style/color.css +6136 -0
  99. package/dist/style/datepicker.css +5977 -0
  100. package/dist/style/divider.css +5558 -0
  101. package/dist/style/drawer.css +7979 -0
  102. package/dist/style/dropdown.css +7950 -0
  103. package/dist/style/empty.css +5563 -0
  104. package/dist/style/font.css +5559 -0
  105. package/dist/style/form.css +5662 -0
  106. package/dist/style/icon.css +5538 -0
  107. package/dist/style/input.css +6256 -0
  108. package/dist/style/inputnumber.css +5828 -0
  109. package/dist/style/layout.css +5572 -0
  110. package/dist/style/list.css +5655 -0
  111. package/dist/style/loading.css +5540 -0
  112. package/dist/style/menu.css +6183 -0
  113. package/dist/style/message.css +194 -0
  114. package/dist/style/modal.css +5637 -0
  115. package/dist/style/notification.css +5706 -0
  116. package/dist/style/pagination.css +6683 -0
  117. package/dist/style/popconfirm.css +7951 -0
  118. package/dist/style/popover.css +5727 -0
  119. package/dist/style/progress.css +5714 -0
  120. package/dist/style/radio.css +5769 -0
  121. package/dist/style/rate.css +5616 -0
  122. package/dist/style/row.css +8121 -0
  123. package/dist/style/select.css +5729 -0
  124. package/dist/style/slider.css +5594 -0
  125. package/dist/style/slottable.css +5831 -0
  126. package/dist/style/steps.css +6100 -0
  127. package/dist/style/switch.css +5624 -0
  128. package/dist/style/table.css +8392 -0
  129. package/dist/style/tabs.css +6047 -0
  130. package/dist/style/tag.css +5935 -0
  131. package/dist/style/text.css +5636 -0
  132. package/dist/style/timeline.css +5602 -0
  133. package/dist/style/timepicker.css +5904 -0
  134. package/dist/style/tooltip.css +5686 -0
  135. package/dist/style/transfer.css +101 -0
  136. package/dist/style/transition.css +1417 -0
  137. package/dist/style/tree.css +5598 -0
  138. package/dist/style/typography.css +5640 -0
  139. package/dist/style/upload.css +5834 -0
  140. package/dist/switch.js +448 -0
  141. package/dist/table.js +3809 -0
  142. package/dist/tabs.js +1273 -0
  143. package/dist/tag.js +478 -0
  144. package/dist/text.js +1100 -0
  145. package/dist/timeline.js +495 -0
  146. package/dist/timepicker.js +1567 -0
  147. package/dist/tooltip.js +179 -0
  148. package/dist/transfer.js +981 -0
  149. package/dist/transition.js +246 -0
  150. package/dist/tree.js +1866 -0
  151. package/dist/typography.js +469 -0
  152. package/dist/upload.js +1990 -0
  153. package/package.json +144 -0
package/dist/style/message.css ADDED
@@ -0,0 +1,194 @@
1
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2
+ /* stylelint-disable declaration-bang-space-before */
3
+ /* stylelint-disable declaration-bang-space-before */
4
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
5
+ /* stylelint-disable declaration-bang-space-before */
6
+ /* stylelint-disable declaration-bang-space-before */
7
+ .mds-message {
8
+ font-size: 12px;
9
+ position: fixed;
10
+ z-index: 1010;
11
+ width: 100%;
12
+ top: 16px;
13
+ left: 0;
14
+ pointer-events: none;
15
+ font-size: 14px;
16
+ font-family: PingFangSC-Regular, PingFang SC;
17
+ font-weight: 400;
18
+ color: #354052;
19
+ }
20
+ .mds-message-notice {
21
+ padding: 8px;
22
+ text-align: center;
23
+ }
24
+ .mds-message-notice:first-child {
25
+ margin-top: -8px;
26
+ }
27
+ .mds-message-notice-content {
28
+ border-radius: 4px;
29
+ background: #fff;
30
+ display: inline-block;
31
+ pointer-events: all;
32
+ text-align: left;
33
+ position: relative;
34
+ }
35
+ .mds-message-close {
36
+ position: absolute;
37
+ right: 20px;
38
+ top: 50%;
39
+ transform: translateY(-53%);
40
+ cursor: pointer;
41
+ }
42
+ .mds-message-link {
43
+ position: absolute;
44
+ right: 20px;
45
+ top: 50%;
46
+ transform: translateY(-53%);
47
+ cursor: pointer;
48
+ color: #666666;
49
+ }
50
+ .mds-message-notice-content .mds-message-success,
51
+ .mds-message-error,
52
+ .mds-message-warning,
53
+ .mds-message-info,
54
+ .mds-message-loading,
55
+ .mds-message-help {
56
+ max-width: 684px;
57
+ border-radius: 4px;
58
+ font-weight: 400;
59
+ font-family: PingFangSC-Regular;
60
+ padding: 13px 37px 13px 24px;
61
+ }
62
+ .mds-message-notice-content .mds-message-success-size,
63
+ .mds-message-error-size,
64
+ .mds-message-warning-size,
65
+ .mds-message-info-size,
66
+ .mds-message-loading-size,
67
+ .mds-message-help-size {
68
+ padding: 24px 30px 32px 24px;
69
+ }
70
+ .mds-message-notice-content .mds-message-success-size-content,
71
+ .mds-message-error-size-content,
72
+ .mds-message-warning-size-content,
73
+ .mds-message-info-size-content,
74
+ .mds-message-loading-size-content,
75
+ .mds-message-help-size-content {
76
+ padding-left: 30px;
77
+ font-size: 14px;
78
+ color: #666666;
79
+ margin-top: 9px;
80
+ }
81
+ .mds-message-notice-content .mds-message-success-size-title,
82
+ .mds-message-error-size-title,
83
+ .mds-message-warning-size-title,
84
+ .mds-message-info-size-title,
85
+ .mds-message-loading-size-title,
86
+ .mds-message-help-size-title {
87
+ font-size: 18px;
88
+ font-family: PingFangSC-Regular, PingFangSC;
89
+ font-weight: 400;
90
+ }
91
+ .mds-message-notice-content .mds-message-success-size-icon,
92
+ .mds-message-error-size-icon,
93
+ .mds-message-warning-size-icon,
94
+ .mds-message-info-size-icon,
95
+ .mds-message-loading-size-icon,
96
+ .mds-message-help-size-icon {
97
+ font-size: 22px !important;
98
+ vertical-align: baseline;
99
+ margin-right: 5px;
100
+ }
101
+ .mds-message-notice-content .mds-message-success-size ~ .mds-message-close,
102
+ .mds-message-error-size ~ .mds-message-close,
103
+ .mds-message-warning-size ~ .mds-message-close,
104
+ .mds-message-info-size ~ .mds-message-close,
105
+ .mds-message-loading-size ~ .mds-message-close,
106
+ .mds-message-help-size ~ .mds-message-close {
107
+ top: 40px;
108
+ }
109
+ .mds-message-info-size-title,
110
+ .mds-message-loading-size-title,
111
+ .mds-message-help-size-title {
112
+ color: #0364FF;
113
+ }
114
+ .link .mds-message-success,
115
+ .link .mds-message-error,
116
+ .link .mds-message-warning,
117
+ .link .mds-message-info,
118
+ .link .mds-message-loading,
119
+ .link .mds-message-help {
120
+ padding: 13px 77px 13px 24px;
121
+ }
122
+ .mds-message-notice-content .mds-message-info,
123
+ .mds-message-loading,
124
+ .mds-message-help {
125
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
126
+ }
127
+ .mds-message-success {
128
+ background: rgba(0, 170, 0, 0.05);
129
+ color: #004400;
130
+ border: 1px solid #00aa00;
131
+ }
132
+ .mds-message-success-link {
133
+ color: #004400;
134
+ }
135
+ .mds-message-error {
136
+ background: rgba(238, 51, 51, 0.05);
137
+ color: #8A3934;
138
+ border: 1px solid #ee3333;
139
+ }
140
+ .mds-message-error-link {
141
+ color: #8A3934;
142
+ }
143
+ .mds-message-warning {
144
+ background: rgba(255, 204, 1, 0.05);
145
+ color: #685401;
146
+ border: 1px solid #ffcc01;
147
+ }
148
+ .mds-message-warning-link {
149
+ color: #685401;
150
+ }
151
+ .mds-message-help {
152
+ color: #0364FF;
153
+ }
154
+ .mds-message-help-link {
155
+ color: #685401;
156
+ }
157
+ .mds-message-success .mdsicon {
158
+ color: #00a854;
159
+ }
160
+ .mds-message-error .mdsicon {
161
+ color: #EE3333;
162
+ }
163
+ .mds-message-warning .mdsicon {
164
+ color: #ffbf00;
165
+ }
166
+ .mds-message-info .mdsicon,
167
+ .mds-message-loading .mdsicon {
168
+ color: #0364ff;
169
+ }
170
+ .mds-message .mdsicon {
171
+ font-size: 14px;
172
+ top: 1px;
173
+ position: relative;
174
+ }
175
+ .mds-message span {
176
+ vertical-align: baseline;
177
+ }
178
+ .mds-message-notice.move-up-leave.move-up-leave-active {
179
+ animation-name: MessageMoveOut;
180
+ overflow: hidden;
181
+ animation-duration: .3s;
182
+ }
183
+ @keyframes MessageMoveOut {
184
+ 0% {
185
+ opacity: 1;
186
+ max-height: 150px;
187
+ padding: 8px;
188
+ }
189
+ 100% {
190
+ opacity: 0;
191
+ max-height: 0;
192
+ padding: 0;
193
+ }
194
+ }