antd-mobile 5.12.6 → 5.13.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 (149) hide show
  1. package/2x/README.md +10 -8
  2. package/2x/cjs/components/dialog/dialog.d.ts +2 -0
  3. package/2x/cjs/components/dialog/dialog.js +24 -13
  4. package/2x/cjs/components/ellipsis/ellipsis.js +1 -1
  5. package/2x/cjs/components/error-block/create-error-block.d.ts +12 -0
  6. package/2x/cjs/components/error-block/create-error-block.js +59 -0
  7. package/2x/cjs/components/error-block/error-block.d.ts +2 -11
  8. package/2x/cjs/components/error-block/error-block.js +7 -53
  9. package/2x/cjs/components/error-block/images/index.d.ts +4 -2
  10. package/2x/cjs/components/error-block/images/index.js +25 -10
  11. package/2x/cjs/components/error-block/index.d.ts +5 -1
  12. package/2x/cjs/components/error-block/index.js +8 -0
  13. package/2x/cjs/components/image-viewer/image-viewer.css +7 -1
  14. package/2x/cjs/components/image-viewer/image-viewer.d.ts +5 -2
  15. package/2x/cjs/components/image-viewer/image-viewer.js +24 -4
  16. package/2x/cjs/components/image-viewer/index.d.ts +2 -1
  17. package/2x/cjs/components/index-bar/index-bar.d.ts +2 -0
  18. package/2x/cjs/components/index-bar/index-bar.js +6 -0
  19. package/2x/cjs/components/index-bar/index.d.ts +1 -0
  20. package/2x/cjs/components/input/input.js +22 -4
  21. package/2x/cjs/components/mask/mask.js +9 -7
  22. package/2x/cjs/components/modal/modal.d.ts +2 -0
  23. package/2x/cjs/components/modal/modal.js +24 -11
  24. package/2x/cjs/components/popover/popover.js +3 -1
  25. package/2x/cjs/components/side-bar/side-bar.js +1 -0
  26. package/2x/cjs/components/spin-loading/spin-loading.js +6 -2
  27. package/2x/cjs/components/tab-bar/tab-bar.js +1 -0
  28. package/2x/cjs/index.d.ts +2 -0
  29. package/2x/cjs/index.js +21 -1
  30. package/2x/cjs/locales/fr-FR.d.ts +106 -0
  31. package/2x/cjs/locales/fr-FR.js +119 -0
  32. package/2x/cjs/utils/measure-css-length.js +2 -2
  33. package/2x/cjs/utils/reduce-and-restore-motion.d.ts +4 -0
  34. package/2x/cjs/utils/reduce-and-restore-motion.js +53 -0
  35. package/2x/cjs/utils/use-inner-visible.d.ts +1 -0
  36. package/2x/cjs/utils/use-inner-visible.js +18 -0
  37. package/2x/es/components/dialog/dialog.d.ts +2 -0
  38. package/2x/es/components/dialog/dialog.js +23 -14
  39. package/2x/es/components/ellipsis/ellipsis.js +1 -1
  40. package/2x/es/components/error-block/create-error-block.d.ts +12 -0
  41. package/2x/es/components/error-block/create-error-block.js +44 -0
  42. package/2x/es/components/error-block/error-block.d.ts +2 -11
  43. package/2x/es/components/error-block/error-block.js +8 -46
  44. package/2x/es/components/error-block/images/index.d.ts +4 -2
  45. package/2x/es/components/error-block/images/index.js +4 -10
  46. package/2x/es/components/error-block/index.d.ts +5 -1
  47. package/2x/es/components/error-block/index.js +1 -0
  48. package/2x/es/components/image-viewer/image-viewer.css +7 -1
  49. package/2x/es/components/image-viewer/image-viewer.d.ts +5 -2
  50. package/2x/es/components/image-viewer/image-viewer.js +24 -5
  51. package/2x/es/components/image-viewer/index.d.ts +2 -1
  52. package/2x/es/components/index-bar/index-bar.d.ts +2 -0
  53. package/2x/es/components/index-bar/index-bar.js +6 -0
  54. package/2x/es/components/index-bar/index.d.ts +1 -0
  55. package/2x/es/components/input/input.js +21 -4
  56. package/2x/es/components/mask/mask.js +10 -8
  57. package/2x/es/components/modal/modal.d.ts +2 -0
  58. package/2x/es/components/modal/modal.js +23 -12
  59. package/2x/es/components/popover/popover.js +3 -1
  60. package/2x/es/components/side-bar/side-bar.js +2 -0
  61. package/2x/es/components/spin-loading/spin-loading.js +5 -2
  62. package/2x/es/components/tab-bar/tab-bar.js +2 -0
  63. package/2x/es/index.d.ts +2 -0
  64. package/2x/es/index.js +3 -1
  65. package/2x/es/locales/fr-FR.d.ts +106 -0
  66. package/2x/es/locales/fr-FR.js +109 -0
  67. package/2x/es/utils/measure-css-length.js +2 -2
  68. package/2x/es/utils/reduce-and-restore-motion.d.ts +4 -0
  69. package/2x/es/utils/reduce-and-restore-motion.js +36 -0
  70. package/2x/es/utils/use-inner-visible.d.ts +1 -0
  71. package/2x/es/utils/use-inner-visible.js +9 -0
  72. package/2x/package.json +8 -7
  73. package/README.md +10 -8
  74. package/bundle/antd-mobile.cjs.js +1554 -1406
  75. package/bundle/antd-mobile.es.js +1550 -1405
  76. package/bundle/style.css +6 -1
  77. package/cjs/components/dialog/dialog.d.ts +2 -0
  78. package/cjs/components/dialog/dialog.js +24 -13
  79. package/cjs/components/ellipsis/ellipsis.js +1 -1
  80. package/cjs/components/error-block/create-error-block.d.ts +12 -0
  81. package/cjs/components/error-block/create-error-block.js +59 -0
  82. package/cjs/components/error-block/error-block.d.ts +2 -11
  83. package/cjs/components/error-block/error-block.js +7 -53
  84. package/cjs/components/error-block/images/index.d.ts +4 -2
  85. package/cjs/components/error-block/images/index.js +25 -10
  86. package/cjs/components/error-block/index.d.ts +5 -1
  87. package/cjs/components/error-block/index.js +8 -0
  88. package/cjs/components/image-viewer/image-viewer.css +6 -1
  89. package/cjs/components/image-viewer/image-viewer.d.ts +5 -2
  90. package/cjs/components/image-viewer/image-viewer.js +24 -4
  91. package/cjs/components/image-viewer/index.d.ts +2 -1
  92. package/cjs/components/index-bar/index-bar.d.ts +2 -0
  93. package/cjs/components/index-bar/index-bar.js +6 -0
  94. package/cjs/components/index-bar/index.d.ts +1 -0
  95. package/cjs/components/input/input.js +22 -4
  96. package/cjs/components/mask/mask.js +9 -7
  97. package/cjs/components/modal/modal.d.ts +2 -0
  98. package/cjs/components/modal/modal.js +24 -11
  99. package/cjs/components/popover/popover.js +3 -1
  100. package/cjs/components/side-bar/side-bar.js +1 -0
  101. package/cjs/components/spin-loading/spin-loading.js +6 -2
  102. package/cjs/components/tab-bar/tab-bar.js +1 -0
  103. package/cjs/index.d.ts +2 -0
  104. package/cjs/index.js +21 -1
  105. package/cjs/locales/fr-FR.d.ts +106 -0
  106. package/cjs/locales/fr-FR.js +119 -0
  107. package/cjs/utils/measure-css-length.js +2 -2
  108. package/cjs/utils/reduce-and-restore-motion.d.ts +4 -0
  109. package/cjs/utils/reduce-and-restore-motion.js +53 -0
  110. package/cjs/utils/use-inner-visible.d.ts +1 -0
  111. package/cjs/utils/use-inner-visible.js +18 -0
  112. package/es/components/dialog/dialog.d.ts +2 -0
  113. package/es/components/dialog/dialog.js +23 -14
  114. package/es/components/ellipsis/ellipsis.js +1 -1
  115. package/es/components/error-block/create-error-block.d.ts +12 -0
  116. package/es/components/error-block/create-error-block.js +44 -0
  117. package/es/components/error-block/error-block.d.ts +2 -11
  118. package/es/components/error-block/error-block.js +8 -46
  119. package/es/components/error-block/images/index.d.ts +4 -2
  120. package/es/components/error-block/images/index.js +4 -10
  121. package/es/components/error-block/index.d.ts +5 -1
  122. package/es/components/error-block/index.js +1 -0
  123. package/es/components/image-viewer/image-viewer.css +6 -1
  124. package/es/components/image-viewer/image-viewer.d.ts +5 -2
  125. package/es/components/image-viewer/image-viewer.js +24 -5
  126. package/es/components/image-viewer/index.d.ts +2 -1
  127. package/es/components/index-bar/index-bar.d.ts +2 -0
  128. package/es/components/index-bar/index-bar.js +6 -0
  129. package/es/components/index-bar/index.d.ts +1 -0
  130. package/es/components/input/input.js +21 -4
  131. package/es/components/mask/mask.js +10 -8
  132. package/es/components/modal/modal.d.ts +2 -0
  133. package/es/components/modal/modal.js +23 -12
  134. package/es/components/popover/popover.js +3 -1
  135. package/es/components/side-bar/side-bar.js +2 -0
  136. package/es/components/spin-loading/spin-loading.js +5 -2
  137. package/es/components/tab-bar/tab-bar.js +2 -0
  138. package/es/index.d.ts +2 -0
  139. package/es/index.js +3 -1
  140. package/es/locales/fr-FR.d.ts +106 -0
  141. package/es/locales/fr-FR.js +109 -0
  142. package/es/utils/measure-css-length.js +2 -2
  143. package/es/utils/reduce-and-restore-motion.d.ts +4 -0
  144. package/es/utils/reduce-and-restore-motion.js +36 -0
  145. package/es/utils/use-inner-visible.d.ts +1 -0
  146. package/es/utils/use-inner-visible.js +9 -0
  147. package/package.json +8 -7
  148. package/umd/antd-mobile.js +1 -1
  149. package/umd/antd-mobile.js.LICENSE.txt +12 -0
@@ -0,0 +1,106 @@
1
+ declare const frFR: {
2
+ locale: string;
3
+ common: {
4
+ confirm: string;
5
+ cancel: string;
6
+ loading: string;
7
+ };
8
+ Calendar: {
9
+ markItems: string[];
10
+ renderYearAndMonth: (year: number, month: number) => string;
11
+ };
12
+ Cascader: {
13
+ placeholder: string;
14
+ };
15
+ Dialog: {
16
+ ok: string;
17
+ };
18
+ ErrorBlock: {
19
+ default: {
20
+ title: string;
21
+ description: string;
22
+ };
23
+ busy: {
24
+ title: string;
25
+ description: string;
26
+ };
27
+ disconnected: {
28
+ title: string;
29
+ description: string;
30
+ };
31
+ empty: {
32
+ title: string;
33
+ description: string;
34
+ };
35
+ };
36
+ Form: {
37
+ required: string;
38
+ optional: string;
39
+ defaultValidateMessages: {
40
+ default: string;
41
+ required: string;
42
+ enum: string;
43
+ whitespace: string;
44
+ date: {
45
+ format: string;
46
+ parse: string;
47
+ invalid: string;
48
+ };
49
+ types: {
50
+ string: string;
51
+ method: string;
52
+ array: string;
53
+ object: string;
54
+ number: string;
55
+ date: string;
56
+ boolean: string;
57
+ integer: string;
58
+ float: string;
59
+ regexp: string;
60
+ email: string;
61
+ url: string;
62
+ hex: string;
63
+ };
64
+ string: {
65
+ len: string;
66
+ min: string;
67
+ max: string;
68
+ range: string;
69
+ };
70
+ number: {
71
+ len: string;
72
+ min: string;
73
+ max: string;
74
+ range: string;
75
+ };
76
+ array: {
77
+ len: string;
78
+ min: string;
79
+ max: string;
80
+ range: string;
81
+ };
82
+ pattern: {
83
+ mismatch: string;
84
+ };
85
+ };
86
+ };
87
+ ImageUploader: {
88
+ uploading: string;
89
+ upload: string;
90
+ };
91
+ InfiniteScroll: {
92
+ noMore: string;
93
+ };
94
+ Mask: {
95
+ name: string;
96
+ };
97
+ Modal: {
98
+ ok: string;
99
+ };
100
+ PullToRefresh: {
101
+ pulling: string;
102
+ canRelease: string;
103
+ complete: string;
104
+ };
105
+ };
106
+ export default frFR;
@@ -0,0 +1,109 @@
1
+ import { mergeLocale } from '../utils/merge-locale';
2
+ import { base } from './base';
3
+ const typeTemplate = '${label}Pas un valide${type}';
4
+ const frFR = mergeLocale(base, {
5
+ locale: 'fr-FR',
6
+ common: {
7
+ confirm: 'Valider',
8
+ cancel: 'Annuler',
9
+ loading: 'Chargement'
10
+ },
11
+ Calendar: {
12
+ markItems: ['un', 'deux', 'trois', 'quatre', 'cinq', 'six', 'sept'],
13
+ renderYearAndMonth: (year, month) => `${year}Année ${month}Mois`
14
+ },
15
+ Cascader: {
16
+ placeholder: 'Veuillez sélectionner'
17
+ },
18
+ Dialog: {
19
+ ok: 'Je l’ai compris'
20
+ },
21
+ ErrorBlock: {
22
+ default: {
23
+ title: 'La page rencontre des problèmes mineurs',
24
+ description: 'Venez essayer plus tard'
25
+ },
26
+ busy: {
27
+ title: 'Pas chargé.',
28
+ description: 'Tentative de rafraîchir la page'
29
+ },
30
+ disconnected: {
31
+ title: 'Le réseau est occupé',
32
+ description: 'Tentative de rafraîchir la page'
33
+ },
34
+ empty: {
35
+ title: 'Vous n’avez pas trouvé ce que vous cherchez',
36
+ description: 'Trouvez les autres'
37
+ }
38
+ },
39
+ Form: {
40
+ required: 'Qu’il remplit',
41
+ optional: 'Décharge sélectionnés',
42
+ defaultValidateMessages: {
43
+ default: 'Erreur de validation de champ${label}',
44
+ required: 'Veuillez entrer le${label}',
45
+ enum: '${label}doit être l’un des[${enum}]',
46
+ whitespace: '${label}Ne peut pas être un caractère vide',
47
+ date: {
48
+ format: '${label}Format de date invalide',
49
+ parse: '${label}Non convertible en date',
50
+ invalid: '${label}Est une date non valide'
51
+ },
52
+ types: {
53
+ string: typeTemplate,
54
+ method: typeTemplate,
55
+ array: typeTemplate,
56
+ object: typeTemplate,
57
+ number: typeTemplate,
58
+ date: typeTemplate,
59
+ boolean: typeTemplate,
60
+ integer: typeTemplate,
61
+ float: typeTemplate,
62
+ regexp: typeTemplate,
63
+ email: typeTemplate,
64
+ url: typeTemplate,
65
+ hex: typeTemplate
66
+ },
67
+ string: {
68
+ len: '${label}pour${len}Un caractère',
69
+ min: '${label}Au moins${min}Un caractère',
70
+ max: '${label}Un maximum de${max}Un caractère',
71
+ range: '${label}Dans les${min}-${max}Entre les caractères'
72
+ },
73
+ number: {
74
+ len: '${label}Doit être égal à${len}',
75
+ min: '${label}La valeur minimale est${min}',
76
+ max: '${label}La valeur maximale est${max}',
77
+ range: '${label}Dans les${min}-${max}entre'
78
+ },
79
+ array: {
80
+ len: 'pour${len}个${label}',
81
+ min: 'Au moins${min}个${label}',
82
+ max: 'Un maximum de${max}个${label}',
83
+ range: '${label}Montant de${min}-${max}entre'
84
+ },
85
+ pattern: {
86
+ mismatch: '${label}Ne correspond pas au modèle${pattern}'
87
+ }
88
+ }
89
+ },
90
+ ImageUploader: {
91
+ uploading: 'Téléchargement...',
92
+ upload: 'Télécharger'
93
+ },
94
+ InfiniteScroll: {
95
+ noMore: 'Non, plus maintenant.'
96
+ },
97
+ Mask: {
98
+ name: 'Masques'
99
+ },
100
+ Modal: {
101
+ ok: 'Je l’ai compris'
102
+ },
103
+ PullToRefresh: {
104
+ pulling: 'Rafraîchir la liste déroulante',
105
+ canRelease: 'Libérez instantanément rafraîchir',
106
+ complete: 'Rafraîchir avec succès'
107
+ }
108
+ });
109
+ export default frFR;
@@ -1,7 +1,7 @@
1
1
  import { isDev } from './is-dev';
2
2
  import { devError } from './dev-log';
3
3
  export function measureCSSLength(raw) {
4
- if (raw === null || raw === undefined) {
4
+ if (raw === null || raw === undefined || raw === '') {
5
5
  if (isDev) {
6
6
  devError('Global', 'Seems like the you will encounter a style messed problem. Please check the browser environment to make sure it supports CSS variables.');
7
7
  }
@@ -19,7 +19,7 @@ export function measureCSSLength(raw) {
19
19
  return parseFloat(withUnit) * window.innerWidth / 100;
20
20
  } else {
21
21
  if (isDev) {
22
- devError('Global', 'You are using a not supported CSS unit. Only `px` `rem` and `vw` are supported.');
22
+ devError('Global', `You are using a not supported CSS unit in \`${raw}\`. Only \`px\` \`rem\` and \`vw\` are supported.`);
23
23
  }
24
24
 
25
25
  return 0;
@@ -0,0 +1,4 @@
1
+ export declare function reduceMotion(): void;
2
+ export declare function restoreMotion(): void;
3
+ export declare function isMotionReduced(): boolean;
4
+ export declare function useMotionReduced(): boolean;
@@ -0,0 +1,36 @@
1
+ import { Globals } from '@react-spring/web';
2
+ import { useSyncExternalStore } from 'use-sync-external-store/shim';
3
+ let reduced = false;
4
+ const subscribers = new Set();
5
+
6
+ function notify() {
7
+ subscribers.forEach(subscriber => {
8
+ subscriber();
9
+ });
10
+ }
11
+
12
+ export function reduceMotion() {
13
+ reduced = true;
14
+ notify();
15
+ Globals.assign({
16
+ skipAnimation: true
17
+ });
18
+ }
19
+ export function restoreMotion() {
20
+ reduced = false;
21
+ notify();
22
+ Globals.assign({
23
+ skipAnimation: false
24
+ });
25
+ }
26
+ export function isMotionReduced() {
27
+ return reduced;
28
+ }
29
+ export function useMotionReduced() {
30
+ return useSyncExternalStore(onStoreChange => {
31
+ subscribers.add(onStoreChange);
32
+ return () => {
33
+ subscribers.delete(onStoreChange);
34
+ };
35
+ }, isMotionReduced);
36
+ }
@@ -0,0 +1 @@
1
+ export declare function useInnerVisible(outerVisible: boolean): boolean;
@@ -0,0 +1,9 @@
1
+ import { useState } from 'react';
2
+ import { useIsomorphicLayoutEffect } from 'ahooks';
3
+ export function useInnerVisible(outerVisible) {
4
+ const [innerVisible, setInnerVisible] = useState(outerVisible);
5
+ useIsomorphicLayoutEffect(() => {
6
+ setInnerVisible(outerVisible);
7
+ }, [outerVisible]);
8
+ return innerVisible;
9
+ }
package/package.json CHANGED
@@ -1,21 +1,22 @@
1
1
  {
2
2
  "name": "antd-mobile",
3
- "version": "5.12.6",
3
+ "version": "5.13.1",
4
4
  "dependencies": {
5
- "@floating-ui/dom": "^0.5.1",
5
+ "@floating-ui/dom": "^0.5.2",
6
6
  "@react-spring/web": "^9.4.5",
7
- "@use-gesture/react": "10.2.12",
8
- "ahooks": "^3.3.12",
7
+ "@use-gesture/react": "10.2.15",
8
+ "ahooks": "^3.4.0",
9
9
  "antd-mobile-icons": "^0.2.2",
10
10
  "antd-mobile-v5-count": "^1.0.1",
11
11
  "big.js": "^6.1.1",
12
12
  "classnames": "^2.3.1",
13
13
  "dayjs": "^1.11.2",
14
14
  "lodash": "^4.17.21",
15
- "rc-field-form": "^1.26.4",
15
+ "rc-field-form": "^1.26.6",
16
16
  "react-is": "^17.0.2",
17
- "staged-components": "^1.1.2",
18
- "tslib": "^2.4.0"
17
+ "staged-components": "^1.1.3",
18
+ "tslib": "^2.4.0",
19
+ "use-sync-external-store": "^1.1.0"
19
20
  },
20
21
  "peerDependencies": {
21
22
  "react": "^16.8.0 || ^17.0.0 || ^18.0.0"