antd-mobile 5.16.1 → 5.17.0

package/2x/cjs/components/radio/radio.js

@@ -1,109 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Radio = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _nativeProps = require("../../utils/native-props");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _groupContext = require("./group-context");
-
-var _usePropsValue = require("../../utils/use-props-value");
-
-var _withDefaultProps = require("../../utils/with-default-props");
-
-var _checkIcon = require("../checkbox/check-icon");
-
-var _devLog = require("../../utils/dev-log");
-
-var _isDev = require("../../utils/is-dev");
-
-var _nativeInput = require("../checkbox/native-input");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const classPrefix = `adm-radio`;
-const defaultProps = {
-  defaultChecked: false
-};
-
-const Radio = p => {
-  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  const groupContext = (0, _react.useContext)(_groupContext.RadioGroupContext);
-  let [checked, setChecked] = (0, _usePropsValue.usePropsValue)({
-    value: props.checked,
-    defaultValue: props.defaultChecked,
-    onChange: props.onChange
-  });
-  let disabled = props.disabled;
-  const {
-    value
-  } = props;
-
-  if (groupContext && value !== undefined) {
-    if (_isDev.isDev) {
-      if (p.checked !== undefined) {
-        (0, _devLog.devWarning)('Radio', 'When used within `Radio.Group`, the `checked` prop of `Radio` will not work.');
-      }
-
-      if (p.defaultChecked !== undefined) {
-        (0, _devLog.devWarning)('Radio', 'When used within `Radio.Group`, the `defaultChecked` prop of `Radio` will not work.');
-      }
-    }
-
-    checked = groupContext.value.includes(value);
-
-    setChecked = innerChecked => {
-      var _a;
-
-      if (innerChecked) {
-        groupContext.check(value);
-      } else {
-        groupContext.uncheck(value);
-      }
-
-      (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, innerChecked);
-    };
-
-    disabled = disabled || groupContext.disabled;
-  }
-
-  const renderIcon = () => {
-    if (props.icon) {
-      return _react.default.createElement("div", {
-        className: `${classPrefix}-custom-icon`
-      }, props.icon(checked));
-    }
-
-    return _react.default.createElement("div", {
-      className: `${classPrefix}-icon`
-    }, checked && _react.default.createElement(_checkIcon.CheckIcon, null));
-  };
-
-  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("label", {
-    className: (0, _classnames.default)(classPrefix, {
-      [`${classPrefix}-checked`]: checked,
-      [`${classPrefix}-disabled`]: disabled,
-      [`${classPrefix}-block`]: props.block
-    })
-  }, _react.default.createElement(_nativeInput.NativeInput, {
-    type: 'radio',
-    checked: checked,
-    onChange: setChecked,
-    disabled: disabled,
-    id: props.id
-  }), renderIcon(), props.children && _react.default.createElement("div", {
-    className: `${classPrefix}-content`
-  }, props.children)));
-};
-
-exports.Radio = Radio;

package/2x/cjs/components/rate/index.d.ts

@@ -1,4 +0,0 @@
-import './rate.less';
-import { Rate } from './rate';
-export type { RateProps } from './rate';
-export default Rate;

package/2x/cjs/components/rate/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("./rate.css");
-
-var _rate2 = require("./rate");
-
-var _default = _rate2.Rate;
-exports.default = _default;

package/2x/cjs/components/rate/rate.css

@@ -1,37 +0,0 @@
-.adm-rate {
-  --star-size: 48px;
-  --active-color: #ffd21e;
-  --inactive-color: var(--adm-color-border);
-  display: inline-flex;
-}
-
-.adm-rate-box {
-  position: relative;
-}
-
-.adm-rate-star {
-  padding: 0.125em;
-  line-height: var(--star-size);
-  font-size: var(--star-size);
-  color: var(--inactive-color);
-  text-align: center;
-  overflow: hidden;
-  cursor: pointer;
-  box-sizing: border-box;
-}
-
-.adm-rate-star-half {
-  padding-right: 0;
-  width: 50%;
-  position: absolute;
-  left: 0;
-  top: 0;
-}
-
-.adm-rate-star-active {
-  color: var(--active-color);
-}
-
-.adm-rate-star-readonly {
-  cursor: unset;
-}

package/2x/cjs/components/rate/rate.d.ts

@@ -1,13 +0,0 @@
-import React, { FC } from 'react';
-import { NativeProps } from '../../utils/native-props';
-export declare type RateProps = {
-    allowClear?: boolean;
-    allowHalf?: boolean;
-    character?: React.ReactNode;
-    count?: number;
-    defaultValue?: number;
-    readOnly?: boolean;
-    value?: number;
-    onChange?: (value: number) => void;
-} & NativeProps<'--star-size' | '--active-color' | '--inactive-color'>;
-export declare const Rate: FC<RateProps>;

package/2x/cjs/components/rate/rate.js

@@ -1,64 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Rate = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _nativeProps = require("../../utils/native-props");
-
-var _withDefaultProps = require("../../utils/with-default-props");
-
-var _usePropsValue = require("../../utils/use-props-value");
-
-var _star = require("./star");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const classPrefix = `adm-rate`;
-const defaultProps = {
-  count: 5,
-  allowHalf: false,
-  character: _react.default.createElement(_star.Star, null),
-  defaultValue: 0,
-  readOnly: false,
-  allowClear: true
-};
-
-const Rate = p => {
-  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  const [value, setValue] = (0, _usePropsValue.usePropsValue)(props);
-  const starList = Array(props.count).fill(null);
-
-  function renderStar(v, half) {
-    return _react.default.createElement("div", {
-      className: (0, _classnames.default)(`${classPrefix}-star`, {
-        [`${classPrefix}-star-active`]: value >= v,
-        [`${classPrefix}-star-half`]: half,
-        [`${classPrefix}-star-readonly`]: props.readOnly
-      }),
-      onClick: () => {
-        if (props.readOnly) return;
-
-        if (props.allowClear && value === v) {
-          setValue(0);
-        } else {
-          setValue(v);
-        }
-      }
-    }, props.character);
-  }
-
-  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
-    className: classPrefix
-  }, starList.map((_, i) => _react.default.createElement("div", {
-    key: i,
-    className: (0, _classnames.default)(`${classPrefix}-box`)
-  }, props.allowHalf && renderStar(i + 0.5, true), renderStar(i + 1, false)))));
-};
-
-exports.Rate = Rate;

package/2x/cjs/components/rate/star.d.ts

@@ -1,2 +0,0 @@
-import { FC } from 'react';
-export declare const Star: FC;

package/2x/cjs/components/rate/star.js

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Star = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Star = () => {
-  // return (
-  //   <svg height='1em' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'>
-  //     <title>{'star-fill\u5907\u4EFD 71'}</title>
-  //     <path
-  //       d='m24 36-10.52 5.53a2 2 0 0 1-2.902-2.108l2.01-11.714-8.511-8.296a2 2 0 0 1 1.108-3.411l11.762-1.71 5.26-10.657a2 2 0 0 1 3.586 0l5.26 10.658L42.815 16a2 2 0 0 1 1.108 3.411l-8.51 8.296 2.009 11.714a2 2 0 0 1-2.902 2.109L24 36Z'
-  //       fill='#E5E5E5'
-  //       fillRule='evenodd'
-  //     />
-  //   </svg>
-  // )
-  return _react.default.createElement("svg", {
-    viewBox: '0 0 42 40',
-    height: '1em',
-    xmlns: 'http://www.w3.org/2000/svg',
-    style: {
-      verticalAlign: '-0.125em'
-    }
-  }, _react.default.createElement("path", {
-    d: 'm21 34-10.52 5.53a2 2 0 0 1-2.902-2.108l2.01-11.714-8.511-8.296a2 2 0 0 1 1.108-3.411l11.762-1.71 5.26-10.657a2 2 0 0 1 3.586 0l5.26 10.658L39.815 14a2 2 0 0 1 1.108 3.411l-8.51 8.296 2.009 11.714a2 2 0 0 1-2.902 2.109L21 34Z',
-    fill: 'currentColor',
-    fillRule: 'evenodd'
-  }));
-};
-
-exports.Star = Star;

package/2x/cjs/components/result/index.d.ts

@@ -1,4 +0,0 @@
-import './result.less';
-import { Result } from './result';
-export type { ResultProps } from './result';
-export default Result;

package/2x/cjs/components/result/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("./result.css");
-
-var _result2 = require("./result");
-
-var _default = _result2.Result;
-exports.default = _default;

package/2x/cjs/components/result/result.css

@@ -1,51 +0,0 @@
-.adm-result {
-  padding: 64px 24px;
-  background-color: var(--adm-color-white);
-}
-
-.adm-result-icon {
-  box-sizing: border-box;
-  width: 128px;
-  height: 128px;
-  margin: 0 auto 40px auto;
-  padding: 12px;
-}
-
-.adm-result-icon .antd-mobile-icon {
-  font-size: 104px;
-}
-
-.adm-result-title {
-  color: var(--adm-color-text);
-  font-size: var(--adm-font-size-10);
-  line-height: 1.4;
-  text-align: center;
-}
-
-.adm-result-description {
-  margin-top: 16px;
-  color: var(--adm-color-weak);
-  font-size: var(--adm-font-size-main);
-  line-height: 1.4;
-  text-align: center;
-}
-
-.adm-result-success .adm-result-icon .antd-mobile-icon {
-  color: var(--adm-color-primary);
-}
-
-.adm-result-error .adm-result-icon .antd-mobile-icon {
-  color: var(--adm-color-danger);
-}
-
-.adm-result-info .adm-result-icon .antd-mobile-icon {
-  color: var(--adm-color-primary);
-}
-
-.adm-result-waiting .adm-result-icon .antd-mobile-icon {
-  color: var(--adm-color-success);
-}
-
-.adm-result-warning .adm-result-icon .antd-mobile-icon {
-  color: var(--adm-color-warning);
-}

package/2x/cjs/components/result/result.d.ts

@@ -1,9 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { NativeProps } from '../../utils/native-props';
-export declare type ResultProps = {
-    status: 'success' | 'error' | 'info' | 'waiting' | 'warning';
-    title: ReactNode;
-    description?: ReactNode;
-    icon?: ReactNode;
-} & NativeProps;
-export declare const Result: FC<ResultProps>;

package/2x/cjs/components/result/result.js

@@ -1,49 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Result = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _antdMobileIcons = require("antd-mobile-icons");
-
-var _nativeProps = require("../../utils/native-props");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const classPrefix = `adm-result`;
-const iconRecord = {
-  success: _antdMobileIcons.CheckCircleFill,
-  error: _antdMobileIcons.CloseCircleFill,
-  info: _antdMobileIcons.InformationCircleFill,
-  waiting: _antdMobileIcons.ClockCircleFill,
-  warning: _antdMobileIcons.ExclamationCircleFill
-};
-
-const Result = props => {
-  const {
-    status,
-    title,
-    description,
-    icon
-  } = props;
-  if (!status) return null;
-
-  const resultIcon = icon || _react.default.createElement(iconRecord[status]);
-
-  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
-    className: (0, _classnames.default)(classPrefix, `${classPrefix}-${status}`)
-  }, _react.default.createElement("div", {
-    className: `${classPrefix}-icon`
-  }, resultIcon), _react.default.createElement("div", {
-    className: `${classPrefix}-title`
-  }, title), description ? _react.default.createElement("div", {
-    className: `${classPrefix}-description`
-  }, description) : null));
-};
-
-exports.Result = Result;

package/2x/cjs/components/safe-area/index.d.ts

@@ -1,4 +0,0 @@
-import './safe-area.less';
-import { SafeArea } from './safe-area';
-export type { SafeAreaProps } from './safe-area';
-export default SafeArea;

package/2x/cjs/components/safe-area/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("./safe-area.css");
-
-var _safeArea2 = require("./safe-area");
-
-var _default = _safeArea2.SafeArea;
-exports.default = _default;

package/2x/cjs/components/safe-area/safe-area.css

@@ -1,13 +0,0 @@
-.adm-safe-area {
-  --multiple: var(--adm-safe-area-multiple, 1);
-  display: block;
-  width: 100%;
-}
-
-.adm-safe-area-position-top {
-  padding-top: calc(env(safe-area-inset-top) * var(--multiple));
-}
-
-.adm-safe-area-position-bottom {
-  padding-bottom: calc(env(safe-area-inset-bottom) * var(--multiple));
-}

package/2x/cjs/components/safe-area/safe-area.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-import { NativeProps } from '../../utils/native-props';
-export declare type SafeAreaProps = {
-    position: 'top' | 'bottom';
-} & NativeProps;
-export declare const SafeArea: FC<SafeAreaProps>;

package/2x/cjs/components/safe-area/safe-area.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SafeArea = void 0;
-
-var _nativeProps = require("../../utils/native-props");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const classPrefix = 'adm-safe-area';
-
-const SafeArea = props => {
-  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
-    className: (0, _classnames.default)(classPrefix, `${classPrefix}-position-${props.position}`)
-  }));
-};
-
-exports.SafeArea = SafeArea;

package/2x/cjs/components/scroll-mask/index.d.ts

@@ -1,4 +0,0 @@
-import './scroll-mask.less';
-import { ScrollMask } from './scroll-mask';
-export type { ScrollMaskProps } from './scroll-mask';
-export default ScrollMask;

package/2x/cjs/components/scroll-mask/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("./scroll-mask.css");
-
-var _scrollMask2 = require("./scroll-mask");
-
-var _default = _scrollMask2.ScrollMask;
-exports.default = _default;

package/2x/cjs/components/scroll-mask/scroll-mask.css

@@ -1,19 +0,0 @@
-.adm-scroll-mask {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  z-index: 1;
-  width: 60px;
-  height: 100%;
-  pointer-events: none;
-}
-
-.adm-scroll-mask-left {
-  left: 0;
-  background: linear-gradient(to right, var(--adm-color-background), rgba(255, 255, 255, 0));
-}
-
-.adm-scroll-mask-right {
-  right: 0;
-  background: linear-gradient(to left, var(--adm-color-background), rgba(255, 255, 255, 0));
-}

package/2x/cjs/components/scroll-mask/scroll-mask.d.ts

@@ -1,5 +0,0 @@
-import { FC, RefObject } from 'react';
-export declare type ScrollMaskProps = {
-    scrollTrackRef: RefObject<HTMLElement>;
-};
-export declare const ScrollMask: FC<ScrollMaskProps>;

package/2x/cjs/components/scroll-mask/scroll-mask.js

@@ -1,79 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ScrollMask = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _web = require("@react-spring/web");
-
-var _ahooks = require("ahooks");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const classPrefix = `adm-scroll-mask`;
-
-const ScrollMask = props => {
-  const maskRef = (0, _react.useRef)(null);
-  const [{
-    leftMaskOpacity,
-    rightMaskOpacity
-  }, api] = (0, _web.useSpring)(() => ({
-    leftMaskOpacity: 0,
-    rightMaskOpacity: 0,
-    config: {
-      clamp: true
-    }
-  }));
-  const {
-    run: updateMask
-  } = (0, _ahooks.useThrottleFn)((immediate = false) => {
-    const mask = maskRef.current;
-    if (!mask) return;
-    const scrollEl = props.scrollTrackRef.current;
-    if (!scrollEl) return;
-    const scrollLeft = scrollEl.scrollLeft;
-    const showLeftMask = scrollLeft > 0;
-    const showRightMask = scrollLeft + scrollEl.offsetWidth < scrollEl.scrollWidth;
-    api.start({
-      leftMaskOpacity: showLeftMask ? 1 : 0,
-      rightMaskOpacity: showRightMask ? 1 : 0,
-      immediate
-    });
-  }, {
-    wait: 100,
-    trailing: true,
-    leading: true
-  });
-  (0, _react.useEffect)(() => {
-    updateMask(true);
-  }, []);
-  (0, _react.useEffect)(() => {
-    const scrollEl = props.scrollTrackRef.current;
-    if (!scrollEl) return;
-    scrollEl.addEventListener('scroll', updateMask);
-    return () => scrollEl.removeEventListener('scroll', updateMask);
-  }, []);
-  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_web.animated.div, {
-    ref: maskRef,
-    className: (0, _classnames.default)(classPrefix, `${classPrefix}-left`),
-    style: {
-      opacity: leftMaskOpacity
-    }
-  }), _react.default.createElement(_web.animated.div, {
-    className: (0, _classnames.default)(classPrefix, `${classPrefix}-right`),
-    style: {
-      opacity: rightMaskOpacity
-    }
-  }));
-};
-
-exports.ScrollMask = ScrollMask;

package/2x/cjs/components/scroll-mask/scroll-mask.patch.css

@@ -1,7 +0,0 @@
-.adm-scroll-mask-left {
-  background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
-}
-
-.adm-scroll-mask-right {
-  background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
-}

package/2x/cjs/components/search-bar/index.d.ts

@@ -1,4 +0,0 @@
-import './search-bar.less';
-import { SearchBar } from './search-bar';
-export type { SearchBarProps, SearchBarRef } from './search-bar';
-export default SearchBar;

package/2x/cjs/components/search-bar/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("./search-bar.css");
-
-var _searchBar2 = require("./search-bar");
-
-var _default = _searchBar2.SearchBar;
-exports.default = _default;