antd-mobile 5.17.0 → 5.18.0

package/2x/cjs/components/action-sheet/action-sheet.css

@@ -0,0 +1,63 @@
+.adm-action-sheet-popup > .adm-popup-body {
+  border-top-left-radius: 16px;
+  border-top-right-radius: 16px;
+  overflow: hidden;
+}
+
+.adm-action-sheet-extra {
+  display: flex;
+  justify-content: center;
+  color: var(--adm-color-weak);
+  font-size: var(--adm-font-size-7);
+  padding: 36px 24px;
+  border-bottom: 2px solid var(--adm-color-border);
+}
+
+.adm-action-sheet-button-list {
+  border-bottom: 2px solid var(--adm-color-border);
+}
+
+.adm-action-sheet-button-item-wrapper {
+  border-bottom: 2px solid var(--adm-color-border);
+}
+
+.adm-action-sheet-button-item-wrapper:last-child {
+  border-bottom: none;
+}
+
+.adm-action-sheet-button-item {
+  text-align: center;
+  display: block;
+  background-color: var(--adm-color-background);
+  padding: 32px;
+}
+
+.adm-action-sheet-button-item:active {
+  background-color: #eeeeee;
+}
+
+.adm-action-sheet-button-item-disabled {
+  cursor: not-allowed;
+  pointer-events: none;
+  opacity: 0.4;
+}
+
+.adm-action-sheet-button-item-name {
+  color: var(--adm-color-text);
+  font-size: var(--adm-font-size-10);
+}
+
+.adm-action-sheet-button-item-description {
+  font-size: var(--adm-font-size-4);
+  color: var(--adm-color-weak);
+  padding-top: 4px;
+}
+
+.adm-action-sheet-button-item-danger .adm-action-sheet-button-item-name {
+  color: var(--adm-color-danger);
+}
+
+.adm-action-sheet-cancel {
+  background-color: var(--adm-color-box);
+  padding-top: 16px;
+}

package/2x/cjs/components/action-sheet/action-sheet.d.ts

@@ -0,0 +1,30 @@
+import React, { FC, ReactNode } from 'react';
+import { NativeProps } from '../../utils/native-props';
+import { PopupProps } from '../popup';
+export declare type Action = {
+    key: string | number;
+    text: ReactNode;
+    disabled?: boolean;
+    description?: ReactNode;
+    danger?: boolean;
+    onClick?: () => void;
+};
+export declare type ActionSheetProps = {
+    visible?: boolean;
+    actions: Action[];
+    extra?: React.ReactNode;
+    cancelText?: React.ReactNode;
+    onAction?: (action: Action, index: number) => void;
+    onClose?: () => void;
+    onMaskClick?: () => void;
+    closeOnAction?: boolean;
+    closeOnMaskClick?: boolean;
+    safeArea?: boolean;
+    popupClassName?: string;
+    popupStyle?: React.CSSProperties;
+} & Pick<PopupProps, 'afterClose' | 'getContainer' | 'destroyOnClose' | 'forceRender'> & NativeProps;
+export declare const ActionSheet: FC<ActionSheetProps>;
+export declare type ActionSheetShowHandler = {
+    close: () => void;
+};
+export declare function showActionSheet(props: Omit<ActionSheetProps, 'visible'>): ActionSheetShowHandler;

package/2x/cjs/components/action-sheet/action-sheet.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActionSheet = void 0;
+exports.showActionSheet = showActionSheet;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _nativeProps = require("../../utils/native-props");
+
+var _withDefaultProps = require("../../utils/with-default-props");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _popup = _interopRequireDefault(require("../popup"));
+
+var _safeArea = _interopRequireDefault(require("../safe-area"));
+
+var _renderImperatively = require("../../utils/render-imperatively");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const classPrefix = `adm-action-sheet`;
+const defaultProps = {
+  visible: false,
+  actions: [],
+  cancelText: '',
+  closeOnAction: false,
+  closeOnMaskClick: true,
+  safeArea: true,
+  destroyOnClose: false,
+  forceRender: false
+};
+
+const ActionSheet = p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  return _react.default.createElement(_popup.default, {
+    visible: props.visible,
+    onMaskClick: () => {
+      var _a, _b;
+
+      (_a = props.onMaskClick) === null || _a === void 0 ? void 0 : _a.call(props);
+
+      if (props.closeOnMaskClick) {
+        (_b = props.onClose) === null || _b === void 0 ? void 0 : _b.call(props);
+      }
+    },
+    afterClose: props.afterClose,
+    className: (0, _classnames.default)(`${classPrefix}-popup`, props.popupClassName),
+    style: props.popupStyle,
+    getContainer: props.getContainer,
+    destroyOnClose: props.destroyOnClose,
+    forceRender: props.forceRender
+  }, (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: classPrefix
+  }, props.extra && _react.default.createElement("div", {
+    className: `${classPrefix}-extra`
+  }, props.extra), _react.default.createElement("div", {
+    className: `${classPrefix}-button-list`
+  }, props.actions.map((action, index) => _react.default.createElement("div", {
+    key: action.key,
+    className: `${classPrefix}-button-item-wrapper`
+  }, _react.default.createElement("a", {
+    className: (0, _classnames.default)('adm-plain-anchor', `${classPrefix}-button-item`, {
+      [`${classPrefix}-button-item-danger`]: action.danger,
+      [`${classPrefix}-button-item-disabled`]: action.disabled
+    }),
+    onClick: () => {
+      var _a, _b, _c;
+
+      (_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action);
+      (_b = props.onAction) === null || _b === void 0 ? void 0 : _b.call(props, action, index);
+
+      if (props.closeOnAction) {
+        (_c = props.onClose) === null || _c === void 0 ? void 0 : _c.call(props);
+      }
+    }
+  }, _react.default.createElement("div", {
+    className: `${classPrefix}-button-item-name`
+  }, action.text), action.description && _react.default.createElement("div", {
+    className: `${classPrefix}-button-item-description`
+  }, action.description))))), props.cancelText && _react.default.createElement("div", {
+    className: `${classPrefix}-cancel`
+  }, _react.default.createElement("div", {
+    className: `${classPrefix}-button-item-wrapper`
+  }, _react.default.createElement("a", {
+    className: (0, _classnames.default)('adm-plain-anchor', `${classPrefix}-button-item`),
+    onClick: () => {
+      var _a;
+
+      (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+    }
+  }, _react.default.createElement("div", {
+    className: `${classPrefix}-button-item-name`
+  }, props.cancelText)))), props.safeArea && _react.default.createElement(_safeArea.default, {
+    position: 'bottom'
+  }))));
+};
+
+exports.ActionSheet = ActionSheet;
+
+function showActionSheet(props) {
+  return (0, _renderImperatively.renderImperatively)(_react.default.createElement(ActionSheet, Object.assign({}, props)));
+}

package/2x/cjs/components/action-sheet/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import './action-sheet.less';
+import { showActionSheet } from './action-sheet';
+export type { Action, ActionSheetProps, ActionSheetShowHandler, } from './action-sheet';
+declare const _default: import("react").FC<import("./action-sheet").ActionSheetProps> & {
+    show: typeof showActionSheet;
+};
+export default _default;

package/2x/cjs/components/action-sheet/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("./action-sheet.css");
+
+var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
+
+var _actionSheet2 = require("./action-sheet");
+
+var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_actionSheet2.ActionSheet, {
+  show: _actionSheet2.showActionSheet
+});
+
+exports.default = _default;

package/2x/cjs/components/auto-center/auto-center.css

@@ -0,0 +1,8 @@
+.adm-auto-center {
+  display: flex;
+  justify-content: center;
+}
+
+.adm-auto-center-content {
+  flex: 0 1 auto;
+}

package/2x/cjs/components/auto-center/auto-center.d.ts

@@ -0,0 +1,6 @@
+import React, { FC } from 'react';
+import { NativeProps } from '../../utils/native-props';
+export declare type AutoCenterProps = {
+    children?: React.ReactNode;
+} & NativeProps;
+export declare const AutoCenter: FC<AutoCenterProps>;

package/2x/cjs/components/auto-center/auto-center.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AutoCenter = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _nativeProps = require("../../utils/native-props");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const classPrefix = 'adm-auto-center';
+
+const AutoCenter = props => {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: classPrefix
+  }, _react.default.createElement("div", {
+    className: `${classPrefix}-content`
+  }, props.children)));
+};
+
+exports.AutoCenter = AutoCenter;

package/2x/cjs/components/auto-center/index.d.ts

@@ -0,0 +1,4 @@
+import './auto-center.less';
+import { AutoCenter } from './auto-center';
+export type { AutoCenterProps } from './auto-center';
+export default AutoCenter;

package/2x/cjs/components/auto-center/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("./auto-center.css");
+
+var _autoCenter2 = require("./auto-center");
+
+var _default = _autoCenter2.AutoCenter;
+exports.default = _default;

package/2x/cjs/components/avatar/avatar.css

@@ -0,0 +1,16 @@
+.adm-avatar {
+  --size: var(--adm-avatar-size, 88px);
+  --border-radius: var(--adm-avatar-border-radius, 8px);
+  border-radius: var(--border-radius);
+}
+
+.adm-avatar.adm-image {
+  --width: var(--size);
+  --height: var(--size);
+}
+
+.adm-avatar-fallback {
+  height: 100%;
+  width: 100%;
+  display: block;
+}

package/2x/cjs/components/avatar/avatar.d.ts

@@ -0,0 +1,9 @@
+import { FC, ReactNode } from 'react';
+import { NativeProps } from '../../utils/native-props';
+import { ImageProps } from '../image';
+export declare type AvatarProps = {
+    src: string;
+    fallback?: ReactNode;
+    fit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+} & Pick<ImageProps, 'alt' | 'lazy' | 'onClick' | 'onError'> & NativeProps<'--size' | '--border-radius'>;
+export declare const Avatar: FC<AvatarProps>;

package/2x/cjs/components/avatar/avatar.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Avatar = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _nativeProps = require("../../utils/native-props");
+
+var _index = require("../../index");
+
+var _withDefaultProps = require("../../utils/with-default-props");
+
+var _fallback = require("./fallback");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const classPrefix = 'adm-avatar';
+const defaultProps = {
+  fallback: _react.default.createElement(_fallback.Fallback, null),
+  fit: 'cover'
+};
+
+const Avatar = p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement(_index.Image, {
+    className: classPrefix,
+    src: props.src,
+    fallback: props.fallback,
+    placeholder: props.fallback,
+    alt: props.alt,
+    lazy: props.lazy,
+    fit: props.fit,
+    onClick: props.onClick,
+    onError: props.onError
+  }));
+};
+
+exports.Avatar = Avatar;

package/2x/cjs/components/avatar/fallback.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Fallback: React.MemoExoticComponent<() => JSX.Element>;

package/2x/cjs/components/avatar/fallback.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Fallback = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+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); }
+
+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; }
+
+const Fallback = (0, _react.memo)(() => _react.default.createElement("svg", {
+  className: 'adm-avatar-fallback',
+  width: '88px',
+  height: '88px',
+  viewBox: '0 0 88 88',
+  version: '1.1'
+}, _react.default.createElement("title", null, "\u7F16\u7EC4 3"), _react.default.createElement("defs", null, _react.default.createElement("polygon", {
+  id: 'path-1',
+  points: '0 0 88 0 88 88 0 88'
+})), _react.default.createElement("g", {
+  id: '\u9875\u9762-1',
+  stroke: 'none',
+  strokeWidth: '1',
+  fill: 'none',
+  fillRule: 'evenodd'
+}, _react.default.createElement("g", {
+  id: '\u8BED\u96C0',
+  transform: 'translate(-495.000000, -71.000000)'
+}, _react.default.createElement("g", {
+  id: '\u7F16\u7EC4-3',
+  transform: 'translate(495.000000, 71.000000)'
+}, _react.default.createElement("mask", {
+  id: 'mask-2',
+  fill: 'white'
+}, _react.default.createElement("use", {
+  xlinkHref: '#path-1'
+})), _react.default.createElement("use", {
+  id: 'Mask',
+  fill: '#EEEEEE',
+  fillRule: 'nonzero',
+  xlinkHref: '#path-1'
+}), _react.default.createElement("path", {
+  d: 'M44.5707528,16 L43.4292117,16 L42.9575197,16.0086403 L42.9575195,16.0086403 C36.5215787,16.2615464 31.4341803,21.5678078 31.4344832,28.0273864 L31.4344832,34.7776551 L31.4495601,35.3716788 L31.4495593,35.3716628 C31.599687,38.5368723 32.9422041,41.5269327 35.2058513,43.7376716 L38.2147759,46.6775505 L38.4086219,46.8913989 C38.7747759,47.3385365 38.9750835,47.9001589 38.9750835,48.4833848 L38.9750835,48.8938006 L38.9556989,49.1897326 L38.9556989,49.1897325 C38.8577746,49.9812662 38.3754713,50.67284 37.667703,51.036605 L18.7375269,60.7440265 L18.4101421,60.9276334 L18.4101423,60.9276333 C16.9141658,61.8418636 16.0009389,63.4714674 16,65.2283758 L16,66.070809 L16.0129231,66.3948217 C16.1766149,68.4123376 17.860922,70 19.91569,70 L68.0843101,70 L68.08431,70 C70.2460467,70 71.9988087,68.243122 72,66.0751224 L72,65.2326893 C72,63.3382982 70.9446194,61.6037466 69.2624598,60.7440295 L50.3322837,51.036608 L50.3322835,51.0366079 C49.5291218,50.6249082 49.0240448,49.7962466 49.024903,48.8916436 L49.024903,48.4812278 C49.024903,47.8029608 49.3005955,47.1527756 49.7852106,46.6775603 L52.7941352,43.7376813 L52.7941354,43.7376811 C55.204308,41.3832325 56.5636029,38.151975 56.5633606,34.7776456 L56.5633606,28.0273769 L56.5633606,28.0273774 C56.5633606,21.3848531 51.1940878,16 44.5707524,16 L44.5707528,16 Z',
+  id: '\u5F62\u72B6',
+  fill: '#CCCCCC',
+  fillRule: 'nonzero',
+  mask: 'url(#mask-2)'
+}))))));
+exports.Fallback = Fallback;

package/2x/cjs/components/avatar/index.d.ts

@@ -0,0 +1,4 @@
+import './avatar.less';
+import { Avatar } from './avatar';
+export type { AvatarProps } from './avatar';
+export default Avatar;

package/2x/cjs/components/avatar/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("./avatar.css");
+
+var _avatar2 = require("./avatar");
+
+var _default = _avatar2.Avatar;
+exports.default = _default;

package/2x/cjs/components/badge/badge.css

@@ -0,0 +1,45 @@
+.adm-badge-wrapper {
+  display: inline-block;
+  position: relative;
+}
+
+.adm-badge {
+  display: inline-flex;
+  vertical-align: middle;
+  box-sizing: content-box;
+  border-radius: 200px;
+  background-color: var(--color);
+  --right: 0;
+  --top: 0;
+  --color: var(--adm-badge-color, #ff411c);
+}
+
+.adm-badge-content {
+  color: var(--adm-color-white);
+  box-sizing: border-box;
+  min-width: 16px;
+  padding: 2px 8px;
+  font-size: var(--adm-font-size-1);
+  line-height: 24px;
+  white-space: nowrap;
+  font-weight: normal;
+  text-align: center;
+}
+
+.adm-badge-fixed {
+  position: absolute;
+  right: var(--right);
+  top: var(--top);
+  transform: translate(50%, -50%);
+}
+
+.adm-badge-dot {
+  min-width: 20px;
+  width: 20px;
+  height: 20px;
+  border-radius: 10px;
+}
+
+.adm-badge-bordered {
+  border: solid 2px var(--adm-color-white);
+}

package/2x/cjs/components/badge/badge.d.ts

@@ -0,0 +1,12 @@
+import React, { FC } from 'react';
+import { NativeProps } from '../../utils/native-props';
+export declare const dot: JSX.Element;
+export declare type BadgeProps = {
+    content?: React.ReactNode | typeof dot;
+    color?: string;
+    bordered?: boolean;
+    children?: React.ReactNode;
+    wrapperClassName?: string;
+    wrapperStyle?: React.CSSProperties;
+} & NativeProps<'--right' | '--top' | '--color'>;
+export declare const Badge: FC<BadgeProps>;

package/2x/cjs/components/badge/badge.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dot = exports.Badge = void 0;
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _nativeProps = require("../../utils/native-props");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const classPrefix = `adm-badge`;
+
+const dot = _react.default.createElement(_react.default.Fragment, null);
+
+exports.dot = dot;
+
+const Badge = props => {
+  const {
+    content,
+    color,
+    children
+  } = props;
+  const isDot = content === dot;
+  const badgeCls = (0, _classnames.default)(classPrefix, !!children && `${classPrefix}-fixed`, isDot && `${classPrefix}-dot`, props.bordered && `${classPrefix}-bordered`);
+  const element = content || content === 0 ? (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: badgeCls,
+    style: {
+      '--color': color
+    }
+  }, !isDot && _react.default.createElement("div", {
+    className: `${classPrefix}-content`
+  }, content))) : null;
+  return children ? _react.default.createElement("div", {
+    className: (0, _classnames.default)(`${classPrefix}-wrapper`, props.wrapperClassName),
+    style: props.wrapperStyle
+  }, children, element) : element;
+};
+
+exports.Badge = Badge;

package/2x/cjs/components/badge/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import './badge.less';
+export type { BadgeProps } from './badge';
+declare const _default: import("react").FC<import("./badge").BadgeProps> & {
+    dot: JSX.Element;
+};
+export default _default;

package/2x/cjs/components/badge/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("./badge.css");
+
+var _badge2 = require("./badge");
+
+var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
+
+var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_badge2.Badge, {
+  dot: _badge2.dot
+});
+
+exports.default = _default;