antd-mobile 5.16.1 → 5.17.0

package/2x/es/components/picker-view/wheel.js

@@ -1,196 +0,0 @@
-import React, { memo, useRef } from 'react';
-import { useSpring, animated } from '@react-spring/web';
-import { useDrag, useWheel } from '@use-gesture/react';
-import { rubberbandIfOutOfBounds } from '../../utils/rubberband';
-import { bound } from '../../utils/bound';
-import isEqual from 'lodash/isEqual';
-import { useIsomorphicLayoutEffect } from 'ahooks';
-import { measureCSSLength } from '../../utils/measure-css-length';
-import { supportsPassive } from '../../utils/supports-passive';
-const classPrefix = `adm-picker-view`;
-export const Wheel = memo(props => {
-  const {
-    value,
-    column,
-    renderLabel
-  } = props;
-
-  function onSelect(val) {
-    props.onSelect(val, props.index);
-  }
-
-  const [{
-    y
-  }, api] = useSpring(() => ({
-    from: {
-      y: 0
-    },
-    config: {
-      tension: 400,
-      mass: 0.8
-    }
-  }));
-  const draggingRef = useRef(false);
-  const rootRef = useRef(null);
-  const itemHeight = useRef(34);
-  useIsomorphicLayoutEffect(() => {
-    const root = rootRef.current;
-    if (!root) return;
-    itemHeight.current = measureCSSLength(window.getComputedStyle(root).getPropertyValue('--item-height'));
-  });
-  useIsomorphicLayoutEffect(() => {
-    if (draggingRef.current) return;
-    if (!value) return;
-    const targetIndex = column.findIndex(item => item.value === value);
-    if (targetIndex < 0) return;
-    const finalPosition = targetIndex * -itemHeight.current;
-    api.start({
-      y: finalPosition,
-      immediate: y.goal !== finalPosition
-    });
-  }, [value, column]);
-  useIsomorphicLayoutEffect(() => {
-    if (column.length === 0) {
-      if (value !== null) {
-        onSelect(null);
-      }
-    } else {
-      if (!column.some(item => item.value === value)) {
-        const firstItem = column[0];
-        onSelect(firstItem.value);
-      }
-    }
-  }, [column, value]);
-
-  function scrollSelect(index) {
-    const finalPosition = index * -itemHeight.current;
-    api.start({
-      y: finalPosition
-    });
-    const item = column[index];
-    if (!item) return;
-    onSelect(item.value);
-  }
-
-  const handleDrag = state => {
-    draggingRef.current = true;
-    const min = -((column.length - 1) * itemHeight.current);
-    const max = 0;
-
-    if (state.last) {
-      draggingRef.current = false;
-      const position = state.offset[1] + state.velocity[1] * state.direction[1] * 50;
-      const targetIndex = min < max ? -Math.round(bound(position, min, max) / itemHeight.current) : 0;
-      scrollSelect(targetIndex);
-    } else {
-      const position = state.offset[1];
-      api.start({
-        y: rubberbandIfOutOfBounds(position, min, max, itemHeight.current * 50, 0.2)
-      });
-    }
-  };
-
-  useDrag(state => {
-    state.event.stopPropagation();
-    handleDrag(state);
-  }, {
-    axis: 'y',
-    from: () => [0, y.get()],
-    filterTaps: true,
-    pointer: {
-      touch: true
-    },
-    target: rootRef
-  });
-  useWheel(state => {
-    state.event.stopPropagation();
-    handleDrag(state);
-  }, {
-    axis: 'y',
-    from: () => [0, y.get()],
-    preventDefault: true,
-    target: props.mouseWheel ? rootRef : undefined,
-    eventOptions: supportsPassive ? {
-      passive: false
-    } : false
-  });
-  let selectedIndex = null;
-
-  function renderAccessible() {
-    if (selectedIndex === null) {
-      return null;
-    }
-
-    const current = column[selectedIndex];
-    const previousIndex = selectedIndex - 1;
-    const nextIndex = selectedIndex + 1;
-    const previous = column[previousIndex];
-    const next = column[nextIndex];
-    return React.createElement("div", {
-      className: 'adm-picker-view-column-accessible'
-    }, React.createElement("div", {
-      className: 'adm-picker-view-column-accessible-current',
-      role: 'button',
-      "aria-label": current ? `当前选择的是：${current.label}` : '当前未选择'
-    }, "-"), React.createElement("div", {
-      className: 'adm-picker-view-column-accessible-button',
-      onClick: () => {
-        if (!previous) return;
-        scrollSelect(previousIndex);
-      },
-      role: previous ? 'button' : 'text',
-      "aria-label": !previous ? '没有上一项' : `选择上一项：${previous.label}`
-    }, "-"), React.createElement("div", {
-      className: 'adm-picker-view-column-accessible-button',
-      onClick: () => {
-        if (!next) return;
-        scrollSelect(nextIndex);
-      },
-      role: next ? 'button' : 'text',
-      "aria-label": !next ? '没有下一项' : `选择下一项：${next.label}`
-    }, "-"));
-  }
-
-  return React.createElement("div", {
-    className: `${classPrefix}-column`
-  }, React.createElement(animated.div, {
-    ref: rootRef,
-    style: {
-      translateY: y
-    },
-    className: `${classPrefix}-column-wheel`,
-    "aria-hidden": true
-  }, column.map((item, index) => {
-    var _a;
-
-    const selected = props.value === item.value;
-    if (selected) selectedIndex = index;
-
-    function handleClick() {
-      draggingRef.current = false;
-      scrollSelect(index);
-    }
-
-    return React.createElement("div", {
-      key: (_a = item.key) !== null && _a !== void 0 ? _a : item.value,
-      "data-selected": item.value === value,
-      className: `${classPrefix}-column-item`,
-      onClick: handleClick,
-      "aria-hidden": !selected,
-      "aria-label": selected ? 'active' : ''
-    }, React.createElement("div", {
-      className: `${classPrefix}-column-item-label`
-    }, renderLabel(item)));
-  })), renderAccessible());
-}, (prev, next) => {
-  if (prev.index !== next.index) return false;
-  if (prev.value !== next.value) return false;
-  if (prev.onSelect !== next.onSelect) return false;
-
-  if (!isEqual(prev.column, next.column)) {
-    return false;
-  }
-
-  return true;
-});
-Wheel.displayName = 'Wheel';

package/2x/es/components/popover/arrow.d.ts

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

package/2x/es/components/popover/arrow.js

@@ -1,11 +0,0 @@
-import React, { memo } from 'react';
-import { withNativeProps } from '../../utils/native-props';
-export const Arrow = memo(props => {
-  return withNativeProps(props, React.createElement("svg", {
-    viewBox: '0 0 30 16'
-  }, React.createElement("g", {
-    fill: 'currentColor'
-  }, React.createElement("path", {
-    d: 'M0,0 L30,0 L18.07289,14.312538 C16.65863,16.009645 14.13637,16.238942 12.43926,14.824685 C12.25341,14.669808 12.08199,14.49839 11.92711,14.312538 L0,0 L0,0 Z'
-  }))));
-});

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

@@ -1,30 +0,0 @@
-/// <reference types="react" />
-import './popover.less';
-import './popover-menu.less';
-export type { PopoverProps, PopoverRef } from './popover';
-export type { PopoverMenuProps, Action } from './popover-menu';
-export declare type Placement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
-export declare type DeprecatedPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
-declare const _default: import("react").ForwardRefExoticComponent<{
-    defaultVisible?: boolean | undefined;
-    visible?: boolean | undefined;
-    onVisibleChange?: ((visible: boolean) => void) | undefined;
-    getContainer?: import("../../utils/render-to-container").GetContainer | undefined;
-    destroyOnHide?: boolean | undefined;
-    children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    mode?: "dark" | "light" | undefined;
-    trigger?: "click" | undefined;
-    placement?: DeprecatedPlacement | Placement | undefined;
-    stopPropagation?: "click"[] | undefined;
-    content: import("react").ReactNode;
-} & {
-    className?: string | undefined;
-    style?: (import("react").CSSProperties & Partial<Record<"--z-index", string>>) | undefined;
-    tabIndex?: number | undefined;
-} & import("react").AriaAttributes & import("react").RefAttributes<import("./popover").PopoverRef>> & {
-    Menu: import("react").ForwardRefExoticComponent<Omit<import("./popover").PopoverProps, "content"> & {
-        actions: import("./popover-menu").Action[];
-        onAction?: ((item: import("./popover-menu").Action) => void) | undefined;
-    } & import("react").RefAttributes<import("./popover").PopoverRef>>;
-};
-export default _default;

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

@@ -1,8 +0,0 @@
-import "./popover.css";
-import "./popover-menu.css";
-import { attachPropertiesToComponent } from '../../utils/attach-properties-to-component';
-import { PopoverMenu } from './popover-menu';
-import { Popover } from './popover';
-export default attachPropertiesToComponent(Popover, {
-  Menu: PopoverMenu
-});

package/2x/es/components/popover/normalize-placement.d.ts

@@ -1,2 +0,0 @@
-import { DeprecatedPlacement, Placement } from './index';
-export declare function normalizePlacement(placement: Placement | DeprecatedPlacement): Placement;

package/2x/es/components/popover/normalize-placement.js

@@ -1,15 +0,0 @@
-const record = {
-  'topLeft': 'top-start',
-  'topRight': 'top-end',
-  'bottomLeft': 'bottom-start',
-  'bottomRight': 'bottom-end',
-  'leftTop': 'left-start',
-  'leftBottom': 'left-end',
-  'rightTop': 'right-start',
-  'rightBottom': 'right-end'
-};
-export function normalizePlacement(placement) {
-  var _a;
-
-  return (_a = record[placement]) !== null && _a !== void 0 ? _a : placement;
-}

package/2x/es/components/popover/popover-menu.css

@@ -1,63 +0,0 @@
-.adm-popover-menu {
-  --border-color: #eeeeee;
-}
-
-.adm-popover-menu.adm-popover {
-  --content-padding: 0;
-}
-
-.adm-popover-menu-list {
-  overflow: hidden;
-  min-width: 240px;
-}
-
-.adm-popover-menu-list-inner {
-  margin-top: -2px;
-}
-
-.adm-popover-menu-item {
-  display: flex;
-  padding-left: 40px;
-  justify-content: flex-start;
-  align-items: center;
-  position: relative;
-}
-
-.adm-popover-menu-item-icon {
-  flex: none;
-  padding-right: 16px;
-  font-size: 40px;
-}
-
-.adm-popover-menu-item-text {
-  flex: auto;
-  padding: 28px 40px 28px 0;
-  border-top: solid 2px var(--border-color);
-}
-
-.adm-popover-menu-item-disabled {
-  cursor: not-allowed;
-}
-
-.adm-popover-menu-item-disabled > * {
-  opacity: 0.4;
-}
-
-.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled) {
-  background-color: var(--border-color);
-}
-
-.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled)::after {
-  content: ' ';
-  display: block;
-  position: absolute;
-  width: 100%;
-  bottom: -2px;
-  left: 0;
-  border-bottom: solid 2px var(--border-color);
-}
-
-.adm-popover.adm-popover-dark.adm-popover-menu {
-  --border-color: #333333;
-  --background: rgba(0, 0, 0, 0.9);
-}

package/2x/es/components/popover/popover-menu.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { PopoverProps, PopoverRef } from './popover';
-export declare type Action = {
-    text: React.ReactNode;
-    icon?: React.ReactNode;
-    disabled?: boolean;
-    key?: string | number;
-    onClick?: () => void;
-};
-export declare type PopoverMenuProps = Omit<PopoverProps, 'content'> & {
-    actions: Action[];
-    onAction?: (item: Action) => void;
-};
-export declare const PopoverMenu: React.ForwardRefExoticComponent<Omit<PopoverProps, "content"> & {
-    actions: Action[];
-    onAction?: ((item: Action) => void) | undefined;
-} & React.RefAttributes<PopoverRef>>;

package/2x/es/components/popover/popover-menu.js

@@ -1,53 +0,0 @@
-import React, { forwardRef, useCallback, useImperativeHandle, useMemo, useRef } from 'react';
-import classNames from 'classnames';
-import { Popover } from './popover';
-const classPrefix = `adm-popover-menu`;
-export const PopoverMenu = forwardRef((props, ref) => {
-  const innerRef = useRef(null); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-
-  useImperativeHandle(ref, () => innerRef.current, []);
-  const onClick = useCallback(e => {
-    var _a;
-
-    const {
-      onAction
-    } = props;
-
-    if (onAction) {
-      onAction(e);
-    }
-
-    (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.hide();
-  }, [props.onAction]);
-  const overlay = useMemo(() => {
-    return React.createElement("div", {
-      className: `${classPrefix}-list`
-    }, React.createElement("div", {
-      className: `${classPrefix}-list-inner`
-    }, props.actions.map((action, index) => {
-      var _a;
-
-      return React.createElement("a", {
-        key: (_a = action.key) !== null && _a !== void 0 ? _a : index,
-        className: classNames(`${classPrefix}-item`, 'adm-plain-anchor', action.disabled && `${classPrefix}-item-disabled`),
-        onClick: () => {
-          var _a;
-
-          if (action.disabled) return;
-          onClick(action);
-          (_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action);
-        }
-      }, action.icon && React.createElement("div", {
-        className: `${classPrefix}-item-icon`
-      }, action.icon), React.createElement("div", {
-        className: `${classPrefix}-item-text`
-      }, action.text));
-    })));
-  }, [props.actions, onClick]);
-  return React.createElement(Popover, Object.assign({
-    ref: innerRef
-  }, props, {
-    className: classNames(classPrefix, props.className),
-    content: overlay
-  }), props.children);
-});

package/2x/es/components/popover/popover-menu.patch.css

@@ -1,31 +0,0 @@
-.adm-popover-menu.adm-popover .adm-popover-inner-content {
-  padding: 0 !important;
-}
-
-.adm-popover-menu-item-text {
-  border-top: solid 2px #eeeeee;
-}
-
-.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled) {
-  background-color: #eeeeee;
-}
-
-.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled)::after {
-  border-bottom: solid 2px #eeeeee;
-}
-
-.adm-popover.adm-popover-dark.adm-popover-menu.adm-popover-menu .adm-popover-menu-item-text {
-  border-color: #333333;
-}
-
-.adm-popover.adm-popover-dark.adm-popover-menu.adm-popover-menu .adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled) {
-  background-color: #333333;
-}
-
-.adm-popover.adm-popover-dark.adm-popover-menu.adm-popover-menu .adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled)::after {
-  border-color: #333333;
-}
-
-.adm-popover.adm-popover-dark.adm-popover-menu.adm-popover-menu .adm-popover-inner.adm-popover-inner.adm-popover-inner {
-  background-color: rgba(0, 0, 0, 0.9);
-}

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

@@ -1,75 +0,0 @@
-.adm-popover {
-  --z-index: var(--adm-popover-z-index, 1030);
-  --background: #ffffff;
-  --arrow-size: 16px;
-  --content-padding: 16px 24px;
-  color: #333333;
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: var(--z-index);
-  white-space: normal;
-  text-align: left;
-  cursor: auto;
-  user-select: text;
-  animation: none;
-}
-
-.adm-popover.adm-popover-dark {
-  --background: rgba(0, 0, 0, 0.75);
-  --adm-color-text: #ffffff;
-  color: #ffffff;
-}
-
-.adm-popover.adm-popover-dark .adm-popover-inner {
-  box-shadow: none;
-}
-
-.adm-popover::after {
-  position: absolute;
-  background: rgba(255, 255, 255, 0.01);
-  content: '';
-}
-
-.adm-popover-hidden {
-  display: none;
-}
-
-.adm-popover-inner {
-  background-color: var(--background);
-  background-clip: padding-box;
-  border-radius: 16px;
-  box-shadow: 0 0 60px 0 rgba(51, 51, 51, 0.2);
-  font-size: var(--adm-font-size-7);
-  width: max-content;
-  min-width: 64px;
-  max-width: calc(100vw - 48px);
-  overflow-y: hidden;
-}
-
-.adm-popover-inner-content {
-  padding: var(--content-padding);
-}
-
-.adm-popover-arrow {
-  position: absolute;
-  display: block;
-  height: var(--arrow-size);
-  width: var(--arrow-size);
-  overflow: visible;
-  background: transparent;
-}
-
-.adm-popover-arrow-icon {
-  display: block;
-  height: var(--arrow-size);
-  width: 30px;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%) rotate(var(--arrow-icon-rotate));
-}
-
-.adm-popover .adm-popover-arrow {
-  color: var(--background);
-}

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

@@ -1,40 +0,0 @@
-import React, { ReactElement } from 'react';
-import { NativeProps } from '../../utils/native-props';
-import { PropagationEvent } from '../../utils/with-stop-propagation';
-import { GetContainer } from '../../utils/render-to-container';
-import { DeprecatedPlacement, Placement } from './index';
-export declare type PopoverProps = {
-    defaultVisible?: boolean;
-    visible?: boolean;
-    onVisibleChange?: (visible: boolean) => void;
-    getContainer?: GetContainer;
-    destroyOnHide?: boolean;
-    children: ReactElement;
-    mode?: 'light' | 'dark';
-    trigger?: 'click';
-    placement?: Placement | DeprecatedPlacement;
-    stopPropagation?: PropagationEvent[];
-    content: React.ReactNode;
-} & NativeProps<'--z-index'>;
-export declare type PopoverRef = {
-    show: () => void;
-    hide: () => void;
-    visible: boolean;
-};
-export declare const Popover: React.ForwardRefExoticComponent<{
-    defaultVisible?: boolean | undefined;
-    visible?: boolean | undefined;
-    onVisibleChange?: ((visible: boolean) => void) | undefined;
-    getContainer?: GetContainer | undefined;
-    destroyOnHide?: boolean | undefined;
-    children: ReactElement;
-    mode?: "dark" | "light" | undefined;
-    trigger?: "click" | undefined;
-    placement?: DeprecatedPlacement | Placement | undefined;
-    stopPropagation?: "click"[] | undefined;
-    content: React.ReactNode;
-} & {
-    className?: string | undefined;
-    style?: (React.CSSProperties & Partial<Record<"--z-index", string>>) | undefined;
-    tabIndex?: number | undefined;
-} & React.AriaAttributes & React.RefAttributes<PopoverRef>>;