antd-mobile 5.16.1 → 5.17.0

package/es/components/modal/modal.js

@@ -1,72 +0,0 @@
-import { __awaiter } from "tslib";
-import React from 'react';
-import { mergeProps } from '../../utils/with-default-props';
-import classNames from 'classnames';
-import { ModalActionButton } from './modal-action-button';
-import Image from '../image';
-import Space from '../space';
-import AutoCenter from '../auto-center';
-import CenterPopup from '../center-popup';
-const defaultProps = {
-  actions: [],
-  closeOnAction: false,
-  closeOnMaskClick: false,
-  getContainer: null
-};
-export const Modal = p => {
-  const props = mergeProps(defaultProps, p);
-  const element = React.createElement(React.Fragment, null, !!props.image && React.createElement("div", {
-    className: cls('image-container')
-  }, React.createElement(Image, {
-    src: props.image,
-    alt: 'modal header image',
-    width: '100%'
-  })), !!props.header && React.createElement("div", {
-    className: cls('header')
-  }, React.createElement(AutoCenter, null, props.header)), !!props.title && React.createElement("div", {
-    className: cls('title')
-  }, props.title), React.createElement("div", {
-    className: cls('content')
-  }, typeof props.content === 'string' ? React.createElement(AutoCenter, null, props.content) : props.content), React.createElement(Space, {
-    direction: 'vertical',
-    block: true,
-    className: classNames(cls('footer'), props.actions.length === 0 && cls('footer-empty'))
-  }, props.actions.map((action, index) => {
-    return React.createElement(ModalActionButton, {
-      key: action.key,
-      action: action,
-      onAction: () => __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.createElement(CenterPopup, {
-    className: classNames(cls(), props.className),
-    style: props.style,
-    afterClose: props.afterClose,
-    afterShow: props.afterShow,
-    showCloseButton: props.showCloseButton,
-    closeOnMaskClick: props.closeOnMaskClick,
-    onClose: props.onClose,
-    visible: props.visible,
-    getContainer: props.getContainer,
-    bodyStyle: props.bodyStyle,
-    bodyClassName: classNames(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
-  }, element);
-};
-
-function cls(name = '') {
-  return 'adm-modal' + (name && '-') + name;
-}

package/es/components/modal/modal.patch.css

@@ -1,23 +0,0 @@
-.adm-modal-body {
-  font-size: 14px;
-}
-.adm-modal-title {
-  font-size: 18px;
-}
-.adm-modal-content {
-  font-size: 15px;
-  color: #333333;
-}
-.adm-modal-close {
-  color: #999999;
-  font-size: 18px;
-}
-.adm-modal-footer.adm-space.adm-space-vertical > .adm-space-item.adm-space-item {
-  margin-bottom: 20px;
-}
-.adm-modal-footer.adm-space.adm-space-vertical > .adm-space-item.adm-space-item:last-child {
-  margin-bottom: 0;
-}
-.adm-modal-footer .adm-modal-button {
-  font-size: 18px;
-}

package/es/components/modal/show.d.ts

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

package/es/components/modal/show.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import { Modal } from './modal';
-import { renderImperatively } from '../../utils/render-imperatively';
-export const closeFnSet = new Set();
-export function show(props) {
-  const handler = renderImperatively(React.createElement(Modal, 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/es/components/nav-bar/index.d.ts

@@ -1,4 +0,0 @@
-import './nav-bar.less';
-import { NavBar } from './nav-bar';
-export type { NavBarProps } from './nav-bar';
-export default NavBar;

package/es/components/nav-bar/index.js

@@ -1,3 +0,0 @@
-import "./nav-bar.css";
-import { NavBar } from './nav-bar';
-export default NavBar;

package/es/components/nav-bar/nav-bar.css

@@ -1,46 +0,0 @@
-.adm-nav-bar {
-  --height: 45px;
-  --border-bottom: none;
-  display: flex;
-  align-items: center;
-  height: var(--height);
-  border-bottom: var(--border-bottom);
-  padding: 0 12px;
-  white-space: nowrap;
-}
-.adm-nav-bar-left,
-.adm-nav-bar-right {
-  flex: 1;
-}
-.adm-nav-bar-title {
-  flex: auto;
-  text-align: center;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.adm-nav-bar-back {
-  display: flex;
-  align-items: center;
-  margin-right: 16px;
-  padding: 6px 0;
-  cursor: pointer;
-}
-.adm-nav-bar-back-arrow {
-  font-size: 24px;
-  margin-right: 4px;
-}
-.adm-nav-bar-left {
-  font-size: var(--adm-font-size-7);
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-}
-.adm-nav-bar-title {
-  justify-content: center;
-  white-space: nowrap;
-  font-size: var(--adm-font-size-10);
-  padding: 0 12px;
-}
-.adm-nav-bar-right {
-  text-align: right;
-}

package/es/components/nav-bar/nav-bar.d.ts

@@ -1,11 +0,0 @@
-import React, { FC, ReactNode } from 'react';
-import { NativeProps } from '../../utils/native-props';
-export declare type NavBarProps = {
-    back?: string | null;
-    backArrow?: boolean | ReactNode;
-    left?: ReactNode;
-    right?: ReactNode;
-    onBack?: () => void;
-    children?: React.ReactNode;
-} & NativeProps<'--height' | '--border-bottom'>;
-export declare const NavBar: FC<NavBarProps>;

package/es/components/nav-bar/nav-bar.js

@@ -1,34 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import { LeftOutline } from 'antd-mobile-icons';
-import { withNativeProps } from '../../utils/native-props';
-import { mergeProps } from '../../utils/with-default-props';
-const classPrefix = `adm-nav-bar`;
-const defaultProps = {
-  back: '',
-  backArrow: true
-};
-export const NavBar = p => {
-  const props = mergeProps(defaultProps, p);
-  const {
-    back,
-    backArrow
-  } = props;
-  return withNativeProps(props, React.createElement("div", {
-    className: classNames(classPrefix)
-  }, React.createElement("div", {
-    className: `${classPrefix}-left`,
-    role: 'button'
-  }, back !== null && React.createElement("div", {
-    className: `${classPrefix}-back`,
-    onClick: props.onBack
-  }, backArrow && React.createElement("span", {
-    className: `${classPrefix}-back-arrow`
-  }, backArrow === true ? React.createElement(LeftOutline, null) : backArrow), React.createElement("span", {
-    "aria-hidden": 'true'
-  }, back)), props.left), React.createElement("div", {
-    className: `${classPrefix}-title`
-  }, props.children), React.createElement("div", {
-    className: `${classPrefix}-right`
-  }, props.right)));
-};

package/es/components/notice-bar/index.d.ts

@@ -1,4 +0,0 @@
-import './notice-bar.less';
-import { NoticeBar } from './notice-bar';
-export type { NoticeBarProps } from './notice-bar';
-export default NoticeBar;

package/es/components/notice-bar/index.js

@@ -1,3 +0,0 @@
-import "./notice-bar.css";
-import { NoticeBar } from './notice-bar';
-export default NoticeBar;

package/es/components/notice-bar/notice-bar.css

@@ -1,66 +0,0 @@
-.adm-notice-bar {
-  --background-color: #ababab;
-  --border-color: #999999;
-  --text-color: var(--adm-color-white);
-  --font-size: var(--adm-font-size-7);
-  --icon-font-size: var(--adm-font-size-10);
-  --height: 38px;
-  height: var(--height);
-  box-sizing: border-box;
-  font-size: var(--font-size);
-  line-height: var(--height);
-  padding: 0 12px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  border: solid 1px var(--border-color);
-  border-left: none;
-  border-right: none;
-  background-color: var(--background-color);
-  color: var(--text-color);
-}
-.adm-notice-bar > span[role='img'] {
-  color: var(--text-color);
-}
-.adm-notice-bar.adm-notice-bar-alert {
-  --background-color: #fff9ed;
-  --border-color: #fff3e9;
-  --text-color: #ff6010;
-}
-.adm-notice-bar.adm-notice-bar-error {
-  --background-color: #ff3b30;
-  --border-color: #d9281e;
-  --text-color: #ffffff;
-}
-.adm-notice-bar.adm-notice-bar-info {
-  --background-color: #d0e4ff;
-  --border-color: #bcd8ff;
-  --text-color: #1677ff;
-}
-.adm-notice-bar .adm-notice-bar-left {
-  flex-shrink: 0;
-  margin-right: 8px;
-  font-size: var(--icon-font-size);
-  line-height: var(--height);
-}
-.adm-notice-bar .adm-notice-bar-content {
-  flex: 1;
-  overflow: hidden;
-  position: relative;
-  height: 100%;
-  display: flex;
-  align-items: center;
-}
-.adm-notice-bar .adm-notice-bar-content .adm-notice-bar-content-inner {
-  width: auto;
-  transition-timing-function: linear;
-  position: absolute;
-  white-space: nowrap;
-}
-.adm-notice-bar .adm-notice-bar-right {
-  flex-shrink: 0;
-  margin-left: 12px;
-}
-.adm-notice-bar-close-icon {
-  font-size: var(--adm-font-size-10);
-}

package/es/components/notice-bar/notice-bar.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { NativeProps } from '../../utils/native-props';
-export declare type NoticeBarProps = {
-    /** 通告栏的类型 */
-    color?: 'default' | 'alert' | 'error' | 'info';
-    /** 开始滚动的延迟，单位 ms */
-    delay?: number;
-    /** 滚动速度，单位 px/s */
-    speed?: number;
-    /** 公告内容 */
-    content: React.ReactNode;
-    /** 是否可关闭 */
-    closeable?: boolean;
-    /** 关闭时的回调 */
-    onClose?: () => void;
-    /** 额外操作区域，显示在关闭按钮左侧 */
-    extra?: React.ReactNode;
-    /** 左侧广播图标 */
-    icon?: React.ReactNode;
-} & NativeProps<'--background-color' | '--border-color' | '--text-color' | '--font-size' | '--icon-font-size' | '--height'>;
-export declare const NoticeBar: React.NamedExoticComponent<NoticeBarProps>;

package/es/components/notice-bar/notice-bar.js

@@ -1,94 +0,0 @@
-import React, { useState, useRef, memo } from 'react';
-import classNames from 'classnames';
-import { CloseOutline, SoundOutline } from 'antd-mobile-icons';
-import { useTimeout } from 'ahooks';
-import { mergeProps } from '../../utils/with-default-props';
-import { withNativeProps } from '../../utils/native-props';
-import { useResizeEffect } from '../../utils/use-resize-effect';
-import { useMutationEffect } from '../../utils/use-mutation-effect';
-const classPrefix = `adm-notice-bar`;
-const defaultProps = {
-  color: 'default',
-  delay: 2000,
-  speed: 50,
-  icon: React.createElement(SoundOutline, null)
-};
-export const NoticeBar = memo(p => {
-  const props = mergeProps(defaultProps, p);
-  const containerRef = useRef(null);
-  const textRef = useRef(null);
-  const [visible, setVisible] = useState(true);
-  const speed = props.speed;
-  const delayLockRef = useRef(true);
-  const animatingRef = useRef(false);
-
-  function start() {
-    if (delayLockRef.current) return;
-    const container = containerRef.current;
-    const text = textRef.current;
-    if (!container || !text) return;
-
-    if (container.offsetWidth >= text.offsetWidth) {
-      animatingRef.current = false;
-      text.style.removeProperty('transition-duration');
-      text.style.removeProperty('transform');
-      return;
-    }
-
-    if (animatingRef.current) return;
-    const initial = !text.style.transform;
-    text.style.transitionDuration = '0s';
-
-    if (initial) {
-      text.style.transform = 'translateX(0)';
-    } else {
-      text.style.transform = `translateX(${container.offsetWidth}px)`;
-    }
-
-    const distance = initial ? text.offsetWidth : container.offsetWidth + text.offsetWidth;
-    animatingRef.current = true;
-    text.style.transitionDuration = `${Math.round(distance / speed)}s`;
-    text.style.transform = `translateX(-${text.offsetWidth}px)`;
-  }
-
-  useTimeout(() => {
-    delayLockRef.current = false;
-    start();
-  }, props.delay);
-  useResizeEffect(() => {
-    start();
-  }, containerRef);
-  useMutationEffect(() => {
-    start();
-  }, textRef, {
-    subtree: true,
-    childList: true,
-    characterData: true
-  });
-  if (!visible) return null;
-  return withNativeProps(props, React.createElement("div", {
-    className: classNames(classPrefix, `${classPrefix}-${props.color}`)
-  }, props.icon && React.createElement("span", {
-    className: `${classPrefix}-left`
-  }, props.icon), React.createElement("span", {
-    ref: containerRef,
-    className: `${classPrefix}-content`
-  }, React.createElement("span", {
-    onTransitionEnd: () => {
-      animatingRef.current = false;
-      start();
-    },
-    ref: textRef,
-    className: `${classPrefix}-content-inner`
-  }, props.content)), (props.closeable || props.extra) && React.createElement("span", {
-    className: `${classPrefix}-right`
-  }, props.extra, props.closeable && React.createElement(CloseOutline, {
-    className: `${classPrefix}-close-icon`,
-    onClick: () => {
-      var _a;
-
-      setVisible(false);
-      (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
-    }
-  }))));
-});

package/es/components/number-keyboard/index.d.ts

@@ -1,4 +0,0 @@
-import './number-keyboard.less';
-import { NumberKeyboard } from './number-keyboard';
-export type { NumberKeyboardProps } from './number-keyboard';
-export default NumberKeyboard;

package/es/components/number-keyboard/index.js

@@ -1,3 +0,0 @@
-import "./number-keyboard.css";
-import { NumberKeyboard } from './number-keyboard';
-export default NumberKeyboard;

package/es/components/number-keyboard/number-keyboard.css

@@ -1,111 +0,0 @@
-.adm-number-keyboard-main {
-  display: flex;
-  flex-wrap: wrap;
-  flex: 1;
-}
-.adm-number-keyboard-main.confirmed-style .sign-key {
-  background-color: var(--adm-color-white);
-}
-.adm-number-keyboard-popup.adm-popup {
-  width: 100%;
-  user-select: none;
-  z-index: 1050;
-}
-.adm-number-keyboard-popup.adm-popup .adm-popup-body {
-  background-color: var(--adm-color-box);
-}
-.adm-number-keyboard-wrapper {
-  display: flex;
-}
-.adm-number-keyboard-header {
-  height: 34px;
-  line-height: 34px;
-  border-top: solid 1px var(--adm-color-border);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 0 12px;
-  color: var(--adm-color-weak);
-  background-color: var(--adm-color-white);
-}
-.adm-number-keyboard-header-close-button {
-  padding: 0 12px;
-  font-size: 16px;
-}
-.adm-number-keyboard-header.with-title {
-  justify-content: space-between;
-}
-.adm-number-keyboard-header.with-title .adm-number-keyboard-header-close-button {
-  padding-right: 0;
-}
-.adm-number-keyboard-footer {
-  background: var(--adm-color-white);
-}
-.adm-number-keyboard-title {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.adm-number-keyboard-confirm {
-  width: 25%;
-}
-.adm-number-keyboard-key {
-  flex: 1 33.33%;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 48px;
-  font-size: 22px;
-  box-sizing: border-box;
-  border: solid 1px var(--adm-color-border);
-  border-bottom: none;
-  border-left: none;
-}
-.adm-number-keyboard-key:nth-child(3n),
-.adm-number-keyboard-key:last-child {
-  border-right: none;
-}
-.adm-number-keyboard-key::before {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 100%;
-  height: 100%;
-  background-color: #000;
-  border: inherit;
-  border-color: #000;
-  border-radius: inherit;
-  transform: translate(-50%, -50%);
-  opacity: 0;
-  content: ' ';
-  box-sizing: content-box;
-}
-.adm-number-keyboard-key.mid-key {
-  flex-basis: 66.67%;
-}
-.adm-number-keyboard-key.sign-key:active::before {
-  opacity: 0.1;
-}
-.adm-number-keyboard-key.extra-key {
-  border-left: solid 1px var(--adm-color-border);
-  border-right: none;
-}
-.adm-number-keyboard-key.extra-key,
-.adm-number-keyboard-key.number-key {
-  background-color: var(--adm-color-white);
-}
-.adm-number-keyboard-key.extra-key:active::before,
-.adm-number-keyboard-key.number-key:active::before {
-  opacity: 0.1;
-}
-.adm-number-keyboard-key.ok-key {
-  background-color: var(--adm-color-primary);
-  color: var(--adm-color-white);
-  height: 144px;
-  font-size: 16px;
-  border: none;
-}
-.adm-number-keyboard-bs-key {
-  height: 20px;
-}

package/es/components/number-keyboard/number-keyboard.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { PopupProps } from '../popup';
-import { NativeProps } from '../../utils/native-props';
-export declare type NumberKeyboardProps = {
-    visible?: boolean;
-    title?: string;
-    confirmText?: string | null;
-    customKey?: '-' | '.' | 'X';
-    randomOrder?: boolean;
-    showCloseButton?: boolean;
-    onInput?: (v: string) => void;
-    onDelete?: () => void;
-    onClose?: () => void;
-    onConfirm?: () => void;
-    closeOnConfirm?: boolean;
-    safeArea?: boolean;
-} & Pick<PopupProps, 'afterClose' | 'afterShow' | 'getContainer' | 'destroyOnClose' | 'forceRender' | 'stopPropagation'> & NativeProps;
-export declare const NumberKeyboard: React.FC<NumberKeyboardProps>;