antd-mobile 5.27.0 → 5.28.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.
- package/2x/README.md +1 -1
- package/2x/bundle/antd-mobile.cjs.development.js +681 -950
- package/2x/bundle/antd-mobile.cjs.js +9 -9
- package/2x/bundle/antd-mobile.es.development.js +681 -950
- package/2x/bundle/antd-mobile.es.js +5047 -5350
- package/2x/bundle/antd-mobile.umd.development.js +677 -946
- package/2x/bundle/antd-mobile.umd.js +9 -9
- package/2x/bundle/css-vars-patch.css +4 -0
- package/2x/bundle/style.css +0 -1
- package/2x/cjs/components/calendar/calendar.d.ts +1 -0
- package/2x/cjs/components/calendar/calendar.js +1 -1
- package/2x/cjs/components/cascader/cascader.patch.css +3 -0
- package/2x/cjs/components/ellipsis/ellipsis.d.ts +1 -0
- package/2x/cjs/components/ellipsis/ellipsis.js +3 -2
- package/2x/cjs/components/footer/footer.js +3 -3
- package/2x/cjs/components/input/input.js +1 -0
- package/2x/cjs/components/nav-bar/nav-bar.d.ts +2 -2
- package/2x/cjs/components/popup/popup.js +7 -1
- package/2x/cjs/components/steps/steps.css +0 -1
- package/2x/cjs/components/swiper/index.d.ts +1 -0
- package/2x/cjs/components/swiper/swiper.d.ts +9 -0
- package/2x/cjs/components/swiper/swiper.js +24 -5
- package/2x/cjs/components/text-area/text-area.js +4 -1
- package/2x/cjs/global/css-vars-patch.css +4 -0
- package/2x/cjs/locales/base.d.ts +1 -0
- package/2x/cjs/locales/base.js +2 -1
- package/2x/cjs/locales/en-US.d.ts +1 -0
- package/2x/cjs/locales/es-ES.d.ts +1 -0
- package/2x/cjs/locales/fa-IR.d.ts +1 -0
- package/2x/cjs/locales/fr-FR.d.ts +1 -0
- package/2x/cjs/locales/id-ID.d.ts +1 -0
- package/2x/cjs/locales/ja-JP.d.ts +1 -0
- package/2x/cjs/locales/kk-KZ.d.ts +1 -0
- package/2x/cjs/locales/ko-KR.d.ts +1 -0
- package/2x/cjs/locales/zh-CN.d.ts +1 -0
- package/2x/cjs/locales/zh-CN.js +2 -1
- package/2x/cjs/locales/zh-HK.d.ts +1 -0
- package/2x/cjs/locales/zh-HK.js +2 -1
- package/2x/cjs/locales/zh-TW.d.ts +1 -0
- package/2x/cjs/locales/zh-TW.js +2 -1
- package/2x/cjs/utils/with-func-props.d.ts +5 -0
- package/2x/cjs/utils/with-func-props.js +25 -0
- package/2x/es/components/calendar/calendar.d.ts +1 -0
- package/2x/es/components/calendar/calendar.js +1 -1
- package/2x/es/components/cascader/cascader.patch.css +3 -0
- package/2x/es/components/ellipsis/ellipsis.d.ts +1 -0
- package/2x/es/components/ellipsis/ellipsis.js +3 -2
- package/2x/es/components/footer/footer.js +1 -1
- package/2x/es/components/input/input.js +1 -0
- package/2x/es/components/nav-bar/nav-bar.d.ts +2 -2
- package/2x/es/components/popup/popup.js +7 -1
- package/2x/es/components/steps/steps.css +0 -1
- package/2x/es/components/swiper/index.d.ts +1 -0
- package/2x/es/components/swiper/swiper.d.ts +9 -0
- package/2x/es/components/swiper/swiper.js +24 -5
- package/2x/es/components/text-area/text-area.js +4 -1
- package/2x/es/global/css-vars-patch.css +4 -0
- package/2x/es/locales/base.d.ts +1 -0
- package/2x/es/locales/base.js +2 -1
- package/2x/es/locales/en-US.d.ts +1 -0
- package/2x/es/locales/es-ES.d.ts +1 -0
- package/2x/es/locales/fa-IR.d.ts +1 -0
- package/2x/es/locales/fr-FR.d.ts +1 -0
- package/2x/es/locales/id-ID.d.ts +1 -0
- package/2x/es/locales/ja-JP.d.ts +1 -0
- package/2x/es/locales/kk-KZ.d.ts +1 -0
- package/2x/es/locales/ko-KR.d.ts +1 -0
- package/2x/es/locales/zh-CN.d.ts +1 -0
- package/2x/es/locales/zh-CN.js +2 -1
- package/2x/es/locales/zh-HK.d.ts +1 -0
- package/2x/es/locales/zh-HK.js +2 -1
- package/2x/es/locales/zh-TW.d.ts +1 -0
- package/2x/es/locales/zh-TW.js +2 -1
- package/2x/es/utils/with-func-props.d.ts +5 -0
- package/2x/es/utils/with-func-props.js +19 -0
- package/2x/package.json +2 -2
- package/README.md +1 -1
- package/bundle/antd-mobile.cjs.development.js +681 -950
- package/bundle/antd-mobile.cjs.js +9 -9
- package/bundle/antd-mobile.compatible.umd.js +1 -1
- package/bundle/antd-mobile.es.development.js +681 -950
- package/bundle/antd-mobile.es.js +5047 -5350
- package/bundle/antd-mobile.umd.development.js +677 -946
- package/bundle/antd-mobile.umd.js +9 -9
- package/bundle/css-vars-patch.css +3 -0
- package/bundle/style.css +1 -1
- package/cjs/components/calendar/calendar.d.ts +1 -0
- package/cjs/components/calendar/calendar.js +1 -1
- package/cjs/components/cascader/cascader.patch.css +3 -0
- package/cjs/components/ellipsis/ellipsis.d.ts +1 -0
- package/cjs/components/ellipsis/ellipsis.js +3 -2
- package/cjs/components/footer/footer.js +3 -3
- package/cjs/components/input/input.js +1 -0
- package/cjs/components/nav-bar/nav-bar.d.ts +2 -2
- package/cjs/components/popup/popup.js +7 -1
- package/cjs/components/steps/steps.css +0 -1
- package/cjs/components/swiper/index.d.ts +1 -0
- package/cjs/components/swiper/swiper.d.ts +9 -0
- package/cjs/components/swiper/swiper.js +24 -5
- package/cjs/components/text-area/text-area.js +4 -1
- package/cjs/global/css-vars-patch.css +3 -0
- package/cjs/locales/base.d.ts +1 -0
- package/cjs/locales/base.js +2 -1
- package/cjs/locales/en-US.d.ts +1 -0
- package/cjs/locales/es-ES.d.ts +1 -0
- package/cjs/locales/fa-IR.d.ts +1 -0
- package/cjs/locales/fr-FR.d.ts +1 -0
- package/cjs/locales/id-ID.d.ts +1 -0
- package/cjs/locales/ja-JP.d.ts +1 -0
- package/cjs/locales/kk-KZ.d.ts +1 -0
- package/cjs/locales/ko-KR.d.ts +1 -0
- package/cjs/locales/zh-CN.d.ts +1 -0
- package/cjs/locales/zh-CN.js +2 -1
- package/cjs/locales/zh-HK.d.ts +1 -0
- package/cjs/locales/zh-HK.js +2 -1
- package/cjs/locales/zh-TW.d.ts +1 -0
- package/cjs/locales/zh-TW.js +2 -1
- package/cjs/utils/with-func-props.d.ts +5 -0
- package/cjs/utils/with-func-props.js +25 -0
- package/es/components/calendar/calendar.d.ts +1 -0
- package/es/components/calendar/calendar.js +1 -1
- package/es/components/cascader/cascader.patch.css +3 -0
- package/es/components/ellipsis/ellipsis.d.ts +1 -0
- package/es/components/ellipsis/ellipsis.js +3 -2
- package/es/components/footer/footer.js +1 -1
- package/es/components/input/input.js +1 -0
- package/es/components/nav-bar/nav-bar.d.ts +2 -2
- package/es/components/popup/popup.js +7 -1
- package/es/components/steps/steps.css +0 -1
- package/es/components/swiper/index.d.ts +1 -0
- package/es/components/swiper/swiper.d.ts +9 -0
- package/es/components/swiper/swiper.js +24 -5
- package/es/components/text-area/text-area.js +4 -1
- package/es/global/css-vars-patch.css +3 -0
- package/es/locales/base.d.ts +1 -0
- package/es/locales/base.js +2 -1
- package/es/locales/en-US.d.ts +1 -0
- package/es/locales/es-ES.d.ts +1 -0
- package/es/locales/fa-IR.d.ts +1 -0
- package/es/locales/fr-FR.d.ts +1 -0
- package/es/locales/id-ID.d.ts +1 -0
- package/es/locales/ja-JP.d.ts +1 -0
- package/es/locales/kk-KZ.d.ts +1 -0
- package/es/locales/ko-KR.d.ts +1 -0
- package/es/locales/zh-CN.d.ts +1 -0
- package/es/locales/zh-CN.js +2 -1
- package/es/locales/zh-HK.d.ts +1 -0
- package/es/locales/zh-HK.js +2 -1
- package/es/locales/zh-TW.d.ts +1 -0
- package/es/locales/zh-TW.js +2 -1
- package/es/utils/with-func-props.d.ts +5 -0
- package/es/utils/with-func-props.js +19 -0
- package/package.json +2 -2
- package/umd/antd-mobile.js +1 -1
package/2x/bundle/style.css
CHANGED
|
@@ -4213,7 +4213,6 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
|
|
|
4213
4213
|
.adm-step .adm-step-indicator .adm-step-icon-container {
|
|
4214
4214
|
position: absolute;
|
|
4215
4215
|
z-index: 1;
|
|
4216
|
-
background: var(--adm-color-background);
|
|
4217
4216
|
color: var(--icon-color);
|
|
4218
4217
|
}
|
|
4219
4218
|
|
|
@@ -13,6 +13,7 @@ export declare type CalendarProps = {
|
|
|
13
13
|
onPageChange?: (year: number, month: number) => void;
|
|
14
14
|
weekStartsOn?: 'Monday' | 'Sunday';
|
|
15
15
|
renderLabel?: (date: Date) => React.ReactNode;
|
|
16
|
+
renderDate?: (date: Date) => React.ReactNode;
|
|
16
17
|
allowClear?: boolean;
|
|
17
18
|
max?: Date;
|
|
18
19
|
min?: Date;
|
|
@@ -197,7 +197,7 @@ const Calendar = (0, _react.forwardRef)((p, ref) => {
|
|
|
197
197
|
}
|
|
198
198
|
}, _react.default.createElement("div", {
|
|
199
199
|
className: `${classPrefix}-cell-top`
|
|
200
|
-
}, d.date()), _react.default.createElement("div", {
|
|
200
|
+
}, props.renderDate ? props.renderDate(d.toDate()) : d.date()), _react.default.createElement("div", {
|
|
201
201
|
className: `${classPrefix}-cell-bottom`
|
|
202
202
|
}, (_a = props.renderLabel) === null || _a === void 0 ? void 0 : _a.call(props, d.toDate()))));
|
|
203
203
|
iterator = iterator.add(1, 'day');
|
|
@@ -9,5 +9,6 @@ export declare type EllipsisProps = {
|
|
|
9
9
|
collapseText?: string;
|
|
10
10
|
stopPropagationForActionButtons?: PropagationEvent[];
|
|
11
11
|
onContentClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
12
|
+
defaultExpanded?: boolean;
|
|
12
13
|
} & NativeProps;
|
|
13
14
|
export declare const Ellipsis: FC<EllipsisProps>;
|
|
@@ -22,13 +22,14 @@ const defaultProps = {
|
|
|
22
22
|
content: '',
|
|
23
23
|
collapseText: '',
|
|
24
24
|
stopPropagationForActionButtons: [],
|
|
25
|
-
onContentClick: () => {}
|
|
25
|
+
onContentClick: () => {},
|
|
26
|
+
defaultExpanded: false
|
|
26
27
|
};
|
|
27
28
|
const Ellipsis = p => {
|
|
28
29
|
const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
|
|
29
30
|
const rootRef = (0, _react.useRef)(null);
|
|
30
31
|
const [ellipsised, setEllipsised] = (0, _react.useState)({});
|
|
31
|
-
const [expanded, setExpanded] = (0, _react.useState)(
|
|
32
|
+
const [expanded, setExpanded] = (0, _react.useState)(props.defaultExpanded);
|
|
32
33
|
const [exceeded, setExceeded] = (0, _react.useState)(false);
|
|
33
34
|
const chars = (0, _react.useMemo)(() => (0, _runes.default)(props.content), [props.content]);
|
|
34
35
|
function getSubString(start, end) {
|
|
@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
9
|
var _nativeProps = require("../../utils/native-props");
|
|
10
10
|
var _withDefaultProps = require("../../utils/with-default-props");
|
|
11
|
-
var _divider = require("../divider
|
|
11
|
+
var _divider = _interopRequireDefault(require("../divider"));
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
const classPrefix = `adm-footer`;
|
|
14
14
|
const defaultProps = {
|
|
@@ -42,7 +42,7 @@ const Footer = p => {
|
|
|
42
42
|
className: (0, _classnames.default)(classPrefix)
|
|
43
43
|
}, label && _react.default.createElement("div", {
|
|
44
44
|
className: `${classPrefix}-label`
|
|
45
|
-
}, _react.default.createElement(_divider.
|
|
45
|
+
}, _react.default.createElement(_divider.default, null, label)), links && links.length > 0 && _react.default.createElement("div", {
|
|
46
46
|
className: `${classPrefix}-links`
|
|
47
47
|
}, links.map((link, index) => {
|
|
48
48
|
return _react.default.createElement(_react.default.Fragment, {
|
|
@@ -51,7 +51,7 @@ const Footer = p => {
|
|
|
51
51
|
href: link.href,
|
|
52
52
|
rel: 'noopener noreferrer',
|
|
53
53
|
onClick: event => clickLinkItem(link, index, event)
|
|
54
|
-
}, link.text), index !== links.length - 1 && _react.default.createElement(_divider.
|
|
54
|
+
}, link.text), index !== links.length - 1 && _react.default.createElement(_divider.default, {
|
|
55
55
|
direction: 'vertical'
|
|
56
56
|
}));
|
|
57
57
|
})), content && _react.default.createElement("div", {
|
|
@@ -129,6 +129,7 @@ const Input = (0, _react.forwardRef)((p, ref) => {
|
|
|
129
129
|
(_a = props.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(props, e);
|
|
130
130
|
},
|
|
131
131
|
onClick: props.onClick,
|
|
132
|
+
step: props.step,
|
|
132
133
|
role: props.role,
|
|
133
134
|
"aria-valuenow": props['aria-valuenow'],
|
|
134
135
|
"aria-valuemax": props['aria-valuemax'],
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
2
|
import { NativeProps } from '../../utils/native-props';
|
|
3
3
|
export declare type NavBarProps = {
|
|
4
4
|
back?: ReactNode;
|
|
@@ -6,6 +6,6 @@ export declare type NavBarProps = {
|
|
|
6
6
|
left?: ReactNode;
|
|
7
7
|
right?: ReactNode;
|
|
8
8
|
onBack?: () => void;
|
|
9
|
-
children?:
|
|
9
|
+
children?: ReactNode;
|
|
10
10
|
} & NativeProps<'--height' | '--border-bottom'>;
|
|
11
11
|
export declare const NavBar: FC<NavBarProps>;
|
|
@@ -18,6 +18,7 @@ var _shouldRender = require("../../utils/should-render");
|
|
|
18
18
|
var _antdMobileIcons = require("antd-mobile-icons");
|
|
19
19
|
var _popupBaseProps = require("./popup-base-props");
|
|
20
20
|
var _useInnerVisible = require("../../utils/use-inner-visible");
|
|
21
|
+
var _configProvider = require("../config-provider");
|
|
21
22
|
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); }
|
|
22
23
|
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; }
|
|
23
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -27,6 +28,9 @@ const defaultProps = Object.assign(Object.assign({}, _popupBaseProps.defaultPopu
|
|
|
27
28
|
});
|
|
28
29
|
const Popup = p => {
|
|
29
30
|
const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
|
|
31
|
+
const {
|
|
32
|
+
locale
|
|
33
|
+
} = (0, _configProvider.useConfig)();
|
|
30
34
|
const bodyCls = (0, _classnames.default)(`${classPrefix}-body`, props.bodyClassName, `${classPrefix}-body-position-${props.position}`);
|
|
31
35
|
const [active, setActive] = (0, _react.useState)(props.visible);
|
|
32
36
|
(0, _ahooks.useIsomorphicLayoutEffect)(() => {
|
|
@@ -105,7 +109,9 @@ const Popup = p => {
|
|
|
105
109
|
onClick: () => {
|
|
106
110
|
var _a;
|
|
107
111
|
(_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
|
|
108
|
-
}
|
|
112
|
+
},
|
|
113
|
+
role: 'button',
|
|
114
|
+
"aria-label": locale.common.close
|
|
109
115
|
}, _react.default.createElement(_antdMobileIcons.CloseOutline, null)), props.children))));
|
|
110
116
|
return _react.default.createElement(_shouldRender.ShouldRender, {
|
|
111
117
|
active: active,
|
|
@@ -14,6 +14,7 @@ declare const _default: import("react").ForwardRefExoticComponent<{
|
|
|
14
14
|
trackOffset?: number | undefined;
|
|
15
15
|
stuckAtBoundary?: boolean | undefined;
|
|
16
16
|
rubberband?: boolean | undefined;
|
|
17
|
+
stopPropagation?: ("mousedown" | "mousemove" | "mouseup")[] | undefined;
|
|
17
18
|
children?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | undefined;
|
|
18
19
|
} & {
|
|
19
20
|
className?: string | undefined;
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
import React, { ReactElement, ReactNode } from 'react';
|
|
2
2
|
import { NativeProps } from '../../utils/native-props';
|
|
3
3
|
import { PageIndicatorProps } from '../page-indicator';
|
|
4
|
+
declare const eventToPropRecord: {
|
|
5
|
+
readonly mousedown: "onMouseDown";
|
|
6
|
+
readonly mousemove: "onMouseMove";
|
|
7
|
+
readonly mouseup: "onMouseUp";
|
|
8
|
+
};
|
|
9
|
+
declare type PropagationEvent = keyof typeof eventToPropRecord;
|
|
4
10
|
export declare type SwiperRef = {
|
|
5
11
|
swipeTo: (index: number) => void;
|
|
6
12
|
swipeNext: () => void;
|
|
@@ -20,6 +26,7 @@ export declare type SwiperProps = {
|
|
|
20
26
|
trackOffset?: number;
|
|
21
27
|
stuckAtBoundary?: boolean;
|
|
22
28
|
rubberband?: boolean;
|
|
29
|
+
stopPropagation?: PropagationEvent[];
|
|
23
30
|
children?: ReactElement | ReactElement[];
|
|
24
31
|
} & NativeProps<'--height' | '--width' | '--border-radius' | '--track-padding'>;
|
|
25
32
|
export declare const Swiper: React.ForwardRefExoticComponent<{
|
|
@@ -36,9 +43,11 @@ export declare const Swiper: React.ForwardRefExoticComponent<{
|
|
|
36
43
|
trackOffset?: number | undefined;
|
|
37
44
|
stuckAtBoundary?: boolean | undefined;
|
|
38
45
|
rubberband?: boolean | undefined;
|
|
46
|
+
stopPropagation?: ("mousedown" | "mousemove" | "mouseup")[] | undefined;
|
|
39
47
|
children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[] | undefined;
|
|
40
48
|
} & {
|
|
41
49
|
className?: string | undefined;
|
|
42
50
|
style?: (React.CSSProperties & Partial<Record<"--width" | "--height" | "--border-radius" | "--track-padding", string>>) | undefined;
|
|
43
51
|
tabIndex?: number | undefined;
|
|
44
52
|
} & React.AriaAttributes & React.RefAttributes<SwiperRef>>;
|
|
53
|
+
export {};
|
|
@@ -17,10 +17,16 @@ var _stagedComponents = require("staged-components");
|
|
|
17
17
|
var _useRefState = require("../../utils/use-ref-state");
|
|
18
18
|
var _bound = require("../../utils/bound");
|
|
19
19
|
var _ahooks = require("ahooks");
|
|
20
|
+
var _withFuncProps = require("../../utils/with-func-props");
|
|
20
21
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
22
|
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); }
|
|
22
23
|
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; }
|
|
23
24
|
const classPrefix = `adm-swiper`;
|
|
25
|
+
const eventToPropRecord = {
|
|
26
|
+
'mousedown': 'onMouseDown',
|
|
27
|
+
'mousemove': 'onMouseMove',
|
|
28
|
+
'mouseup': 'onMouseUp'
|
|
29
|
+
};
|
|
24
30
|
const defaultProps = {
|
|
25
31
|
defaultIndex: 0,
|
|
26
32
|
allowTouchMove: true,
|
|
@@ -31,7 +37,8 @@ const defaultProps = {
|
|
|
31
37
|
slideSize: 100,
|
|
32
38
|
trackOffset: 0,
|
|
33
39
|
stuckAtBoundary: true,
|
|
34
|
-
rubberband: true
|
|
40
|
+
rubberband: true,
|
|
41
|
+
stopPropagation: []
|
|
35
42
|
};
|
|
36
43
|
let currentUid;
|
|
37
44
|
const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) => {
|
|
@@ -205,11 +212,14 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
|
|
|
205
212
|
} = props;
|
|
206
213
|
(0, _react.useEffect)(() => {
|
|
207
214
|
if (!autoplay || dragging) return;
|
|
208
|
-
|
|
215
|
+
let interval;
|
|
216
|
+
function tick() {
|
|
217
|
+
interval = window.setTimeout(tick, autoplayInterval);
|
|
209
218
|
swipeNext();
|
|
210
|
-
}
|
|
219
|
+
}
|
|
220
|
+
interval = window.setTimeout(tick, autoplayInterval);
|
|
211
221
|
return () => {
|
|
212
|
-
window.
|
|
222
|
+
if (interval) window.clearTimeout(interval);
|
|
213
223
|
};
|
|
214
224
|
}, [autoplay, autoplayInterval, dragging, count]);
|
|
215
225
|
function renderTrackInner() {
|
|
@@ -248,6 +258,15 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
|
|
|
248
258
|
'--slide-size': `${props.slideSize}%`,
|
|
249
259
|
'--track-offset': `${props.trackOffset}%`
|
|
250
260
|
};
|
|
261
|
+
const dragProps = Object.assign({}, props.allowTouchMove ? bind() : {});
|
|
262
|
+
const stopPropagationProps = {};
|
|
263
|
+
for (const key of props.stopPropagation) {
|
|
264
|
+
const prop = eventToPropRecord[key];
|
|
265
|
+
stopPropagationProps[prop] = function (e) {
|
|
266
|
+
e.stopPropagation();
|
|
267
|
+
};
|
|
268
|
+
}
|
|
269
|
+
const mergedProps = (0, _withFuncProps.mergeFuncProps)(dragProps, stopPropagationProps);
|
|
251
270
|
return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
|
|
252
271
|
className: (0, _classnames.default)(classPrefix, `${classPrefix}-${props.direction}`),
|
|
253
272
|
style: style
|
|
@@ -262,7 +281,7 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
|
|
|
262
281
|
}
|
|
263
282
|
forceCancelDrag();
|
|
264
283
|
}
|
|
265
|
-
},
|
|
284
|
+
}, mergedProps), renderTrackInner()), props.indicator === undefined ? _react.default.createElement("div", {
|
|
266
285
|
className: `${classPrefix}-indicator`
|
|
267
286
|
}, _react.default.createElement(_pageIndicator.default, Object.assign({}, props.indicatorProps, {
|
|
268
287
|
total: count,
|
|
@@ -33,6 +33,8 @@ const TextArea = (0, _react.forwardRef)((p, ref) => {
|
|
|
33
33
|
(0, _devLog.devError)('TextArea', '`value` prop on `TextArea` should not be `null`. Consider using an empty string to clear the component.');
|
|
34
34
|
}
|
|
35
35
|
const nativeTextAreaRef = (0, _react.useRef)(null);
|
|
36
|
+
// https://github.com/ant-design/ant-design-mobile/issues/5961
|
|
37
|
+
const heightRef = (0, _react.useRef)('auto');
|
|
36
38
|
(0, _react.useImperativeHandle)(ref, () => ({
|
|
37
39
|
clear: () => {
|
|
38
40
|
setValue('');
|
|
@@ -53,7 +55,7 @@ const TextArea = (0, _react.forwardRef)((p, ref) => {
|
|
|
53
55
|
if (!autoSize) return;
|
|
54
56
|
const textArea = nativeTextAreaRef.current;
|
|
55
57
|
if (!textArea) return;
|
|
56
|
-
textArea.style.height =
|
|
58
|
+
textArea.style.height = heightRef.current;
|
|
57
59
|
let height = textArea.scrollHeight;
|
|
58
60
|
if (typeof autoSize === 'object') {
|
|
59
61
|
const computedStyle = window.getComputedStyle(textArea);
|
|
@@ -65,6 +67,7 @@ const TextArea = (0, _react.forwardRef)((p, ref) => {
|
|
|
65
67
|
height = Math.min(height, autoSize.maxRows * lineHeight);
|
|
66
68
|
}
|
|
67
69
|
}
|
|
70
|
+
heightRef.current = `${height}px`;
|
|
68
71
|
textArea.style.height = `${height}px`;
|
|
69
72
|
}, [value, autoSize]);
|
|
70
73
|
const compositingRef = (0, _react.useRef)(false);
|
package/2x/cjs/locales/base.d.ts
CHANGED
package/2x/cjs/locales/base.js
CHANGED
package/2x/cjs/locales/zh-CN.js
CHANGED
package/2x/cjs/locales/zh-HK.js
CHANGED
package/2x/cjs/locales/zh-TW.js
CHANGED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.mergeFuncProps = mergeFuncProps;
|
|
7
|
+
function mergeFuncProps(p1, p2) {
|
|
8
|
+
const p1Keys = Object.keys(p1);
|
|
9
|
+
const p2Keys = Object.keys(p2);
|
|
10
|
+
const keys = new Set([...p1Keys, ...p2Keys]);
|
|
11
|
+
const res = {};
|
|
12
|
+
keys.forEach(key => {
|
|
13
|
+
const p1Value = p1[key];
|
|
14
|
+
const p2Value = p2[key];
|
|
15
|
+
if (typeof p1Value === 'function' && typeof p2Value === 'function') {
|
|
16
|
+
res[key] = function (...args) {
|
|
17
|
+
p1Value(...args);
|
|
18
|
+
p2Value(...args);
|
|
19
|
+
};
|
|
20
|
+
} else {
|
|
21
|
+
res[key] = p1Value || p2Value;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
return res;
|
|
25
|
+
}
|
|
@@ -13,6 +13,7 @@ export declare type CalendarProps = {
|
|
|
13
13
|
onPageChange?: (year: number, month: number) => void;
|
|
14
14
|
weekStartsOn?: 'Monday' | 'Sunday';
|
|
15
15
|
renderLabel?: (date: Date) => React.ReactNode;
|
|
16
|
+
renderDate?: (date: Date) => React.ReactNode;
|
|
16
17
|
allowClear?: boolean;
|
|
17
18
|
max?: Date;
|
|
18
19
|
min?: Date;
|
|
@@ -188,7 +188,7 @@ export const Calendar = forwardRef((p, ref) => {
|
|
|
188
188
|
}
|
|
189
189
|
}, React.createElement("div", {
|
|
190
190
|
className: `${classPrefix}-cell-top`
|
|
191
|
-
}, d.date()), React.createElement("div", {
|
|
191
|
+
}, props.renderDate ? props.renderDate(d.toDate()) : d.date()), React.createElement("div", {
|
|
192
192
|
className: `${classPrefix}-cell-bottom`
|
|
193
193
|
}, (_a = props.renderLabel) === null || _a === void 0 ? void 0 : _a.call(props, d.toDate()))));
|
|
194
194
|
iterator = iterator.add(1, 'day');
|
|
@@ -9,5 +9,6 @@ export declare type EllipsisProps = {
|
|
|
9
9
|
collapseText?: string;
|
|
10
10
|
stopPropagationForActionButtons?: PropagationEvent[];
|
|
11
11
|
onContentClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
12
|
+
defaultExpanded?: boolean;
|
|
12
13
|
} & NativeProps;
|
|
13
14
|
export declare const Ellipsis: FC<EllipsisProps>;
|
|
@@ -13,13 +13,14 @@ const defaultProps = {
|
|
|
13
13
|
content: '',
|
|
14
14
|
collapseText: '',
|
|
15
15
|
stopPropagationForActionButtons: [],
|
|
16
|
-
onContentClick: () => {}
|
|
16
|
+
onContentClick: () => {},
|
|
17
|
+
defaultExpanded: false
|
|
17
18
|
};
|
|
18
19
|
export const Ellipsis = p => {
|
|
19
20
|
const props = mergeProps(defaultProps, p);
|
|
20
21
|
const rootRef = useRef(null);
|
|
21
22
|
const [ellipsised, setEllipsised] = useState({});
|
|
22
|
-
const [expanded, setExpanded] = useState(
|
|
23
|
+
const [expanded, setExpanded] = useState(props.defaultExpanded);
|
|
23
24
|
const [exceeded, setExceeded] = useState(false);
|
|
24
25
|
const chars = useMemo(() => runes(props.content), [props.content]);
|
|
25
26
|
function getSubString(start, end) {
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { withNativeProps } from '../../utils/native-props';
|
|
4
4
|
import { mergeProps } from '../../utils/with-default-props';
|
|
5
|
-
import
|
|
5
|
+
import Divider from '../divider';
|
|
6
6
|
const classPrefix = `adm-footer`;
|
|
7
7
|
const defaultProps = {
|
|
8
8
|
label: '',
|
|
@@ -120,6 +120,7 @@ export const Input = forwardRef((p, ref) => {
|
|
|
120
120
|
(_a = props.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(props, e);
|
|
121
121
|
},
|
|
122
122
|
onClick: props.onClick,
|
|
123
|
+
step: props.step,
|
|
123
124
|
role: props.role,
|
|
124
125
|
"aria-valuenow": props['aria-valuenow'],
|
|
125
126
|
"aria-valuemax": props['aria-valuemax'],
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
2
|
import { NativeProps } from '../../utils/native-props';
|
|
3
3
|
export declare type NavBarProps = {
|
|
4
4
|
back?: ReactNode;
|
|
@@ -6,6 +6,6 @@ export declare type NavBarProps = {
|
|
|
6
6
|
left?: ReactNode;
|
|
7
7
|
right?: ReactNode;
|
|
8
8
|
onBack?: () => void;
|
|
9
|
-
children?:
|
|
9
|
+
children?: ReactNode;
|
|
10
10
|
} & NativeProps<'--height' | '--border-bottom'>;
|
|
11
11
|
export declare const NavBar: FC<NavBarProps>;
|
|
@@ -12,12 +12,16 @@ import { ShouldRender } from '../../utils/should-render';
|
|
|
12
12
|
import { CloseOutline } from 'antd-mobile-icons';
|
|
13
13
|
import { defaultPopupBaseProps } from './popup-base-props';
|
|
14
14
|
import { useInnerVisible } from '../../utils/use-inner-visible';
|
|
15
|
+
import { useConfig } from '../config-provider';
|
|
15
16
|
const classPrefix = `adm-popup`;
|
|
16
17
|
const defaultProps = Object.assign(Object.assign({}, defaultPopupBaseProps), {
|
|
17
18
|
position: 'bottom'
|
|
18
19
|
});
|
|
19
20
|
export const Popup = p => {
|
|
20
21
|
const props = mergeProps(defaultProps, p);
|
|
22
|
+
const {
|
|
23
|
+
locale
|
|
24
|
+
} = useConfig();
|
|
21
25
|
const bodyCls = classNames(`${classPrefix}-body`, props.bodyClassName, `${classPrefix}-body-position-${props.position}`);
|
|
22
26
|
const [active, setActive] = useState(props.visible);
|
|
23
27
|
useIsomorphicLayoutEffect(() => {
|
|
@@ -96,7 +100,9 @@ export const Popup = p => {
|
|
|
96
100
|
onClick: () => {
|
|
97
101
|
var _a;
|
|
98
102
|
(_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
|
|
99
|
-
}
|
|
103
|
+
},
|
|
104
|
+
role: 'button',
|
|
105
|
+
"aria-label": locale.common.close
|
|
100
106
|
}, React.createElement(CloseOutline, null)), props.children))));
|
|
101
107
|
return React.createElement(ShouldRender, {
|
|
102
108
|
active: active,
|
|
@@ -14,6 +14,7 @@ declare const _default: import("react").ForwardRefExoticComponent<{
|
|
|
14
14
|
trackOffset?: number | undefined;
|
|
15
15
|
stuckAtBoundary?: boolean | undefined;
|
|
16
16
|
rubberband?: boolean | undefined;
|
|
17
|
+
stopPropagation?: ("mousedown" | "mousemove" | "mouseup")[] | undefined;
|
|
17
18
|
children?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | undefined;
|
|
18
19
|
} & {
|
|
19
20
|
className?: string | undefined;
|