antd-mobile 5.6.0 → 5.7.1

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 (197) hide show
  1. package/2x/cjs/components/calendar/calendar.d.ts +4 -3
  2. package/2x/cjs/components/calendar/calendar.js +67 -56
  3. package/2x/cjs/components/calendar/convert.d.ts +2 -0
  4. package/2x/cjs/components/calendar/convert.js +22 -0
  5. package/2x/cjs/components/collapse/collapse.js +7 -0
  6. package/2x/cjs/components/empty/empty-icon.d.ts +3 -0
  7. package/2x/cjs/components/empty/empty-icon.js +37 -0
  8. package/2x/cjs/components/empty/empty.js +27 -15
  9. package/2x/cjs/components/error-block/error-block.css +1 -0
  10. package/2x/cjs/components/error-block/error-block.js +3 -8
  11. package/2x/cjs/components/error-block/images/busy.d.ts +1 -0
  12. package/2x/cjs/components/error-block/images/busy.js +102 -0
  13. package/2x/cjs/components/error-block/images/default.d.ts +1 -0
  14. package/2x/cjs/components/error-block/images/default.js +178 -0
  15. package/2x/cjs/components/error-block/images/disconnected.d.ts +1 -0
  16. package/2x/cjs/components/error-block/images/disconnected.js +135 -0
  17. package/2x/cjs/components/error-block/images/empty.d.ts +1 -0
  18. package/2x/cjs/components/error-block/images/empty.js +131 -0
  19. package/2x/cjs/components/error-block/images/index.d.ts +2 -0
  20. package/2x/cjs/components/error-block/images/index.js +22 -0
  21. package/2x/cjs/components/form/form-item.d.ts +1 -1
  22. package/2x/cjs/components/form/form-item.js +4 -1
  23. package/2x/cjs/components/image-viewer/methods.d.ts +1 -4
  24. package/2x/cjs/components/image-viewer/methods.js +7 -58
  25. package/2x/cjs/components/picker/picker.js +6 -9
  26. package/2x/cjs/components/picker-view/columns-extend.d.ts +3 -0
  27. package/2x/cjs/components/picker-view/columns-extend.js +45 -0
  28. package/2x/cjs/components/picker-view/picker-view.d.ts +1 -0
  29. package/2x/cjs/components/picker-view/picker-view.js +14 -16
  30. package/2x/cjs/components/popover/popover.css +1 -0
  31. package/2x/cjs/components/result/result.d.ts +2 -2
  32. package/2x/cjs/components/virtual-input/virtual-input.js +25 -14
  33. package/2x/cjs/utils/render-imperatively.js +17 -7
  34. package/2x/cjs/utils/with-cache.d.ts +1 -0
  35. package/2x/cjs/utils/with-cache.js +17 -0
  36. package/2x/es/components/calendar/calendar.d.ts +4 -3
  37. package/2x/es/components/calendar/calendar.js +67 -58
  38. package/2x/es/components/calendar/convert.d.ts +2 -0
  39. package/2x/es/components/calendar/convert.js +15 -0
  40. package/2x/es/components/collapse/collapse.js +7 -0
  41. package/2x/es/components/empty/empty-icon.d.ts +3 -0
  42. package/2x/es/components/empty/empty-icon.js +24 -0
  43. package/2x/es/components/empty/empty.js +27 -14
  44. package/2x/es/components/error-block/error-block.css +1 -0
  45. package/2x/es/components/error-block/error-block.js +2 -6
  46. package/2x/es/components/error-block/images/busy.d.ts +1 -0
  47. package/2x/es/components/error-block/images/busy.js +90 -0
  48. package/2x/es/components/error-block/images/default.d.ts +1 -0
  49. package/2x/es/components/error-block/images/default.js +166 -0
  50. package/2x/es/components/error-block/images/disconnected.d.ts +1 -0
  51. package/2x/es/components/error-block/images/disconnected.js +123 -0
  52. package/2x/es/components/error-block/images/empty.d.ts +1 -0
  53. package/2x/es/components/error-block/images/empty.js +119 -0
  54. package/2x/es/components/error-block/images/index.d.ts +2 -0
  55. package/2x/es/components/error-block/images/index.js +10 -0
  56. package/2x/es/components/form/form-item.d.ts +1 -1
  57. package/2x/es/components/form/form-item.js +4 -1
  58. package/2x/es/components/image-viewer/methods.d.ts +1 -4
  59. package/2x/es/components/image-viewer/methods.js +6 -50
  60. package/2x/es/components/picker/picker.js +6 -8
  61. package/2x/es/components/picker-view/columns-extend.d.ts +3 -0
  62. package/2x/es/components/picker-view/columns-extend.js +34 -0
  63. package/2x/es/components/picker-view/picker-view.d.ts +1 -0
  64. package/2x/es/components/picker-view/picker-view.js +14 -15
  65. package/2x/es/components/popover/popover.css +1 -0
  66. package/2x/es/components/result/result.d.ts +2 -2
  67. package/2x/es/components/virtual-input/virtual-input.js +23 -14
  68. package/2x/es/utils/render-imperatively.js +16 -8
  69. package/2x/es/utils/with-cache.d.ts +1 -0
  70. package/2x/es/utils/with-cache.js +10 -0
  71. package/2x/package.json +1 -1
  72. package/cjs/components/calendar/calendar.d.ts +4 -3
  73. package/cjs/components/calendar/calendar.js +67 -56
  74. package/cjs/components/calendar/convert.d.ts +2 -0
  75. package/cjs/components/calendar/convert.js +22 -0
  76. package/cjs/components/collapse/collapse.js +7 -0
  77. package/cjs/components/empty/empty-icon.d.ts +3 -0
  78. package/cjs/components/empty/empty-icon.js +37 -0
  79. package/cjs/components/empty/empty.js +27 -15
  80. package/cjs/components/error-block/error-block.css +1 -0
  81. package/cjs/components/error-block/error-block.js +3 -8
  82. package/cjs/components/error-block/images/busy.d.ts +1 -0
  83. package/cjs/components/error-block/images/busy.js +102 -0
  84. package/cjs/components/error-block/images/default.d.ts +1 -0
  85. package/cjs/components/error-block/images/default.js +178 -0
  86. package/cjs/components/error-block/images/disconnected.d.ts +1 -0
  87. package/cjs/components/error-block/images/disconnected.js +135 -0
  88. package/cjs/components/error-block/images/empty.d.ts +1 -0
  89. package/cjs/components/error-block/images/empty.js +131 -0
  90. package/cjs/components/error-block/images/index.d.ts +2 -0
  91. package/cjs/components/error-block/images/index.js +22 -0
  92. package/cjs/components/form/form-item.d.ts +1 -1
  93. package/cjs/components/form/form-item.js +4 -1
  94. package/cjs/components/image-viewer/methods.d.ts +1 -4
  95. package/cjs/components/image-viewer/methods.js +7 -58
  96. package/cjs/components/picker/picker.js +6 -9
  97. package/cjs/components/picker-view/columns-extend.d.ts +3 -0
  98. package/cjs/components/picker-view/columns-extend.js +45 -0
  99. package/cjs/components/picker-view/picker-view.d.ts +1 -0
  100. package/cjs/components/picker-view/picker-view.js +14 -16
  101. package/cjs/components/popover/popover.css +1 -0
  102. package/cjs/components/result/result.d.ts +2 -2
  103. package/cjs/components/virtual-input/virtual-input.js +25 -14
  104. package/cjs/utils/render-imperatively.js +17 -7
  105. package/cjs/utils/with-cache.d.ts +1 -0
  106. package/cjs/utils/with-cache.js +17 -0
  107. package/es/components/calendar/calendar.d.ts +4 -3
  108. package/es/components/calendar/calendar.js +67 -58
  109. package/es/components/calendar/convert.d.ts +2 -0
  110. package/es/components/calendar/convert.js +15 -0
  111. package/es/components/collapse/collapse.js +7 -0
  112. package/es/components/empty/empty-icon.d.ts +3 -0
  113. package/es/components/empty/empty-icon.js +24 -0
  114. package/es/components/empty/empty.js +27 -14
  115. package/es/components/error-block/error-block.css +1 -0
  116. package/es/components/error-block/error-block.js +2 -6
  117. package/es/components/error-block/images/busy.d.ts +1 -0
  118. package/es/components/error-block/images/busy.js +90 -0
  119. package/es/components/error-block/images/default.d.ts +1 -0
  120. package/es/components/error-block/images/default.js +166 -0
  121. package/es/components/error-block/images/disconnected.d.ts +1 -0
  122. package/es/components/error-block/images/disconnected.js +123 -0
  123. package/es/components/error-block/images/empty.d.ts +1 -0
  124. package/es/components/error-block/images/empty.js +119 -0
  125. package/es/components/error-block/images/index.d.ts +2 -0
  126. package/es/components/error-block/images/index.js +10 -0
  127. package/es/components/form/form-item.d.ts +1 -1
  128. package/es/components/form/form-item.js +4 -1
  129. package/es/components/image-viewer/methods.d.ts +1 -4
  130. package/es/components/image-viewer/methods.js +6 -50
  131. package/es/components/picker/picker.js +6 -8
  132. package/es/components/picker-view/columns-extend.d.ts +3 -0
  133. package/es/components/picker-view/columns-extend.js +34 -0
  134. package/es/components/picker-view/picker-view.d.ts +1 -0
  135. package/es/components/picker-view/picker-view.js +14 -15
  136. package/es/components/popover/popover.css +1 -0
  137. package/es/components/result/result.d.ts +2 -2
  138. package/es/components/virtual-input/virtual-input.js +23 -14
  139. package/es/utils/render-imperatively.js +16 -8
  140. package/es/utils/with-cache.d.ts +1 -0
  141. package/es/utils/with-cache.js +10 -0
  142. package/package.json +1 -1
  143. package/umd/antd-mobile.js +1 -1
  144. package/2x/assets/busy.svg +0 -42
  145. package/2x/assets/default.svg +0 -53
  146. package/2x/assets/disconnected.svg +0 -60
  147. package/2x/assets/empty-icon.svg +0 -18
  148. package/2x/assets/empty.svg +0 -52
  149. package/2x/cjs/assets/busy.svg +0 -42
  150. package/2x/cjs/assets/default.svg +0 -53
  151. package/2x/cjs/assets/disconnected.svg +0 -60
  152. package/2x/cjs/assets/empty-icon.svg +0 -18
  153. package/2x/cjs/assets/empty.svg +0 -52
  154. package/2x/cjs/components/error-block/error.d.ts +0 -1
  155. package/2x/cjs/components/error-block/error.js +0 -24
  156. package/2x/cjs/components/picker-view/use-columns.d.ts +0 -2
  157. package/2x/cjs/components/picker-view/use-columns.js +0 -18
  158. package/2x/cjs/components/picker-view/use-picker-value-extend.d.ts +0 -2
  159. package/2x/cjs/components/picker-view/use-picker-value-extend.js +0 -37
  160. package/2x/es/assets/busy.svg +0 -42
  161. package/2x/es/assets/default.svg +0 -53
  162. package/2x/es/assets/disconnected.svg +0 -60
  163. package/2x/es/assets/empty-icon.svg +0 -18
  164. package/2x/es/assets/empty.svg +0 -52
  165. package/2x/es/components/error-block/error.d.ts +0 -1
  166. package/2x/es/components/error-block/error.js +0 -10
  167. package/2x/es/components/picker-view/use-columns.d.ts +0 -2
  168. package/2x/es/components/picker-view/use-columns.js +0 -10
  169. package/2x/es/components/picker-view/use-picker-value-extend.d.ts +0 -2
  170. package/2x/es/components/picker-view/use-picker-value-extend.js +0 -26
  171. package/assets/busy.svg +0 -42
  172. package/assets/default.svg +0 -53
  173. package/assets/disconnected.svg +0 -60
  174. package/assets/empty-icon.svg +0 -18
  175. package/assets/empty.svg +0 -52
  176. package/cjs/assets/busy.svg +0 -42
  177. package/cjs/assets/default.svg +0 -53
  178. package/cjs/assets/disconnected.svg +0 -60
  179. package/cjs/assets/empty-icon.svg +0 -18
  180. package/cjs/assets/empty.svg +0 -52
  181. package/cjs/components/error-block/error.d.ts +0 -1
  182. package/cjs/components/error-block/error.js +0 -24
  183. package/cjs/components/picker-view/use-columns.d.ts +0 -2
  184. package/cjs/components/picker-view/use-columns.js +0 -18
  185. package/cjs/components/picker-view/use-picker-value-extend.d.ts +0 -2
  186. package/cjs/components/picker-view/use-picker-value-extend.js +0 -37
  187. package/es/assets/busy.svg +0 -42
  188. package/es/assets/default.svg +0 -53
  189. package/es/assets/disconnected.svg +0 -60
  190. package/es/assets/empty-icon.svg +0 -18
  191. package/es/assets/empty.svg +0 -52
  192. package/es/components/error-block/error.d.ts +0 -1
  193. package/es/components/error-block/error.js +0 -10
  194. package/es/components/picker-view/use-columns.d.ts +0 -2
  195. package/es/components/picker-view/use-columns.js +0 -10
  196. package/es/components/picker-view/use-picker-value-extend.d.ts +0 -2
  197. package/es/components/picker-view/use-picker-value-extend.js +0 -26
@@ -9,9 +9,10 @@ export declare type CalenderRef = {
9
9
  jumpToToday: () => void;
10
10
  };
11
11
  export declare type CalendarProps = {
12
+ onPageChange?: (year: number, month: number) => void;
12
13
  weekStartsOn?: 'Monday' | 'Sunday';
13
14
  renderLabel?: (date: Date) => string | null | undefined;
14
- onPageChange?: (year: number, month: number) => void;
15
+ allowClear?: boolean;
15
16
  } & ({
16
17
  selectionMode?: undefined;
17
18
  value?: undefined;
@@ -21,12 +22,12 @@ export declare type CalendarProps = {
21
22
  selectionMode: 'single';
22
23
  value?: Date | null;
23
24
  defaultValue?: Date | null;
24
- onChange?: (val: Date) => void;
25
+ onChange?: (val: Date | null) => void;
25
26
  } | {
26
27
  selectionMode: 'range';
27
28
  value?: [Date, Date] | null;
28
29
  defaultValue?: [Date, Date] | null;
29
- onChange?: (val: [Date, Date]) => void;
30
+ onChange?: (val: [Date, Date] | null) => void;
30
31
  }) & NativeProps;
31
32
  export declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<CalenderRef>>;
32
33
  export {};
@@ -25,6 +25,10 @@ var _isoWeek = _interopRequireDefault(require("dayjs/plugin/isoWeek"));
25
25
 
26
26
  var _ahooks = require("ahooks");
27
27
 
28
+ var _usePropsValue = require("../../utils/use-props-value");
29
+
30
+ var _convert = require("./convert");
31
+
28
32
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
29
33
 
30
34
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -35,7 +39,9 @@ _dayjs.default.extend(_isoWeek.default);
35
39
 
36
40
  const classPrefix = 'adm-calendar';
37
41
  const defaultProps = {
38
- weekStartsOn: 'Sunday'
42
+ weekStartsOn: 'Sunday',
43
+ defaultValue: null,
44
+ allowClear: true
39
45
  };
40
46
  const Calendar = (0, _react.forwardRef)((p, ref) => {
41
47
  const today = (0, _dayjs.default)();
@@ -50,29 +56,21 @@ const Calendar = (0, _react.forwardRef)((p, ref) => {
50
56
  if (item) markItems.unshift(item);
51
57
  }
52
58
 
53
- const dateRange = (0, _react.useMemo)(() => {
54
- var _a, _b, _c, _d;
59
+ const [dateRange, setDateRange] = (0, _usePropsValue.usePropsValue)({
60
+ value: props.value === undefined ? undefined : (0, _convert.convertValueToRange)(props.selectionMode, props.value),
61
+ defaultValue: (0, _convert.convertValueToRange)(props.selectionMode, props.defaultValue),
62
+ onChange: v => {
63
+ var _a, _b;
55
64
 
56
- if (props.selectionMode === 'single') {
57
- const value = (_b = (_a = props.value) !== null && _a !== void 0 ? _a : props.defaultValue) !== null && _b !== void 0 ? _b : null;
58
- return [value, value];
59
- } else if (props.selectionMode === 'range') {
60
- return (_d = (_c = props.value) !== null && _c !== void 0 ? _c : props.defaultValue) !== null && _d !== void 0 ? _d : [null, null];
61
- } else {
62
- return [null, null];
65
+ if (props.selectionMode === 'single') {
66
+ (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, v ? v[0] : null);
67
+ } else if (props.selectionMode === 'range') {
68
+ (_b = props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, v);
69
+ }
63
70
  }
64
- }, [props.selectionMode, props.value, props.defaultValue]);
65
- const [begin, setBegin] = (0, _react.useState)(null);
66
- const [end, setEnd] = (0, _react.useState)(null);
67
- (0, _ahooks.useIsomorphicLayoutEffect)(() => {
68
- setBegin(dateRange[0] ? (0, _dayjs.default)(dateRange[0]) : null);
69
- setEnd(dateRange[1] ? (0, _dayjs.default)(dateRange[1]) : null);
70
- }, [dateRange[0], dateRange[1]]);
71
- const [current, setCurrent] = (0, _react.useState)(() => {
72
- var _a;
73
-
74
- return (0, _dayjs.default)((_a = dateRange[0]) !== null && _a !== void 0 ? _a : today).date(1);
75
71
  });
72
+ const [intermediate, setIntermediate] = (0, _react.useState)(false);
73
+ const [current, setCurrent] = (0, _react.useState)(() => (0, _dayjs.default)(dateRange ? dateRange[0] : today).date(1));
76
74
  (0, _ahooks.useUpdateEffect)(() => {
77
75
  var _a;
78
76
 
@@ -136,14 +134,16 @@ const Calendar = (0, _react.forwardRef)((p, ref) => {
136
134
 
137
135
  while (cells.length < 6 * 7) {
138
136
  const d = iterator;
139
-
140
- const isSelect = (() => {
141
- if (!begin) return false;
142
- if (d.isSame(begin, 'day')) return true;
143
- if (!end) return false;
144
- if (d.isSame(end, 'day')) return true;
145
- return d.isAfter(begin, 'day') && d.isBefore(end, 'day');
146
- })();
137
+ let isSelect = false;
138
+ let isBegin = false;
139
+ let isEnd = false;
140
+
141
+ if (dateRange) {
142
+ const [begin, end] = dateRange;
143
+ isBegin = d.isSame(begin, 'day');
144
+ isEnd = d.isSame(end, 'day');
145
+ isSelect = isBegin || isEnd || d.isAfter(begin, 'day') && d.isBefore(end, 'day');
146
+ }
147
147
 
148
148
  const inThisMonth = d.month() === current.month();
149
149
  cells.push(_react.default.createElement("div", {
@@ -151,41 +151,52 @@ const Calendar = (0, _react.forwardRef)((p, ref) => {
151
151
  className: (0, _classnames.default)(`${classPrefix}-cell`, inThisMonth ? `${classPrefix}-cell-in` : `${classPrefix}-cell-out`, inThisMonth && {
152
152
  [`${classPrefix}-cell-today`]: d.isSame(today, 'day'),
153
153
  [`${classPrefix}-cell-selected`]: isSelect,
154
- [`${classPrefix}-cell-selected-begin`]: isSelect && d.isSame(begin, 'day'),
155
- [`${classPrefix}-cell-selected-end`]: isSelect && (!end || d.isSame(end, 'day'))
154
+ [`${classPrefix}-cell-selected-begin`]: isBegin,
155
+ [`${classPrefix}-cell-selected-end`]: isEnd
156
156
  }),
157
157
  onClick: () => {
158
- var _a, _b, _c;
159
-
160
158
  if (!props.selectionMode) return;
159
+ const date = d.toDate();
160
+
161
+ if (!inThisMonth) {
162
+ setCurrent(d.clone().date(1));
163
+ }
164
+
165
+ function shouldClear() {
166
+ if (!props.allowClear) return false;
167
+ if (!dateRange) return false;
168
+ const [begin, end] = dateRange;
169
+ return d.isSame(begin, 'date') && d.isSame(end, 'day');
170
+ }
161
171
 
162
172
  if (props.selectionMode === 'single') {
163
- setBegin(d);
164
- setEnd(d);
165
- (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, d.toDate());
173
+ if (props.allowClear && shouldClear()) {
174
+ setDateRange(null);
175
+ return;
176
+ }
177
+
178
+ setDateRange([date, date]);
166
179
  } else if (props.selectionMode === 'range') {
167
- if (begin !== null && end === null) {
168
- if (begin.isSame(d.toDate())) {
169
- setBegin(null);
170
- setEnd(null);
171
- } else {
172
- if (d.isBefore(begin)) {
173
- setEnd(begin);
174
- setBegin(d);
175
- (_b = props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, [d.toDate(), begin.toDate()]);
176
- } else {
177
- setEnd(d);
178
- (_c = props.onChange) === null || _c === void 0 ? void 0 : _c.call(props, [begin.toDate(), d.toDate()]);
179
- }
180
- }
181
- } else {
182
- setBegin(d);
183
- setEnd(null);
180
+ if (!dateRange) {
181
+ setDateRange([date, date]);
182
+ setIntermediate(true);
183
+ return;
184
184
  }
185
- }
186
185
 
187
- if (!inThisMonth) {
188
- setCurrent(d.clone().date(1));
186
+ if (shouldClear()) {
187
+ setDateRange(null);
188
+ setIntermediate(false);
189
+ return;
190
+ }
191
+
192
+ if (intermediate) {
193
+ const another = dateRange[0];
194
+ setDateRange(another > date ? [date, another] : [another, date]);
195
+ setIntermediate(false);
196
+ } else {
197
+ setDateRange([date, date]);
198
+ setIntermediate(true);
199
+ }
189
200
  }
190
201
  }
191
202
  }, _react.default.createElement("div", {
@@ -0,0 +1,2 @@
1
+ export declare type DateRange = [Date, Date] | null;
2
+ export declare function convertValueToRange(selectionMode: 'single' | 'range' | undefined, value: Date | [Date, Date] | null): DateRange;
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.convertValueToRange = convertValueToRange;
7
+
8
+ function convertValueToRange(selectionMode, value) {
9
+ if (selectionMode === undefined) {
10
+ return null;
11
+ }
12
+
13
+ if (value === null) {
14
+ return null;
15
+ }
16
+
17
+ if (Array.isArray(value)) {
18
+ return value;
19
+ }
20
+
21
+ return [value, value];
22
+ }
@@ -50,6 +50,13 @@ const CollapsePanelContent = props => {
50
50
  }, api] = (0, _web.useSpring)(() => ({
51
51
  from: {
52
52
  height: 0
53
+ },
54
+ config: {
55
+ precision: 0.01,
56
+ mass: 1,
57
+ tension: 200,
58
+ friction: 25,
59
+ clamp: true
53
60
  }
54
61
  }));
55
62
  (0, _ahooks.useMount)(() => {
@@ -0,0 +1,3 @@
1
+ import { FC } from 'react';
2
+ import { NativeProps } from '../../utils/native-props';
3
+ export declare const EmptyIcon: FC<NativeProps>;
@@ -0,0 +1,37 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.EmptyIcon = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _nativeProps = require("../../utils/native-props");
11
+
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+
14
+ const EmptyIcon = props => {
15
+ return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("svg", {
16
+ viewBox: '0 0 64 41'
17
+ }, _react.default.createElement("g", {
18
+ transform: 'translate(0 1)',
19
+ fill: 'none',
20
+ fillRule: 'evenodd'
21
+ }, _react.default.createElement("ellipse", {
22
+ fill: '#f5f5f5',
23
+ cx: '32',
24
+ cy: '33',
25
+ rx: '32',
26
+ ry: '7'
27
+ }), _react.default.createElement("g", {
28
+ stroke: '#d9d9d9'
29
+ }, _react.default.createElement("path", {
30
+ d: 'M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z'
31
+ }), _react.default.createElement("path", {
32
+ d: 'M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z',
33
+ fill: '#fafafa'
34
+ })))));
35
+ };
36
+
37
+ exports.EmptyIcon = EmptyIcon;
@@ -9,32 +9,44 @@ var _react = _interopRequireDefault(require("react"));
9
9
 
10
10
  var _classnames = _interopRequireDefault(require("classnames"));
11
11
 
12
- var _withDefaultProps = require("../../utils/with-default-props");
13
-
14
12
  var _nativeProps = require("../../utils/native-props");
15
13
 
16
- var _emptyIcon = _interopRequireDefault(require("../../assets/empty-icon.svg"));
14
+ var _emptyIcon = require("./empty-icon");
17
15
 
18
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
17
 
20
18
  const classPrefix = `adm-empty`;
21
- const defaultProps = {
22
- image: _emptyIcon.default
23
- };
24
19
 
25
- const Empty = p => {
26
- const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
27
- const imageNode = typeof props.image === 'string' ? _react.default.createElement("img", {
28
- className: `${classPrefix}-image`,
29
- style: props.imageStyle,
30
- src: props.image,
31
- alt: 'empty'
32
- }) : props.image;
20
+ const Empty = props => {
21
+ function renderImageNode() {
22
+ const {
23
+ image
24
+ } = props;
25
+
26
+ if (image === undefined) {
27
+ return _react.default.createElement(_emptyIcon.EmptyIcon, {
28
+ className: `${classPrefix}-image`,
29
+ style: props.imageStyle
30
+ });
31
+ }
32
+
33
+ if (typeof image === 'string') {
34
+ return _react.default.createElement("img", {
35
+ className: `${classPrefix}-image`,
36
+ style: props.imageStyle,
37
+ src: image,
38
+ alt: 'empty'
39
+ });
40
+ }
41
+
42
+ return image;
43
+ }
44
+
33
45
  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
34
46
  className: classPrefix
35
47
  }, _react.default.createElement("div", {
36
48
  className: `${classPrefix}-image-container`
37
- }, imageNode), props.description && _react.default.createElement("div", {
49
+ }, renderImageNode()), props.description && _react.default.createElement("div", {
38
50
  className: (0, _classnames.default)(`${classPrefix}-description`)
39
51
  }, props.description)));
40
52
  };
@@ -14,6 +14,7 @@
14
14
  max-width: 100%;
15
15
  }
16
16
 
17
+ .adm-error-block-image svg,
17
18
  .adm-error-block-image img {
18
19
  height: 100%;
19
20
  }
@@ -9,14 +9,14 @@ var _react = _interopRequireDefault(require("react"));
9
9
 
10
10
  var _classnames = _interopRequireDefault(require("classnames"));
11
11
 
12
- var _error = require("./error");
13
-
14
12
  var _withDefaultProps = require("../../utils/with-default-props");
15
13
 
16
14
  var _nativeProps = require("../../utils/native-props");
17
15
 
18
16
  var _configProvider = require("../config-provider");
19
17
 
18
+ var _images = require("./images");
19
+
20
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
21
 
22
22
  const classPrefix = `adm-error-block`;
@@ -26,18 +26,13 @@ const defaultProps = {
26
26
 
27
27
  const ErrorBlock = p => {
28
28
  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
29
- const icon = _error.iconRecord[props.status];
30
29
  const {
31
30
  locale
32
31
  } = (0, _configProvider.useConfig)();
33
32
  const contentPack = locale.ErrorBlock[props.status];
34
33
  const des = 'description' in props ? props.description : contentPack.description;
35
34
  const title = 'title' in props ? props.title : contentPack.title;
36
-
37
- let imageNode = _react.default.createElement("img", {
38
- src: icon,
39
- alt: 'error block image'
40
- });
35
+ let imageNode = _images.imageRecord[props.status];
41
36
 
42
37
  if (props.image) {
43
38
  if (typeof props.image === 'string') {
@@ -0,0 +1 @@
1
+ export declare const busyImage: JSX.Element;
@@ -0,0 +1,102 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.busyImage = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+
12
+ const busyImage = _react.default.createElement("svg", {
13
+ viewBox: '0 0 400 400',
14
+ xmlns: 'http://www.w3.org/2000/svg',
15
+ xmlnsXlink: 'http://www.w3.org/1999/xlink'
16
+ }, _react.default.createElement("defs", null, _react.default.createElement("linearGradient", {
17
+ x1: '50%',
18
+ y1: '-116.862%',
19
+ x2: '50%',
20
+ y2: '90.764%',
21
+ id: 'error-block-image-busy-a'
22
+ }, _react.default.createElement("stop", {
23
+ stopColor: '#72A7FD',
24
+ stopOpacity: 0.207,
25
+ offset: '0%'
26
+ }), _react.default.createElement("stop", {
27
+ stopColor: '#72A7FD',
28
+ stopOpacity: 0.115,
29
+ offset: '80.072%'
30
+ }), _react.default.createElement("stop", {
31
+ stopColor: '#72A7FD',
32
+ stopOpacity: 0,
33
+ offset: '100%'
34
+ })), _react.default.createElement("circle", {
35
+ id: 'error-block-image-busy-b',
36
+ cx: 34.857,
37
+ cy: 34.857,
38
+ r: 34.857
39
+ })), _react.default.createElement("g", {
40
+ fill: 'none',
41
+ fillRule: 'evenodd'
42
+ }, _react.default.createElement("path", {
43
+ d: 'M157.964 243.667H0L3.806 99.134a4.572 4.572 0 0 1 4.353-4.446l.217-.005h45.588V67.205a4.572 4.572 0 0 1 4.356-4.566l.216-.005 65.498-.001 2.554-58.688a4.571 4.571 0 0 1 4.779-4.368l.214.015 87.79 8.222a4.572 4.572 0 0 1 4.126 4.133l.015.213 3.146 69.652 74.976-17.906a4.571 4.571 0 0 1 5.628 4.23l.005.216v43.955h56.162v130.265l-56.163-.001v.002h-82.383v-.004h-66.919v1.098Zm-68.461-84.631h-9.968v8.435h9.968v-8.435Zm0-14.508h-9.968v8.436h9.968v-8.436Zm197.985-5.149h-9.967v8.432h9.967v-8.432Zm-197.985-8.806h-9.968v8.436h9.968v-8.436Zm197.985-5.153h-9.967v8.432h9.967v-8.432Zm0-14.503h-9.967v8.432h9.967v-8.432Zm-84.643-.777h-30.8v8.436h30.8v-8.436Zm84.643-13.186h-9.967v8.435h9.967v-8.435Zm-84.643-3.29h-30.8v8.435h30.8v-8.435Zm0-15.912h-30.8v8.436h30.8v-8.436Z',
44
+ transform: 'translate(18.286 51.286)',
45
+ fill: 'url(#error-block-image-busy-a)'
46
+ }), _react.default.createElement("path", {
47
+ d: 'm250.934 176.555-101.963 1.038c-5.276.054-9.51 4.374-9.455 9.65.054 5.274 4.374 9.507 9.649 9.454l.958-.01c-.376 7.363 3.679 59.93 34.894 62.659 4.203.367 7.432.39 7.475 4.609.042 4.218-3.176 4.307-7.37 4.76-34.593 3.737-34.136 56.004-33.61 63.357l-.957.01c-5.276.053-9.51 4.373-9.455 9.649.053 5.275 4.374 9.508 9.649 9.454l101.963-1.039c5.275-.054 9.508-4.374 9.455-9.648-.055-5.276-4.374-9.51-9.65-9.455l-.958.01c.377-7.363-.729-59.672-34.894-62.66-4.202-.367-7.432-.39-7.474-4.608-.043-4.219 3.175-4.308 7.369-4.76 31.276-3.377 34.136-56.004 33.61-63.357l.958-.01c5.276-.053 9.508-4.373 9.455-9.649-.055-5.276-4.374-9.509-9.65-9.454Z',
48
+ fill: '#377EFF'
49
+ }), _react.default.createElement("path", {
50
+ d: 'M233.524 314.422c.108.684.772 1.148 1.483 1.035.711-.112 1.2-.758 1.091-1.443-.108-.684-.772-1.147-1.483-1.035-.711.113-1.2.759-1.091 1.443Zm-.894-5.644c.108.684.772 1.148 1.483 1.035.711-.112 1.2-.758 1.091-1.443-.108-.684-.772-1.147-1.483-1.035-.711.113-1.2.759-1.091 1.443Zm-.149 17.865c.108.684.773 1.147 1.483 1.035.711-.113 1.2-.759 1.091-1.443-.108-.684-.772-1.148-1.483-1.035-.71.112-1.2.758-1.09 1.443Zm-2.144-8.182c.109.684.773 1.148 1.484 1.035.71-.113 1.199-.759 1.09-1.443-.108-.684-.772-1.148-1.483-1.035-.71.113-1.2.759-1.09 1.443Zm-1.586-4.694c.108.684.772 1.148 1.483 1.035.711-.113 1.2-.759 1.091-1.443-.108-.684-.772-1.147-1.483-1.035-.711.113-1.2.759-1.091 1.443Zm-1.013-5.88c.109.685.773 1.148 1.484 1.036.71-.113 1.2-.759 1.09-1.443-.107-.684-.772-1.148-1.483-1.035-.71.113-1.199.759-1.09 1.443Zm.236 15.575c.108.685.772 1.148 1.483 1.035.71-.112 1.2-.758 1.09-1.442-.107-.685-.772-1.148-1.483-1.035-.71.112-1.199.758-1.09 1.442Zm-.4 4.494c.108.684.772 1.147 1.483 1.035.71-.113 1.2-.759 1.091-1.443-.108-.684-.773-1.148-1.483-1.035-.711.113-1.2.759-1.091 1.443Zm-3.88-8.601c.108.684.772 1.147 1.483 1.035.71-.113 1.199-.759 1.09-1.443-.108-.684-.772-1.148-1.483-1.035-.71.113-1.2.759-1.09 1.443Zm-.524-7.186c.065.41.463.688.89.62.426-.067.72-.454.654-.865-.065-.41-.463-.688-.89-.62-.426.067-.72.454-.654.865Zm-2.265-4.102c.109.684.773 1.148 1.484 1.035.71-.113 1.2-.759 1.09-1.443-.108-.684-.772-1.147-1.483-1.035-.71.113-1.199.759-1.09 1.443Zm-.545-6.518c.065.41.464.689.89.621.427-.067.72-.455.655-.865-.065-.41-.464-.689-.89-.621-.427.067-.72.455-.655.865Zm2.098 23.629c.109.684.773 1.147 1.484 1.035.71-.113 1.2-.759 1.09-1.443-.108-.684-.772-1.148-1.483-1.035-.71.112-1.199.758-1.09 1.443Zm-.756-9.65c.043.274.309.46.593.414a.512.512 0 0 0 .437-.577.512.512 0 0 0-.594-.414.512.512 0 0 0-.436.577Zm-.808 20.96c.109.684.773 1.147 1.484 1.034.71-.112 1.2-.758 1.09-1.442-.108-.685-.772-1.148-1.483-1.036-.71.113-1.199.759-1.09 1.443Zm-4.691-31.966c.065.41.463.689.89.621.426-.068.72-.455.654-.866-.065-.41-.463-.688-.89-.62-.426.067-.72.454-.654.865Zm2.098 23.628c.108.684.772 1.148 1.483 1.035.711-.112 1.2-.758 1.091-1.443-.108-.684-.772-1.147-1.483-1.035-.711.113-1.2.759-1.091 1.443Zm-1.967-12.416c.109.684.773 1.147 1.484 1.035.71-.113 1.199-.759 1.09-1.443-.108-.684-.772-1.148-1.483-1.035-.71.112-1.2.758-1.09 1.443Zm1.073 6.772c.108.685.772 1.148 1.483 1.035.711-.112 1.2-.758 1.091-1.442-.108-.685-.772-1.148-1.483-1.036-.711.113-1.2.759-1.091 1.443Zm-.009-3.131c.065.41.464.689.89.621.427-.068.72-.455.655-.866-.065-.41-.464-.688-.89-.62-.427.067-.72.454-.655.865Zm-1.43-9.03c.065.41.463.688.89.62.426-.067.72-.454.655-.865-.065-.41-.464-.689-.89-.62-.427.067-.72.454-.655.865ZM214.5 333.38c.108.685.772 1.148 1.483 1.036.711-.113 1.2-.759 1.091-1.443-.108-.684-.772-1.148-1.483-1.035-.711.112-1.2.758-1.091 1.442Zm-.156-7.178c.065.41.464.689.89.621.427-.067.72-.455.655-.865-.065-.41-.464-.689-.89-.621-.427.067-.72.455-.655.865Zm-1.871-4.72c.108.684.773 1.147 1.483 1.034.711-.112 1.2-.758 1.091-1.442-.108-.685-.772-1.148-1.483-1.035-.71.112-1.2.758-1.091 1.442Zm-1.614-6.857c.065.41.464.689.89.621.427-.068.72-.455.655-.866-.065-.41-.464-.688-.89-.62-.427.067-.72.454-.655.865Zm-.894-5.644c.065.41.464.689.89.621.427-.067.72-.455.655-.866-.065-.41-.463-.688-.89-.62-.427.067-.72.455-.655.865Zm-1.43-9.03c.065.41.464.688.89.62.427-.067.72-.454.655-.865-.065-.41-.464-.688-.89-.62-.427.067-.72.454-.655.865Zm-1.958 14.225c.065.41.463.689.89.62.426-.067.72-.454.654-.865-.065-.41-.463-.688-.89-.62-.426.067-.72.454-.654.865Zm-.703 12.81c.065.41.464.688.89.62.427-.067.72-.455.655-.865-.065-.41-.463-.689-.89-.621-.427.067-.72.455-.655.866Zm-4.543-22.536c.065.41.463.689.89.621.426-.067.72-.455.654-.865-.065-.41-.463-.689-.89-.621-.426.067-.72.455-.654.865Zm2.806 30.138c.065.41.463.689.89.621.426-.067.72-.455.654-.865-.065-.41-.463-.689-.89-.621-.426.067-.72.455-.654.865Zm-5.694-17.996c.065.41.463.688.89.62.426-.067.72-.455.654-.865-.065-.41-.463-.689-.89-.621-.426.067-.72.455-.654.866Zm-2.935-13.343c.066.41.464.688.89.62.427-.067.72-.454.655-.865-.065-.41-.463-.689-.89-.621-.426.068-.72.455-.655.866Z',
51
+ fill: '#003CFF',
52
+ fillRule: 'nonzero'
53
+ }), _react.default.createElement("path", {
54
+ d: 'm250.934 176.555-101.963 1.038c-5.276.054-9.51 4.374-9.455 9.65.054 5.274 4.374 9.507 9.649 9.454l101.963-1.04c5.276-.052 9.508-4.372 9.455-9.648-.055-5.276-4.374-9.509-9.65-9.454ZM252.64 331.241l-101.964 1.038c-5.275.054-9.508 4.374-9.454 9.65.054 5.275 4.374 9.508 9.649 9.454l101.963-1.039c5.275-.053 9.507-4.373 9.454-9.649-.054-5.275-4.374-9.508-9.649-9.454Z',
55
+ fill: '#7EACFF'
56
+ }), _react.default.createElement("path", {
57
+ stroke: '#003CFF',
58
+ strokeWidth: 0.75,
59
+ strokeLinecap: 'round',
60
+ strokeLinejoin: 'round',
61
+ d: 'm196.824 197.298 52.216-.506M193.329 330.5h52.215'
62
+ }), _react.default.createElement("path", {
63
+ d: 'M167.367 228.041c-4.091-10.787-6.086-20.934-5.985-30.44',
64
+ stroke: '#FFF',
65
+ strokeWidth: 0.75,
66
+ strokeLinecap: 'round',
67
+ strokeLinejoin: 'round'
68
+ }), _react.default.createElement("circle", {
69
+ cx: 14.857,
70
+ cy: 14.857,
71
+ r: 14.857,
72
+ transform: 'translate(106.857 248.571)',
73
+ fill: '#FFCD6B',
74
+ fillRule: 'nonzero'
75
+ }), _react.default.createElement("g", {
76
+ transform: 'translate(236.571 284.571)'
77
+ }, _react.default.createElement("mask", {
78
+ id: 'error-block-image-busy-c',
79
+ fill: '#fff'
80
+ }, _react.default.createElement("use", {
81
+ xlinkHref: '#error-block-image-busy-b'
82
+ })), _react.default.createElement("use", {
83
+ fill: '#FBBE47',
84
+ fillRule: 'nonzero',
85
+ xlinkHref: '#error-block-image-busy-b'
86
+ }), _react.default.createElement("circle", {
87
+ fill: '#FFCD6B',
88
+ fillRule: 'nonzero',
89
+ mask: 'url(#error-block-image-busy-c)',
90
+ cx: 25.714,
91
+ cy: 28,
92
+ r: 34.857
93
+ }), _react.default.createElement("circle", {
94
+ fill: '#FFF',
95
+ fillRule: 'nonzero',
96
+ mask: 'url(#error-block-image-busy-c)',
97
+ cx: 22.286,
98
+ cy: 18.857,
99
+ r: 3.429
100
+ }))));
101
+
102
+ exports.busyImage = busyImage;
@@ -0,0 +1 @@
1
+ export declare const defaultImage: JSX.Element;