antd-mobile 5.32.3 → 5.33.0

package/es/components/calendar-picker/calendar-picker.js

@@ -0,0 +1,79 @@
+import { __rest } from "tslib";
+import React, { forwardRef, useRef } from 'react';
+import { withNativeProps } from '../../utils/native-props';
+import classNames from 'classnames';
+import Button from '../button';
+import Divider from '../divider';
+import Popup from '../popup';
+import { mergeProps } from '../../utils/with-default-props';
+import { useConfig } from '../config-provider';
+import CalendarPickerView from '../calendar-picker-view';
+const classPrefix = 'adm-calendar-picker';
+const defaultProps = {
+  weekStartsOn: 'Sunday',
+  defaultValue: null,
+  allowClear: true,
+  usePopup: true,
+  selectionMode: 'single'
+};
+export const CalendarPicker = forwardRef((p, ref) => {
+  const props = mergeProps(defaultProps, p);
+  const {
+    locale
+  } = useConfig();
+  const calendarRef = ref !== null && ref !== void 0 ? ref : useRef(null);
+  const {
+      visible,
+      confirmText,
+      popupClassName,
+      popupStyle,
+      popupBodyStyle,
+      forceRender,
+      closeOnMaskClick,
+      onClose,
+      onConfirm,
+      onMaskClick
+    } = props,
+    calendarViewProps = __rest(props, ["visible", "confirmText", "popupClassName", "popupStyle", "popupBodyStyle", "forceRender", "closeOnMaskClick", "onClose", "onConfirm", "onMaskClick"]);
+  const footer = React.createElement("div", {
+    className: `${classPrefix}-footer`
+  }, React.createElement(Divider, null), React.createElement("div", {
+    className: `${classPrefix}-footer-bottom`
+  }, React.createElement(Button, {
+    color: 'primary',
+    onClick: () => {
+      var _a, _b, _c, _d;
+      const dateRange = (_b = (_a = calendarRef.current) === null || _a === void 0 ? void 0 : _a.getDateRange()) !== null && _b !== void 0 ? _b : null;
+      if (props.selectionMode === 'single') {
+        (_c = props.onConfirm) === null || _c === void 0 ? void 0 : _c.call(props, dateRange ? dateRange[0] : null);
+      } else if (props.selectionMode === 'range') {
+        (_d = props.onConfirm) === null || _d === void 0 ? void 0 : _d.call(props, dateRange);
+      }
+      onClose === null || onClose === void 0 ? void 0 : onClose();
+    }
+  }, confirmText !== null && confirmText !== void 0 ? confirmText : locale.Calendar.confirm)));
+  return withNativeProps(props, React.createElement("div", {
+    className: classPrefix
+  }, React.createElement(Popup, {
+    visible: visible,
+    className: classNames(`${classPrefix}-popup`, popupClassName),
+    showCloseButton: true,
+    forceRender: ref ? true : forceRender,
+    style: popupStyle,
+    bodyStyle: Object.assign({
+      borderTopLeftRadius: '8px',
+      borderTopRightRadius: '8px',
+      minHeight: '80vh',
+      overflow: 'auto'
+    }, popupBodyStyle),
+    onClose: onClose,
+    onMaskClick: () => {
+      onMaskClick === null || onMaskClick === void 0 ? void 0 : onMaskClick();
+      if (closeOnMaskClick) {
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+      }
+    }
+  }, React.createElement(CalendarPickerView, Object.assign({
+    ref: calendarRef
+  }, calendarViewProps)), footer)));
+});

package/es/components/calendar-picker/index.d.ts

@@ -0,0 +1,3 @@
+import { CalendarPicker } from './calendar-picker';
+export type { CalendarPickerProps, CalendarPickerRef } from './calendar-picker';
+export default CalendarPicker;

package/es/components/calendar-picker/index.js

@@ -0,0 +1,2 @@
+import { CalendarPicker } from './calendar-picker';
+export default CalendarPicker;

package/es/components/calendar-picker-view/arrow-left-double.d.ts

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

package/es/components/calendar-picker-view/arrow-left-double.js

@@ -0,0 +1,29 @@
+import React from 'react';
+export const ArrowLeftDouble = () => {
+  return React.createElement("svg", {
+    height: '1em',
+    viewBox: '0 0 44 44'
+  }, React.createElement("g", {
+    stroke: 'none',
+    strokeWidth: '1',
+    fill: 'none',
+    fillRule: 'evenodd'
+  }, React.createElement("g", {
+    transform: 'translate(-24.000000, -22.000000)'
+  }, React.createElement("g", {
+    transform: 'translate(24.000000, 22.000000)'
+  }, React.createElement("rect", {
+    x: '0',
+    y: '0',
+    width: '44',
+    height: '44'
+  }), React.createElement("g", {
+    transform: 'translate(7.000000, 4.000000)',
+    fill: 'currentColor',
+    fillRule: 'nonzero'
+  }, React.createElement("path", {
+    d: 'M19.4833058,2.71985611 L3.53051139,17.0699744 C3.0173831,17.5315665 2.97522952,18.3220903 3.43630803,18.8357433 L3.43630796,18.8357432 C3.46601289,18.8688164 3.49745845,18.9002801 3.53051133,18.9300007 L19.4833057,33.2801611 C20.1234001,33.8559077 20.1759552,34.8420707 19.6007967,35.4827774 C19.0256382,36.1235263 18.0404824,36.1761351 17.400388,35.6003885 L1.44759367,21.2502703 L1.4475933,21.25027 C1.33208743,21.1463692 1.22220259,21.036372 1.11840792,20.920748 C-0.49302969,19.1256817 -0.345639536,16.3628317 1.4475933,14.7497465 L17.4003877,0.399628282 C18.0404821,-0.176160428 19.0256378,-0.123509422 19.6007963,0.517239417 C20.1759548,1.1579461 20.1233997,2.14410915 19.4833053,2.7198557 L19.4833058,2.71985611 Z'
+  }), React.createElement("path", {
+    d: 'M19.5305114,17.0699744 C19.0173831,17.5315665 18.9752295,18.3220903 19.436308,18.8357433 C19.4660129,18.8688164 19.4974585,18.9002801 19.5305113,18.9300007 L29.4833057,27.2801611 C30.1234001,27.8559077 30.1759552,28.8420707 29.6007967,29.4827774 C29.0256382,30.1235263 28.0404824,30.1761351 27.400388,29.6003885 L17.4475937,21.2502703 C17.3320874,21.1463692 17.2222026,21.036372 17.1184079,20.920748 C15.5069703,19.1256817 15.6543605,16.3628317 17.4475933,14.7497465 L27.4003877,6.39962828 C28.0404821,5.82383957 29.0256378,5.87649058 29.6007963,6.51723942 C30.1759548,7.1579461 30.1233997,8.14410915 29.4833053,8.7198557 L19.5305114,17.0699744 Z'
+  }))))));
+};

package/es/components/calendar-picker-view/arrow-left.d.ts

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

package/es/components/calendar-picker-view/arrow-left.js

@@ -0,0 +1,27 @@
+import React from 'react';
+export const ArrowLeft = () => {
+  return React.createElement("svg", {
+    height: '1em',
+    viewBox: '0 0 44 44'
+  }, React.createElement("g", {
+    stroke: 'none',
+    strokeWidth: '1',
+    fill: 'none',
+    fillRule: 'evenodd'
+  }, React.createElement("g", {
+    transform: 'translate(-100.000000, -22.000000)'
+  }, React.createElement("g", {
+    transform: 'translate(100.000000, 22.000000)'
+  }, React.createElement("rect", {
+    x: '0',
+    y: '0',
+    width: '44',
+    height: '44'
+  }), React.createElement("g", {
+    transform: 'translate(12.000000, 4.000000)',
+    fill: 'currentColor',
+    fillRule: 'nonzero'
+  }, React.createElement("path", {
+    d: 'M19.4833058,2.71985611 L3.53051139,17.0699744 C3.0173831,17.5315665 2.97522952,18.3220903 3.43630803,18.8357433 L3.43630796,18.8357432 C3.46601289,18.8688164 3.49745845,18.9002801 3.53051133,18.9300007 L19.4833057,33.2801611 C20.1234001,33.8559077 20.1759552,34.8420707 19.6007967,35.4827774 C19.0256382,36.1235263 18.0404824,36.1761351 17.400388,35.6003885 L1.44759367,21.2502703 L1.4475933,21.25027 C1.33208743,21.1463692 1.22220259,21.036372 1.11840792,20.920748 C-0.49302969,19.1256817 -0.345639536,16.3628317 1.4475933,14.7497465 L17.4003877,0.399628282 C18.0404821,-0.176160428 19.0256378,-0.123509422 19.6007963,0.517239417 C20.1759548,1.1579461 20.1233997,2.14410915 19.4833053,2.7198557 L19.4833058,2.71985611 Z'
+  }))))));
+};