antd-mobile 5.16.1 → 5.17.0

package/es/components/text-area/text-area.js

@@ -1,130 +0,0 @@
-import React, { forwardRef, useImperativeHandle, useRef } from 'react';
-import { useIsomorphicLayoutEffect } from 'ahooks';
-import { withNativeProps } from '../../utils/native-props';
-import { usePropsValue } from '../../utils/use-props-value';
-import { mergeProps } from '../../utils/with-default-props';
-import { devError } from '../../utils/dev-log';
-const classPrefix = 'adm-text-area';
-const defaultProps = {
-  rows: 2,
-  showCount: false,
-  autoSize: false,
-  defaultValue: ''
-};
-export const TextArea = forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps, p);
-  const {
-    autoSize,
-    showCount,
-    maxLength
-  } = props;
-  const [value, setValue] = usePropsValue(Object.assign(Object.assign({}, props), {
-    value: props.value === null ? '' : props.value
-  }));
-
-  if (props.value === null) {
-    devError('TextArea', '`value` prop on `TextArea` should not be `null`. Consider using an empty string to clear the component.');
-  }
-
-  const nativeTextAreaRef = useRef(null);
-  useImperativeHandle(ref, () => ({
-    clear: () => {
-      setValue('');
-    },
-    focus: () => {
-      var _a;
-
-      (_a = nativeTextAreaRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    },
-    blur: () => {
-      var _a;
-
-      (_a = nativeTextAreaRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-    },
-
-    get nativeElement() {
-      return nativeTextAreaRef.current;
-    }
-
-  }));
-  useIsomorphicLayoutEffect(() => {
-    if (!autoSize) return;
-    const textArea = nativeTextAreaRef.current;
-    if (!textArea) return;
-    textArea.style.height = 'auto';
-    let height = textArea.scrollHeight;
-
-    if (typeof autoSize === 'object') {
-      const computedStyle = window.getComputedStyle(textArea);
-      const lineHeight = parseFloat(computedStyle.lineHeight);
-
-      if (autoSize.minRows) {
-        height = Math.max(height, autoSize.minRows * lineHeight);
-      }
-
-      if (autoSize.maxRows) {
-        height = Math.min(height, autoSize.maxRows * lineHeight);
-      }
-    }
-
-    textArea.style.height = `${height}px`;
-  }, [value, autoSize]);
-  const compositingRef = useRef(false);
-  let count;
-  const valueLength = [...value].length;
-
-  if (typeof showCount === 'function') {
-    count = showCount(valueLength, maxLength);
-  } else if (showCount) {
-    count = React.createElement("div", {
-      className: `${classPrefix}-count`
-    }, maxLength === undefined ? valueLength : valueLength + '/' + maxLength);
-  }
-
-  return withNativeProps(props, React.createElement("div", {
-    className: classPrefix
-  }, React.createElement("textarea", {
-    ref: nativeTextAreaRef,
-    className: `${classPrefix}-element`,
-    rows: props.rows,
-    value: value,
-    placeholder: props.placeholder,
-    onChange: e => {
-      let v = e.target.value;
-
-      if (maxLength && !compositingRef.current) {
-        v = [...v].slice(0, maxLength).join('');
-      }
-
-      setValue(v);
-    },
-    id: props.id,
-    onCompositionStart: e => {
-      var _a;
-
-      compositingRef.current = true;
-      (_a = props.onCompositionStart) === null || _a === void 0 ? void 0 : _a.call(props, e);
-    },
-    onCompositionEnd: e => {
-      var _a;
-
-      compositingRef.current = false;
-
-      if (maxLength) {
-        const v = e.target.value;
-        setValue([...v].slice(0, maxLength).join(''));
-      }
-
-      (_a = props.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(props, e);
-    },
-    autoComplete: props.autoComplete,
-    autoFocus: props.autoFocus,
-    disabled: props.disabled,
-    readOnly: props.readOnly,
-    name: props.name,
-    onFocus: props.onFocus,
-    onBlur: props.onBlur,
-    onClick: props.onClick
-  }), count));
-});
-TextArea.defaultProps = defaultProps;

package/es/components/toast/index.d.ts

@@ -1,9 +0,0 @@
-import './toast.less';
-import { clear, show, config } from './methods';
-export type { ToastShowProps, ToastHandler } from './methods';
-declare const Toast: {
-    show: typeof show;
-    clear: typeof clear;
-    config: typeof config;
-};
-export default Toast;

package/es/components/toast/index.js

@@ -1,8 +0,0 @@
-import "./toast.css";
-import { clear, show, config } from './methods';
-const Toast = {
-  show,
-  clear,
-  config
-};
-export default Toast;

package/es/components/toast/methods.d.ts

@@ -1,8 +0,0 @@
-import { ToastProps } from './toast';
-export declare type ToastShowProps = Omit<ToastProps, 'visible'>;
-export declare type ToastHandler = {
-    close: () => void;
-};
-export declare function show(p: ToastShowProps | string): ToastHandler;
-export declare function clear(): void;
-export declare function config(val: Pick<ToastProps, 'duration' | 'position' | 'maskClickable'>): void;

package/es/components/toast/methods.js

@@ -1,59 +0,0 @@
-import React from 'react';
-import { InternalToast } from './toast';
-import { mergeProps } from '../../utils/with-default-props';
-import { renderImperatively } from '../../utils/render-imperatively';
-let currentHandler = null;
-let currentTimeout = null;
-const defaultProps = {
-  duration: 2000,
-  position: 'center',
-  maskClickable: true
-};
-
-const ToastInner = props => React.createElement(InternalToast, Object.assign({}, props));
-
-export function show(p) {
-  const props = mergeProps(defaultProps, typeof p === 'string' ? {
-    content: p
-  } : p);
-  const element = React.createElement(ToastInner, Object.assign({}, props, {
-    onClose: () => {
-      currentHandler = null;
-    }
-  }));
-
-  if (currentHandler) {
-    currentHandler.replace(element);
-  } else {
-    currentHandler = renderImperatively(element);
-  }
-
-  if (currentTimeout) {
-    window.clearTimeout(currentTimeout);
-  }
-
-  if (props.duration !== 0) {
-    currentTimeout = window.setTimeout(() => {
-      clear();
-    }, props.duration);
-  }
-
-  return currentHandler;
-}
-export function clear() {
-  currentHandler === null || currentHandler === void 0 ? void 0 : currentHandler.close();
-  currentHandler = null;
-}
-export function config(val) {
-  if (val.duration !== undefined) {
-    defaultProps.duration = val.duration;
-  }
-
-  if (val.position !== undefined) {
-    defaultProps.position = val.position;
-  }
-
-  if (val.maskClickable !== undefined) {
-    defaultProps.maskClickable = val.maskClickable;
-  }
-}

package/es/components/toast/toast.css

@@ -1,43 +0,0 @@
-.adm-toast-mask .adm-toast-wrap {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-.adm-toast-mask .adm-toast-main {
-  display: inline-block;
-  position: relative;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: auto;
-  min-width: 96px;
-  max-width: 200px;
-  max-height: 70%;
-  overflow: auto;
-  color: white;
-  word-break: break-all;
-  background-color: rgba(0, 0, 0, 0.7);
-  border-radius: 8px;
-  pointer-events: all;
-  font-size: var(--adm-font-size-7);
-  line-height: 1.5;
-  box-sizing: border-box;
-}
-.adm-toast-mask .adm-toast-main-text {
-  padding: 12px;
-}
-.adm-toast-mask .adm-toast-main-icon {
-  padding: 35px 40px;
-}
-.adm-toast-mask .adm-toast-main-icon .adm-toast-icon {
-  text-align: center;
-  margin-bottom: 8px;
-  font-size: 36px;
-  line-height: 1;
-}
-.adm-toast-loading {
-  --size: 48px;
-  margin: 0 auto 8px;
-}

package/es/components/toast/toast.d.ts

@@ -1,18 +0,0 @@
-import React, { ReactNode } from 'react';
-import type { MaskProps } from '../mask';
-import { PropagationEvent } from '../../utils/with-stop-propagation';
-import { GetContainer } from '../../utils/render-to-container';
-export interface ToastProps {
-    afterClose?: () => void;
-    maskStyle?: MaskProps['style'];
-    maskClassName?: string;
-    maskClickable?: boolean;
-    content?: ReactNode;
-    icon?: 'success' | 'fail' | 'loading' | React.ReactNode;
-    duration?: number;
-    position?: 'top' | 'bottom' | 'center';
-    visible?: boolean;
-    getContainer?: GetContainer;
-    stopPropagation?: PropagationEvent[];
-}
-export declare const InternalToast: React.FC<ToastProps>;

package/es/components/toast/toast.js

@@ -1,79 +0,0 @@
-import React, { useMemo } from 'react';
-import classNames from 'classnames';
-import { CheckOutline, CloseOutline } from 'antd-mobile-icons';
-import Mask from '../mask';
-import { mergeProps } from '../../utils/with-default-props';
-import AutoCenter from '../auto-center';
-import SpinLoading from '../spin-loading';
-const classPrefix = `adm-toast`;
-const defaultProps = {
-  maskClickable: true,
-  stopPropagation: ['click']
-};
-export const InternalToast = p => {
-  const props = mergeProps(defaultProps, p);
-  const {
-    maskClickable,
-    content,
-    icon,
-    position
-  } = props;
-  const iconElement = useMemo(() => {
-    if (icon === null || icon === undefined) return null;
-
-    switch (icon) {
-      case 'success':
-        return React.createElement(CheckOutline, {
-          className: `${classPrefix}-icon-success`
-        });
-
-      case 'fail':
-        return React.createElement(CloseOutline, {
-          className: `${classPrefix}-icon-fail`
-        });
-
-      case 'loading':
-        return React.createElement(SpinLoading, {
-          color: 'white',
-          className: `${classPrefix}-loading`
-        });
-
-      default:
-        return icon;
-    }
-  }, [icon]);
-  const top = useMemo(() => {
-    switch (position) {
-      case 'top':
-        return '20%';
-
-      case 'bottom':
-        return '80%';
-
-      default:
-        return '50%';
-    }
-  }, [position]);
-  return React.createElement(Mask, {
-    visible: props.visible,
-    destroyOnClose: true,
-    opacity: 0,
-    disableBodyScroll: !maskClickable,
-    getContainer: props.getContainer,
-    afterClose: props.afterClose,
-    style: Object.assign({
-      pointerEvents: maskClickable ? 'none' : 'auto'
-    }, props.maskStyle),
-    className: classNames(`${classPrefix}-mask`, props.maskClassName),
-    stopPropagation: props.stopPropagation
-  }, React.createElement("div", {
-    className: classNames(`${classPrefix}-wrap`)
-  }, React.createElement("div", {
-    style: {
-      top
-    },
-    className: classNames(`${classPrefix}-main`, icon ? `${classPrefix}-main-icon` : `${classPrefix}-main-text`)
-  }, iconElement && React.createElement("div", {
-    className: `${classPrefix}-icon`
-  }, iconElement), React.createElement(AutoCenter, null, content))));
-};

package/es/components/toast/toast.patch.css

@@ -1,11 +0,0 @@
-.adm-toast-mask .adm-toast-main {
-  font-size: 15px;
-}
-.adm-toast-loading.adm-toast-loading {
-  width: 48px;
-  height: 48px;
-  margin: 0 auto 8px;
-}
-.adm-toast-loading.adm-toast-loading .adm-spin-loading-fill {
-  stroke: #ffffff;
-}

package/es/components/tree-select/index.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import './tree-select.less';
-export type { TreeSelectProps, TreeSelectOption } from './tree-select';
-export type { MultipleProps } from './multiple';
-declare const _default: import("react").FC<import("./tree-select").TreeSelectProps> & {
-    Multiple: import("react").FC<import("./multiple").MultipleProps>;
-};
-export default _default;

package/es/components/tree-select/index.js

@@ -1,7 +0,0 @@
-import "./tree-select.css";
-import { TreeSelect } from './tree-select';
-import { attachPropertiesToComponent } from '../../utils/attach-properties-to-component';
-import { Multiple } from './multiple';
-export default attachPropertiesToComponent(TreeSelect, {
-  Multiple
-});

package/es/components/tree-select/multiple.d.ts

@@ -1,19 +0,0 @@
-import { FC } from 'react';
-import { NativeProps } from '../../utils/native-props';
-import { TreeSelectOption } from '.';
-export declare type MultipleProps = {
-    options: TreeSelectOption[];
-    defaultValue?: string[];
-    value?: string[];
-    onChange?: (value: string[], nodes: TreeSelectOption[]) => void;
-    selectAllText?: string[];
-    fieldNames?: {
-        label: string;
-        value: string;
-        children: string;
-    };
-    expandKeys?: string[];
-    defaultExpandKeys?: string[];
-    onExpand?: (expandedKeys: string[], nodes: TreeSelectOption[]) => void;
-} & NativeProps;
-export declare const Multiple: FC<MultipleProps>;