antd-mobile 5.0.0-rc.6 → 5.0.0

package/2x/es/components/capsule-tabs/capsule-tabs.js

@@ -6,90 +6,92 @@ import { usePropsValue } from '../../utils/use-props-value';
 import { useResizeEffect } from '../../utils/use-resize-effect';
 import { useTabListScroll } from '../../utils/use-tab-list-scroll';
 import ScrollMask from '../scroll-mask';
-var classPrefix = "adm-capsule-tabs";
-export var CapsuleTab = function CapsuleTab() {
+const classPrefix = `adm-capsule-tabs`;
+export const CapsuleTab = () => {
   return null;
 };
-export var CapsuleTabs = function CapsuleTabs(props) {
+export const CapsuleTabs = props => {
   var _a;
 
-  var tabListContainerRef = useRef(null);
-  var rootRef = useRef(null);
-  var keyToIndexRecord = {};
-  var firstActiveKey = null;
-  var panes = [];
-  React.Children.forEach(props.children, function (child, index) {
-    if (! /*#__PURE__*/React.isValidElement(child)) return;
-    var key = child.key;
+  const tabListContainerRef = useRef(null);
+  const rootRef = useRef(null);
+  const keyToIndexRecord = {};
+  let firstActiveKey = null;
+  const panes = [];
+  React.Children.forEach(props.children, (child, index) => {
+    if (!React.isValidElement(child)) return;
+    const key = child.key;
     if (typeof key !== 'string') return;
 
     if (index === 0) {
       firstActiveKey = key;
     }
 
-    var length = panes.push(child);
+    const length = panes.push(child);
     keyToIndexRecord[key] = length - 1;
   });
-
-  var _usePropsValue = usePropsValue({
+  const [activeKey, setActiveKey] = usePropsValue({
     value: props.activeKey,
     defaultValue: (_a = props.defaultActiveKey) !== null && _a !== void 0 ? _a : firstActiveKey,
-    onChange: props.onChange
-  }),
-      activeKey = _usePropsValue[0],
-      setActiveKey = _usePropsValue[1];
-
-  var _useTabListScroll = useTabListScroll(tabListContainerRef, keyToIndexRecord[activeKey]),
-      scrollLeft = _useTabListScroll.scrollLeft,
-      animate = _useTabListScroll.animate;
+    onChange: v => {
+      var _a;
 
-  useResizeEffect(function () {
+      if (v === null) return;
+      (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, v);
+    }
+  });
+  const {
+    scrollLeft,
+    animate
+  } = useTabListScroll(tabListContainerRef, keyToIndexRecord[activeKey]);
+  useResizeEffect(() => {
     animate(true);
   }, rootRef);
-  return withNativeProps(props, /*#__PURE__*/React.createElement("div", {
+  return withNativeProps(props, React.createElement("div", {
     className: classPrefix,
     ref: rootRef
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classPrefix + "-header"
-  }, /*#__PURE__*/React.createElement(ScrollMask, {
+  }, React.createElement("div", {
+    className: `${classPrefix}-header`
+  }, React.createElement(ScrollMask, {
     scrollTrackRef: tabListContainerRef
-  }), /*#__PURE__*/React.createElement(animated.div, {
-    className: classPrefix + "-tab-list",
+  }), React.createElement(animated.div, {
+    className: `${classPrefix}-tab-list`,
     ref: tabListContainerRef,
     scrollLeft: scrollLeft
-  }, panes.map(function (pane) {
-    var _classNames;
-
-    return withNativeProps(pane.props, /*#__PURE__*/React.createElement("div", {
-      key: pane.key,
-      className: classPrefix + "-tab-wrapper"
-    }, /*#__PURE__*/React.createElement("div", {
-      onClick: function onClick() {
-        var key = pane.key;
-        if (pane.props.disabled) return;
+  }, panes.map(pane => withNativeProps(pane.props, React.createElement("div", {
+    key: pane.key,
+    className: `${classPrefix}-tab-wrapper`
+  }, React.createElement("div", {
+    onClick: () => {
+      const {
+        key
+      } = pane;
+      if (pane.props.disabled) return;
 
-        if (key === undefined || key === null) {
-          return;
-        }
+      if (key === undefined || key === null) {
+        return;
+      }
 
-        setActiveKey(key.toString());
-      },
-      className: classNames(classPrefix + "-tab", (_classNames = {}, _classNames[classPrefix + "-tab-active"] = pane.key === activeKey, _classNames[classPrefix + "-tab-disabled"] = pane.props.disabled, _classNames))
-    }, pane.props.title)));
-  }))), panes.map(function (pane) {
+      setActiveKey(key.toString());
+    },
+    className: classNames(`${classPrefix}-tab`, {
+      [`${classPrefix}-tab-active`]: pane.key === activeKey,
+      [`${classPrefix}-tab-disabled`]: pane.props.disabled
+    })
+  }, pane.props.title)))))), panes.map(pane => {
     if (pane.props.children === undefined) {
       return null;
     }
 
     if (pane.key === activeKey) {
-      return /*#__PURE__*/React.createElement("div", {
+      return React.createElement("div", {
         key: pane.key,
-        className: classPrefix + "-content"
+        className: `${classPrefix}-content`
       }, pane.props.children);
     }
 
     if (pane.props.forceRender) {
-      return /*#__PURE__*/React.createElement("div", {
+      return React.createElement("div", {
         key: pane.key,
         style: {
           display: 'none'

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

@@ -1,35 +1,35 @@
 import React from 'react';
 import classNames from 'classnames';
 import { withNativeProps } from '../../utils/native-props';
-var classPrefix = "adm-card";
-export var Card = function Card(props) {
-  var renderHeader = function renderHeader() {
+const classPrefix = `adm-card`;
+export const Card = props => {
+  const renderHeader = () => {
     if (!(props.title || props.extra)) {
       return null;
     }
 
-    return /*#__PURE__*/React.createElement("div", {
-      className: classNames(classPrefix + "-header", props.headerClassName),
+    return React.createElement("div", {
+      className: classNames(`${classPrefix}-header`, props.headerClassName),
       style: props.headerStyle,
       onClick: props.onHeaderClick
-    }, /*#__PURE__*/React.createElement("div", {
-      className: classPrefix + "-header-title"
+    }, React.createElement("div", {
+      className: `${classPrefix}-header-title`
     }, props.title), props.extra);
   };
 
-  var renderBody = function renderBody() {
+  const renderBody = () => {
     if (!props.children) {
       return null;
     }
 
-    return /*#__PURE__*/React.createElement("div", {
-      className: classNames(classPrefix + "-body", props.bodyClassName),
+    return React.createElement("div", {
+      className: classNames(`${classPrefix}-body`, props.bodyClassName),
       style: props.bodyStyle,
       onClick: props.onBodyClick
     }, props.children);
   };
 
-  return withNativeProps(props, /*#__PURE__*/React.createElement("div", {
+  return withNativeProps(props, React.createElement("div", {
     className: classPrefix,
     onClick: props.onClick
   }, renderHeader(), renderBody()));

package/2x/es/components/cascade-picker/cascade-picker-utils.js

@@ -1,25 +1,21 @@
 export function generateCascadePickerColumns(value, options, depth, subOptionsRecord) {
-  var columns = [];
-  columns.push(options.map(function (option) {
-    return {
-      label: option.label,
-      value: option.value
-    };
-  }));
+  const columns = [];
+  columns.push(options.map(option => ({
+    label: option.label,
+    value: option.value
+  })));
 
-  for (var i = 0; i < depth - 1; i++) {
-    var x = value[i];
-    var subOptions = subOptionsRecord[x];
+  for (let i = 0; i < depth - 1; i++) {
+    const x = value[i];
+    const subOptions = subOptionsRecord[x];
 
     if (!subOptions) {
       columns.push([]);
     } else {
-      columns.push(subOptions.map(function (option) {
-        return {
-          label: option.label,
-          value: option.value
-        };
-      }));
+      columns.push(subOptions.map(option => ({
+        label: option.label,
+        value: option.value
+      })));
     }
   }
 

package/2x/es/components/cascade-picker/cascade-picker.js

@@ -1,31 +1,19 @@
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-
+import { __rest } from "tslib";
 import React from 'react';
 import Picker from '../picker';
 import { useCascadePickerOptions } from './use-cascade-picker-options';
 import { generateCascadePickerColumns } from './cascade-picker-utils';
-export var CascadePicker = function CascadePicker(props) {
-  var options = props.options,
-      pickerProps = __rest(props, ["options"]);
-
-  var _useCascadePickerOpti = useCascadePickerOptions(options),
-      depth = _useCascadePickerOpti.depth,
-      subOptionsRecord = _useCascadePickerOpti.subOptionsRecord;
+export const CascadePicker = props => {
+  const {
+    options
+  } = props,
+        pickerProps = __rest(props, ["options"]);
 
-  return /*#__PURE__*/React.createElement(Picker, Object.assign({}, pickerProps, {
-    columns: function columns(selected) {
-      return generateCascadePickerColumns(selected, options, depth, subOptionsRecord);
-    }
+  const {
+    depth,
+    subOptionsRecord
+  } = useCascadePickerOptions(options);
+  return React.createElement(Picker, Object.assign({}, pickerProps, {
+    columns: selected => generateCascadePickerColumns(selected, options, depth, subOptionsRecord)
   }));
 };

package/2x/es/components/cascade-picker/index.js

@@ -2,5 +2,5 @@ import { attachPropertiesToComponent } from '../../utils/attach-properties-to-co
 import { prompt } from './prompt';
 import { CascadePicker } from './cascade-picker';
 export default attachPropertiesToComponent(CascadePicker, {
-  prompt: prompt
+  prompt
 });

package/2x/es/components/cascade-picker/prompt.js

@@ -2,28 +2,28 @@ import { CascadePicker } from './cascade-picker';
 import React, { useEffect, useState } from 'react';
 import { renderToBody } from '../../utils/render-to-body';
 export function prompt(props) {
-  return new Promise(function (resolve) {
-    var Wrapper = function Wrapper() {
-      var _useState = useState(false),
-          visible = _useState[0],
-          setVisible = _useState[1];
-
-      useEffect(function () {
+  return new Promise(resolve => {
+    const Wrapper = () => {
+      const [visible, setVisible] = useState(false);
+      useEffect(() => {
         setVisible(true);
       }, []);
-      return /*#__PURE__*/React.createElement(CascadePicker, Object.assign({}, props, {
+      return React.createElement(CascadePicker, Object.assign({}, props, {
         visible: visible,
-        onConfirm: function onConfirm(val) {
+        onConfirm: (val, extend) => {
+          var _a;
+
+          (_a = props.onConfirm) === null || _a === void 0 ? void 0 : _a.call(props, val, extend);
           resolve(val);
         },
-        onClose: function onClose() {
+        onClose: () => {
           var _a;
 
           (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
           setVisible(false);
           resolve(null);
         },
-        afterClose: function afterClose() {
+        afterClose: () => {
           var _a;
 
           (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props);
@@ -32,6 +32,6 @@ export function prompt(props) {
       }));
     };
 
-    var unmount = renderToBody( /*#__PURE__*/React.createElement(Wrapper, null));
+    const unmount = renderToBody(React.createElement(Wrapper, null));
   });
 }

package/2x/es/components/cascade-picker/use-cascade-picker-options.js

@@ -1,32 +1,32 @@
 import { useMemo } from 'react';
 export function useCascadePickerOptions(options) {
-  return useMemo(function () {
-    var depth = 1;
-    var subOptionsRecord = {};
+  return useMemo(() => {
+    let depth = 1;
+    const subOptionsRecord = {};
 
     function traverse(option, currentDepth) {
-      if (!option.children || option.children.length === 0) {
+      if (!option.children) {
         return;
       }
 
       subOptionsRecord[option.value] = option.children;
-      var nextDepth = currentDepth + 1;
+      const nextDepth = currentDepth + 1;
 
       if (nextDepth > depth) {
         depth = nextDepth;
       }
 
-      option.children.forEach(function (option) {
+      option.children.forEach(option => {
         traverse(option, nextDepth);
       });
     }
 
-    options.forEach(function (option) {
+    options.forEach(option => {
       traverse(option, 1);
     });
     return {
-      depth: depth,
-      subOptionsRecord: subOptionsRecord
+      depth,
+      subOptionsRecord
     };
   }, [options]);
 }

package/2x/es/components/cascade-picker-view/cascade-picker-view.d.ts

@@ -1,8 +1,7 @@
 import { FC } from 'react';
-import { NativeProps } from '../../utils/native-props';
 import type { PickerViewProps } from '../picker-view';
 import type { CascadePickerOption } from '../cascade-picker';
 export declare type CascadePickerViewProps = Omit<PickerViewProps, 'columns'> & {
     options: CascadePickerOption[];
-} & NativeProps<'--height'>;
+};
 export declare const CascadePickerView: FC<CascadePickerViewProps>;

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

@@ -1,31 +1,19 @@
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-
+import { __rest } from "tslib";
 import React from 'react';
 import PickerView from '../picker-view';
 import { useCascadePickerOptions } from '../cascade-picker/use-cascade-picker-options';
 import { generateCascadePickerColumns } from '../cascade-picker/cascade-picker-utils';
-export var CascadePickerView = function CascadePickerView(props) {
-  var options = props.options,
-      pickerProps = __rest(props, ["options"]);
-
-  var _useCascadePickerOpti = useCascadePickerOptions(options),
-      depth = _useCascadePickerOpti.depth,
-      subOptionsRecord = _useCascadePickerOpti.subOptionsRecord;
+export const CascadePickerView = props => {
+  const {
+    options
+  } = props,
+        pickerProps = __rest(props, ["options"]);
 
-  return /*#__PURE__*/React.createElement(PickerView, Object.assign({}, pickerProps, {
-    columns: function columns(selected) {
-      return generateCascadePickerColumns(selected, options, depth, subOptionsRecord);
-    }
+  const {
+    depth,
+    subOptionsRecord
+  } = useCascadePickerOptions(options);
+  return React.createElement(PickerView, Object.assign({}, pickerProps, {
+    columns: selected => generateCascadePickerColumns(selected, options, depth, subOptionsRecord)
   }));
 };

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

@@ -1,6 +1,5 @@
 .adm-cascader {
   width: 100%;
-  height: 800px;
   overflow: hidden;
   position: relative;
   display: flex;

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

@@ -13,8 +13,8 @@ export declare type CascaderProps = {
     onClose?: () => void;
     visible?: boolean;
     title?: ReactNode;
-    confirmText?: string;
-    cancelText?: string;
+    confirmText?: ReactNode;
+    cancelText?: ReactNode;
     children?: (items: (CascaderOption | null)[]) => ReactNode;
 } & Pick<PopupProps, 'getContainer' | 'afterShow' | 'afterClose' | 'onClick' | 'stopPropagation'> & NativeProps;
 export declare const Cascader: FC<CascaderProps>;

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

@@ -6,75 +6,67 @@ import { usePropsValue } from '../../utils/use-props-value';
 import CascaderView from '../cascader-view';
 import { useConfig } from '../config-provider';
 import { useCascaderValueExtend } from '../cascader-view/use-cascader-value-extend';
-var classPrefix = "adm-cascader";
-var defaultProps = {
+const classPrefix = `adm-cascader`;
+const defaultProps = {
   defaultValue: []
 };
-export var Cascader = function Cascader(p) {
+export const Cascader = p => {
   var _a;
 
-  var _useConfig = useConfig(),
-      locale = _useConfig.locale;
-
-  var props = mergeProps(defaultProps, {
+  const {
+    locale
+  } = useConfig();
+  const props = mergeProps(defaultProps, {
     confirmText: locale.common.confirm,
     cancelText: locale.common.cancel,
     placeholder: locale.Cascader.placeholder
   }, p);
-
-  var _usePropsValue = usePropsValue(Object.assign(Object.assign({}, props), {
-    onChange: function onChange(val) {
+  const [value, setValue] = usePropsValue(Object.assign(Object.assign({}, props), {
+    onChange: val => {
       var _a;
 
       (_a = props.onConfirm) === null || _a === void 0 ? void 0 : _a.call(props, val, generateValueExtend(val));
     }
-  })),
-      value = _usePropsValue[0],
-      setValue = _usePropsValue[1];
-
-  var generateValueExtend = useCascaderValueExtend(props.options);
-
-  var _useState = useState(value),
-      innerValue = _useState[0],
-      setInnerValue = _useState[1];
-
-  useEffect(function () {
+  }));
+  const generateValueExtend = useCascaderValueExtend(props.options);
+  const [innerValue, setInnerValue] = useState(value);
+  useEffect(() => {
     if (!props.visible) {
       setInnerValue(value);
     }
   }, [props.visible]);
-  useEffect(function () {
+  useEffect(() => {
     if (!props.visible) {
       setInnerValue(value);
     }
   }, [value]);
-  var cascaderElement = withNativeProps(props, /*#__PURE__*/React.createElement("div", {
+  const cascaderElement = withNativeProps(props, React.createElement("div", {
     className: classPrefix
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classPrefix + "-header"
-  }, /*#__PURE__*/React.createElement("a", {
-    className: classPrefix + "-header-button",
-    onClick: function onClick() {
+  }, React.createElement("div", {
+    className: `${classPrefix}-header`
+  }, React.createElement("a", {
+    className: `${classPrefix}-header-button`,
+    onClick: () => {
       var _a, _b;
 
       (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
       (_b = props.onClose) === null || _b === void 0 ? void 0 : _b.call(props);
     }
-  }, props.cancelText), /*#__PURE__*/React.createElement("div", {
-    className: classPrefix + "-header-title"
-  }, props.title), /*#__PURE__*/React.createElement("a", {
-    className: classPrefix + "-header-button",
-    onClick: function onClick() {
+  }, props.cancelText), React.createElement("div", {
+    className: `${classPrefix}-header-title`
+  }, props.title), React.createElement("a", {
+    className: `${classPrefix}-header-button`,
+    onClick: () => {
       var _a;
 
       setValue(innerValue);
       (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
     }
-  }, props.confirmText)), /*#__PURE__*/React.createElement("div", {
-    className: classPrefix + "-body"
-  }, /*#__PURE__*/React.createElement(CascaderView, Object.assign({}, props, {
+  }, props.confirmText)), React.createElement("div", {
+    className: `${classPrefix}-body`
+  }, React.createElement(CascaderView, Object.assign({}, props, {
     value: innerValue,
-    onChange: function onChange(val, ext) {
+    onChange: (val, ext) => {
       var _a;
 
       setInnerValue(val);
@@ -84,10 +76,10 @@ export var Cascader = function Cascader(p) {
       }
     }
   })))));
-  var popupElement = /*#__PURE__*/React.createElement(Popup, {
+  const popupElement = React.createElement(Popup, {
     visible: props.visible,
     position: 'bottom',
-    onMaskClick: function onMaskClick() {
+    onMaskClick: () => {
       var _a, _b;
 
       (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
@@ -100,5 +92,5 @@ export var Cascader = function Cascader(p) {
     onClick: props.onClick,
     stopPropagation: props.stopPropagation
   }, cascaderElement);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, popupElement, (_a = props.children) === null || _a === void 0 ? void 0 : _a.call(props, generateValueExtend(value).items));
+  return React.createElement(React.Fragment, null, popupElement, (_a = props.children) === null || _a === void 0 ? void 0 : _a.call(props, generateValueExtend(value).items));
 };

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

@@ -5,5 +5,6 @@ export type { CascaderProps } from './cascader';
 export type { CascaderValue, CascaderValueExtend, CascaderOption, } from '../cascader-view';
 declare const _default: import("react").FC<import("./cascader").CascaderProps> & {
     prompt: typeof prompt;
+    optionSkeleton: import("../cascader-view").CascaderOption[];
 };
 export default _default;

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

@@ -2,6 +2,8 @@ import { Cascader } from './cascader';
 import { prompt } from './prompt';
 import { attachPropertiesToComponent } from '../../utils/attach-properties-to-component';
 import "./cascader.css";
+import { optionSkeleton } from '../cascader-view/option-skeleton';
 export default attachPropertiesToComponent(Cascader, {
-  prompt: prompt
+  prompt,
+  optionSkeleton
 });

package/2x/es/components/cascader/prompt.js

@@ -2,28 +2,28 @@ import React, { useEffect, useState } from 'react';
 import { renderToBody } from '../../utils/render-to-body';
 import { Cascader } from './cascader';
 export function prompt(props) {
-  return new Promise(function (resolve) {
-    var Wrapper = function Wrapper() {
-      var _useState = useState(false),
-          visible = _useState[0],
-          setVisible = _useState[1];
-
-      useEffect(function () {
+  return new Promise(resolve => {
+    const Wrapper = () => {
+      const [visible, setVisible] = useState(false);
+      useEffect(() => {
         setVisible(true);
       }, []);
-      return /*#__PURE__*/React.createElement(Cascader, Object.assign({}, props, {
+      return React.createElement(Cascader, Object.assign({}, props, {
         visible: visible,
-        onConfirm: function onConfirm(val) {
+        onConfirm: (val, extend) => {
+          var _a;
+
+          (_a = props.onConfirm) === null || _a === void 0 ? void 0 : _a.call(props, val, extend);
           resolve(val);
         },
-        onClose: function onClose() {
+        onClose: () => {
           var _a;
 
           (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
           setVisible(false);
           resolve(null);
         },
-        afterClose: function afterClose() {
+        afterClose: () => {
           var _a;
 
           (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props);
@@ -32,6 +32,6 @@ export function prompt(props) {
       }));
     };
 
-    var unmount = renderToBody( /*#__PURE__*/React.createElement(Wrapper, null));
+    const unmount = renderToBody(React.createElement(Wrapper, null));
   });
 }