@nickeylin/antd-mobile-pro 2.0.0

package/dist/es/components/config-provider/use-imperatively-renderer.js

@@ -0,0 +1,85 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { cloneElement, createRef, forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { devWarning } from "../../utils/dev-log";
+import { useConfig } from "./provider";
+import { jsx as _jsx } from "react/jsx-runtime";
+var uuid = 100000;
+var Wraper = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var element = _ref.element;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var closedRef = useRef(false);
+  function onClose() {
+    var _element$props$onClos, _element$props;
+    closedRef.current = true;
+    setVisible(false);
+    (_element$props$onClos = (_element$props = element.props).onClose) === null || _element$props$onClos === void 0 || _element$props$onClos.call(_element$props);
+  }
+  function afterClose() {
+    var _element$props$afterC, _element$props2;
+    // unmount();
+    (_element$props$afterC = (_element$props2 = element.props).afterClose) === null || _element$props$afterC === void 0 || _element$props$afterC.call(_element$props2);
+  }
+  useEffect(function () {
+    if (!closedRef.current) {
+      setVisible(true);
+    } else {
+      afterClose();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  useImperativeHandle(ref, function () {
+    return {
+      close: onClose
+    };
+  });
+  return /*#__PURE__*/cloneElement(element, _objectSpread(_objectSpread({}, element.props), {}, {
+    // key: keyRef.current,
+    visible: visible,
+    onClose: onClose,
+    afterClose: afterClose
+  }));
+});
+function useImperativelyRenderer(Comp) {
+  var _useConfig = useConfig(),
+    holderRef = _useConfig.holderRef;
+  useEffect(function () {
+    if (!holderRef.current) {
+      devWarning('ConfigProvider.useImperativelyRenderer', 'ConfigProvider.useImperativelyRenderer only available inside ConfigProvider');
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var handlers = useMemo(function () {
+    var closeFn;
+    var ref = /*#__PURE__*/createRef();
+    function open(props) {
+      var _holderRef$current;
+      uuid += 1;
+      var element = /*#__PURE__*/_jsx(Wraper, {
+        ref: ref,
+        element: /*#__PURE__*/_jsx(Comp, _objectSpread(_objectSpread({}, props), {}, {
+          afterClose: function afterClose() {
+            var _closeFn, _props$afterClose;
+            (_closeFn = closeFn) === null || _closeFn === void 0 || _closeFn();
+            (_props$afterClose = props.afterClose) === null || _props$afterClose === void 0 || _props$afterClose.call(props);
+          }
+        }))
+      }, uuid);
+      closeFn = (_holderRef$current = holderRef.current) === null || _holderRef$current === void 0 ? void 0 : _holderRef$current.patchElement(element);
+    }
+    return {
+      open: open,
+      close: function close() {
+        var _ref$current;
+        (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.close();
+      }
+    };
+  }, [Comp, holderRef]);
+  return handlers;
+}
+export default useImperativelyRenderer;

package/dist/es/components/config-provider/use-prompt.d.ts

@@ -0,0 +1,12 @@
+import { ComponentClass, FC } from 'react';
+export type PromptProps<T> = {
+    visible?: boolean;
+    onClose?: () => void;
+    afterClose?: () => void;
+    value?: T;
+    onConfirm?(val: T): void;
+    onCancel?(): void;
+};
+type PromptReturnValue<R, P extends PromptProps<R>> = Parameters<NonNullable<P['onConfirm']>>[0];
+declare function usePrompt<R, P extends PromptProps<R> = PromptProps<R>>(Comp: FC<P> | ComponentClass<P>): (props: P) => Promise<PromptReturnValue<R, P>>;
+export default usePrompt;

package/dist/es/components/config-provider/use-prompt.js

@@ -0,0 +1,58 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { cloneElement, useEffect, useState } from 'react';
+import { useConfig } from "./provider";
+import { jsx as _jsx } from "react/jsx-runtime";
+function Wrapper(_ref) {
+  var element = _ref.element;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  useEffect(function () {
+    setVisible(true);
+  }, []);
+  return /*#__PURE__*/cloneElement(element, _objectSpread(_objectSpread({}, element.props), {}, {
+    visible: visible,
+    onClose: function onClose() {
+      var _element$props$onClos, _element$props;
+      setVisible(false);
+      (_element$props$onClos = (_element$props = element.props).onClose) === null || _element$props$onClos === void 0 || _element$props$onClos.call(_element$props);
+    }
+  }));
+}
+Wrapper.displayName = 'Wrapper';
+var uuid = 0;
+function usePrompt(Comp) {
+  var _useConfig = useConfig(),
+    holderRef = _useConfig.holderRef,
+    locale = _useConfig.locale;
+  return function (props) {
+    return new Promise(function (resolve, reject) {
+      var _holderRef$current;
+      uuid += 1;
+      var closeFn;
+      var element = /*#__PURE__*/_jsx(Wrapper, {
+        element: /*#__PURE__*/_jsx(Comp, _objectSpread(_objectSpread({}, props), {}, {
+          afterClose: function afterClose() {
+            var _closeFn, _props$afterClose;
+            (_closeFn = closeFn) === null || _closeFn === void 0 || _closeFn();
+            (_props$afterClose = props.afterClose) === null || _props$afterClose === void 0 || _props$afterClose.call(props);
+          },
+          onConfirm: function onConfirm(val) {
+            var _props$onConfirm;
+            (_props$onConfirm = props.onConfirm) === null || _props$onConfirm === void 0 || _props$onConfirm.call(props, val);
+            resolve(val);
+          },
+          onCancel: function onCancel() {
+            reject(Error(locale.common.userCancel));
+          }
+        }))
+      }, uuid);
+      closeFn = (_holderRef$current = holderRef.current) === null || _holderRef$current === void 0 ? void 0 : _holderRef$current.patchElement(element);
+    });
+  };
+}
+export default usePrompt;

package/dist/es/components/container/Container.d.ts

@@ -0,0 +1,7 @@
+import { NativeProps } from 'antd-mobile/es/utils/native-props';
+import { CSSProperties, FC, ReactNode } from 'react';
+export type ContainerProps = Pick<CSSProperties, 'padding' | 'margin'> & Pick<NativeProps, 'style' | 'className'> & {
+    children?: ReactNode;
+};
+declare const Container: FC<ContainerProps>;
+export default Container;

package/dist/es/components/container/Container.js

@@ -0,0 +1,21 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children", "style", "className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { jsx as _jsx } from "react/jsx-runtime";
+var Container = function Container(_ref) {
+  var children = _ref.children,
+    style = _ref.style,
+    className = _ref.className,
+    styles = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx("div", {
+    style: _objectSpread({
+      padding: styles.padding || 12,
+      margin: styles.margin
+    }, style),
+    className: className,
+    children: children
+  });
+};
+export default Container;

package/dist/es/components/container/index.d.ts

@@ -0,0 +1,3 @@
+import Container from './Container';
+export default Container;
+export { type ContainerProps } from './Container';

package/dist/es/components/container/index.js

@@ -0,0 +1,2 @@
+import Container from "./Container";
+export default Container;

package/dist/es/components/date-picker/date-picker.d.ts

@@ -0,0 +1,26 @@
+import { DatePickerProps as AntDatePickerProps } from 'antd-mobile';
+import { RenderLabel } from 'antd-mobile/es/components/date-picker-view/date-picker-view';
+import { DatePrecision } from 'antd-mobile/es/components/date-picker/date-picker-date-utils';
+import { PickerDate } from 'antd-mobile/es/components/date-picker/util';
+import { PickerActions } from 'antd-mobile/es/components/picker';
+import { ReactNode } from 'react';
+export type { DatePrecision, PickerDate, RenderLabel };
+export interface DatePickerProps extends Omit<AntDatePickerProps, 'value' | 'onConfirm' | 'children' | 'tillNow' | 'defaultValue'> {
+    /**
+     * 日期格式，默认会根据精度自动选择日期格式
+     * 1. 若精度为时/分/秒，日期格式将使用`YYYY-MM-DD HH:mm:ss`
+     * 2. 若精度为月，日期格式将使用`YYYY-MM`，
+     * 3. 若精度为年，日期格式将使用`YYYY`
+     * 4. 其他，日期格式将使用`YYYY-MM-DD`
+     */
+    format?: string;
+    value?: string;
+    defaultValue?: string;
+    onConfirm?(value: string, date: PickerDate): void;
+    children?: (value: string | null, date: PickerDate | null, actions: PickerActions, label: string | null) => ReactNode;
+    tillNow?: boolean | {
+        format?: string;
+    };
+}
+declare const DatePicker: import("react").ForwardRefExoticComponent<DatePickerProps & import("react").RefAttributes<PickerActions | null>>;
+export default DatePicker;

package/dist/es/components/date-picker/date-picker.js

@@ -0,0 +1,115 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["renderLabel", "precision", "value", "defaultValue", "onConfirm", "children", "tillNow"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { DatePicker as AntDatePicker } from 'antd-mobile';
+import { forwardRef, useCallback, useMemo } from 'react';
+import { useConfig } from "../config-provider";
+import { formatDate, toDate } from "./helper";
+import { jsx as _jsx } from "react/jsx-runtime";
+function useLabelRender() {
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+  return useCallback(function (type, data) {
+    var weekdayName = function weekdayName(d) {
+      switch (d) {
+        case 1:
+          return locale.DatePicker.monday;
+        case 2:
+          return locale.DatePicker.tuesday;
+        case 3:
+          return locale.DatePicker.wednesday;
+        case 4:
+          return locale.DatePicker.thursday;
+        case 5:
+          return locale.DatePicker.friday;
+        case 6:
+          return locale.DatePicker.saturday;
+        case 7:
+          return locale.DatePicker.sunday;
+        default:
+          return d;
+      }
+    };
+    switch (type) {
+      case 'year':
+        return data + locale.DatePicker.year;
+      case 'month':
+        return data + locale.DatePicker.month;
+      case 'day':
+        return data + locale.DatePicker.day;
+      case 'hour':
+        return data + locale.DatePicker.hour;
+      case 'minute':
+        return data + locale.DatePicker.minute;
+      case 'second':
+        return data + locale.DatePicker.second;
+      case 'week':
+        return data + locale.DatePicker.week;
+      case 'week-day':
+        return weekdayName(data);
+      case 'now':
+        return locale.DatePicker.tillNow;
+      default:
+        return data;
+    }
+  }, [locale]);
+}
+var DatePicker = /*#__PURE__*/forwardRef(function (p, ref) {
+  var renderLabel = p.renderLabel,
+    precision = p.precision,
+    value = p.value,
+    defaultValue = p.defaultValue,
+    onConfirm = p.onConfirm,
+    _children = p.children,
+    tillNowProp = p.tillNow,
+    props = _objectWithoutProperties(p, _excluded);
+  var _useConfig2 = useConfig(),
+    locale = _useConfig2.locale;
+  var defaultTillNowFomat = locale.DatePicker.tillNow;
+  var defaultRenderLabel = useLabelRender();
+  var tillNowFomat = useMemo(function () {
+    var _tillNowProp$format;
+    if (typeof tillNowProp === 'boolean') {
+      return defaultTillNowFomat;
+    }
+    return (_tillNowProp$format = tillNowProp === null || tillNowProp === void 0 ? void 0 : tillNowProp.format) !== null && _tillNowProp$format !== void 0 ? _tillNowProp$format : defaultTillNowFomat;
+  }, [defaultTillNowFomat, tillNowProp]);
+  return /*#__PURE__*/_jsx(AntDatePicker, _objectSpread(_objectSpread({
+    renderLabel: renderLabel !== null && renderLabel !== void 0 ? renderLabel : defaultRenderLabel,
+    precision: precision,
+    defaultValue: defaultValue ? toDate(defaultValue, p).toDate() : undefined,
+    value: value ? toDate(value, p).toDate() : undefined,
+    onConfirm: function (_onConfirm) {
+      function onConfirm(_x) {
+        return _onConfirm.apply(this, arguments);
+      }
+      onConfirm.toString = function () {
+        return _onConfirm.toString();
+      };
+      return onConfirm;
+    }(function (val) {
+      onConfirm === null || onConfirm === void 0 || onConfirm(formatDate(val, _objectSpread(_objectSpread({}, p), {}, {
+        scope: 'value'
+      })), val);
+    }),
+    tillNow: !!tillNowProp
+  }, props), {}, {
+    ref: ref,
+    children: function children(date, actions) {
+      if (date !== null && date !== void 0 && date.tillNow) {
+        return tillNowFomat;
+      }
+      var val = date ? formatDate(date, _objectSpread(_objectSpread({}, p), {}, {
+        scope: 'value'
+      })) : null;
+      var label = date ? formatDate(date, _objectSpread(_objectSpread({}, p), {}, {
+        scope: 'label'
+      })) : null;
+      return _children === null || _children === void 0 ? void 0 : _children(val, date, actions, label);
+    }
+  }));
+});
+DatePicker.displayName = 'DatePicker';
+export default DatePicker;

package/dist/es/components/date-picker/date-range-picker.d.ts

@@ -0,0 +1,11 @@
+import { NativeProps } from 'antd-mobile/es/utils/native-props';
+import { FC } from 'react';
+import { DatePickerProps } from './date-picker';
+export type DateRangePickerProps = Omit<DatePickerProps, 'value' | 'onConfirm' | 'children' | 'onChange' | 'defaultValue' | 'tillNow'> & NativeProps<'--placeholder-color' | '--active-background-color' | '--triger-padding'> & {
+    value?: string[];
+    onChange?(value: string[]): void;
+    placeholder?: [string | undefined, string | undefined];
+    readonly?: boolean;
+};
+declare const ProDateRangePicker: FC<DateRangePickerProps>;
+export default ProDateRangePicker;

package/dist/es/components/date-picker/date-range-picker.js

@@ -0,0 +1,139 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["min", "max", "value", "onChange", "className", "style", "placeholder", "readonly"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { Space } from 'antd-mobile';
+import classNames from 'classnames';
+import { useMergedState } from 'rc-util';
+import { useMemo } from 'react';
+import { cn } from "../../utils/bem";
+import DatePicker from "./date-picker";
+import { toDate } from "./helper";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var bem = cn('pro-date-range-picker');
+function getPlaceholderSufix(precision) {
+  switch (precision !== null && precision !== void 0 ? precision : 'day') {
+    case 'year':
+      return '年份';
+    case 'month':
+      return '月份';
+    case 'hour':
+    case 'minute':
+    case 'second':
+      return '时间';
+    case 'day':
+    case 'week':
+    case 'week-day':
+    default:
+      return '日期';
+  }
+}
+// TODO: tillNow 暂未支持
+var ProDateRangePicker = function ProDateRangePicker(_ref) {
+  var _endDate$toDate, _startDate$toDate;
+  var min = _ref.min,
+    max = _ref.max,
+    valueProp = _ref.value,
+    onChange = _ref.onChange,
+    className = _ref.className,
+    style = _ref.style,
+    placeholder = _ref.placeholder,
+    readonly = _ref.readonly,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useMergedState = useMergedState([], {
+      value: valueProp,
+      onChange: onChange
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    value = _useMergedState2[0],
+    setValue = _useMergedState2[1];
+  var _value = _slicedToArray(value, 2),
+    startValue = _value[0],
+    endValue = _value[1];
+  var startDate = useMemo(function () {
+    if (!startValue) return null;
+    var startDate = toDate(startValue, {
+      precision: props.precision,
+      format: props.format
+    });
+    return startDate.isValid() ? startDate : null;
+  }, [props.format, props.precision, startValue]);
+  var endDate = useMemo(function () {
+    if (!endValue) return null;
+    var endDate = toDate(endValue, {
+      precision: props.precision,
+      format: props.format
+    });
+    return endDate.isValid() ? endDate : null;
+  }, [endValue, props.format, props.precision]);
+  var _useMemo = useMemo(function () {
+      var _props$precision, _props$precision2;
+      var _ref2 = placeholder !== null && placeholder !== void 0 ? placeholder : [],
+        _ref3 = _slicedToArray(_ref2, 2),
+        placeholder1 = _ref3[0],
+        placeholder2 = _ref3[1];
+      return [placeholder1 || '开始' + getPlaceholderSufix((_props$precision = props.precision) !== null && _props$precision !== void 0 ? _props$precision : 'day'), placeholder2 || '结束' + getPlaceholderSufix((_props$precision2 = props.precision) !== null && _props$precision2 !== void 0 ? _props$precision2 : 'day')];
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [JSON.stringify(placeholder), props.precision]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    startPlaceholder = _useMemo2[0],
+    endPlaceholder = _useMemo2[1];
+  return readonly ? /*#__PURE__*/_jsx("span", {
+    children: value.join(' ~ ') || '-'
+  }) : /*#__PURE__*/_jsxs(Space, {
+    block: true,
+    justify: "between",
+    align: "center",
+    style: _objectSpread({
+      '--gap-horizontal': '0'
+    }, style),
+    className: classNames(bem(), className),
+    children: [/*#__PURE__*/_jsx(DatePicker, _objectSpread(_objectSpread({
+      tillNow: false
+    }, props), {}, {
+      min: min,
+      max: (_endDate$toDate = endDate === null || endDate === void 0 ? void 0 : endDate.toDate()) !== null && _endDate$toDate !== void 0 ? _endDate$toDate : max,
+      value: startValue,
+      onConfirm: function onConfirm(val, _date) {
+        setValue([val, endValue]);
+      },
+      children: function children(val, _, actions) {
+        return /*#__PURE__*/_jsx("div", {
+          onClick: function onClick() {
+            return actions.open();
+          },
+          className: classNames(bem('trigger', {
+            placeholder: !val,
+            start: true
+          })),
+          children: val || startPlaceholder
+        });
+      }
+    })), /*#__PURE__*/_jsx("span", {
+      children: "~"
+    }), /*#__PURE__*/_jsx(DatePicker, _objectSpread(_objectSpread({}, props), {}, {
+      min: (_startDate$toDate = startDate === null || startDate === void 0 ? void 0 : startDate.toDate()) !== null && _startDate$toDate !== void 0 ? _startDate$toDate : min,
+      max: max,
+      value: endValue,
+      onConfirm: function onConfirm(val, _date) {
+        setValue([startValue, val]);
+      },
+      children: function children(val, _, actions) {
+        return /*#__PURE__*/_jsx("div", {
+          onClick: function onClick() {
+            return actions.open();
+          },
+          className: classNames(bem('trigger', {
+            placeholder: !val,
+            end: true
+          })),
+          children: val || endPlaceholder
+        });
+      }
+    }))]
+  });
+};
+export default ProDateRangePicker;

package/dist/es/components/date-picker/helper.d.ts

@@ -0,0 +1,6 @@
+import { Dayjs } from 'dayjs';
+import { DatePickerProps } from './date-picker';
+export declare function formatDate(date: Date, { format, precision, scope, }: Pick<DatePickerProps, 'precision' | 'format'> & {
+    scope: 'label' | 'value';
+}): string;
+export declare function toDate(dateStr: string, { format, precision }: Pick<DatePickerProps, 'precision' | 'format'>): Dayjs;

package/dist/es/components/date-picker/helper.js

@@ -0,0 +1,41 @@
+import dayjs from 'dayjs';
+import customParseFormat from 'dayjs/plugin/customParseFormat';
+dayjs.extend(customParseFormat);
+var defaultFormatMap = {
+  year: 'YYYY',
+  month: 'YYYY-MM',
+  day: 'YYYY-MM-DD',
+  hour: 'YYYY-MM-DD HH',
+  minute: 'YYYY-MM-DD HH:mm',
+  second: 'YYYY-MM-DD HH:mm:ss'
+};
+export function formatDate(date, _ref) {
+  var format = _ref.format,
+    precision = _ref.precision,
+    scope = _ref.scope;
+  var f;
+  if (scope === 'label') {
+    var _ref2;
+    // 格式化用于显示
+    f = (_ref2 = format !== null && format !== void 0 ? format : defaultFormatMap[precision !== null && precision !== void 0 ? precision : 'day']) !== null && _ref2 !== void 0 ? _ref2 : defaultFormatMap.day;
+  } else {
+    // 格式化用于值
+    if (format) {
+      f = format;
+    } else if (precision === 'second' || precision === 'minute' || precision === 'hour') {
+      f = defaultFormatMap.second;
+    } else {
+      var _defaultFormatMap;
+      f = (_defaultFormatMap = defaultFormatMap[precision !== null && precision !== void 0 ? precision : 'day']) !== null && _defaultFormatMap !== void 0 ? _defaultFormatMap : defaultFormatMap.day;
+    }
+  }
+  return dayjs(date).format(f);
+}
+export function toDate(dateStr, _ref3) {
+  var _ref4;
+  var format = _ref3.format,
+    precision = _ref3.precision;
+  var f = (_ref4 = format || defaultFormatMap[precision !== null && precision !== void 0 ? precision : 'day']) !== null && _ref4 !== void 0 ? _ref4 : defaultFormatMap.day;
+  var result = dateStr.length !== f.length ? dayjs(dateStr) : dayjs(dateStr, f);
+  return result;
+}

package/dist/es/components/date-picker/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import './style.less';
+export { type DatePickerProps, type RenderLabel as DatePickerRenderLabel, type DatePrecision, type PickerDate, } from './date-picker';
+export { type DateRangePickerProps } from './date-range-picker';
+declare const DatePicker: import("react").ForwardRefExoticComponent<import("./date-picker").DatePickerProps & import("react").RefAttributes<import("antd-mobile/es/components/picker").PickerActions | null>> & {
+    Range: import("react").FC<import("./date-range-picker").DateRangePickerProps>;
+};
+export default DatePicker;

package/dist/es/components/date-picker/index.js

@@ -0,0 +1,7 @@
+import _DatePicker from "./date-picker";
+import DateRangePicker from "./date-range-picker";
+import "./style.less";
+var DatePicker = Object.assign(_DatePicker, {
+  Range: DateRangePicker
+});
+export default DatePicker;

package/dist/es/components/date-picker/style.less

@@ -0,0 +1,24 @@
+@class-prefix-range-picker: ~'suid-pro-date-range-picker';
+
+.@{class-prefix-range-picker} {
+  --placeholder-color: var(--adm-color-light);
+  --active-background-color: var(--adm-color-border);
+  --triger-padding: 10px 12px;
+
+  &__trigger {
+    padding: var(--triger-padding);
+    min-width: 100px;
+    box-sizing: border-box;
+
+    &--placeholder {
+      color: var(--placeholder-color);
+    }
+    &:active {
+      background-color: var(--active-background-color);
+    }
+
+    &--end {
+      text-align: right;
+    }
+  }
+}

package/dist/es/components/descriptions/descriptions.d.ts

@@ -0,0 +1,17 @@
+import { NativeProps } from 'antd-mobile/es/utils/native-props';
+import { FC, ReactNode } from 'react';
+export interface DescriptionItem {
+    label: ReactNode;
+    content: ReactNode;
+    tips?: ReactNode;
+    span?: number;
+}
+export interface DescriptionsProps extends NativeProps<'--label-color' | ' --label-background-color' | '--label-width'> {
+    items: DescriptionItem[];
+    columns?: number;
+    labelWidth?: string | number;
+    colon?: boolean;
+    border?: boolean;
+}
+declare const Descriptions: FC<DescriptionsProps>;
+export default Descriptions;