antd-mobile 5.0.0-beta.9 → 5.0.0-rc.3

package/2x/es/components/water-mark/water-mark.css

@@ -0,0 +1,15 @@
+.adm-water-mark {
+  --z-index: var(--adm-water-mark-z-index, 2000);
+  position: absolute;
+  z-index: var(--z-index);
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  pointer-events: none;
+  background-repeat: repeat;
+}
+
+.adm-water-mark-full-page {
+  position: fixed;
+}

package/2x/es/components/water-mark/water-mark.d.ts

@@ -0,0 +1,21 @@
+import { FC } from 'react';
+import { NativeProps } from '../../utils/native-props';
+export declare type WaterMarkProps = {
+    gapX?: number;
+    gapY?: number;
+    zIndex?: number;
+    width?: number;
+    height?: number;
+    rotate?: number;
+    image?: string;
+    imageWidth?: number;
+    imageHeight?: number;
+    content?: string;
+    fontColor?: string;
+    fontStyle?: 'none' | 'normal' | 'italic' | 'oblique';
+    fontFamily?: string;
+    fontWeight?: 'normal' | 'light' | 'weight' | number;
+    fontSize?: number | string;
+    fullPage?: boolean;
+} & NativeProps<'--z-index'>;
+export declare const WaterMark: FC<WaterMarkProps>;

package/2x/es/components/water-mark/{water-mask.js → water-mark.js}

@@ -1,10 +1,16 @@
 import classNames from 'classnames';
 import React, { useEffect, useState } from 'react';
+import { withNativeProps } from '../../utils/native-props';
+import { mergeProps } from '../../utils/with-default-props';
 var classPrefix = "adm-water-mark";
-export var WaterMark = function WaterMark(props) {
-  var style = props.style,
-      className = props.className,
-      _props$zIndex = props.zIndex,
+var defaultProps = {
+  fullPage: true
+};
+export var WaterMark = function WaterMark(p) {
+  var _classNames;
+
+  var props = mergeProps(defaultProps, p);
+  var _props$zIndex = props.zIndex,
       zIndex = _props$zIndex === void 0 ? 2000 : _props$zIndex,
       _props$gapX = props.gapX,
       gapX = _props$gapX === void 0 ? 24 : _props$gapX,
@@ -79,19 +85,12 @@ export var WaterMark = function WaterMark(props) {
       throw new Error('当前环境不支持Canvas');
     }
   }, [gapX, gapY, rotate, fontStyle, fontWeight, width, height, fontFamily, fontColor, image, content, fontSize]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames(classPrefix, className),
-    style: Object.assign({
+  return withNativeProps(props, /*#__PURE__*/React.createElement("div", {
+    className: classNames(classPrefix, (_classNames = {}, _classNames[classPrefix + "-full-page"] = props.fullPage, _classNames)),
+    style: {
       zIndex: zIndex,
-      position: 'fixed',
-      left: 0,
-      right: 0,
-      top: 0,
-      bottom: 0,
       backgroundSize: gapX + width + "px",
-      pointerEvents: 'none',
-      backgroundRepeat: 'repeat',
       backgroundImage: "url('" + base64Url + "')"
-    }, style)
-  });
+    }
+  }));
 };

package/2x/es/global/global.css

@@ -12,10 +12,6 @@
   --adm-font-family: -apple-system, blinkmacsystemfont, 'Helvetica Neue',
     helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',
     'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
-  --adm-z-index-mask: 1000;
-  --adm-z-index-popup: 1000;
-  --adm-z-index-popover: 1030;
-  --adm-z-index-floating-panel: 900;
 }
 
 :root {
@@ -59,8 +55,9 @@ body.adm-overflow-hidden {
   overflow: hidden !important;
 }
 
-div.adm-one-px-tester {
-  height: 2px;
+div.adm-px-tester {
+  --size: 1;
+  height: calc(var(--size) / 2 * 4px);
   width: 0;
   position: fixed;
   right: -100vw;

package/2x/es/global/theme.css

@@ -12,8 +12,4 @@
   --adm-font-family: -apple-system, blinkmacsystemfont, 'Helvetica Neue',
     helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',
     'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
-  --adm-z-index-mask: 1000;
-  --adm-z-index-popup: 1000;
-  --adm-z-index-popover: 1030;
-  --adm-z-index-floating-panel: 900;
 }

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

@@ -1,15 +1,21 @@
 import './global';
+export { setDefaultConfig } from './components/config-provider';
 export { default as ActionSheet } from './components/action-sheet';
+export { default as AutoCenter } from './components/auto-center';
 export { default as Badge } from './components/badge';
 export { default as Button } from './components/button';
 export { default as Card } from './components/card';
+export { default as CascadePicker } from './components/cascade-picker';
+export { default as CascadePickerView } from './components/cascade-picker-view';
 export { default as Cascader } from './components/cascader';
+export { default as CascaderView } from './components/cascader-view';
 export { default as CheckList } from './components/check-list';
 export { default as Checkbox } from './components/checkbox';
 export { default as Collapse } from './components/collapse';
 export { default as ConfigProvider } from './components/config-provider';
 export { default as DatePicker } from './components/date-picker';
-export { default as DesensText } from './components/desense-text';
+export { default as DatePickerView } from './components/date-picker-view';
+export { default as DesenseText } from './components/desense-text';
 export { default as Dialog } from './components/dialog';
 export { default as Divider } from './components/divider';
 export { default as Dropdown } from './components/dropdown';
@@ -28,9 +34,11 @@ export { default as Input } from './components/input';
 export { default as List } from './components/list';
 export { default as Loading } from './components/loading';
 export { default as Mask } from './components/mask';
+export { default as NavBar } from './components/nav-bar';
 export { default as NoticeBar } from './components/notice-bar';
 export { default as PageIndicator } from './components/page-indicator';
 export { default as Picker } from './components/picker';
+export { default as PickerView } from './components/picker-view';
 export { default as Popover } from './components/popover';
 export { default as Popup } from './components/popup';
 export { default as ProgressBar } from './components/progress-bar';
@@ -39,7 +47,9 @@ export { default as PullToRefresh } from './components/pull-to-refresh';
 export { default as Radio } from './components/radio';
 export { default as Rate } from './components/rate';
 export { default as Result } from './components/result';
-export { default as Search } from './components/search';
+export { default as SafeArea } from './components/safe-area';
+export { default as SearchBar } from './components/search-bar';
+export { default as Search } from './components/search-bar';
 export { default as Selector } from './components/selector';
 export { default as Slider } from './components/slider';
 export { default as Space } from './components/space';
@@ -50,7 +60,15 @@ export { default as Swiper } from './components/swiper';
 export { default as Switch } from './components/switch';
 export { default as TabBar } from './components/tab-bar';
 export { default as Tabs } from './components/tabs';
+export { default as CapsuleTabs } from './components/capsule-tabs';
+export { default as JumboTabs } from './components/jumbo-tabs';
 export { default as Tag } from './components/tag';
 export { default as TextArea } from './components/text-area';
 export { default as Toast } from './components/toast';
+export { default as TreeSelect } from './components/tree-select';
+export { default as VirtualInput } from './components/virtual-input';
 export { default as WaterMark } from './components/water-mark';
+export { default as NumberKeyboard } from './components/number-keyboard';
+export { default as SideBar } from './components/side-bar';
+export { default as ScrollMask } from './components/scroll-mask';
+export { default as FloatingBubble } from './components/floating-bubble';

package/2x/es/index.js

@@ -1,15 +1,21 @@
 import './global';
+export { setDefaultConfig } from './components/config-provider';
 export { default as ActionSheet } from './components/action-sheet';
+export { default as AutoCenter } from './components/auto-center';
 export { default as Badge } from './components/badge';
 export { default as Button } from './components/button';
 export { default as Card } from './components/card';
+export { default as CascadePicker } from './components/cascade-picker';
+export { default as CascadePickerView } from './components/cascade-picker-view';
 export { default as Cascader } from './components/cascader';
+export { default as CascaderView } from './components/cascader-view';
 export { default as CheckList } from './components/check-list';
 export { default as Checkbox } from './components/checkbox';
 export { default as Collapse } from './components/collapse';
 export { default as ConfigProvider } from './components/config-provider';
 export { default as DatePicker } from './components/date-picker';
-export { default as DesensText } from './components/desense-text';
+export { default as DatePickerView } from './components/date-picker-view';
+export { default as DesenseText } from './components/desense-text';
 export { default as Dialog } from './components/dialog';
 export { default as Divider } from './components/divider';
 export { default as Dropdown } from './components/dropdown';
@@ -28,9 +34,11 @@ export { default as Input } from './components/input';
 export { default as List } from './components/list';
 export { default as Loading } from './components/loading';
 export { default as Mask } from './components/mask';
+export { default as NavBar } from './components/nav-bar';
 export { default as NoticeBar } from './components/notice-bar';
 export { default as PageIndicator } from './components/page-indicator';
 export { default as Picker } from './components/picker';
+export { default as PickerView } from './components/picker-view';
 export { default as Popover } from './components/popover';
 export { default as Popup } from './components/popup';
 export { default as ProgressBar } from './components/progress-bar';
@@ -39,7 +47,10 @@ export { default as PullToRefresh } from './components/pull-to-refresh';
 export { default as Radio } from './components/radio';
 export { default as Rate } from './components/rate';
 export { default as Result } from './components/result';
-export { default as Search } from './components/search';
+export { default as SafeArea } from './components/safe-area';
+export { default as SearchBar } from './components/search-bar';
+export { default as Search } from './components/search-bar'; // TODO: deprecated
+
 export { default as Selector } from './components/selector';
 export { default as Slider } from './components/slider';
 export { default as Space } from './components/space';
@@ -50,7 +61,15 @@ export { default as Swiper } from './components/swiper';
 export { default as Switch } from './components/switch';
 export { default as TabBar } from './components/tab-bar';
 export { default as Tabs } from './components/tabs';
+export { default as CapsuleTabs } from './components/capsule-tabs';
+export { default as JumboTabs } from './components/jumbo-tabs';
 export { default as Tag } from './components/tag';
 export { default as TextArea } from './components/text-area';
 export { default as Toast } from './components/toast';
-export { default as WaterMark } from './components/water-mark';
+export { default as TreeSelect } from './components/tree-select';
+export { default as VirtualInput } from './components/virtual-input';
+export { default as WaterMark } from './components/water-mark';
+export { default as NumberKeyboard } from './components/number-keyboard';
+export { default as SideBar } from './components/side-bar';
+export { default as ScrollMask } from './components/scroll-mask';
+export { default as FloatingBubble } from './components/floating-bubble';

package/2x/es/locales/base.d.ts

@@ -1,9 +1,37 @@
 export declare const base: {
     common: {
+        confirm: string;
         cancel: string;
     };
+    Cascader: {
+        placeholder: string;
+    };
     Dialog: {
         ok: string;
     };
+    ErrorBlock: {
+        default: {
+            title: string;
+            description: string;
+        };
+        busy: {
+            title: string;
+            description: string;
+        };
+        disconnected: {
+            title: string;
+            description: string;
+        };
+        empty: {
+            title: string;
+            description: string;
+        };
+    };
+    ImageUploader: {
+        uploading: string;
+    };
+    Mask: {
+        name: string;
+    };
 };
 export declare type Locale = typeof base;

package/2x/es/locales/base.js

@@ -1,8 +1,36 @@
 export var base = {
   common: {
+    confirm: 'Confirm',
     cancel: 'Cancel'
   },
+  Cascader: {
+    placeholder: 'Selecting'
+  },
   Dialog: {
     ok: 'OK'
+  },
+  ErrorBlock: {
+    "default": {
+      title: 'Oops, something went wrong',
+      description: 'Please wait a minute and try again'
+    },
+    busy: {
+      title: 'Oops, not loading',
+      description: 'Try to refresh the page'
+    },
+    disconnected: {
+      title: 'Network is busy',
+      description: 'Try to refresh the page'
+    },
+    empty: {
+      title: "Hmm, couldn't find that...",
+      description: 'Want to try a new search?'
+    }
+  },
+  ImageUploader: {
+    uploading: 'Uploading...'
+  },
+  Mask: {
+    name: 'Mask'
   }
 };

package/2x/es/locales/en-US.d.ts

@@ -1,9 +1,37 @@
 declare const enUS: {
     common: {
+        confirm: string;
         cancel: string;
     };
+    Cascader: {
+        placeholder: string;
+    };
     Dialog: {
         ok: string;
     };
+    ErrorBlock: {
+        default: {
+            title: string;
+            description: string;
+        };
+        busy: {
+            title: string;
+            description: string;
+        };
+        disconnected: {
+            title: string;
+            description: string;
+        };
+        empty: {
+            title: string;
+            description: string;
+        };
+    };
+    ImageUploader: {
+        uploading: string;
+    };
+    Mask: {
+        name: string;
+    };
 };
 export default enUS;

package/2x/es/locales/zh-CN.d.ts

@@ -1,9 +1,37 @@
 declare const zhCN: {
     common: {
+        confirm: string;
         cancel: string;
     };
+    Cascader: {
+        placeholder: string;
+    };
     Dialog: {
         ok: string;
     };
+    ErrorBlock: {
+        default: {
+            title: string;
+            description: string;
+        };
+        busy: {
+            title: string;
+            description: string;
+        };
+        disconnected: {
+            title: string;
+            description: string;
+        };
+        empty: {
+            title: string;
+            description: string;
+        };
+    };
+    ImageUploader: {
+        uploading: string;
+    };
+    Mask: {
+        name: string;
+    };
 };
 export default zhCN;

package/2x/es/locales/zh-CN.js

@@ -2,10 +2,38 @@ import { mergeLocale } from '../utils/merge-locale';
 import { base } from './base';
 var zhCN = mergeLocale(base, {
   common: {
+    confirm: '确定',
     cancel: '取消'
   },
+  Cascader: {
+    placeholder: '请选择'
+  },
   Dialog: {
     ok: '我知道了'
+  },
+  ErrorBlock: {
+    "default": {
+      title: '页面遇到一些小问题',
+      description: '待会来试试'
+    },
+    busy: {
+      title: '前方拥堵',
+      description: '刷新试试'
+    },
+    disconnected: {
+      title: '网络有点忙',
+      description: '动动手指帮忙修复'
+    },
+    empty: {
+      title: '没有找到你需要的东西',
+      description: '找找其他的吧'
+    }
+  },
+  ImageUploader: {
+    uploading: '上传中...'
+  },
+  Mask: {
+    name: '遮罩层'
   }
 });
 export default zhCN;

package/2x/es/utils/can-use-dom.js

@@ -1 +1 @@
-export var canUseDom = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+export var canUseDom = !!(typeof window !== 'undefined' && typeof document !== 'undefined' && window.document && window.document.createElement);

package/2x/es/utils/convert-px.js

@@ -1,13 +1,32 @@
 import { canUseDom } from './can-use-dom';
+import { isDev } from './is-dev';
+import { devError } from './dev-log';
+var tenPxTester = null;
 var tester = null;
 
 if (canUseDom) {
+  tenPxTester = document.createElement('div');
+  tenPxTester.className = 'adm-px-tester';
+  tenPxTester.style.setProperty('--size', '10');
+  document.body.appendChild(tenPxTester);
   tester = document.createElement('div');
-  tester.className = 'adm-one-px-tester';
+  tester.className = 'adm-px-tester';
   document.body.appendChild(tester);
+
+  if (isDev) {
+    if (window.getComputedStyle(tester).position !== 'fixed') {
+      devError('Global', 'The px tester is not rendering properly. Please make sure you have imported `antd-mobile/es/global`.');
+    }
+  }
 }
 
 export function convertPx(px) {
-  var ratio = (tester === null || tester === void 0 ? void 0 : tester.getBoundingClientRect().height) || 1;
-  return px * ratio;
+  if (tenPxTester === null || tester === null) return px;
+
+  if (tenPxTester.getBoundingClientRect().height === 10) {
+    return px;
+  }
+
+  tester.style.setProperty('--size', px.toString());
+  return tester.getBoundingClientRect().height;
 }

package/2x/es/utils/dev-log.d.ts

@@ -1 +1,2 @@
 export declare function devWarning(component: string, message: string): void;
+export declare function devError(component: string, message: string): void;

package/2x/es/utils/dev-log.js

@@ -3,4 +3,9 @@ export function devWarning(component, message) {
   if (isDev) {
     console.warn("[antd-mobile: " + component + "] " + message);
   }
+}
+export function devError(component, message) {
+  if (isDev) {
+    console.error("[antd-mobile: " + component + "] " + message);
+  }
 }

package/2x/es/utils/get-container.d.ts

@@ -1 +1 @@
-export declare function resolveContainer(getContainer: HTMLElement | (() => HTMLElement) | undefined): HTMLElement;
+export declare function resolveContainer(getContainer: HTMLElement | (() => HTMLElement) | undefined | null): HTMLElement;

package/2x/es/utils/get-scroll-parent.d.ts

@@ -1,3 +1,3 @@
 declare type ScrollElement = HTMLElement | Window;
-export declare function getScrollParent(el: Element, root?: ScrollElement | undefined): Window | Element | undefined;
+export declare function getScrollParent(el: Element, root?: ScrollElement | null | undefined): Window | Element | null | undefined;
 export {};

package/2x/es/utils/get-scroll-parent.js

@@ -1,6 +1,6 @@
-import { inBrowser } from './in-browser';
+import { canUseDom } from './can-use-dom';
 var overflowScrollReg = /scroll|auto/i;
-var defaultRoot = inBrowser ? window : undefined;
+var defaultRoot = canUseDom ? window : undefined;
 
 function isElement(node) {
   var ELEMENT_NODE_TYPE = 1;

package/2x/es/utils/merge-locale.js

@@ -1,4 +1,5 @@
-import { cloneDeep, merge } from 'lodash';
+import cloneDeep from 'lodash/cloneDeep';
+import merge from 'lodash/merge';
 export function mergeLocale(base, patch) {
   return merge(cloneDeep(base), patch);
 }

package/2x/es/utils/native-props.d.ts

@@ -3,5 +3,6 @@ import type { CSSProperties, ReactElement } from 'react';
 export interface NativeProps<S extends string = never> {
     className?: string;
     style?: CSSProperties & Partial<Record<S, string>>;
+    tabIndex?: number;
 }
 export declare function withNativeProps<P extends NativeProps>(props: P, element: ReactElement): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;

package/2x/es/utils/native-props.js

@@ -11,6 +11,10 @@ export function withNativeProps(props, element) {
     p.style = Object.assign(Object.assign({}, p.style), props.style);
   }
 
+  if (props.tabIndex !== undefined) {
+    p.tabIndex = props.tabIndex;
+  }
+
   for (var key in props) {
     if (!props.hasOwnProperty(key)) continue;
 

package/2x/es/utils/render-to-container.js

@@ -1,7 +1,8 @@
 import { createPortal } from 'react-dom';
 import { resolveContainer } from './get-container';
+import { canUseDom } from './can-use-dom';
 export function renderToContainer(getContainer, node) {
-  if (getContainer) {
+  if (canUseDom && getContainer) {
     var container = resolveContainer(getContainer);
     return /*#__PURE__*/createPortal(node, container);
   }

package/2x/es/utils/shuffle.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 数组打乱
+ * @param array 任意数组
+ * @returns any[] 打乱后的数组
+ */
+export declare function shuffle(array: any[]): any[];

package/2x/es/utils/shuffle.js

@@ -0,0 +1,17 @@
+/**
+ * 数组打乱
+ * @param array 任意数组
+ * @returns any[] 打乱后的数组
+ */
+export function shuffle(array) {
+  var result = [].concat(array);
+
+  for (var i = result.length; i > 0; i--) {
+    var j = Math.floor(Math.random() * i);
+    var _ref = [result[j], result[i - 1]];
+    result[i - 1] = _ref[0];
+    result[j] = _ref[1];
+  }
+
+  return result;
+}

package/2x/es/utils/supports-passive.js

@@ -1,7 +1,7 @@
-import { inBrowser } from './in-browser';
+import { canUseDom } from './can-use-dom';
 export var supportsPassive = false;
 
-if (inBrowser) {
+if (canUseDom) {
   try {
     var opts = {};
     Object.defineProperty(opts, 'passive', {

package/2x/es/utils/to-css-length.d.ts

@@ -0,0 +1 @@
+export declare function toCSSLength(val: string | number): string;

package/2x/es/utils/to-css-length.js

@@ -0,0 +1,3 @@
+export function toCSSLength(val) {
+  return typeof val === 'number' ? val + "px" : val;
+}

package/2x/es/utils/use-lock-scroll.js

@@ -1,7 +1,7 @@
 import { useTouch } from './use-touch';
 import { useEffect } from 'react';
 import { getScrollParent } from './get-scroll-parent';
-import { supportsPassive } from '../utils/supports-passive';
+import { supportsPassive } from './supports-passive';
 var totalLockCount = 0;
 var BODY_LOCK_CLASS = 'adm-overflow-hidden'; // 移植自vant：https://github.com/youzan/vant/blob/HEAD/src/composables/use-lock-scroll.ts
 
@@ -12,6 +12,7 @@ export function useLockScroll(rootRef, shouldLock) {
     touch.move(event);
     var direction = touch.deltaY.current > 0 ? '10' : '01';
     var el = getScrollParent(event.target, rootRef.current);
+    if (!el) return;
     var scrollHeight = el.scrollHeight,
         offsetHeight = el.offsetHeight,
         scrollTop = el.scrollTop;
@@ -24,11 +25,9 @@ export function useLockScroll(rootRef, shouldLock) {
     }
 
     if (status !== '11' && touch.isVertical() && !(parseInt(status, 2) & parseInt(direction, 2))) {
-      if (typeof event.cancelable !== 'boolean' || event.cancelable) {
+      if (event.cancelable) {
         event.preventDefault();
       }
-
-      event.stopPropagation();
     }
   };
 

package/2x/es/utils/use-mutation-effect.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare function useMutationEffect(effect: () => void, targetRef: RefObject<HTMLElement>, options: MutationObserverInit): void;

package/2x/es/utils/use-mutation-effect.js

@@ -0,0 +1,15 @@
+import { useEffect } from 'react';
+import { usePersistFn } from 'ahooks';
+export function useMutationEffect(effect, targetRef, options) {
+  var fn = usePersistFn(effect);
+  useEffect(function () {
+    var observer = new MutationObserver(function () {
+      fn();
+    });
+    if (!targetRef.current) return;
+    observer.observe(targetRef.current, options);
+    return function () {
+      observer.disconnect();
+    };
+  }, [targetRef]);
+}

package/{es/utils/use-controllable-value.d.ts → 2x/es/utils/use-props-value.d.ts}

@@ -3,5 +3,5 @@ declare type Options<T> = {
     defaultValue: T;
     onChange?: (v: T) => void;
 };
-export declare function useNewControllableValue<T>(options: Options<T>): readonly [T, (v: T) => void];
+export declare function usePropsValue<T>(options: Options<T>): readonly [T, (v: T) => void];
 export {};