dtable-ui-component 6.0.26 → 6.0.27

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 (73) hide show
  1. package/lib/DateEditor/mb-date-editor-popover/index.js +3 -3
  2. package/lib/FileFormatter/index.js +98 -38
  3. package/lib/FileItemFormatter/index.js +3 -1
  4. package/lib/index.js +1 -106
  5. package/package.json +3 -12
  6. package/lib/ActionSheet/index.js +0 -194
  7. package/lib/ActionSheet/style/index.css +0 -365
  8. package/lib/ActivityIndicator/index.css +0 -108
  9. package/lib/ActivityIndicator/index.js +0 -76
  10. package/lib/Badge/index.css +0 -96
  11. package/lib/Badge/index.js +0 -65
  12. package/lib/DatePicker/index.js +0 -120
  13. package/lib/DatePicker/locale/en_US.js +0 -14
  14. package/lib/DatePicker/locale/ru_RU.js +0 -14
  15. package/lib/DatePicker/locale/sv_SE.js +0 -14
  16. package/lib/DatePicker/locale/zh_CN.js +0 -14
  17. package/lib/DatePicker/style/index.css +0 -290
  18. package/lib/DatePicker/utils.js +0 -36
  19. package/lib/Drawer/index.css +0 -142
  20. package/lib/Drawer/index.js +0 -21
  21. package/lib/Icon/index.css +0 -50
  22. package/lib/Icon/index.js +0 -35
  23. package/lib/Icon/load-sprite.js +0 -56
  24. package/lib/InputItem/custom-input.js +0 -321
  25. package/lib/InputItem/custom-keyboard.js +0 -162
  26. package/lib/InputItem/index.js +0 -389
  27. package/lib/InputItem/input.js +0 -45
  28. package/lib/InputItem/locale/en_US.js +0 -12
  29. package/lib/InputItem/locale/ru_RU.js +0 -12
  30. package/lib/InputItem/locale/sv_SE.js +0 -12
  31. package/lib/InputItem/locale/zh_CN.js +0 -12
  32. package/lib/InputItem/portal.js +0 -23
  33. package/lib/InputItem/style/index.css +0 -512
  34. package/lib/List/index.css +0 -381
  35. package/lib/List/index.js +0 -41
  36. package/lib/List/list-item.js +0 -169
  37. package/lib/Modal/alert.js +0 -82
  38. package/lib/Modal/index.js +0 -16
  39. package/lib/Modal/modal.js +0 -118
  40. package/lib/Modal/operation.js +0 -77
  41. package/lib/Modal/prompt.js +0 -207
  42. package/lib/Modal/style/index.css +0 -580
  43. package/lib/Picker/AbstractPicker.js +0 -190
  44. package/lib/Picker/index.js +0 -28
  45. package/lib/Picker/locale/en_US.js +0 -12
  46. package/lib/Picker/locale/ru_RU.js +0 -12
  47. package/lib/Picker/locale/sv_SE.js +0 -12
  48. package/lib/Picker/locale/zh_CN.js +0 -12
  49. package/lib/Picker/popupProps.js +0 -12
  50. package/lib/Picker/style/index.css +0 -141
  51. package/lib/Popover/index.js +0 -63
  52. package/lib/Popover/item.js +0 -55
  53. package/lib/Popover/style/index.css +0 -229
  54. package/lib/Progress/index.css +0 -22
  55. package/lib/Progress/index.js +0 -66
  56. package/lib/Radio/Radio.js +0 -47
  57. package/lib/Radio/RadioItem.js +0 -57
  58. package/lib/Radio/index.css +0 -90
  59. package/lib/Radio/index.js +0 -12
  60. package/lib/TabBar/Tab.js +0 -76
  61. package/lib/TabBar/index.css +0 -138
  62. package/lib/TabBar/index.js +0 -129
  63. package/lib/Tabs/index.css +0 -443
  64. package/lib/Tabs/index.js +0 -39
  65. package/lib/TextareaItem/index.css +0 -231
  66. package/lib/TextareaItem/index.js +0 -231
  67. package/lib/Toast/index.css +0 -65
  68. package/lib/Toast/index.js +0 -131
  69. package/lib/_util/class.js +0 -34
  70. package/lib/_util/closest.js +0 -17
  71. package/lib/_util/exenv.js +0 -8
  72. package/lib/_util/getDataAttr.js +0 -15
  73. package/lib/_util/getLocale.js +0 -42
@@ -1,120 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
- var PropTypes = _interopRequireWildcard(require("prop-types"));
10
- var React = _interopRequireWildcard(require("react"));
11
- var _DatePicker2 = _interopRequireDefault(require("rmc-date-picker/lib/DatePicker"));
12
- var _Popup = _interopRequireDefault(require("rmc-date-picker/lib/Popup"));
13
- var _getLocale = require("../_util/getLocale");
14
- var _utils = require("./utils");
15
- require("./style/index.css");
16
- /* tslint:disable:jsx-no-multiline-js */
17
-
18
- class DatePicker extends React.Component {
19
- constructor() {
20
- super(...arguments);
21
- this.setScrollValue = v => {
22
- this.scrollValue = v;
23
- };
24
- this.onOk = v => {
25
- if (this.scrollValue !== undefined) {
26
- v = this.scrollValue;
27
- }
28
- if (this.props.onChange) {
29
- this.props.onChange(v);
30
- }
31
- if (this.props.onOk) {
32
- this.props.onOk(v);
33
- }
34
- };
35
- this.onVisibleChange = visible => {
36
- this.scrollValue = undefined;
37
- if (this.props.onVisibleChange) {
38
- this.props.onVisibleChange(visible);
39
- }
40
- };
41
- this.fixOnOk = picker => {
42
- if (picker) {
43
- picker.onOk = this.onOk;
44
- }
45
- };
46
- }
47
- render() {
48
- // tslint:disable-next-line:no-this-assignment
49
- const {
50
- props,
51
- context
52
- } = this;
53
- const {
54
- children,
55
- value,
56
- popupPrefixCls
57
- } = props;
58
- const locale = (0, _getLocale.getComponentLocale)(props, context, 'DatePicker', () => require('./locale/zh_CN'));
59
- const {
60
- okText,
61
- dismissText,
62
- extra,
63
- DatePickerLocale
64
- } = locale;
65
- /**
66
- * 注意:
67
- * 受控 表示 通过设置 value 属性、组件的最终状态跟 value 设置值一致。
68
- * 默认不设置 value 或 只设置 defaultValue 表示非受控。
69
- *
70
- * DatePickerView 对外通过 value “只支持 受控” 模式(可以使用 defaultDate 支持 非受控 模式,但不对外)
71
- * PickerView 对外通过 value “只支持 受控” 模式
72
- *
73
- * DatePicker / Picker 对外只有 value 属性 (没有 defaultValue),
74
- * 其中 List 展示部分 “只支持 受控” 模式,
75
- * 弹出的 选择器部分 会随外部 value 改变而变、同时能自由滚动
76
- * (即不会因为传入的 value 不变而不能滚动 (不像原生 input 的受控行为))
77
- *
78
- */
79
- const datePicker = /*#__PURE__*/React.createElement(_DatePicker2.default, {
80
- minuteStep: props.minuteStep,
81
- locale: DatePickerLocale,
82
- minDate: props.minDate,
83
- maxDate: props.maxDate,
84
- mode: props.mode,
85
- pickerPrefixCls: props.pickerPrefixCls,
86
- prefixCls: props.prefixCls,
87
- defaultDate: value || new Date(),
88
- use12Hours: props.use12Hours,
89
- onValueChange: props.onValueChange,
90
- onScrollChange: this.setScrollValue
91
- });
92
- return /*#__PURE__*/React.createElement(_Popup.default, Object.assign({
93
- datePicker: datePicker,
94
- WrapComponent: 'div',
95
- transitionName: 'am-slide-up',
96
- maskTransitionName: 'am-fade'
97
- }, props, {
98
- prefixCls: popupPrefixCls,
99
- date: value || new Date(),
100
- dismissText: this.props.dismissText || dismissText,
101
- okText: this.props.okText || okText,
102
- ref: this.fixOnOk,
103
- onVisibleChange: this.onVisibleChange
104
- }), children && /*#__PURE__*/React.isValidElement(children) && /*#__PURE__*/React.cloneElement(children, {
105
- extra: value ? (0, _utils.formatFn)(this, value) : this.props.extra || extra
106
- }));
107
- }
108
- }
109
- DatePicker.defaultProps = {
110
- mode: 'datetime',
111
- prefixCls: 'am-picker',
112
- pickerPrefixCls: 'am-picker-col',
113
- popupPrefixCls: 'am-picker-popup',
114
- minuteStep: 1,
115
- use12Hours: false
116
- };
117
- DatePicker.contextTypes = {
118
- antLocale: PropTypes.object
119
- };
120
- var _default = exports.default = DatePicker;
@@ -1,14 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- var _en_US = _interopRequireDefault(require("rmc-date-picker/lib/locale/en_US"));
9
- var _default = exports.default = {
10
- okText: 'OK',
11
- dismissText: 'Cancel',
12
- extra: 'please select',
13
- DatePickerLocale: _en_US.default
14
- };
@@ -1,14 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- var _en_US = _interopRequireDefault(require("rmc-date-picker/lib/locale/en_US"));
9
- var _default = exports.default = {
10
- okText: 'Ок',
11
- dismissText: 'Отмена',
12
- extra: '',
13
- DatePickerLocale: _en_US.default
14
- };
@@ -1,14 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- var _en_US = _interopRequireDefault(require("rmc-date-picker/lib/locale/en_US"));
9
- var _default = exports.default = {
10
- okText: 'Ok',
11
- dismissText: 'Avbryt',
12
- extra: 'vänligen välj',
13
- DatePickerLocale: _en_US.default
14
- };
@@ -1,14 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- var _zh_CN = _interopRequireDefault(require("rmc-date-picker/lib/locale/zh_CN"));
9
- var _default = exports.default = {
10
- okText: '确定',
11
- dismissText: '取消',
12
- extra: '请选择',
13
- DatePickerLocale: _zh_CN.default
14
- };
@@ -1,290 +0,0 @@
1
- .am-picker-popup {
2
- left: 0;
3
- bottom: 0;
4
- position: fixed;
5
- width: 100%;
6
- background-color: #fff;
7
- padding-bottom: env(safe-area-inset-bottom);
8
- }
9
-
10
- .am-picker-popup-wrap {
11
- position: fixed;
12
- overflow: auto;
13
- top: 0;
14
- right: 0;
15
- bottom: 0;
16
- left: 0;
17
- z-index: 1000;
18
- -webkit-overflow-scrolling: touch;
19
- outline: 0;
20
- -webkit-transform: translateZ(1px);
21
- transform: translateZ(1px);
22
- }
23
-
24
- .am-picker-popup-mask {
25
- position: fixed;
26
- top: 0;
27
- right: 0;
28
- left: 0;
29
- bottom: 0;
30
- background-color: rgba(0, 0, 0, 0.4);
31
- height: 100%;
32
- z-index: 1000;
33
- -webkit-transform: translateZ(1px);
34
- transform: translateZ(1px);
35
- }
36
-
37
- .am-picker-popup-mask-hidden {
38
- display: none;
39
- }
40
-
41
- .am-picker-popup-header {
42
- background-image: -webkit-linear-gradient(top, #e7e7e7, #e7e7e7, transparent, transparent);
43
- background-image: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), color-stop(#e7e7e7), color-stop(transparent), to(transparent));
44
- background-image: linear-gradient(to bottom, #e7e7e7, #e7e7e7, transparent, transparent);
45
- background-position: bottom;
46
- background-size: 100% 1PX;
47
- background-repeat: no-repeat;
48
- display: -webkit-box;
49
- display: -webkit-flex;
50
- display: -ms-flexbox;
51
- display: flex;
52
- -webkit-box-align: center;
53
- -webkit-align-items: center;
54
- -ms-flex-align: center;
55
- align-items: center;
56
- position: relative;
57
- border-bottom: 1PX solid #ddd;
58
- }
59
-
60
- @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
61
- html:not([data-scale]) .am-picker-popup-header {
62
- border-bottom: none;
63
- }
64
-
65
- html:not([data-scale]) .am-picker-popup-header::after {
66
- content: '';
67
- position: absolute;
68
- background-color: #ddd;
69
- display: block;
70
- z-index: 1;
71
- top: auto;
72
- right: auto;
73
- bottom: 0;
74
- left: 0;
75
- width: 100%;
76
- height: 1PX;
77
- -webkit-transform-origin: 50% 100%;
78
- -ms-transform-origin: 50% 100%;
79
- transform-origin: 50% 100%;
80
- -webkit-transform: scaleY(0.5);
81
- -ms-transform: scaleY(0.5);
82
- transform: scaleY(0.5);
83
- }
84
- }
85
-
86
- @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
87
- html:not([data-scale]) .am-picker-popup-header::after {
88
- -webkit-transform: scaleY(0.33);
89
- -ms-transform: scaleY(0.33);
90
- transform: scaleY(0.33);
91
- }
92
- }
93
-
94
- .am-picker-popup-header .am-picker-popup-header-right {
95
- text-align: right;
96
- }
97
-
98
- .am-picker-popup-item {
99
- color: #108ee9;
100
- font-size: 17px;
101
- padding: 9px 15px;
102
- height: 42px;
103
- -webkit-box-sizing: border-box;
104
- box-sizing: border-box;
105
- display: -webkit-box;
106
- display: -webkit-flex;
107
- display: -ms-flexbox;
108
- display: flex;
109
- -webkit-box-align: center;
110
- -webkit-align-items: center;
111
- -ms-flex-align: center;
112
- align-items: center;
113
- -webkit-box-pack: center;
114
- -webkit-justify-content: center;
115
- -ms-flex-pack: center;
116
- justify-content: center;
117
- }
118
-
119
- .am-picker-popup-item-active {
120
- background-color: #ddd;
121
- }
122
-
123
- .am-picker-popup-title {
124
- -webkit-box-flex: 1;
125
- -webkit-flex: 1;
126
- -ms-flex: 1;
127
- flex: 1;
128
- text-align: center;
129
- color: #000;
130
- }
131
-
132
- .am-picker-popup .am-picker-popup-close {
133
- display: none;
134
- }
135
-
136
- .am-picker-col {
137
- -webkit-box-flex: 1;
138
- -webkit-flex: 1;
139
- -ms-flex: 1;
140
- flex: 1;
141
- }
142
-
143
- .am-picker-col {
144
- display: block;
145
- position: relative;
146
- height: 238px;
147
- overflow: hidden;
148
- width: 100%;
149
- }
150
-
151
- .am-picker-col-content {
152
- position: absolute;
153
- left: 0;
154
- top: 0;
155
- width: 100%;
156
- z-index: 1;
157
- padding: 102px 0;
158
- }
159
-
160
- .am-picker-col-item {
161
- -ms-touch-action: manipulation;
162
- touch-action: manipulation;
163
- text-align: center;
164
- font-size: 16px;
165
- height: 34px;
166
- line-height: 34px;
167
- color: #000;
168
- white-space: nowrap;
169
- text-overflow: ellipsis;
170
- }
171
-
172
- .am-picker-col-item-selected {
173
- font-size: 17px;
174
- }
175
-
176
- .am-picker-col-mask {
177
- position: absolute;
178
- left: 0;
179
- top: 0;
180
- height: 100%;
181
- margin: 0 auto;
182
- width: 100%;
183
- z-index: 3;
184
- background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)), -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6));
185
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6))), -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6)));
186
- background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)), linear-gradient(to top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6));
187
- background-position: top, bottom;
188
- background-size: 100% 102px;
189
- background-repeat: no-repeat;
190
- }
191
-
192
- .am-picker-col-indicator {
193
- -webkit-box-sizing: border-box;
194
- box-sizing: border-box;
195
- width: 100%;
196
- height: 34px;
197
- position: absolute;
198
- left: 0;
199
- top: 102px;
200
- z-index: 3;
201
- border-top: 1PX solid #ddd;
202
- border-bottom: 1PX solid #ddd;
203
- }
204
-
205
- @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
206
- html:not([data-scale]) .am-picker-col-indicator {
207
- border-top: none;
208
- }
209
-
210
- html:not([data-scale]) .am-picker-col-indicator::before {
211
- content: '';
212
- position: absolute;
213
- background-color: #ddd;
214
- display: block;
215
- z-index: 1;
216
- top: 0;
217
- right: auto;
218
- bottom: auto;
219
- left: 0;
220
- width: 100%;
221
- height: 1PX;
222
- -webkit-transform-origin: 50% 50%;
223
- -ms-transform-origin: 50% 50%;
224
- transform-origin: 50% 50%;
225
- -webkit-transform: scaleY(0.5);
226
- -ms-transform: scaleY(0.5);
227
- transform: scaleY(0.5);
228
- }
229
- }
230
-
231
- @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
232
- html:not([data-scale]) .am-picker-col-indicator::before {
233
- -webkit-transform: scaleY(0.33);
234
- -ms-transform: scaleY(0.33);
235
- transform: scaleY(0.33);
236
- }
237
- }
238
-
239
- @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
240
- html:not([data-scale]) .am-picker-col-indicator {
241
- border-bottom: none;
242
- }
243
-
244
- html:not([data-scale]) .am-picker-col-indicator::after {
245
- content: '';
246
- position: absolute;
247
- background-color: #ddd;
248
- display: block;
249
- z-index: 1;
250
- top: auto;
251
- right: auto;
252
- bottom: 0;
253
- left: 0;
254
- width: 100%;
255
- height: 1PX;
256
- -webkit-transform-origin: 50% 100%;
257
- -ms-transform-origin: 50% 100%;
258
- transform-origin: 50% 100%;
259
- -webkit-transform: scaleY(0.5);
260
- -ms-transform: scaleY(0.5);
261
- transform: scaleY(0.5);
262
- }
263
- }
264
-
265
- @media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 2dppx) and (min-resolution: 3dppx) {
266
- html:not([data-scale]) .am-picker-col-indicator::after {
267
- -webkit-transform: scaleY(0.33);
268
- -ms-transform: scaleY(0.33);
269
- transform: scaleY(0.33);
270
- }
271
- }
272
-
273
- .am-picker {
274
- display: -webkit-box;
275
- display: -webkit-flex;
276
- display: -ms-flexbox;
277
- display: flex;
278
- -webkit-box-align: center;
279
- -webkit-align-items: center;
280
- -ms-flex-align: center;
281
- align-items: center;
282
- }
283
-
284
- .am-picker-item {
285
- -webkit-box-flex: 1;
286
- -webkit-flex: 1;
287
- -ms-flex: 1;
288
- flex: 1;
289
- text-align: center;
290
- }
@@ -1,36 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.formatFn = formatFn;
7
- function formatIt(date, form) {
8
- const pad = n => n < 10 ? "0".concat(n) : n;
9
- const dateStr = "".concat(date.getFullYear(), "-").concat(pad(date.getMonth() + 1), "-").concat(pad(date.getDate()));
10
- const timeStr = "".concat(pad(date.getHours()), ":").concat(pad(date.getMinutes()));
11
- if (form === 'YYYY-MM-DD') {
12
- return dateStr;
13
- }
14
- if (form === 'HH:mm') {
15
- return timeStr;
16
- }
17
- return "".concat(dateStr, " ").concat(timeStr);
18
- }
19
- function formatFn(instance, value) {
20
- const formatsEnum = {
21
- date: 'YYYY-MM-DD',
22
- time: 'HH:mm',
23
- datetime: 'YYYY-MM-DD HH:mm'
24
- };
25
- const {
26
- format
27
- } = instance.props;
28
- const type = typeof format;
29
- if (type === 'string') {
30
- return formatIt(value, format);
31
- }
32
- if (type === 'function') {
33
- return format(value);
34
- }
35
- return formatIt(value, formatsEnum[instance.props.mode]);
36
- }
@@ -1,142 +0,0 @@
1
- .am-drawer {
2
- position: absolute;
3
- top: 0;
4
- left: 0;
5
- right: 0;
6
- bottom: 0;
7
- overflow: hidden;
8
- }
9
-
10
- .am-drawer-sidebar {
11
- z-index: 4;
12
- position: absolute;
13
- -webkit-transition: -webkit-transform 0.3s ease-out;
14
- transition: -webkit-transform 0.3s ease-out;
15
- transition: transform 0.3s ease-out;
16
- transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
17
- will-change: transform;
18
- overflow-y: auto;
19
- }
20
-
21
- .am-drawer-draghandle {
22
- z-index: 1;
23
- position: absolute;
24
- background-color: rgba(50, 50, 50, 0.1);
25
- }
26
-
27
- .am-drawer-overlay {
28
- z-index: 3;
29
- position: absolute;
30
- top: 0;
31
- left: 0;
32
- right: 0;
33
- bottom: 0;
34
- opacity: 0;
35
- visibility: hidden;
36
- -webkit-transition: opacity 0.5s ease-out;
37
- transition: opacity 0.5s ease-out;
38
- background-color: rgba(0, 0, 0, 0.4);
39
- }
40
-
41
- .am-drawer-content {
42
- position: absolute;
43
- top: 0;
44
- left: 0;
45
- right: 0;
46
- bottom: 0;
47
- overflow: auto;
48
- -webkit-transition: left 0.3s ease-out, right 0.3s ease-out;
49
- transition: left 0.3s ease-out, right 0.3s ease-out;
50
- }
51
-
52
- .am-drawer.am-drawer-left .am-drawer-sidebar,
53
- .am-drawer.am-drawer-right .am-drawer-sidebar,
54
- .am-drawer.am-drawer-left .am-drawer-draghandle,
55
- .am-drawer.am-drawer-right .am-drawer-draghandle {
56
- top: 0;
57
- bottom: 0;
58
- }
59
-
60
- .am-drawer.am-drawer-left .am-drawer-draghandle,
61
- .am-drawer.am-drawer-right .am-drawer-draghandle {
62
- width: 10px;
63
- height: 100%;
64
- }
65
-
66
- .am-drawer.am-drawer-top .am-drawer-sidebar,
67
- .am-drawer.am-drawer-bottom .am-drawer-sidebar,
68
- .am-drawer.am-drawer-top .am-drawer-draghandle,
69
- .am-drawer.am-drawer-bottom .am-drawer-draghandle {
70
- left: 0;
71
- right: 0;
72
- }
73
-
74
- .am-drawer.am-drawer-top .am-drawer-draghandle,
75
- .am-drawer.am-drawer-bottom .am-drawer-draghandle {
76
- width: 100%;
77
- height: 10px;
78
- }
79
-
80
- .am-drawer.am-drawer-left .am-drawer-sidebar {
81
- left: 0;
82
- -webkit-transform: translateX(-100%);
83
- -ms-transform: translateX(-100%);
84
- transform: translateX(-100%);
85
- }
86
-
87
- .am-drawer-open.am-drawer.am-drawer-left .am-drawer-sidebar {
88
- -webkit-box-shadow: 1PX 1PX 2px rgba(0, 0, 0, 0.15);
89
- box-shadow: 1PX 1PX 2px rgba(0, 0, 0, 0.15);
90
- }
91
-
92
- .am-drawer.am-drawer-left .am-drawer-draghandle {
93
- left: 0;
94
- }
95
-
96
- .am-drawer.am-drawer-right .am-drawer-sidebar {
97
- right: 0;
98
- -webkit-transform: translateX(100%);
99
- -ms-transform: translateX(100%);
100
- transform: translateX(100%);
101
- }
102
-
103
- .am-drawer-open.am-drawer.am-drawer-right .am-drawer-sidebar {
104
- -webkit-box-shadow: -1PX 1PX 2px rgba(0, 0, 0, 0.15);
105
- box-shadow: -1PX 1PX 2px rgba(0, 0, 0, 0.15);
106
- }
107
-
108
- .am-drawer.am-drawer-right .am-drawer-draghandle {
109
- right: 0;
110
- }
111
-
112
- .am-drawer.am-drawer-top .am-drawer-sidebar {
113
- top: 0;
114
- -webkit-transform: translateY(-100%);
115
- -ms-transform: translateY(-100%);
116
- transform: translateY(-100%);
117
- }
118
-
119
- .am-drawer-open.am-drawer.am-drawer-top .am-drawer-sidebar {
120
- -webkit-box-shadow: 1PX 1PX 2px rgba(0, 0, 0, 0.15);
121
- box-shadow: 1PX 1PX 2px rgba(0, 0, 0, 0.15);
122
- }
123
-
124
- .am-drawer.am-drawer-top .am-drawer-draghandle {
125
- top: 0;
126
- }
127
-
128
- .am-drawer.am-drawer-bottom .am-drawer-sidebar {
129
- bottom: 0;
130
- -webkit-transform: translateY(100%);
131
- -ms-transform: translateY(100%);
132
- transform: translateY(100%);
133
- }
134
-
135
- .am-drawer-open.am-drawer.am-drawer-bottom .am-drawer-sidebar {
136
- -webkit-box-shadow: 1PX -1PX 2px rgba(0, 0, 0, 0.15);
137
- box-shadow: 1PX -1PX 2px rgba(0, 0, 0, 0.15);
138
- }
139
-
140
- .am-drawer.am-drawer-bottom .am-drawer-draghandle {
141
- bottom: 0;
142
- }
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
- var _rmcDrawer = _interopRequireDefault(require("rmc-drawer"));
10
- var React = _interopRequireWildcard(require("react"));
11
- require("./index.css");
12
- class Drawer extends React.Component {
13
- render() {
14
- return /*#__PURE__*/React.createElement(_rmcDrawer.default, this.props);
15
- }
16
- }
17
- exports.default = Drawer;
18
- Drawer.defaultProps = {
19
- prefixCls: 'am-drawer',
20
- enableDragHandle: false
21
- };