antd-mobile 5.8.2 → 5.9.2

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 (90) hide show
  1. package/2x/cjs/components/button/button.d.ts +18 -2
  2. package/2x/cjs/components/button/button.js +15 -5
  3. package/2x/cjs/components/button/index.d.ts +1 -1
  4. package/2x/cjs/components/date-picker/date-picker-utils.js +12 -1
  5. package/2x/cjs/components/ellipsis/ellipsis.d.ts +2 -1
  6. package/2x/cjs/components/ellipsis/ellipsis.js +8 -2
  7. package/2x/cjs/components/form/context.d.ts +1 -0
  8. package/2x/cjs/components/form/context.js +1 -0
  9. package/2x/cjs/components/form/form-item.js +6 -4
  10. package/2x/cjs/components/form/form.js +1 -0
  11. package/2x/cjs/components/picker/picker-utils.d.ts +2 -0
  12. package/2x/cjs/components/picker/picker-utils.js +10 -0
  13. package/2x/cjs/components/picker/picker.d.ts +1 -0
  14. package/2x/cjs/components/picker/picker.js +5 -1
  15. package/2x/cjs/components/picker-view/picker-view.d.ts +2 -1
  16. package/2x/cjs/components/picker-view/picker-view.js +6 -2
  17. package/2x/cjs/components/picker-view/wheel.d.ts +4 -3
  18. package/2x/cjs/components/picker-view/wheel.js +3 -2
  19. package/2x/cjs/components/swipe-action/swipe-action.d.ts +3 -0
  20. package/2x/cjs/components/swipe-action/swipe-action.js +8 -5
  21. package/2x/cjs/locales/es-ES.js +1 -1
  22. package/2x/es/components/button/button.d.ts +18 -2
  23. package/2x/es/components/button/button.js +11 -3
  24. package/2x/es/components/button/index.d.ts +1 -1
  25. package/2x/es/components/date-picker/date-picker-utils.js +11 -1
  26. package/2x/es/components/ellipsis/ellipsis.d.ts +2 -1
  27. package/2x/es/components/ellipsis/ellipsis.js +8 -2
  28. package/2x/es/components/form/context.d.ts +1 -0
  29. package/2x/es/components/form/context.js +1 -0
  30. package/2x/es/components/form/form-item.js +6 -2
  31. package/2x/es/components/form/form.js +1 -0
  32. package/2x/es/components/picker/picker-utils.d.ts +2 -0
  33. package/2x/es/components/picker/picker-utils.js +1 -0
  34. package/2x/es/components/picker/picker.d.ts +1 -0
  35. package/2x/es/components/picker/picker.js +4 -1
  36. package/2x/es/components/picker-view/picker-view.d.ts +2 -1
  37. package/2x/es/components/picker-view/picker-view.js +5 -2
  38. package/2x/es/components/picker-view/wheel.d.ts +4 -3
  39. package/2x/es/components/picker-view/wheel.js +3 -2
  40. package/2x/es/components/swipe-action/swipe-action.d.ts +3 -0
  41. package/2x/es/components/swipe-action/swipe-action.js +7 -5
  42. package/2x/es/locales/es-ES.js +1 -1
  43. package/2x/package.json +23 -2
  44. package/bundle/antd-mobile.cjs.js +17926 -0
  45. package/bundle/antd-mobile.es.js +17840 -0
  46. package/bundle/style.css +3930 -0
  47. package/cjs/components/button/button.d.ts +18 -2
  48. package/cjs/components/button/button.js +15 -5
  49. package/cjs/components/button/index.d.ts +1 -1
  50. package/cjs/components/date-picker/date-picker-utils.js +12 -1
  51. package/cjs/components/ellipsis/ellipsis.d.ts +2 -1
  52. package/cjs/components/ellipsis/ellipsis.js +8 -2
  53. package/cjs/components/form/context.d.ts +1 -0
  54. package/cjs/components/form/context.js +1 -0
  55. package/cjs/components/form/form-item.js +6 -4
  56. package/cjs/components/form/form.js +1 -0
  57. package/cjs/components/picker/picker-utils.d.ts +2 -0
  58. package/cjs/components/picker/picker-utils.js +10 -0
  59. package/cjs/components/picker/picker.d.ts +1 -0
  60. package/cjs/components/picker/picker.js +5 -1
  61. package/cjs/components/picker-view/picker-view.d.ts +2 -1
  62. package/cjs/components/picker-view/picker-view.js +6 -2
  63. package/cjs/components/picker-view/wheel.d.ts +4 -3
  64. package/cjs/components/picker-view/wheel.js +3 -2
  65. package/cjs/components/swipe-action/swipe-action.d.ts +3 -0
  66. package/cjs/components/swipe-action/swipe-action.js +8 -5
  67. package/cjs/locales/es-ES.js +1 -1
  68. package/es/components/button/button.d.ts +18 -2
  69. package/es/components/button/button.js +11 -3
  70. package/es/components/button/index.d.ts +1 -1
  71. package/es/components/date-picker/date-picker-utils.js +11 -1
  72. package/es/components/ellipsis/ellipsis.d.ts +2 -1
  73. package/es/components/ellipsis/ellipsis.js +8 -2
  74. package/es/components/form/context.d.ts +1 -0
  75. package/es/components/form/context.js +1 -0
  76. package/es/components/form/form-item.js +6 -2
  77. package/es/components/form/form.js +1 -0
  78. package/es/components/picker/picker-utils.d.ts +2 -0
  79. package/es/components/picker/picker-utils.js +1 -0
  80. package/es/components/picker/picker.d.ts +1 -0
  81. package/es/components/picker/picker.js +4 -1
  82. package/es/components/picker-view/picker-view.d.ts +2 -1
  83. package/es/components/picker-view/picker-view.js +5 -2
  84. package/es/components/picker-view/wheel.d.ts +4 -3
  85. package/es/components/picker-view/wheel.js +3 -2
  86. package/es/components/swipe-action/swipe-action.d.ts +3 -0
  87. package/es/components/swipe-action/swipe-action.js +7 -5
  88. package/es/locales/es-ES.js +1 -1
  89. package/package.json +23 -2
  90. package/umd/antd-mobile.js +1 -1
@@ -1,5 +1,6 @@
1
1
  import React, { ReactNode } from 'react';
2
2
  import { NativeProps } from '../../utils/native-props';
3
+ import { PickerProps } from '../picker';
3
4
  export declare type PickerValue = string | null;
4
5
  export declare type PickerValueExtend = {
5
6
  columns: PickerColumnItem[][];
@@ -15,5 +16,5 @@ export declare type PickerViewProps = {
15
16
  value?: PickerValue[];
16
17
  defaultValue?: PickerValue[];
17
18
  onChange?: (value: PickerValue[], extend: PickerValueExtend) => void;
18
- } & NativeProps<'--height' | '--item-height' | '--item-font-size'>;
19
+ } & Pick<PickerProps, 'renderLabel'> & NativeProps<'--height' | '--item-height' | '--item-font-size'>;
19
20
  export declare const PickerView: React.NamedExoticComponent<PickerViewProps>;
@@ -4,9 +4,11 @@ import { Wheel } from './wheel';
4
4
  import { useColumnsExtend } from './columns-extend';
5
5
  import { withNativeProps } from '../../utils/native-props';
6
6
  import { useDebounceEffect } from 'ahooks';
7
+ import { defaultRenderLabel } from '../picker/picker-utils';
7
8
  const classPrefix = `adm-picker-view`;
8
9
  const defaultProps = {
9
- defaultValue: []
10
+ defaultValue: [],
11
+ renderLabel: defaultRenderLabel
10
12
  };
11
13
  export const PickerView = memo(p => {
12
14
  const props = mergeProps(defaultProps, p);
@@ -55,7 +57,8 @@ export const PickerView = memo(p => {
55
57
  index: index,
56
58
  column: column,
57
59
  value: innerValue[index],
58
- onSelect: handleSelect
60
+ onSelect: handleSelect,
61
+ renderLabel: props.renderLabel
59
62
  })), React.createElement("div", {
60
63
  className: `${classPrefix}-mask`
61
64
  }, React.createElement("div", {
@@ -1,10 +1,11 @@
1
- import React from 'react';
1
+ import React, { ReactNode } from 'react';
2
2
  import { PickerColumnItem, PickerValue } from './index';
3
- interface Props {
3
+ declare type Props = {
4
4
  index: number;
5
5
  column: PickerColumnItem[];
6
6
  value: PickerValue;
7
7
  onSelect: (value: PickerValue, index: number) => void;
8
- }
8
+ renderLabel: (item: PickerColumnItem) => ReactNode;
9
+ };
9
10
  export declare const Wheel: React.NamedExoticComponent<Props>;
10
11
  export {};
@@ -10,7 +10,8 @@ const classPrefix = `adm-picker-view`;
10
10
  export const Wheel = memo(props => {
11
11
  const {
12
12
  value,
13
- column
13
+ column,
14
+ renderLabel
14
15
  } = props;
15
16
 
16
17
  function onSelect(val) {
@@ -156,7 +157,7 @@ export const Wheel = memo(props => {
156
157
  "aria-label": selected ? 'active' : ''
157
158
  }, React.createElement("div", {
158
159
  className: `${classPrefix}-column-item-label`
159
- }, item.label));
160
+ }, renderLabel(item)));
160
161
  })), renderAccessible());
161
162
  }, (prev, next) => {
162
163
  if (prev.index !== next.index) return false;
@@ -1,5 +1,6 @@
1
1
  import React, { ReactNode } from 'react';
2
2
  import { NativeProps } from '../../utils/native-props';
3
+ import { PropagationEvent } from '../../utils/with-stop-propagation';
3
4
  export declare type SwipeActionRef = {
4
5
  close: () => void;
5
6
  show: (side?: 'left' | 'right') => void;
@@ -18,6 +19,7 @@ export declare type SwipeActionProps = {
18
19
  closeOnTouchOutside?: boolean;
19
20
  closeOnAction?: boolean;
20
21
  children: ReactNode;
22
+ stopPropagation?: PropagationEvent[];
21
23
  } & NativeProps<'--background'>;
22
24
  export declare const SwipeAction: React.ForwardRefExoticComponent<{
23
25
  rightActions?: Action[] | undefined;
@@ -26,5 +28,6 @@ export declare const SwipeAction: React.ForwardRefExoticComponent<{
26
28
  closeOnTouchOutside?: boolean | undefined;
27
29
  closeOnAction?: boolean | undefined;
28
30
  children: ReactNode;
31
+ stopPropagation?: "click"[] | undefined;
29
32
  } & NativeProps<"--background"> & React.RefAttributes<SwipeActionRef>>;
30
33
  export {};
@@ -5,11 +5,13 @@ import { useDrag } from '@use-gesture/react';
5
5
  import Button from '../button';
6
6
  import { nearest } from '../../utils/nearest';
7
7
  import { withNativeProps } from '../../utils/native-props';
8
+ import { withStopPropagation } from '../../utils/with-stop-propagation';
8
9
  const defaultProps = {
9
10
  rightActions: [],
10
11
  leftActions: [],
11
12
  closeOnTouchOutside: true,
12
- closeOnAction: true
13
+ closeOnAction: true,
14
+ stopPropagation: []
13
15
  };
14
16
  export const SwipeAction = forwardRef((p, ref) => {
15
17
  const props = mergeProps(defaultProps, p);
@@ -167,10 +169,10 @@ export const SwipeAction = forwardRef((p, ref) => {
167
169
  style: {
168
170
  x
169
171
  }
170
- }, React.createElement("div", {
172
+ }, withStopPropagation(props.stopPropagation, React.createElement("div", {
171
173
  className: 'adm-swipe-action-actions adm-swipe-action-actions-left',
172
174
  ref: leftRef
173
- }, props.leftActions.map(renderAction)), React.createElement("div", {
175
+ }, props.leftActions.map(renderAction))), React.createElement("div", {
174
176
  className: 'adm-swipe-action-content',
175
177
  onClickCapture: e => {
176
178
  if (x.goal !== 0) {
@@ -185,10 +187,10 @@ export const SwipeAction = forwardRef((p, ref) => {
185
187
  style: {
186
188
  pointerEvents: x.to(v => v !== 0 && x.goal !== 0 ? 'none' : 'unset')
187
189
  }
188
- }, props.children)), React.createElement("div", {
190
+ }, props.children)), withStopPropagation(props.stopPropagation, React.createElement("div", {
189
191
  className: 'adm-swipe-action-actions adm-swipe-action-actions-right',
190
192
  ref: rightRef
191
- }, props.rightActions.map(renderAction)))));
193
+ }, props.rightActions.map(renderAction))))));
192
194
  });
193
195
  const colorRecord = {
194
196
  light: 'var(--adm-color-light)',
@@ -32,7 +32,7 @@ const esES = mergeLocale(base, {
32
32
  description: 'Intente refrescar la página'
33
33
  },
34
34
  empty: {
35
- title: "Hmm, no pudimos encontrar eso...",
35
+ title: 'Hmm, no pudimos encontrar eso...',
36
36
  description: 'Quieres intentar una nueva búsqueda?'
37
37
  }
38
38
  },
package/2x/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "antd-mobile",
3
- "version": "5.8.2",
3
+ "version": "5.9.2",
4
4
  "dependencies": {
5
- "@floating-ui/dom": "^0.4.1",
5
+ "@floating-ui/dom": "^0.4.2",
6
6
  "@react-spring/web": "^9.4.4",
7
7
  "@types/resize-observer-browser": "^0.1.7",
8
8
  "@use-gesture/react": "^10.2.10",
@@ -25,6 +25,27 @@
25
25
  "typings": "./es/index.d.ts",
26
26
  "unpkg": "./umd/antd-mobile.js",
27
27
  "GravityCDN": "./umd/antd-mobile.js",
28
+ "exports": {
29
+ ".": {
30
+ "node": {
31
+ "import": "./bundle/antd-mobile.es.js",
32
+ "require": "./bundle/antd-mobile.cjs.js"
33
+ },
34
+ "import": "./es/index.js",
35
+ "require": "./cjs/index.js",
36
+ "types": "./es/index.d.ts"
37
+ },
38
+ "./es": "./es/index.js",
39
+ "./cjs": "./cjs/index.js",
40
+ "./es/utils/*": "./es/utils/*.js",
41
+ "./es/*": "./es/*/index.js",
42
+ "./es/": "./es/",
43
+ "./cjs/": "./cjs/",
44
+ "./bundle/": "./bundle/",
45
+ "./package.json": "./package.json",
46
+ "./package": "./package.json",
47
+ "./2x": "./2x"
48
+ },
28
49
  "sideEffects": [
29
50
  "**/*.css",
30
51
  "**/*.less",