antd-mobile 5.37.1 → 5.38.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 (210) hide show
  1. package/2x/README.md +2 -2
  2. package/2x/bundle/antd-mobile.cjs.development.js +2276 -1113
  3. package/2x/bundle/antd-mobile.cjs.js +7 -7
  4. package/2x/bundle/antd-mobile.es.development.js +2279 -1116
  5. package/2x/bundle/antd-mobile.es.js +7914 -7141
  6. package/2x/bundle/antd-mobile.umd.development.js +2276 -1113
  7. package/2x/bundle/antd-mobile.umd.js +7 -7
  8. package/2x/bundle/css-vars-patch.css +42 -0
  9. package/2x/bundle/style.css +142 -4
  10. package/2x/cjs/components/calendar-picker-view/calendar-picker-view.d.ts +1 -1
  11. package/2x/cjs/components/calendar-picker-view/calendar-picker-view.js +31 -10
  12. package/2x/cjs/components/card/card.css +1 -0
  13. package/2x/cjs/components/card/card.d.ts +2 -1
  14. package/2x/cjs/components/card/card.js +7 -3
  15. package/2x/cjs/components/card/card.patch.css +8 -0
  16. package/2x/cjs/components/date-picker/date-picker-quarter-utils.d.ts +7 -0
  17. package/2x/cjs/components/date-picker/date-picker-quarter-utils.js +77 -0
  18. package/2x/cjs/components/date-picker/date-picker-utils.d.ts +3 -2
  19. package/2x/cjs/components/date-picker/date-picker-utils.js +7 -0
  20. package/2x/cjs/components/ellipsis/ellipsis.css +1 -0
  21. package/2x/cjs/components/ellipsis/ellipsis.d.ts +1 -1
  22. package/2x/cjs/components/ellipsis/ellipsis.js +28 -124
  23. package/2x/cjs/components/ellipsis/useMeasure.d.ts +2 -0
  24. package/2x/cjs/components/ellipsis/useMeasure.js +108 -0
  25. package/2x/cjs/components/ellipsis/~ellipsis.d.ts +15 -0
  26. package/2x/cjs/components/ellipsis/~ellipsis.js +161 -0
  27. package/2x/cjs/components/image-uploader/image-uploader.js +2 -2
  28. package/2x/cjs/components/input/input.d.ts +2 -2
  29. package/2x/cjs/components/input/input.js +1 -0
  30. package/2x/cjs/components/notice-bar/notice-bar.css +30 -4
  31. package/2x/cjs/components/notice-bar/notice-bar.d.ts +5 -1
  32. package/2x/cjs/components/notice-bar/notice-bar.js +7 -3
  33. package/2x/cjs/components/search-bar/search-bar.d.ts +2 -2
  34. package/2x/cjs/components/search-bar/search-bar.js +1 -0
  35. package/2x/cjs/components/segmented/index.d.ts +4 -0
  36. package/2x/cjs/components/segmented/index.js +10 -0
  37. package/2x/cjs/components/segmented/segmented.css +113 -0
  38. package/2x/cjs/components/segmented/segmented.d.ts +21 -0
  39. package/2x/cjs/components/segmented/segmented.js +57 -0
  40. package/2x/cjs/components/segmented/segmented.patch.css +41 -0
  41. package/2x/cjs/components/tab-bar/tab-bar.d.ts +1 -0
  42. package/2x/cjs/components/tab-bar/tab-bar.js +2 -0
  43. package/2x/cjs/components/tabs/tabs.js +1 -1
  44. package/2x/cjs/components/toast/methods.js +9 -3
  45. package/2x/cjs/global/css-vars-patch.css +42 -0
  46. package/2x/cjs/index.d.ts +2 -0
  47. package/2x/cjs/index.js +7 -0
  48. package/2x/cjs/locales/cnr-ME.d.ts +139 -0
  49. package/2x/cjs/locales/cnr-ME.js +149 -0
  50. package/2x/cjs/locales/hr-HR.d.ts +139 -0
  51. package/2x/cjs/locales/hr-HR.js +149 -0
  52. package/2x/cjs/locales/kk-KZ.js +6 -6
  53. package/2x/cjs/locales/sr-RS.d.ts +139 -0
  54. package/2x/cjs/locales/sr-RS.js +149 -0
  55. package/2x/cjs/utils/render-imperatively.d.ts +1 -0
  56. package/2x/cjs/utils/render-imperatively.js +6 -3
  57. package/2x/es/components/calendar-picker-view/calendar-picker-view.d.ts +1 -1
  58. package/2x/es/components/calendar-picker-view/calendar-picker-view.js +32 -11
  59. package/2x/es/components/card/card.css +1 -0
  60. package/2x/es/components/card/card.d.ts +2 -1
  61. package/2x/es/components/card/card.js +7 -3
  62. package/2x/es/components/card/card.patch.css +8 -0
  63. package/2x/es/components/date-picker/date-picker-quarter-utils.d.ts +7 -0
  64. package/2x/es/components/date-picker/date-picker-quarter-utils.js +68 -0
  65. package/2x/es/components/date-picker/date-picker-utils.d.ts +3 -2
  66. package/2x/es/components/date-picker/date-picker-utils.js +7 -0
  67. package/2x/es/components/ellipsis/ellipsis.css +1 -0
  68. package/2x/es/components/ellipsis/ellipsis.d.ts +1 -1
  69. package/2x/es/components/ellipsis/ellipsis.js +28 -122
  70. package/2x/es/components/ellipsis/useMeasure.d.ts +2 -0
  71. package/2x/es/components/ellipsis/useMeasure.js +101 -0
  72. package/2x/es/components/ellipsis/~ellipsis.d.ts +15 -0
  73. package/2x/es/components/ellipsis/~ellipsis.js +151 -0
  74. package/2x/es/components/image-uploader/image-uploader.js +2 -2
  75. package/2x/es/components/input/input.d.ts +2 -2
  76. package/2x/es/components/input/input.js +1 -0
  77. package/2x/es/components/notice-bar/notice-bar.css +30 -4
  78. package/2x/es/components/notice-bar/notice-bar.d.ts +5 -1
  79. package/2x/es/components/notice-bar/notice-bar.js +7 -3
  80. package/2x/es/components/search-bar/search-bar.d.ts +2 -2
  81. package/2x/es/components/search-bar/search-bar.js +1 -0
  82. package/2x/es/components/segmented/index.d.ts +4 -0
  83. package/2x/es/components/segmented/index.js +3 -0
  84. package/2x/es/components/segmented/segmented.css +113 -0
  85. package/2x/es/components/segmented/segmented.d.ts +21 -0
  86. package/2x/es/components/segmented/segmented.js +48 -0
  87. package/2x/es/components/segmented/segmented.patch.css +41 -0
  88. package/2x/es/components/tab-bar/tab-bar.d.ts +1 -0
  89. package/2x/es/components/tab-bar/tab-bar.js +2 -0
  90. package/2x/es/components/tabs/tabs.js +1 -1
  91. package/2x/es/components/toast/methods.js +9 -3
  92. package/2x/es/global/css-vars-patch.css +42 -0
  93. package/2x/es/index.d.ts +2 -0
  94. package/2x/es/index.js +1 -0
  95. package/2x/es/locales/cnr-ME.d.ts +139 -0
  96. package/2x/es/locales/cnr-ME.js +142 -0
  97. package/2x/es/locales/hr-HR.d.ts +139 -0
  98. package/2x/es/locales/hr-HR.js +142 -0
  99. package/2x/es/locales/kk-KZ.js +6 -6
  100. package/2x/es/locales/sr-RS.d.ts +139 -0
  101. package/2x/es/locales/sr-RS.js +142 -0
  102. package/2x/es/utils/render-imperatively.d.ts +1 -0
  103. package/2x/es/utils/render-imperatively.js +6 -3
  104. package/2x/package.json +3 -2
  105. package/README.md +2 -2
  106. package/bundle/antd-mobile.cjs.development.js +2276 -1113
  107. package/bundle/antd-mobile.cjs.js +7 -7
  108. package/bundle/antd-mobile.compatible.umd.js +1 -1
  109. package/bundle/antd-mobile.es.development.js +2279 -1116
  110. package/bundle/antd-mobile.es.js +7914 -7141
  111. package/bundle/antd-mobile.umd.development.js +2276 -1113
  112. package/bundle/antd-mobile.umd.js +7 -7
  113. package/bundle/css-vars-patch.css +32 -0
  114. package/bundle/style.css +1 -1
  115. package/cjs/components/calendar-picker-view/calendar-picker-view.d.ts +1 -1
  116. package/cjs/components/calendar-picker-view/calendar-picker-view.js +31 -10
  117. package/cjs/components/card/card.css +1 -0
  118. package/cjs/components/card/card.d.ts +2 -1
  119. package/cjs/components/card/card.js +7 -3
  120. package/cjs/components/card/card.patch.css +6 -0
  121. package/cjs/components/date-picker/date-picker-quarter-utils.d.ts +7 -0
  122. package/cjs/components/date-picker/date-picker-quarter-utils.js +77 -0
  123. package/cjs/components/date-picker/date-picker-utils.d.ts +3 -2
  124. package/cjs/components/date-picker/date-picker-utils.js +7 -0
  125. package/cjs/components/ellipsis/ellipsis.css +1 -0
  126. package/cjs/components/ellipsis/ellipsis.d.ts +1 -1
  127. package/cjs/components/ellipsis/ellipsis.js +28 -124
  128. package/cjs/components/ellipsis/useMeasure.d.ts +2 -0
  129. package/cjs/components/ellipsis/useMeasure.js +108 -0
  130. package/cjs/components/ellipsis/~ellipsis.d.ts +15 -0
  131. package/cjs/components/ellipsis/~ellipsis.js +161 -0
  132. package/cjs/components/image-uploader/image-uploader.js +2 -2
  133. package/cjs/components/input/input.d.ts +2 -2
  134. package/cjs/components/input/input.js +1 -0
  135. package/cjs/components/notice-bar/notice-bar.css +25 -4
  136. package/cjs/components/notice-bar/notice-bar.d.ts +5 -1
  137. package/cjs/components/notice-bar/notice-bar.js +7 -3
  138. package/cjs/components/search-bar/search-bar.d.ts +2 -2
  139. package/cjs/components/search-bar/search-bar.js +1 -0
  140. package/cjs/components/segmented/index.d.ts +4 -0
  141. package/cjs/components/segmented/index.js +10 -0
  142. package/cjs/components/segmented/segmented.css +97 -0
  143. package/cjs/components/segmented/segmented.d.ts +21 -0
  144. package/cjs/components/segmented/segmented.js +57 -0
  145. package/cjs/components/segmented/segmented.patch.css +32 -0
  146. package/cjs/components/tab-bar/tab-bar.d.ts +1 -0
  147. package/cjs/components/tab-bar/tab-bar.js +2 -0
  148. package/cjs/components/tabs/tabs.js +1 -1
  149. package/cjs/components/toast/methods.js +9 -3
  150. package/cjs/global/css-vars-patch.css +32 -0
  151. package/cjs/index.d.ts +2 -0
  152. package/cjs/index.js +7 -0
  153. package/cjs/locales/cnr-ME.d.ts +139 -0
  154. package/cjs/locales/cnr-ME.js +149 -0
  155. package/cjs/locales/hr-HR.d.ts +139 -0
  156. package/cjs/locales/hr-HR.js +149 -0
  157. package/cjs/locales/kk-KZ.js +6 -6
  158. package/cjs/locales/sr-RS.d.ts +139 -0
  159. package/cjs/locales/sr-RS.js +149 -0
  160. package/cjs/utils/render-imperatively.d.ts +1 -0
  161. package/cjs/utils/render-imperatively.js +6 -3
  162. package/es/components/calendar-picker-view/calendar-picker-view.d.ts +1 -1
  163. package/es/components/calendar-picker-view/calendar-picker-view.js +32 -11
  164. package/es/components/card/card.css +1 -0
  165. package/es/components/card/card.d.ts +2 -1
  166. package/es/components/card/card.js +7 -3
  167. package/es/components/card/card.patch.css +6 -0
  168. package/es/components/date-picker/date-picker-quarter-utils.d.ts +7 -0
  169. package/es/components/date-picker/date-picker-quarter-utils.js +68 -0
  170. package/es/components/date-picker/date-picker-utils.d.ts +3 -2
  171. package/es/components/date-picker/date-picker-utils.js +7 -0
  172. package/es/components/ellipsis/ellipsis.css +1 -0
  173. package/es/components/ellipsis/ellipsis.d.ts +1 -1
  174. package/es/components/ellipsis/ellipsis.js +28 -122
  175. package/es/components/ellipsis/useMeasure.d.ts +2 -0
  176. package/es/components/ellipsis/useMeasure.js +101 -0
  177. package/es/components/ellipsis/~ellipsis.d.ts +15 -0
  178. package/es/components/ellipsis/~ellipsis.js +151 -0
  179. package/es/components/image-uploader/image-uploader.js +2 -2
  180. package/es/components/input/input.d.ts +2 -2
  181. package/es/components/input/input.js +1 -0
  182. package/es/components/notice-bar/notice-bar.css +25 -4
  183. package/es/components/notice-bar/notice-bar.d.ts +5 -1
  184. package/es/components/notice-bar/notice-bar.js +7 -3
  185. package/es/components/search-bar/search-bar.d.ts +2 -2
  186. package/es/components/search-bar/search-bar.js +1 -0
  187. package/es/components/segmented/index.d.ts +4 -0
  188. package/es/components/segmented/index.js +3 -0
  189. package/es/components/segmented/segmented.css +97 -0
  190. package/es/components/segmented/segmented.d.ts +21 -0
  191. package/es/components/segmented/segmented.js +48 -0
  192. package/es/components/segmented/segmented.patch.css +32 -0
  193. package/es/components/tab-bar/tab-bar.d.ts +1 -0
  194. package/es/components/tab-bar/tab-bar.js +2 -0
  195. package/es/components/tabs/tabs.js +1 -1
  196. package/es/components/toast/methods.js +9 -3
  197. package/es/global/css-vars-patch.css +32 -0
  198. package/es/index.d.ts +2 -0
  199. package/es/index.js +1 -0
  200. package/es/locales/cnr-ME.d.ts +139 -0
  201. package/es/locales/cnr-ME.js +142 -0
  202. package/es/locales/hr-HR.d.ts +139 -0
  203. package/es/locales/hr-HR.js +142 -0
  204. package/es/locales/kk-KZ.js +6 -6
  205. package/es/locales/sr-RS.d.ts +139 -0
  206. package/es/locales/sr-RS.js +142 -0
  207. package/es/utils/render-imperatively.d.ts +1 -0
  208. package/es/utils/render-imperatively.js +6 -3
  209. package/package.json +3 -2
  210. package/umd/antd-mobile.js +1 -1
@@ -0,0 +1,4 @@
1
+ import './segmented.less';
2
+ import { Segmented } from './segmented';
3
+ export type { SegmentedProps, SegmentedValue } from './segmented';
4
+ export default Segmented;
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ require("./segmented.css");
8
+ var _segmented2 = require("./segmented");
9
+ var _default = _segmented2.Segmented;
10
+ exports.default = _default;
@@ -0,0 +1,113 @@
1
+ .adm-segmented {
2
+ --segmented-background: var(--adm-color-fill-content);
3
+ --segmented-item-color: var(--adm-color-text-secondary);
4
+ --segmented-item-selected-background: var(--adm-color-background);
5
+ --segmented-item-selected-color: var(--adm-color-text);
6
+ --segmented-item-disabled-color: var(--adm-color-weak);
7
+ --transition-time-function: cubic-bezier(0.645, 0.045, 0.355, 1);
8
+ display: inline-block;
9
+ padding: 4px;
10
+ color: var(--segmented-item-color);
11
+ background-color: var(--segmented-background);
12
+ border-radius: 4px;
13
+ transition: all 0.3s var(--transition-time-function);
14
+ }
15
+
16
+ .adm-segmented-group {
17
+ position: relative;
18
+ display: flex;
19
+ align-items: stretch;
20
+ justify-items: flex-start;
21
+ width: 100%;
22
+ }
23
+
24
+ .adm-segmented.adm-segmented-block {
25
+ display: flex;
26
+ }
27
+
28
+ .adm-segmented.adm-segmented-block .adm-segmented-item {
29
+ flex: 1;
30
+ min-width: 0;
31
+ }
32
+
33
+ .adm-segmented-item {
34
+ position: relative;
35
+ text-align: center;
36
+ cursor: pointer;
37
+ transition: color 0.3s var(--transition-time-function);
38
+ }
39
+
40
+ .adm-segmented-item-selected {
41
+ background-color: var(--segmented-item-selected-background);
42
+ border-radius: 4px;
43
+ box-shadow: 0 4px 16px -4px rgba(0, 0, 0, 0.05), 0 2px 8px -2px rgba(0, 0, 0, 0.07), 0 0 2px 0 rgba(0, 0, 0, 0.08);
44
+ color: var(--segmented-item-selected-color);
45
+ }
46
+
47
+ .adm-segmented-item-label {
48
+ min-height: 20px;
49
+ padding: 0 22px;
50
+ line-height: 56px;
51
+ overflow: hidden;
52
+ white-space: nowrap;
53
+ text-overflow: ellipsis;
54
+ word-break: keep-all;
55
+ }
56
+
57
+ .adm-segmented-item-icon + * {
58
+ margin-left: 12px;
59
+ }
60
+
61
+ .adm-segmented-item-input {
62
+ position: absolute;
63
+ top: 0;
64
+ left: 0;
65
+ width: 0;
66
+ height: 0;
67
+ opacity: 0;
68
+ pointer-events: none;
69
+ }
70
+
71
+ .adm-segmented-item-disabled {
72
+ color: var(--segmented-item-disabled-color);
73
+ cursor: not-allowed;
74
+ }
75
+
76
+ .adm-segmented-thumb {
77
+ background-color: var(--segmented-item-selected-background);
78
+ border-radius: 4px;
79
+ box-shadow: 0 4px 16px -4px rgba(0, 0, 0, 0.05), 0 2px 8px -2px rgba(0, 0, 0, 0.07), 0 0 2px 0 rgba(0, 0, 0, 0.08);
80
+ position: absolute;
81
+ top: 0;
82
+ left: 0;
83
+ width: 0;
84
+ height: 100%;
85
+ padding: 8px 0;
86
+ }
87
+
88
+ .adm-segmented-thumb-motion-appear-active {
89
+ transition: transform 0.3s var(--transition-time-function), width 0.3s var(--transition-time-function);
90
+ will-change: transform, width;
91
+ }
92
+
93
+ /* ---- mixins part starts ---- */
94
+
95
+ .segmented-disabled-item {
96
+ color: var(--segmented-item-disabled-color);
97
+ cursor: not-allowed;
98
+ }
99
+
100
+ .segmented-item-selected {
101
+ background-color: var(--segmented-item-selected-background);
102
+ border-radius: 4px;
103
+ box-shadow: 0 4px 16px -4px rgba(0, 0, 0, 0.05), 0 2px 8px -2px rgba(0, 0, 0, 0.07), 0 0 2px 0 rgba(0, 0, 0, 0.08);
104
+ }
105
+
106
+ .segmented-text-ellipsis {
107
+ overflow: hidden;
108
+ white-space: nowrap;
109
+ text-overflow: ellipsis;
110
+ word-break: keep-all;
111
+ }
112
+
113
+ /* ---- mixins part ends ---- */
@@ -0,0 +1,21 @@
1
+ import type { SegmentedLabeledOption as RcSegmentedLabeledOption, SegmentedProps as RCSegmentedProps, SegmentedRawOption } from 'rc-segmented';
2
+ import * as React from 'react';
3
+ import { NativeProps } from '../../utils/native-props';
4
+ export type { SegmentedValue } from 'rc-segmented';
5
+ interface SegmentedLabeledOptionWithoutIcon extends RcSegmentedLabeledOption {
6
+ label: RcSegmentedLabeledOption['label'];
7
+ }
8
+ interface SegmentedLabeledOptionWithIcon extends Omit<RcSegmentedLabeledOption, 'label'> {
9
+ label?: RcSegmentedLabeledOption['label'];
10
+ /** Set icon for Segmented item */
11
+ icon: React.ReactNode;
12
+ }
13
+ export declare type SegmentedLabeledOption = SegmentedLabeledOptionWithIcon | SegmentedLabeledOptionWithoutIcon;
14
+ interface InternalSegmentedProps extends Omit<RCSegmentedProps, 'size' | 'options'> {
15
+ options: (SegmentedRawOption | SegmentedLabeledOption)[];
16
+ /** Option to fit width to its parent's width */
17
+ block?: boolean;
18
+ }
19
+ export declare type SegmentedProps = InternalSegmentedProps & NativeProps<'--segmented-background' | '--segmented-item-color' | '--segmented-item-selected-background' | '--segmented-item-selected-color' | '--segmented-item-disabled-color'>;
20
+ declare const Segmented: React.ForwardRefExoticComponent<Omit<SegmentedProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
21
+ export { Segmented };
@@ -0,0 +1,57 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.Segmented = void 0;
7
+ var _tslib = require("tslib");
8
+ var _classnames = _interopRequireDefault(require("classnames"));
9
+ var _rcSegmented = _interopRequireDefault(require("rc-segmented"));
10
+ var React = _interopRequireWildcard(require("react"));
11
+ var _nativeProps = require("../../utils/native-props");
12
+ 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); }
13
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
+ function isSegmentedLabeledOptionWithIcon(option) {
16
+ return typeof option === 'object' && !!(option === null || option === void 0 ? void 0 : option.icon);
17
+ }
18
+ const classPrefix = `adm-segmented`;
19
+ const Segmented = React.forwardRef((props, ref) => {
20
+ const {
21
+ prefixCls: customizePrefixCls,
22
+ className,
23
+ block,
24
+ options = []
25
+ } = props,
26
+ restProps = (0, _tslib.__rest)(props
27
+ // syntactic sugar to support `icon` for Segmented Item
28
+ , ["prefixCls", "className", "block", "options"]);
29
+ // syntactic sugar to support `icon` for Segmented Item
30
+ const extendedOptions = React.useMemo(() => options.map(option => {
31
+ if (isSegmentedLabeledOptionWithIcon(option)) {
32
+ const {
33
+ icon,
34
+ label
35
+ } = option,
36
+ restOption = (0, _tslib.__rest)(option, ["icon", "label"]);
37
+ return Object.assign(Object.assign({}, restOption), {
38
+ label: React.createElement(React.Fragment, null, React.createElement("span", {
39
+ className: `${classPrefix}-item-icon`
40
+ }, icon), label && React.createElement("span", null, label))
41
+ });
42
+ }
43
+ return option;
44
+ }), [options, classPrefix]);
45
+ return (0, _nativeProps.withNativeProps)(props, React.createElement(_rcSegmented.default, Object.assign({}, restProps, {
46
+ className: (0, _classnames.default)(className, {
47
+ [`${classPrefix}-block`]: block
48
+ }),
49
+ options: extendedOptions,
50
+ ref: ref,
51
+ prefixCls: classPrefix
52
+ })));
53
+ });
54
+ exports.Segmented = Segmented;
55
+ if (process.env.NODE_ENV !== 'production') {
56
+ Segmented.displayName = 'Segmented';
57
+ }
@@ -0,0 +1,41 @@
1
+ .adm-segmented {
2
+ color: #666;
3
+ background-color: #f5f5f5;
4
+ transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
5
+ }
6
+
7
+ .adm-segmented-item {
8
+ transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
9
+ }
10
+
11
+ .adm-segmented-item-selected {
12
+ background-color: #fff;
13
+ box-shadow: 0 4px 16px -4px rgba(0, 0, 0, 0.05), 0 2px 8px -2px rgba(0, 0, 0, 0.07), 0 0 2px 0 rgba(0, 0, 0, 0.08);
14
+ color: #333;
15
+ }
16
+
17
+ .adm-segmented-item-disabled {
18
+ color: #999;
19
+ }
20
+
21
+ .adm-segmented-thumb {
22
+ background-color: #fff;
23
+ box-shadow: 0 4px 16px -4px rgba(0, 0, 0, 0.05), 0 2px 8px -2px rgba(0, 0, 0, 0.07), 0 0 2px 0 rgba(0, 0, 0, 0.08);
24
+ }
25
+
26
+ .adm-segmented-thumb-motion-appear-active {
27
+ transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
28
+ }
29
+
30
+ /* ---- mixins part starts ---- */
31
+
32
+ .segmented-disabled-item {
33
+ color: #999;
34
+ }
35
+
36
+ .segmented-item-selected {
37
+ background-color: #fff;
38
+ box-shadow: 0 4px 16px -4px rgba(0, 0, 0, 0.05), 0 2px 8px -2px rgba(0, 0, 0, 0.07), 0 0 2px 0 rgba(0, 0, 0, 0.08);
39
+ }
40
+
41
+ /* ---- mixins part ends ---- */
@@ -5,6 +5,7 @@ export declare type TabBarItemProps = {
5
5
  icon?: ReactNode | ((active: boolean) => ReactNode);
6
6
  title?: ReactNode | ((active: boolean) => ReactNode);
7
7
  badge?: BadgeProps['content'];
8
+ onClick?: () => void;
8
9
  } & NativeProps;
9
10
  export declare const TabBarItem: FC<TabBarItemProps>;
10
11
  export declare type TabBarProps = {
@@ -76,11 +76,13 @@ const TabBar = p => {
76
76
  return (0, _nativeProps.withNativeProps)(item.props, _react.default.createElement("div", {
77
77
  key: item.key,
78
78
  onClick: () => {
79
+ var _a, _b;
79
80
  const {
80
81
  key
81
82
  } = item;
82
83
  if (key === undefined || key === null) return;
83
84
  setActiveKey(key.toString());
85
+ (_b = (_a = item.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a);
84
86
  },
85
87
  className: (0, _classnames.default)(`${classPrefix}-item`, {
86
88
  [`${classPrefix}-item-active`]: active
@@ -163,7 +163,7 @@ const Tabs = p => {
163
163
  }, []);
164
164
  (0, _useIsomorphicUpdateLayoutEffect.useIsomorphicUpdateLayoutEffect)(() => {
165
165
  animate();
166
- }, [activeKey]);
166
+ }, [activeKey, isRTL, props.activeLineMode]);
167
167
  (0, _useResizeEffect.useResizeEffect)(() => {
168
168
  animate(!x.isAnimating);
169
169
  }, tabListContainerRef);
@@ -7,9 +7,9 @@ exports.clear = clear;
7
7
  exports.config = config;
8
8
  exports.show = show;
9
9
  var _react = _interopRequireDefault(require("react"));
10
- var _toast = require("./toast");
11
- var _withDefaultProps = require("../../utils/with-default-props");
12
10
  var _renderImperatively = require("../../utils/render-imperatively");
11
+ var _withDefaultProps = require("../../utils/with-default-props");
12
+ var _toast = require("./toast");
13
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
14
  let currentHandler = null;
15
15
  let currentTimeout = null;
@@ -20,6 +20,7 @@ const defaultProps = {
20
20
  };
21
21
  const ToastInner = props => _react.default.createElement(_toast.InternalToast, Object.assign({}, props));
22
22
  function show(p) {
23
+ var _a;
23
24
  const props = (0, _withDefaultProps.mergeProps)(defaultProps, typeof p === 'string' ? {
24
25
  content: p
25
26
  } : p);
@@ -29,7 +30,12 @@ function show(p) {
29
30
  }
30
31
  }));
31
32
  if (currentHandler) {
32
- currentHandler.replace(element);
33
+ if ((_a = currentHandler.isRendered) === null || _a === void 0 ? void 0 : _a.call(currentHandler)) {
34
+ currentHandler.replace(element);
35
+ } else {
36
+ currentHandler.close();
37
+ currentHandler = (0, _renderImperatively.renderImperatively)(element);
38
+ }
33
39
  } else {
34
40
  currentHandler = (0, _renderImperatively.renderImperatively)(element);
35
41
  }
@@ -316,6 +316,48 @@
316
316
  padding-bottom: 16px;
317
317
  }
318
318
 
319
+ .adm-segmented {
320
+ color: #666;
321
+ background-color: #f5f5f5;
322
+ transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
323
+ }
324
+
325
+ .adm-segmented-item {
326
+ transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
327
+ }
328
+
329
+ .adm-segmented-item-selected {
330
+ background-color: #fff;
331
+ box-shadow: 0 4px 16px -4px rgba(0, 0, 0, 0.05), 0 2px 8px -2px rgba(0, 0, 0, 0.07), 0 0 2px 0 rgba(0, 0, 0, 0.08);
332
+ color: #333;
333
+ }
334
+
335
+ .adm-segmented-item-disabled {
336
+ color: #999;
337
+ }
338
+
339
+ .adm-segmented-thumb {
340
+ background-color: #fff;
341
+ box-shadow: 0 4px 16px -4px rgba(0, 0, 0, 0.05), 0 2px 8px -2px rgba(0, 0, 0, 0.07), 0 0 2px 0 rgba(0, 0, 0, 0.08);
342
+ }
343
+
344
+ .adm-segmented-thumb-motion-appear-active {
345
+ transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
346
+ }
347
+
348
+ /* ---- mixins part starts ---- */
349
+
350
+ .segmented-disabled-item {
351
+ color: #999;
352
+ }
353
+
354
+ .segmented-item-selected {
355
+ background-color: #fff;
356
+ box-shadow: 0 4px 16px -4px rgba(0, 0, 0, 0.05), 0 2px 8px -2px rgba(0, 0, 0, 0.07), 0 0 2px 0 rgba(0, 0, 0, 0.08);
357
+ }
358
+
359
+ /* ---- mixins part ends ---- */
360
+
319
361
  .adm-spin-loading {
320
362
  width: 64px;
321
363
  height: 64px;
package/2x/cjs/index.d.ts CHANGED
@@ -124,6 +124,8 @@ export { default as ScrollMask } from './components/scroll-mask';
124
124
  export type { ScrollMaskProps } from './components/scroll-mask';
125
125
  export { default as SearchBar } from './components/search-bar';
126
126
  export type { SearchBarProps, SearchBarRef } from './components/search-bar';
127
+ export { default as Segmented } from './components/segmented';
128
+ export type { SegmentedProps, SegmentedValue } from './components/segmented';
127
129
  export { default as Selector } from './components/selector';
128
130
  export type { SelectorProps, SelectorOption } from './components/selector';
129
131
  export { default as SideBar } from './components/side-bar';
package/2x/cjs/index.js CHANGED
@@ -381,6 +381,12 @@ Object.defineProperty(exports, "SearchBar", {
381
381
  return _searchBar.default;
382
382
  }
383
383
  });
384
+ Object.defineProperty(exports, "Segmented", {
385
+ enumerable: true,
386
+ get: function () {
387
+ return _segmented.default;
388
+ }
389
+ });
384
390
  Object.defineProperty(exports, "Selector", {
385
391
  enumerable: true,
386
392
  get: function () {
@@ -588,6 +594,7 @@ var _resultPage = _interopRequireDefault(require("./components/result-page"));
588
594
  var _safeArea = _interopRequireDefault(require("./components/safe-area"));
589
595
  var _scrollMask = _interopRequireDefault(require("./components/scroll-mask"));
590
596
  var _searchBar = _interopRequireDefault(require("./components/search-bar"));
597
+ var _segmented = _interopRequireDefault(require("./components/segmented"));
591
598
  var _selector = _interopRequireDefault(require("./components/selector"));
592
599
  var _sideBar = _interopRequireDefault(require("./components/side-bar"));
593
600
  var _skeleton = _interopRequireDefault(require("./components/skeleton"));
@@ -0,0 +1,139 @@
1
+ declare const cnrME: {
2
+ locale: string;
3
+ common: {
4
+ confirm: string;
5
+ cancel: string;
6
+ loading: string;
7
+ close: string;
8
+ };
9
+ Calendar: {
10
+ title: string;
11
+ confirm: string;
12
+ start: string;
13
+ end: string;
14
+ today: string;
15
+ markItems: string[];
16
+ yearAndMonth: string;
17
+ };
18
+ Cascader: {
19
+ placeholder: string;
20
+ };
21
+ Dialog: {
22
+ ok: string;
23
+ };
24
+ DatePicker: {
25
+ tillNow: string;
26
+ };
27
+ ErrorBlock: {
28
+ default: {
29
+ title: string;
30
+ description: string;
31
+ };
32
+ busy: {
33
+ title: string;
34
+ description: string;
35
+ };
36
+ disconnected: {
37
+ title: string;
38
+ description: string;
39
+ };
40
+ empty: {
41
+ title: string;
42
+ description: string;
43
+ };
44
+ };
45
+ Form: {
46
+ required: string;
47
+ optional: string;
48
+ defaultValidateMessages: {
49
+ default: string;
50
+ required: string;
51
+ enum: string;
52
+ whitespace: string;
53
+ date: {
54
+ format: string;
55
+ parse: string;
56
+ invalid: string;
57
+ };
58
+ types: {
59
+ string: string;
60
+ method: string;
61
+ array: string;
62
+ object: string;
63
+ number: string;
64
+ date: string;
65
+ boolean: string;
66
+ integer: string;
67
+ float: string;
68
+ regexp: string;
69
+ email: string;
70
+ url: string;
71
+ hex: string;
72
+ };
73
+ string: {
74
+ len: string;
75
+ min: string;
76
+ max: string;
77
+ range: string;
78
+ };
79
+ number: {
80
+ len: string;
81
+ min: string;
82
+ max: string;
83
+ range: string;
84
+ };
85
+ array: {
86
+ len: string;
87
+ min: string;
88
+ max: string;
89
+ range: string;
90
+ };
91
+ pattern: {
92
+ mismatch: string;
93
+ };
94
+ };
95
+ };
96
+ ImageUploader: {
97
+ uploading: string;
98
+ upload: string;
99
+ };
100
+ InfiniteScroll: {
101
+ noMore: string;
102
+ failedToLoad: string;
103
+ retry: string;
104
+ };
105
+ Input: {
106
+ clear: string;
107
+ };
108
+ Mask: {
109
+ name: string;
110
+ };
111
+ Modal: {
112
+ ok: string;
113
+ };
114
+ PasscodeInput: {
115
+ name: string;
116
+ };
117
+ PullToRefresh: {
118
+ pulling: string;
119
+ canRelease: string;
120
+ complete: string;
121
+ };
122
+ SearchBar: {
123
+ name: string;
124
+ };
125
+ Slider: {
126
+ name: string;
127
+ };
128
+ Stepper: {
129
+ decrease: string;
130
+ increase: string;
131
+ };
132
+ Switch: {
133
+ name: string;
134
+ };
135
+ Selector: {
136
+ name: string;
137
+ };
138
+ };
139
+ export default cnrME;
@@ -0,0 +1,149 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _mergeLocale = require("../utils/merge-locale");
8
+ var _base = require("./base");
9
+ const typeTemplate = '${label} nije važeći ${type}';
10
+ const cnrME = (0, _mergeLocale.mergeLocale)(_base.base, {
11
+ locale: 'cnr',
12
+ common: {
13
+ confirm: 'Potvrdi',
14
+ cancel: 'Otkaži',
15
+ loading: 'Učitavanje',
16
+ close: 'Zatvori'
17
+ },
18
+ Calendar: {
19
+ title: 'Izbor datuma',
20
+ confirm: 'Potvrdi',
21
+ start: 'početak',
22
+ end: 'kraj',
23
+ today: 'danas',
24
+ markItems: ['Pon', 'Uto', 'Sre', 'Čet', 'Pet', 'Sub', 'Ned'],
25
+ yearAndMonth: '${year}/${month}'
26
+ },
27
+ Cascader: {
28
+ placeholder: 'Odabir'
29
+ },
30
+ Dialog: {
31
+ ok: 'U redu'
32
+ },
33
+ DatePicker: {
34
+ tillNow: 'Do sada'
35
+ },
36
+ ErrorBlock: {
37
+ default: {
38
+ title: 'Ups, nešto je pošlo po zlu',
39
+ description: 'Molimo sačekajte trenutak i pokušajte ponovo'
40
+ },
41
+ busy: {
42
+ title: 'Ups, nije učitano',
43
+ description: 'Pokušajte da osvježite stranicu'
44
+ },
45
+ disconnected: {
46
+ title: 'Mreža je zauzeta',
47
+ description: 'Pokušajte da osvježite stranicu'
48
+ },
49
+ empty: {
50
+ title: 'Hmm, nismo to pronašli...',
51
+ description: 'Želite li pokušati novu pretragu?'
52
+ }
53
+ },
54
+ Form: {
55
+ required: 'Obavezno',
56
+ optional: 'Opcionalno',
57
+ defaultValidateMessages: {
58
+ default: 'Greška pri validaciji za polje ${label}',
59
+ required: 'Molimo unesite ${label}',
60
+ enum: '${label} mora biti jedno od [${enum}]',
61
+ whitespace: '${label} ne može biti prazan karakter',
62
+ date: {
63
+ format: '${label} format datuma nije važeći',
64
+ parse: '${label} ne može biti pretvoren u datum',
65
+ invalid: '${label} je nevažeći datum'
66
+ },
67
+ types: {
68
+ string: typeTemplate,
69
+ method: typeTemplate,
70
+ array: typeTemplate,
71
+ object: typeTemplate,
72
+ number: typeTemplate,
73
+ date: typeTemplate,
74
+ boolean: typeTemplate,
75
+ integer: typeTemplate,
76
+ float: typeTemplate,
77
+ regexp: typeTemplate,
78
+ email: typeTemplate,
79
+ url: typeTemplate,
80
+ hex: typeTemplate
81
+ },
82
+ string: {
83
+ len: '${label} mora imati ${len} karaktera',
84
+ min: '${label} mora imati najmanje ${min} karaktera',
85
+ max: '${label} može imati najviše ${max} karaktera',
86
+ range: '${label} mora biti između ${min}-${max} karaktera'
87
+ },
88
+ number: {
89
+ len: '${label} mora biti jednak ${len}',
90
+ min: '${label} mora biti najmanje ${min}',
91
+ max: '${label} mora biti najviše ${max}',
92
+ range: '${label} mora biti između ${min}-${max}'
93
+ },
94
+ array: {
95
+ len: 'Mora biti ${len} ${label}',
96
+ min: 'Najmanje ${min} ${label}',
97
+ max: 'Najviše ${max} ${label}',
98
+ range: 'Količina ${label} mora biti između ${min}-${max}'
99
+ },
100
+ pattern: {
101
+ mismatch: '${label} ne odgovara šablonu ${pattern}'
102
+ }
103
+ }
104
+ },
105
+ ImageUploader: {
106
+ uploading: 'Otpremanje...',
107
+ upload: 'Otpremi'
108
+ },
109
+ InfiniteScroll: {
110
+ noMore: 'Nema više',
111
+ failedToLoad: 'Učitavanje nije uspjelo',
112
+ retry: 'Pokušaj ponovo'
113
+ },
114
+ Input: {
115
+ clear: 'očisti'
116
+ },
117
+ Mask: {
118
+ name: 'Maska'
119
+ },
120
+ Modal: {
121
+ ok: 'U redu'
122
+ },
123
+ PasscodeInput: {
124
+ name: 'Unos šifre'
125
+ },
126
+ PullToRefresh: {
127
+ pulling: 'Povucite nadole za osvježavanje',
128
+ canRelease: 'Oslobodite za trenutno osvježavanje',
129
+ complete: 'Osvježavanje uspješno'
130
+ },
131
+ SearchBar: {
132
+ name: 'Traka za pretragu'
133
+ },
134
+ Slider: {
135
+ name: 'Klizač'
136
+ },
137
+ Stepper: {
138
+ decrease: 'smanji',
139
+ increase: 'povećaj'
140
+ },
141
+ Switch: {
142
+ name: 'Prekidač'
143
+ },
144
+ Selector: {
145
+ name: 'Selektor'
146
+ }
147
+ });
148
+ var _default = cnrME;
149
+ exports.default = _default;