antd-mobile 5.16.1 → 5.17.0

package/2x/cjs/components/side-bar/side-bar.js

@@ -1,101 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SideBarItem = exports.SideBar = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _badge = _interopRequireDefault(require("../badge"));
-
-var _nativeProps = require("../../utils/native-props");
-
-var _usePropsValue = require("../../utils/use-props-value");
-
-var _corner = require("./corner");
-
-var _traverseReactNode = require("../../utils/traverse-react-node");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const classPrefix = `adm-side-bar`;
-/* istanbul ignore next */
-
-const SideBarItem = () => {
-  return null;
-};
-
-exports.SideBarItem = SideBarItem;
-
-const SideBar = props => {
-  var _a;
-
-  let firstActiveKey = null;
-  const items = [];
-  (0, _traverseReactNode.traverseReactNode)(props.children, (child, index) => {
-    if (!_react.default.isValidElement(child)) return;
-    const key = child.key;
-    if (typeof key !== 'string') return;
-
-    if (index === 0) {
-      firstActiveKey = key;
-    }
-
-    items.push(child);
-  });
-  const [activeKey, setActiveKey] = (0, _usePropsValue.usePropsValue)({
-    value: props.activeKey,
-    defaultValue: (_a = props.defaultActiveKey) !== null && _a !== void 0 ? _a : firstActiveKey,
-    onChange: v => {
-      var _a;
-
-      if (v === null) return;
-      (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, v);
-    }
-  });
-  const lastItem = items[items.length - 1];
-  const isLastItemActive = lastItem && lastItem.key === activeKey;
-  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
-    className: classPrefix
-  }, _react.default.createElement("div", {
-    className: `${classPrefix}-items`
-  }, items.map((item, index) => {
-    const active = item.key === activeKey;
-    const isActiveNextSibling = items[index - 1] && items[index - 1].key === activeKey;
-    const isActivePreviousSibling = items[index + 1] && items[index + 1].key === activeKey;
-    return (0, _nativeProps.withNativeProps)(item.props, _react.default.createElement("div", {
-      key: item.key,
-      onClick: () => {
-        const {
-          key
-        } = item;
-        if (key === undefined || key === null || item.props.disabled) return;
-        setActiveKey(key.toString());
-      },
-      className: (0, _classnames.default)(`${classPrefix}-item`, {
-        [`${classPrefix}-item-active`]: active,
-        [`${classPrefix}-item-disabled`]: item.props.disabled
-      })
-    }, _react.default.createElement(_react.default.Fragment, null, isActiveNextSibling && _react.default.createElement(_corner.Corner, {
-      className: `${classPrefix}-item-corner ${classPrefix}-item-corner-top`
-    }), isActivePreviousSibling && _react.default.createElement(_corner.Corner, {
-      className: `${classPrefix}-item-corner ${classPrefix}-item-corner-bottom`
-    })), _react.default.createElement(_badge.default, {
-      content: item.props.badge,
-      className: `${classPrefix}-badge`
-    }, _react.default.createElement("div", {
-      className: `${classPrefix}-item-title`
-    }, active && _react.default.createElement("div", {
-      className: `${classPrefix}-item-highlight`
-    }), item.props.title))));
-  })), _react.default.createElement("div", {
-    className: (0, _classnames.default)(`${classPrefix}-extra-space`, isLastItemActive && `${classPrefix}-item-active-next-sibling`)
-  }, isLastItemActive && _react.default.createElement(_corner.Corner, {
-    className: `${classPrefix}-item-corner ${classPrefix}-item-corner-top`
-  }))));
-};
-
-exports.SideBar = SideBar;

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import './skeleton.less';
-export type { SkeletonProps, SkeletonTitleProps } from './skeleton';
-declare const _default: import("react").FC<import("./skeleton").SkeletonProps> & {
-    Title: import("react").FC<import("./skeleton").SkeletonTitleProps>;
-    Paragraph: import("react").FC<import("./skeleton").SkeletonParagraphProps>;
-};
-export default _default;

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

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("./skeleton.css");
-
-var _skeleton2 = require("./skeleton");
-
-var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
-
-var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_skeleton2.Skeleton, {
-  Title: _skeleton2.SkeletonTitle,
-  Paragraph: _skeleton2.SkeletonParagraph
-});
-
-exports.default = _default;

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

@@ -1,45 +0,0 @@
-.adm-skeleton {
-  --width: 100%;
-  --height: 0;
-  --border-radius: 0;
-  background-color: rgba(190, 190, 190, 0.2);
-  border-radius: var(--border-radius);
-  width: var(--width);
-  height: var(--height);
-  display: block;
-}
-
-.adm-skeleton.adm-skeleton-animated {
-  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
-  background-size: 400% 100%;
-  animation: adm-skeleton-loading 1.4s ease infinite;
-}
-
-.adm-skeleton.adm-skeleton-title {
-  --width: 45%;
-  --height: 64px;
-  --border-radius: 4px;
-  margin-bottom: 32px;
-  margin-top: 32px;
-}
-
-.adm-skeleton.adm-skeleton-paragraph-line {
-  --height: 36px;
-  --border-radius: 4px;
-  margin-top: 24px;
-  margin-bottom: 24px;
-}
-
-.adm-skeleton.adm-skeleton-paragraph-line:last-child {
-  --width: 65%;
-}
-
-@keyframes adm-skeleton-loading {
-  0% {
-    background-position: 100% 50%;
-  }
-
-  100% {
-    background-position: 0 50%;
-  }
-}

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

@@ -1,15 +0,0 @@
-import { FC } from 'react';
-import { NativeProps } from '../../utils/native-props';
-export declare type SkeletonProps = {
-    animated?: boolean;
-} & NativeProps<'--width' | '--height' | '--border-radius'>;
-export declare const Skeleton: FC<SkeletonProps>;
-export declare type SkeletonTitleProps = {
-    animated?: boolean;
-} & NativeProps;
-export declare const SkeletonTitle: FC<SkeletonTitleProps>;
-export declare type SkeletonParagraphProps = {
-    animated?: boolean;
-    lineCount?: number;
-} & NativeProps;
-export declare const SkeletonParagraph: FC<SkeletonParagraphProps>;

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

@@ -1,59 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SkeletonTitle = exports.SkeletonParagraph = exports.Skeleton = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _nativeProps = require("../../utils/native-props");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _generateIntArray = require("../../utils/generate-int-array");
-
-var _withDefaultProps = require("../../utils/with-default-props");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const classPrefix = 'adm-skeleton';
-
-const Skeleton = props => {
-  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
-    className: (0, _classnames.default)(classPrefix, {
-      [`${classPrefix}-animated`]: props.animated
-    })
-  }));
-};
-
-exports.Skeleton = Skeleton;
-
-const SkeletonTitle = props => {
-  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement(Skeleton, {
-    animated: props.animated,
-    className: `${classPrefix}-title`
-  }));
-};
-
-exports.SkeletonTitle = SkeletonTitle;
-const defaultSkeletonParagraphProps = {
-  lineCount: 3
-};
-
-const SkeletonParagraph = p => {
-  const props = (0, _withDefaultProps.mergeProps)(defaultSkeletonParagraphProps, p);
-  const keys = (0, _generateIntArray.generateIntArray)(1, props.lineCount);
-
-  const node = _react.default.createElement("div", {
-    className: `${classPrefix}-paragraph`
-  }, keys.map(key => _react.default.createElement(Skeleton, {
-    key: key,
-    animated: props.animated,
-    className: `${classPrefix}-paragraph-line`
-  })));
-
-  return (0, _nativeProps.withNativeProps)(props, node);
-};
-
-exports.SkeletonParagraph = SkeletonParagraph;

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

@@ -1,4 +0,0 @@
-import './slider.less';
-import { Slider } from './slider';
-export type { SliderProps, SliderValue } from './slider';
-export default Slider;

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

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

package/2x/cjs/components/slider/marks.d.ts

@@ -1,13 +0,0 @@
-import React, { FC } from 'react';
-export declare type SliderMarks = {
-    [key: number]: React.ReactNode;
-};
-declare type MarksProps = {
-    marks: SliderMarks;
-    max: number;
-    min: number;
-    upperBound: number;
-    lowerBound: number;
-};
-declare const Marks: FC<MarksProps>;
-export default Marks;

package/2x/cjs/components/slider/marks.js

@@ -1,52 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const classPrefix = `adm-slider-mark`;
-
-const Marks = ({
-  marks,
-  upperBound,
-  lowerBound,
-  max,
-  min
-}) => {
-  const marksKeys = Object.keys(marks);
-  const range = max - min;
-  const elements = marksKeys.map(parseFloat).sort((a, b) => a - b).filter(point => point >= min && point <= max).map(point => {
-    const markPoint = marks[point];
-
-    if (!markPoint && markPoint !== 0) {
-      return null;
-    }
-
-    const isActive = point <= upperBound && point >= lowerBound;
-    const markClassName = (0, _classnames.default)({
-      [`${classPrefix}-text`]: true,
-      [`${classPrefix}-text-active`]: isActive
-    });
-    const style = {
-      left: `${(point - min) / range * 100}%`
-    };
-    return _react.default.createElement("span", {
-      className: markClassName,
-      style: style,
-      key: point
-    }, markPoint);
-  });
-  return _react.default.createElement("div", {
-    className: classPrefix
-  }, elements);
-};
-
-var _default = Marks;
-exports.default = _default;

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

@@ -1,116 +0,0 @@
-.adm-slider {
-  --fill-color: var(--adm-color-primary);
-  padding: 10px 28px;
-  list-style: none;
-  user-select: none;
-}
-
-.adm-slider-track-container {
-  padding: 16px 0;
-}
-
-.adm-slider-track {
-  position: relative;
-  width: 100%;
-  height: 6px;
-  background-color: var(--adm-color-box);
-  border-radius: 6px;
-}
-
-.adm-slider-fill {
-  position: absolute;
-  z-index: 1;
-  height: 6px;
-  border-radius: 6px;
-  background-color: var(--fill-color);
-}
-
-.adm-slider-ticks {
-  position: absolute;
-  width: 100%;
-  height: 6px;
-  background: transparent;
-}
-
-.adm-slider-tick {
-  position: absolute;
-  top: -4px;
-  width: 14px;
-  height: 14px;
-  margin-left: -6px;
-  background-color: var(--adm-color-box);
-  border-radius: 50%;
-}
-
-.adm-slider-tick-active {
-  background-color: var(--fill-color);
-}
-
-.adm-slider-thumb {
-  width: 56px;
-  height: 56px;
-  margin: 4px;
-  border-radius: 50%;
-  text-align: center;
-  line-height: 56px;
-  background: var(--adm-color-white);
-  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.12);
-  color: var(--fill-color);
-}
-
-.adm-slider-thumb:focus {
-  outline: none;
-}
-
-.adm-slider-thumb-icon {
-  width: 24px;
-  height: 24px;
-  margin: 16px;
-  user-select: none;
-}
-
-.adm-slider-thumb-container {
-  cursor: grab;
-  touch-action: none;
-  position: absolute;
-  z-index: 2;
-  width: 64px;
-  height: 64px;
-  border-radius: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
-
-.adm-slider-mark {
-  position: relative;
-  width: 100%;
-  overflow: visible;
-  font-size: var(--adm-font-size-3);
-  height: 22px;
-  margin-top: 20px;
-}
-
-.adm-slider-mark-text {
-  position: absolute;
-  display: inline-block;
-  line-height: 1;
-  color: var(--adm-color-text);
-  text-align: center;
-  word-break: keep-all;
-  user-select: none;
-  transform: translateX(-50%);
-}
-
-.adm-slider-disabled {
-  opacity: 0.4;
-}
-
-.adm-slider-disabled .adm-slider-thumb {
-  cursor: not-allowed;
-}
-
-.adm-slider-disabled .adm-slider-mark-text,
-.adm-slider-disabled .adm-slider-tick {
-  cursor: not-allowed;
-  box-shadow: none;
-}

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

@@ -1,20 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { NativeProps } from '../../utils/native-props';
-import { SliderMarks } from './marks';
-export declare type SliderValue = number | [number, number];
-export declare type SliderProps = {
-    min?: number;
-    max?: number;
-    value?: SliderValue;
-    defaultValue?: SliderValue;
-    step?: number;
-    marks?: SliderMarks;
-    ticks?: boolean;
-    disabled?: boolean;
-    range?: boolean;
-    icon?: ReactNode;
-    popover?: boolean | ((value: number) => ReactNode);
-    onChange?: (value: SliderValue) => void;
-    onAfterChange?: (value: SliderValue) => void;
-} & NativeProps<'--fill-color'>;
-export declare const Slider: FC<SliderProps>;

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

@@ -1,218 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Slider = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _nativeProps = require("../../utils/native-props");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _ticks = _interopRequireDefault(require("./ticks"));
-
-var _marks = _interopRequireDefault(require("./marks"));
-
-var _thumb = _interopRequireDefault(require("./thumb"));
-
-var _withDefaultProps = require("../../utils/with-default-props");
-
-var _nearest = require("../../utils/nearest");
-
-var _usePropsValue = require("../../utils/use-props-value");
-
-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-slider`;
-const defaultProps = {
-  min: 0,
-  max: 100,
-  step: 1,
-  ticks: false,
-  range: false,
-  disabled: false,
-  popover: false
-};
-
-const Slider = p => {
-  var _a;
-
-  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  const {
-    min,
-    max,
-    disabled,
-    marks,
-    ticks,
-    step,
-    icon
-  } = props;
-
-  function sortValue(val) {
-    return val.sort((a, b) => a - b);
-  }
-
-  function convertValue(value) {
-    return props.range ? value : [props.min, value];
-  }
-
-  function reverseValue(value) {
-    return props.range ? value : value[1];
-  }
-
-  function onAfterChange(value) {
-    var _a;
-
-    (_a = props.onAfterChange) === null || _a === void 0 ? void 0 : _a.call(props, reverseValue(value));
-  }
-
-  const [rawValue, setRawValue] = (0, _usePropsValue.usePropsValue)({
-    value: props.value,
-    defaultValue: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : props.range ? [min, min] : min,
-    onChange: props.onChange
-  });
-  const sliderValue = sortValue(convertValue(rawValue));
-
-  function setSliderValue(value) {
-    const next = sortValue(value);
-    const current = sliderValue;
-    if (next[0] === current[0] && next[1] === current[1]) return;
-    setRawValue(reverseValue(next));
-  }
-
-  const trackRef = (0, _react.useRef)(null);
-  const fillSize = `${100 * (sliderValue[1] - sliderValue[0]) / (max - min)}%`;
-  const fillStart = `${100 * (sliderValue[0] - min) / (max - min)}%`; // 计算要显示的点
-
-  const pointList = (0, _react.useMemo)(() => {
-    if (marks) {
-      return Object.keys(marks).map(parseFloat).sort((a, b) => a - b);
-    } else {
-      const points = [];
-
-      for (let i = min; i <= max; i += step) {
-        points.push(i);
-      }
-
-      return points;
-    }
-  }, [marks, ticks, step, min, max]);
-
-  function getValueByPosition(position) {
-    const newPosition = position < min ? min : position > max ? max : position;
-    let value = min; // 显示了刻度点，就只能移动到点上
-
-    if (pointList.length) {
-      value = (0, _nearest.nearest)(pointList, newPosition);
-    } else {
-      const lengthPerStep = 100 / ((max - min) / step);
-      const steps = Math.round(newPosition / lengthPerStep);
-      value = steps * lengthPerStep * (max - min) * 0.01 + min;
-    }
-
-    return value;
-  }
-
-  const dragLockRef = (0, _react.useRef)(0);
-
-  const onTrackClick = event => {
-    if (dragLockRef.current > 0) return;
-    event.stopPropagation();
-    if (disabled) return;
-    const track = trackRef.current;
-    if (!track) return;
-    const sliderOffsetLeft = track.getBoundingClientRect().left;
-    const position = (event.clientX - sliderOffsetLeft) / Math.ceil(track.offsetWidth) * (max - min) + min;
-    const targetValue = getValueByPosition(position);
-    let nextSliderValue;
-
-    if (props.range) {
-      // 移动的滑块采用就近原则
-      if (Math.abs(targetValue - sliderValue[0]) > Math.abs(targetValue - sliderValue[1])) {
-        nextSliderValue = [sliderValue[0], targetValue];
-      } else {
-        nextSliderValue = [targetValue, sliderValue[1]];
-      }
-    } else {
-      nextSliderValue = [props.min, targetValue];
-    }
-
-    setSliderValue(nextSliderValue);
-    onAfterChange(nextSliderValue);
-  };
-
-  const valueBeforeDragRef = (0, _react.useRef)();
-
-  const renderThumb = index => {
-    return _react.default.createElement(_thumb.default, {
-      key: index,
-      value: sliderValue[index],
-      min: min,
-      max: max,
-      disabled: disabled,
-      trackRef: trackRef,
-      icon: icon,
-      popover: props.popover,
-      onDrag: (position, first, last) => {
-        if (first) {
-          dragLockRef.current += 1;
-          valueBeforeDragRef.current = sliderValue;
-        }
-
-        const val = getValueByPosition(position);
-        const valueBeforeDrag = valueBeforeDragRef.current;
-        if (!valueBeforeDrag) return;
-        const next = [...valueBeforeDrag];
-        next[index] = val;
-        setSliderValue(next);
-
-        if (last) {
-          onAfterChange(next);
-          window.setTimeout(() => {
-            dragLockRef.current -= 1;
-          }, 100);
-        }
-      },
-      "aria-label": props['aria-label']
-    });
-  };
-
-  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
-    className: (0, _classnames.default)(classPrefix, {
-      [`${classPrefix}-disabled`]: disabled
-    })
-  }, _react.default.createElement("div", {
-    className: `${classPrefix}-track-container`,
-    onClick: onTrackClick
-  }, _react.default.createElement("div", {
-    className: `${classPrefix}-track`,
-    onClick: onTrackClick,
-    ref: trackRef
-  }, _react.default.createElement("div", {
-    className: `${classPrefix}-fill`,
-    style: {
-      width: fillSize,
-      left: fillStart
-    }
-  }), props.ticks && _react.default.createElement(_ticks.default, {
-    points: pointList,
-    min: min,
-    max: max,
-    lowerBound: sliderValue[0],
-    upperBound: sliderValue[1]
-  }), props.range && renderThumb(0), renderThumb(1))), marks && _react.default.createElement(_marks.default, {
-    min: min,
-    max: max,
-    marks: marks,
-    lowerBound: sliderValue[0],
-    upperBound: sliderValue[1]
-  })));
-};
-
-exports.Slider = Slider;

package/2x/cjs/components/slider/thumb-icon.d.ts

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