antd-mobile 5.17.0 → 5.18.0

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

@@ -0,0 +1,98 @@
+.adm-dialog {
+  --z-index: var(--adm-dialog-z-index, 1000);
+  ---z-index: var(--z-index);
+}
+
+.adm-dialog .adm-center-popup {
+  --z-index: var(---z-index);
+}
+
+.adm-dialog-body {
+  width: 100%;
+  max-height: 70vh;
+  font-size: var(--adm-font-size-6);
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+.adm-dialog-body > * {
+  flex: none;
+}
+
+.adm-dialog-body > .adm-dialog-content {
+  flex: auto;
+}
+
+.adm-dialog-body:not(.adm-dialog-with-image) {
+  padding-top: 40px;
+}
+
+.adm-dialog-image-container {
+  margin-bottom: 24px;
+  max-height: 40vh;
+}
+
+.adm-dialog-header {
+  margin-bottom: 16px;
+  padding: 0 24px;
+}
+
+.adm-dialog-title {
+  margin-bottom: 16px;
+  padding: 0 24px;
+  font-weight: bold;
+  font-size: var(--adm-font-size-10);
+  line-height: 50px;
+  text-align: center;
+}
+
+.adm-dialog-content {
+  padding: 0 24px 40px;
+  max-height: 70vh;
+  overflow-x: hidden;
+  overflow-y: auto;
+  font-size: var(--adm-font-size-7);
+  line-height: 1.4;
+  color: var(--adm-color-text);
+}
+
+.adm-dialog-content-empty {
+  padding: 0;
+  height: 24px;
+}
+
+.adm-dialog-footer {
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.adm-dialog-footer .adm-dialog-action-row {
+  display: flex;
+  align-items: stretch;
+  border-top: 1px solid var(--adm-color-border);
+}
+
+.adm-dialog-footer .adm-dialog-action-row > * {
+  flex: 1;
+}
+
+.adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button {
+  padding: 20px;
+  font-size: var(--adm-font-size-10);
+  line-height: 50px;
+  border-radius: 0;
+  border-right: solid 1px var(--adm-color-border);
+}
+
+.adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button-bold {
+  font-weight: bold;
+}
+
+.adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button:last-child {
+  border-right: none;
+}
+
+.adm-dialog-image-container {
+  overflow-y: auto;
+}

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

@@ -0,0 +1,16 @@
+import { FC, ReactNode } from 'react';
+import { Action } from './dialog-action-button';
+import { NativeProps } from '../../utils/native-props';
+import { CenterPopupProps } from '../center-popup';
+export declare type DialogProps = Pick<CenterPopupProps, 'afterClose' | 'afterShow' | 'bodyClassName' | 'bodyStyle' | 'destroyOnClose' | 'disableBodyScroll' | 'forceRender' | 'getContainer' | 'maskClassName' | 'maskStyle' | 'stopPropagation' | 'visible'> & {
+    image?: string;
+    header?: ReactNode;
+    title?: ReactNode;
+    content?: ReactNode;
+    actions?: (Action | Action[])[];
+    onAction?: (action: Action, index: number) => void | Promise<void>;
+    onClose?: () => void;
+    closeOnAction?: boolean;
+    closeOnMaskClick?: boolean;
+} & NativeProps;
+export declare const Dialog: FC<DialogProps>;

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

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Dialog = void 0;
+
+var _tslib = require("tslib");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _withDefaultProps = require("../../utils/with-default-props");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _dialogActionButton = require("./dialog-action-button");
+
+var _image = _interopRequireDefault(require("../image"));
+
+var _autoCenter = _interopRequireDefault(require("../auto-center"));
+
+var _centerPopup = _interopRequireDefault(require("../center-popup"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const defaultProps = {
+  actions: [],
+  closeOnAction: false,
+  closeOnMaskClick: false,
+  getContainer: null
+};
+
+const Dialog = p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+
+  const element = _react.default.createElement(_react.default.Fragment, null, !!props.image && _react.default.createElement("div", {
+    className: cls('image-container')
+  }, _react.default.createElement(_image.default, {
+    src: props.image,
+    alt: 'dialog header image',
+    width: '100%'
+  })), !!props.header && _react.default.createElement("div", {
+    className: cls('header')
+  }, _react.default.createElement(_autoCenter.default, null, props.header)), !!props.title && _react.default.createElement("div", {
+    className: cls('title')
+  }, props.title), _react.default.createElement("div", {
+    className: (0, _classnames.default)(cls('content'), !props.content && cls('content-empty'))
+  }, typeof props.content === 'string' ? _react.default.createElement(_autoCenter.default, null, props.content) : props.content), _react.default.createElement("div", {
+    className: cls('footer')
+  }, props.actions.map((row, index) => {
+    const actions = Array.isArray(row) ? row : [row];
+    return _react.default.createElement("div", {
+      className: cls('action-row'),
+      key: index
+    }, actions.map((action, index) => _react.default.createElement(_dialogActionButton.DialogActionButton, {
+      key: action.key,
+      action: action,
+      onAction: () => (0, _tslib.__awaiter)(void 0, void 0, void 0, function* () {
+        var _a, _b, _c;
+
+        yield Promise.all([(_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);
+        }
+      })
+    })));
+  })));
+
+  return _react.default.createElement(_centerPopup.default, {
+    className: (0, _classnames.default)(cls(), props.className),
+    style: props.style,
+    afterClose: props.afterClose,
+    afterShow: props.afterShow,
+    onMaskClick: props.closeOnMaskClick ? () => {
+      var _a;
+
+      (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+    } : undefined,
+    visible: props.visible,
+    getContainer: props.getContainer,
+    bodyStyle: props.bodyStyle,
+    bodyClassName: (0, _classnames.default)(cls('body'), props.image && cls('with-image'), props.bodyClassName),
+    maskStyle: props.maskStyle,
+    maskClassName: props.maskClassName,
+    stopPropagation: props.stopPropagation,
+    disableBodyScroll: props.disableBodyScroll,
+    destroyOnClose: props.destroyOnClose,
+    forceRender: props.forceRender,
+    role: 'dialog',
+    "aria-label": props['aria-label']
+  }, element);
+};
+
+exports.Dialog = Dialog;
+
+function cls(name = '') {
+  return 'adm-dialog' + (name && '-') + name;
+}

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import './dialog.less';
+import { show } from './show';
+import { alert } from './alert';
+import { confirm } from './confirm';
+import { clear } from './clear';
+export type { DialogProps } from './dialog';
+export type { Action } from './dialog-action-button';
+export type { DialogShowProps, DialogShowHandler } from './show';
+export type { DialogAlertProps } from './alert';
+export type { DialogConfirmProps } from './confirm';
+declare const _default: import("react").FC<import("./dialog").DialogProps> & {
+    show: typeof show;
+    alert: typeof alert;
+    confirm: typeof confirm;
+    clear: typeof clear;
+};
+export default _default;

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("./dialog.css");
+
+var _show = require("./show");
+
+var _alert = require("./alert");
+
+var _confirm = require("./confirm");
+
+var _clear = require("./clear");
+
+var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
+
+var _dialog2 = require("./dialog");
+
+var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_dialog2.Dialog, {
+  show: _show.show,
+  alert: _alert.alert,
+  confirm: _confirm.confirm,
+  clear: _clear.clear
+});
+
+exports.default = _default;

package/2x/cjs/components/dialog/show.d.ts

@@ -0,0 +1,7 @@
+import { DialogProps } from './dialog';
+export declare type DialogShowProps = Omit<DialogProps, 'visible'>;
+export declare type DialogShowHandler = {
+    close: () => void;
+};
+export declare const closeFnSet: Set<() => void>;
+export declare function show(props: DialogShowProps): DialogShowHandler;

package/2x/cjs/components/dialog/show.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.closeFnSet = void 0;
+exports.show = show;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _dialog = require("./dialog");
+
+var _renderImperatively = require("../../utils/render-imperatively");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const closeFnSet = new Set();
+exports.closeFnSet = closeFnSet;
+
+function show(props) {
+  const handler = (0, _renderImperatively.renderImperatively)(_react.default.createElement(_dialog.Dialog, Object.assign({}, props, {
+    afterClose: () => {
+      var _a;
+
+      closeFnSet.delete(handler.close);
+      (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props);
+    }
+  })));
+  closeFnSet.add(handler.close);
+  return handler;
+}

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

@@ -0,0 +1,44 @@
+.adm-divider-horizontal {
+  display: flex;
+  align-items: center;
+  margin: 32px 0;
+  border-width: 0;
+  border-color: var(--adm-color-border);
+  border-style: solid;
+  color: var(--adm-color-weak);
+  font-size: 28px;
+}
+
+.adm-divider-left.adm-divider-horizontal::before {
+  max-width: 10%;
+}
+
+.adm-divider-right.adm-divider-horizontal::after {
+  max-width: 10%;
+}
+
+.adm-divider-horizontal::after,
+.adm-divider-horizontal::before {
+  flex: auto;
+  display: block;
+  content: '';
+  border-style: inherit;
+  border-color: inherit;
+  border-width: 2px 0 0;
+}
+
+.adm-divider-horizontal .adm-divider-content {
+  flex: none;
+  padding: 0 32px;
+}
+
+.adm-divider-vertical {
+  position: relative;
+  top: -0.06em;
+  display: inline-block;
+  height: 0.9em;
+  margin: 0 32px;
+  vertical-align: middle;
+  border-top: 0;
+  border-left: 2px solid var(--adm-color-border);
+}

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

@@ -0,0 +1,8 @@
+import React, { FC } from 'react';
+import { NativeProps } from '../../utils/native-props';
+export declare type DividerProps = {
+    contentPosition?: 'left' | 'right' | 'center';
+    direction?: 'horizontal' | 'vertical';
+    children?: React.ReactNode;
+} & NativeProps;
+export declare const Divider: FC<DividerProps>;

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

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Divider = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _nativeProps = require("../../utils/native-props");
+
+var _withDefaultProps = require("../../utils/with-default-props");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const classPrefix = `adm-divider`;
+const defaultProps = {
+  contentPosition: 'center',
+  direction: 'horizontal'
+};
+
+const Divider = p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: (0, _classnames.default)(classPrefix, `${classPrefix}-${props.direction}`, `${classPrefix}-${props.contentPosition}`)
+  }, props.children && _react.default.createElement("div", {
+    className: `${classPrefix}-content`
+  }, props.children)));
+};
+
+exports.Divider = Divider;

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

@@ -0,0 +1,4 @@
+import './divider.less';
+import { Divider } from './divider';
+export type { DividerProps } from './divider';
+export default Divider;

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

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

package/2x/cjs/components/dot-loading/dot-loading.css

@@ -0,0 +1,3 @@
+.adm-dot-loading {
+  display: inline-block;
+}

package/2x/cjs/components/dot-loading/dot-loading.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { NativeProps } from '../../utils/native-props';
+export declare type DotLoadingProps = {
+    color?: 'default' | 'primary' | 'white' | (string & {});
+} & NativeProps;
+export declare const DotLoading: React.NamedExoticComponent<DotLoadingProps>;

package/2x/cjs/components/dot-loading/dot-loading.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DotLoading = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _withDefaultProps = require("../../utils/with-default-props");
+
+var _nativeProps = require("../../utils/native-props");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 classPrefix = `adm-dot-loading`;
+const colorRecord = {
+  default: 'var(--adm-color-weak)',
+  primary: 'var(--adm-color-primary)',
+  white: 'var(--adm-color-white)'
+};
+const defaultProps = {
+  color: 'default'
+};
+const DotLoading = (0, _react.memo)(p => {
+  var _a;
+
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    style: {
+      color: (_a = colorRecord[props.color]) !== null && _a !== void 0 ? _a : props.color
+    },
+    className: (0, _classnames.default)('adm-loading', classPrefix)
+  }, _react.default.createElement("svg", {
+    height: '1em',
+    viewBox: '0 0 100 40',
+    style: {
+      verticalAlign: '-0.125em'
+    }
+  }, _react.default.createElement("g", {
+    stroke: 'none',
+    strokeWidth: '1',
+    fill: 'none',
+    fillRule: 'evenodd'
+  }, _react.default.createElement("g", {
+    transform: 'translate(-100.000000, -71.000000)'
+  }, _react.default.createElement("g", {
+    transform: 'translate(95.000000, 71.000000)'
+  }, _react.default.createElement("g", {
+    transform: 'translate(5.000000, 0.000000)'
+  }, [0, 1, 2].map(i => _react.default.createElement("rect", {
+    key: i,
+    fill: 'currentColor',
+    x: 20 + i * 26,
+    y: '16',
+    width: '8',
+    height: '8',
+    rx: '2'
+  }, _react.default.createElement("animate", {
+    attributeName: 'y',
+    from: '16',
+    to: '16',
+    dur: '2s',
+    begin: `${i * 0.2}s`,
+    repeatCount: 'indefinite',
+    values: '16; 6; 26; 16; 16',
+    keyTimes: '0; 0.1; 0.3; 0.4; 1'
+  }))))))))));
+});
+exports.DotLoading = DotLoading;

package/2x/cjs/components/dot-loading/index.d.ts

@@ -0,0 +1,4 @@
+import './dot-loading.less';
+import { DotLoading } from './dot-loading';
+export type { DotLoadingProps } from './dot-loading';
+export default DotLoading;

package/2x/cjs/components/dot-loading/index.js

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

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

@@ -0,0 +1,86 @@
+.adm-dropdown {
+  background-color: var(--adm-color-background);
+}
+
+.adm-dropdown .adm-dropdown-nav {
+  display: flex;
+  border-bottom: 2px solid transparent;
+}
+
+.adm-dropdown-open .adm-dropdown-nav {
+  border-bottom-color: var(--adm-color-border);
+}
+
+.adm-dropdown-item {
+  display: flex;
+  flex: 1;
+  justify-content: center;
+  min-width: 0;
+  cursor: pointer;
+}
+
+.adm-dropdown-item .adm-dropdown-item-title {
+  display: flex;
+  align-items: center;
+  position: relative;
+  max-width: 100%;
+  font-size: var(--adm-font-size-main);
+  padding: 24px;
+}
+
+.adm-dropdown-item .adm-dropdown-item-title-text {
+  margin-right: 10px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.adm-dropdown-item .adm-dropdown-item-title-arrow {
+  color: var(--adm-color-light);
+  font-size: 18px;
+  transform: rotate(0deg) translateY(2px);
+  transition: all ease 0.2s;
+}
+
+.adm-dropdown-item .adm-dropdown-item-title-arrow-active {
+  transform: rotate(-180deg) translateY(-2px);
+}
+
+.adm-dropdown-item .adm-dropdown-item-title:active {
+  opacity: 0.7;
+}
+
+.adm-dropdown-item-highlight {
+  color: var(--adm-color-primary);
+}
+
+.adm-dropdown-item-active .adm-dropdown-item-title:after {
+  margin-top: -2px;
+  transform: rotate(135deg);
+}
+
+.adm-dropdown-item-content {
+  width: 100%;
+  background: var(--adm-color-background);
+}
+
+.adm-dropdown-item-content-hidden {
+  display: none;
+}
+
+.adm-dropdown-popup {
+  position: fixed;
+  overflow: hidden;
+  width: 100%;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+.adm-dropdown-popup .adm-dropdown-popup-mask {
+  position: absolute;
+}
+
+.adm-dropdown-popup .adm-dropdown-popup-body {
+  position: absolute;
+}

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import { NativeProps } from '../../utils/native-props';
+export declare type DropdownProps = {
+    activeKey?: string | null;
+    defaultActiveKey?: string | null;
+    closeOnMaskClick?: boolean;
+    closeOnClickAway?: boolean;
+    onChange?: (key: string | null) => void;
+    arrow?: React.ReactNode;
+} & NativeProps;
+export declare type DropdownRef = {
+    close: () => void;
+};
+declare const Dropdown: React.ForwardRefExoticComponent<{
+    activeKey?: string | null | undefined;
+    defaultActiveKey?: string | null | undefined;
+    closeOnMaskClick?: boolean | undefined;
+    closeOnClickAway?: boolean | undefined;
+    onChange?: ((key: string | null) => void) | undefined;
+    arrow?: React.ReactNode;
+} & {
+    className?: string | undefined;
+    style?: (React.CSSProperties & Partial<Record<never, string>>) | undefined;
+    tabIndex?: number | undefined;
+} & React.AriaAttributes & {
+    children?: React.ReactNode;
+} & React.RefAttributes<DropdownRef>>;
+export default Dropdown;