antd-mobile 5.15.1 → 5.17.0

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import { withNativeProps } from '../../utils/native-props';
-import { mergeProps } from '../../utils/with-default-props';
-const classPrefix = `adm-divider`;
-const defaultProps = {
-  contentPosition: 'center',
-  direction: 'horizontal'
-};
-export const Divider = p => {
-  const props = mergeProps(defaultProps, p);
-  return withNativeProps(props, React.createElement("div", {
-    className: classNames(classPrefix, `${classPrefix}-${props.direction}`, `${classPrefix}-${props.contentPosition}`)
-  }, props.children && React.createElement("div", {
-    className: `${classPrefix}-content`
-  }, props.children)));
-};

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

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

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

@@ -1,3 +0,0 @@
-import "./divider.css";
-import { Divider } from './divider';
-export default Divider;

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

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

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

@@ -1,6 +0,0 @@
-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/es/components/dot-loading/dot-loading.js

@@ -1,58 +0,0 @@
-import React, { memo } from 'react';
-import { mergeProps } from '../../utils/with-default-props';
-import { withNativeProps } from '../../utils/native-props';
-import classNames from 'classnames';
-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'
-};
-export const DotLoading = memo(p => {
-  var _a;
-
-  const props = mergeProps(defaultProps, p);
-  return withNativeProps(props, React.createElement("div", {
-    style: {
-      color: (_a = colorRecord[props.color]) !== null && _a !== void 0 ? _a : props.color
-    },
-    className: classNames('adm-loading', classPrefix)
-  }, React.createElement("svg", {
-    height: '1em',
-    viewBox: '0 0 100 40',
-    style: {
-      verticalAlign: '-0.125em'
-    }
-  }, React.createElement("g", {
-    stroke: 'none',
-    strokeWidth: '1',
-    fill: 'none',
-    fillRule: 'evenodd'
-  }, React.createElement("g", {
-    transform: 'translate(-100.000000, -71.000000)'
-  }, React.createElement("g", {
-    transform: 'translate(95.000000, 71.000000)'
-  }, React.createElement("g", {
-    transform: 'translate(5.000000, 0.000000)'
-  }, [0, 1, 2].map(i => React.createElement("rect", {
-    key: i,
-    fill: 'currentColor',
-    x: 20 + i * 26,
-    y: '16',
-    width: '8',
-    height: '8',
-    rx: '2'
-  }, React.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'
-  }))))))))));
-});

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

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

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

@@ -1,3 +0,0 @@
-import "./dot-loading.css";
-import { DotLoading } from './dot-loading';
-export default DotLoading;

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

@@ -1,86 +0,0 @@
-.adm-dropdown {
-  background-color: white;
-}
-
-.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: white;
-}
-
-.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/es/components/dropdown/dropdown.d.ts

@@ -1,28 +0,0 @@
-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;

package/2x/es/components/dropdown/dropdown.js

@@ -1,106 +0,0 @@
-import { useClickAway } from 'ahooks';
-import classNames from 'classnames';
-import React, { cloneElement, useEffect, useRef, useState, forwardRef, useImperativeHandle } from 'react';
-import Popup from '../popup';
-import { ItemChildrenWrap } from './item';
-import { withNativeProps } from '../../utils/native-props';
-import { mergeProps } from '../../utils/with-default-props';
-import { usePropsValue } from '../../utils/use-props-value';
-const classPrefix = `adm-dropdown`;
-const defaultProps = {
-  defaultActiveKey: null,
-  closeOnMaskClick: true,
-  closeOnClickAway: false
-};
-const Dropdown = forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps, p);
-  const [value, setValue] = usePropsValue({
-    value: props.activeKey,
-    defaultValue: props.defaultActiveKey,
-    onChange: props.onChange
-  });
-  const navRef = useRef(null);
-  const contentRef = useRef(null); // 点击外部区域，关闭
-
-  useClickAway(() => {
-    if (!props.closeOnClickAway) return;
-    setValue(null);
-  }, [navRef, contentRef]); // 计算 navs 的 top 值
-
-  const [top, setTop] = useState();
-  const containerRef = useRef(null);
-  useEffect(() => {
-    const container = containerRef.current;
-    if (!container) return;
-
-    if (value) {
-      const rect = container.getBoundingClientRect();
-      setTop(rect.bottom);
-    }
-  }, [value]);
-
-  const changeActive = key => {
-    if (value === key) {
-      setValue(null);
-    } else {
-      setValue(key);
-    }
-  };
-
-  let popupForceRender = false;
-  const items = [];
-  const navs = React.Children.map(props.children, child => {
-    if (React.isValidElement(child)) {
-      const childProps = Object.assign(Object.assign({}, child.props), {
-        onClick: () => {
-          changeActive(child.key);
-        },
-        active: child.key === value,
-        arrow: child.props.arrow === undefined ? props.arrow : child.props.arrow
-      });
-      items.push(child);
-      if (child.props.forceRender) popupForceRender = true;
-      return cloneElement(child, childProps);
-    } else {
-      return child;
-    }
-  });
-  useImperativeHandle(ref, () => ({
-    close: () => {
-      setValue(null);
-    }
-  }), [setValue]);
-  return withNativeProps(props, React.createElement("div", {
-    className: classNames(classPrefix, {
-      [`${classPrefix}-open`]: !!value
-    }),
-    ref: containerRef
-  }, React.createElement("div", {
-    className: `${classPrefix}-nav`,
-    ref: navRef
-  }, navs), React.createElement(Popup, {
-    visible: !!value,
-    position: 'top',
-    className: `${classPrefix}-popup`,
-    maskClassName: `${classPrefix}-popup-mask`,
-    bodyClassName: `${classPrefix}-popup-body`,
-    style: {
-      top
-    },
-    forceRender: popupForceRender,
-    onMaskClick: props.closeOnMaskClick ? () => {
-      changeActive(null);
-    } : undefined
-  }, React.createElement("div", {
-    ref: contentRef
-  }, items.map(item => {
-    const isActive = item.key === value;
-    return React.createElement(ItemChildrenWrap, {
-      key: item.key,
-      active: isActive,
-      forceRender: item.props.forceRender,
-      destroyOnClose: item.props.destroyOnClose
-    }, item.props.children);
-  })))));
-});
-export default Dropdown;

package/2x/es/components/dropdown/index.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-import './dropdown.less';
-export type { DropdownProps, DropdownRef } from './dropdown';
-export type { DropdownItemProps } from './item';
-declare const _default: import("react").ForwardRefExoticComponent<{
-    activeKey?: string | null | undefined;
-    defaultActiveKey?: string | null | undefined;
-    closeOnMaskClick?: boolean | undefined;
-    closeOnClickAway?: boolean | undefined;
-    onChange?: ((key: string | null) => void) | undefined;
-    arrow?: import("react").ReactNode;
-} & {
-    className?: string | undefined;
-    style?: (import("react").CSSProperties & Partial<Record<never, string>>) | undefined;
-    tabIndex?: number | undefined;
-} & import("react").AriaAttributes & {
-    children?: import("react").ReactNode;
-} & import("react").RefAttributes<import("./dropdown").DropdownRef>> & {
-    Item: import("react").FC<import("./item").DropdownItemProps>;
-};
-export default _default;

package/2x/es/components/dropdown/index.js

@@ -1,7 +0,0 @@
-import "./dropdown.css";
-import Dropdown from './dropdown';
-import { attachPropertiesToComponent } from '../../utils/attach-properties-to-component';
-import Item from './item';
-export default attachPropertiesToComponent(Dropdown, {
-  Item
-});

package/2x/es/components/dropdown/item.d.ts

@@ -1,19 +0,0 @@
-import React, { FC } from 'react';
-import { NativeProps } from '../../utils/native-props';
-export declare type DropdownItemProps = {
-    key: string;
-    title: React.ReactNode;
-    active?: boolean;
-    highlight?: boolean;
-    forceRender?: boolean;
-    destroyOnClose?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    arrow?: React.ReactNode;
-    children?: React.ReactNode;
-} & NativeProps;
-declare const Item: FC<DropdownItemProps>;
-export default Item;
-declare type DropdownItemChildrenWrapProps = {
-    onClick?: () => void;
-} & Pick<DropdownItemProps, 'active' | 'forceRender' | 'destroyOnClose' | 'children'>;
-export declare const ItemChildrenWrap: FC<DropdownItemChildrenWrapProps>;

package/2x/es/components/dropdown/item.js

@@ -1,42 +0,0 @@
-import classNames from 'classnames';
-import React from 'react';
-import { withNativeProps } from '../../utils/native-props';
-import { useShouldRender } from '../../utils/should-render';
-import { DownFill } from 'antd-mobile-icons';
-const classPrefix = `adm-dropdown-item`;
-
-const Item = props => {
-  var _a;
-
-  const cls = classNames(classPrefix, {
-    [`${classPrefix}-active`]: props.active,
-    [`${classPrefix}-highlight`]: (_a = props.highlight) !== null && _a !== void 0 ? _a : props.active
-  });
-  return withNativeProps(props, React.createElement("div", {
-    className: cls,
-    onClick: props.onClick
-  }, React.createElement("div", {
-    className: `${classPrefix}-title`
-  }, React.createElement("span", {
-    className: `${classPrefix}-title-text`
-  }, props.title), React.createElement("span", {
-    className: classNames(`${classPrefix}-title-arrow`, {
-      [`${classPrefix}-title-arrow-active`]: props.active
-    })
-  }, props.arrow === undefined ? React.createElement(DownFill, null) : props.arrow))));
-};
-
-export default Item;
-export const ItemChildrenWrap = props => {
-  const {
-    active = false
-  } = props;
-  const shouldRender = useShouldRender(active, props.forceRender, props.destroyOnClose);
-  const cls = classNames(`${classPrefix}-content`, {
-    [`${classPrefix}-content-hidden`]: !active
-  });
-  return shouldRender ? React.createElement("div", {
-    className: cls,
-    onClick: props.onClick
-  }, props.children) : null;
-};

package/2x/es/components/ellipsis/ellipsis.css

@@ -1,4 +0,0 @@
-.adm-ellipsis {
-  overflow: hidden;
-  line-height: 1.5;
-}

package/2x/es/components/ellipsis/ellipsis.d.ts

@@ -1,13 +0,0 @@
-import React, { FC } from 'react';
-import { NativeProps } from '../../utils/native-props';
-import { PropagationEvent } from '../../utils/with-stop-propagation';
-export declare type EllipsisProps = {
-    content: string;
-    direction?: 'start' | 'end' | 'middle';
-    rows?: number;
-    expandText?: string;
-    collapseText?: string;
-    stopPropagationForActionButtons?: PropagationEvent[];
-    onContentClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-} & NativeProps;
-export declare const Ellipsis: FC<EllipsisProps>;

package/2x/es/components/ellipsis/ellipsis.js

@@ -1,160 +0,0 @@
-import React, { useRef, useState } from 'react';
-import { mergeProps } from '../../utils/with-default-props';
-import { withNativeProps } from '../../utils/native-props';
-import { useResizeEffect } from '../../utils/use-resize-effect';
-import { useIsomorphicLayoutEffect } from 'ahooks';
-import { withStopPropagation } from '../../utils/with-stop-propagation';
-const classPrefix = `adm-ellipsis`;
-const defaultProps = {
-  direction: 'end',
-  rows: 1,
-  expandText: '',
-  collapseText: '',
-  stopPropagationForActionButtons: [],
-  onContentClick: () => {}
-};
-export const Ellipsis = p => {
-  const props = mergeProps(defaultProps, p);
-  const rootRef = useRef(null);
-  const [ellipsised, setEllipsised] = useState({});
-  const [expanded, setExpanded] = useState(false);
-  const [exceeded, setExceeded] = useState(false);
-
-  function calcEllipsised() {
-    const root = rootRef.current;
-    if (!root) return;
-    const originStyle = window.getComputedStyle(root);
-    const container = document.createElement('div');
-    const styleNames = Array.prototype.slice.apply(originStyle);
-    styleNames.forEach(name => {
-      container.style.setProperty(name, originStyle.getPropertyValue(name));
-    });
-    container.style.position = 'fixed';
-    container.style.left = '999999px';
-    container.style.top = '999999px';
-    container.style.zIndex = '-1000';
-    container.style.height = 'auto';
-    container.style.minHeight = 'auto';
-    container.style.maxHeight = 'auto';
-    container.style.textOverflow = 'clip';
-    container.style.whiteSpace = 'normal';
-    container.style.webkitLineClamp = 'unset';
-    container.style.display = 'block';
-    const lineHeight = pxToNumber(originStyle.lineHeight);
-    const maxHeight = Math.floor(lineHeight * (props.rows + 0.5) + pxToNumber(originStyle.paddingTop) + pxToNumber(originStyle.paddingBottom));
-    container.innerText = props.content;
-    document.body.appendChild(container);
-
-    if (container.offsetHeight <= maxHeight) {
-      setExceeded(false);
-    } else {
-      setExceeded(true);
-      const end = props.content.length;
-      const actionText = expanded ? props.collapseText : props.expandText;
-
-      function check(left, right) {
-        if (right - left <= 1) {
-          if (props.direction === 'end') {
-            return {
-              leading: props.content.slice(0, left) + '...'
-            };
-          } else {
-            return {
-              tailing: '...' + props.content.slice(right, end)
-            };
-          }
-        }
-
-        const middle = Math.round((left + right) / 2);
-
-        if (props.direction === 'end') {
-          container.innerText = props.content.slice(0, middle) + '...' + actionText;
-        } else {
-          container.innerText = actionText + '...' + props.content.slice(middle, end);
-        }
-
-        if (container.offsetHeight <= maxHeight) {
-          if (props.direction === 'end') {
-            return check(middle, right);
-          } else {
-            return check(left, middle);
-          }
-        } else {
-          if (props.direction === 'end') {
-            return check(left, middle);
-          } else {
-            return check(middle, right);
-          }
-        }
-      }
-
-      function checkMiddle(leftPart, rightPart) {
-        if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
-          return {
-            leading: props.content.slice(0, leftPart[0]) + '...',
-            tailing: '...' + props.content.slice(rightPart[1], end)
-          };
-        }
-
-        const leftPartMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
-        const rightPartMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2);
-        container.innerText = props.content.slice(0, leftPartMiddle) + '...' + actionText + '...' + props.content.slice(rightPartMiddle, end);
-
-        if (container.offsetHeight <= maxHeight) {
-          return checkMiddle([leftPartMiddle, leftPart[1]], [rightPart[0], rightPartMiddle]);
-        } else {
-          return checkMiddle([leftPart[0], leftPartMiddle], [rightPartMiddle, rightPart[1]]);
-        }
-      }
-
-      const middle = Math.floor((0 + end) / 2);
-      const ellipsised = props.direction === 'middle' ? checkMiddle([0, middle], [middle, end]) : check(0, end);
-      setEllipsised(ellipsised);
-    }
-
-    document.body.removeChild(container);
-  }
-
-  useResizeEffect(calcEllipsised, rootRef);
-  useIsomorphicLayoutEffect(() => {
-    calcEllipsised();
-  }, [props.content, props.direction, props.rows, props.expandText, props.collapseText]);
-  const expandActionElement = exceeded && props.expandText ? withStopPropagation(props.stopPropagationForActionButtons, React.createElement("a", {
-    onClick: () => {
-      setExpanded(true);
-    }
-  }, props.expandText)) : null;
-  const collapseActionElement = exceeded && props.expandText ? withStopPropagation(props.stopPropagationForActionButtons, React.createElement("a", {
-    onClick: () => {
-      setExpanded(false);
-    }
-  }, props.collapseText)) : null;
-
-  const renderContent = () => {
-    if (!exceeded) {
-      return props.content;
-    }
-
-    if (expanded) {
-      return React.createElement(React.Fragment, null, props.content, collapseActionElement);
-    } else {
-      return React.createElement(React.Fragment, null, ellipsised.leading, expandActionElement, ellipsised.tailing);
-    }
-  };
-
-  return withNativeProps(props, React.createElement("div", {
-    ref: rootRef,
-    className: classPrefix,
-    onClick: e => {
-      if (e.target === e.currentTarget) {
-        props.onContentClick(e);
-      }
-    }
-  }, renderContent()));
-};
-
-function pxToNumber(value) {
-  if (!value) return 0;
-  const match = value.match(/^\d*(\.\d*)?/);
-  return match ? Number(match[0]) : 0;
-}

package/2x/es/components/ellipsis/index.d.ts

@@ -1,4 +0,0 @@
-import './ellipsis.less';
-import { Ellipsis } from './ellipsis';
-export type { EllipsisProps } from './ellipsis';
-export default Ellipsis;

package/2x/es/components/ellipsis/index.js

@@ -1,3 +0,0 @@
-import "./ellipsis.css";
-import { Ellipsis } from './ellipsis';
-export default Ellipsis;

package/2x/es/components/empty/empty-icon.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-import { NativeProps } from '../../utils/native-props';
-export declare const EmptyIcon: FC<NativeProps>;

package/2x/es/components/empty/empty-icon.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import { withNativeProps } from '../../utils/native-props';
-export const EmptyIcon = props => {
-  return withNativeProps(props, React.createElement("svg", {
-    viewBox: '0 0 64 41'
-  }, React.createElement("g", {
-    transform: 'translate(0 1)',
-    fill: 'none',
-    fillRule: 'evenodd'
-  }, React.createElement("ellipse", {
-    fill: '#f5f5f5',
-    cx: '32',
-    cy: '33',
-    rx: '32',
-    ry: '7'
-  }), React.createElement("g", {
-    stroke: '#d9d9d9'
-  }, React.createElement("path", {
-    d: 'M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z'
-  }), React.createElement("path", {
-    d: 'M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z',
-    fill: '#fafafa'
-  })))));
-};

package/2x/es/components/empty/empty.css

@@ -1,22 +0,0 @@
-.adm-empty {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 48px 0;
-}
-
-.adm-empty-image-container {
-  display: flex;
-  justify-content: center;
-}
-
-.adm-empty-image-container .adm-empty-image {
-  width: 128px;
-}
-
-.adm-empty-description {
-  margin-top: 16px;
-  font-size: var(--adm-font-size-6);
-  color: var(--adm-color-light);
-}