@nickeylin/antd-mobile-pro 2.0.0

package/dist/es/components/pro-form/default-submitter.d.ts

@@ -0,0 +1,13 @@
+import { ButtonProps } from 'antd-mobile';
+import { FC, ReactNode } from 'react';
+export interface SubmitterProps {
+    reset?: false | ButtonProps;
+    submit?: false | ButtonProps;
+    render?(doms: ReactNode[], props: DefaultSubmitterProps): ReactNode;
+}
+interface DefaultSubmitterProps extends SubmitterProps {
+    loading?: boolean;
+    disabled?: boolean;
+}
+declare const DefaultSubmitter: FC<DefaultSubmitterProps>;
+export default DefaultSubmitter;

package/dist/es/components/pro-form/default-submitter.js

@@ -0,0 +1,60 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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 { Button, Grid } from 'antd-mobile';
+import { useMemo } from 'react';
+import { useConfig } from "../config-provider";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var DefaultSubmitter = function DefaultSubmitter(props) {
+  var loading = props.loading,
+    disabled = props.disabled,
+    reset = props.reset,
+    submit = props.submit,
+    render = props.render;
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+  var columns = useMemo(function () {
+    var result = 2;
+    if (reset === false) result -= 1;
+    if (submit === false) result -= 1;
+    return result;
+  }, [reset, submit]);
+  var doms = useMemo(function () {
+    var result = [];
+    if (reset !== false) {
+      var _reset$children;
+      result.push( /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+        type: "reset",
+        block: true,
+        disabled: loading
+      }, reset), {}, {
+        children: (_reset$children = reset === null || reset === void 0 ? void 0 : reset.children) !== null && _reset$children !== void 0 ? _reset$children : locale.Form.submitter.reset
+      }), "reset"));
+    }
+    if (submit !== false) {
+      var _submit$children;
+      result.push( /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+        color: "primary",
+        type: "submit",
+        block: true,
+        loading: loading
+      }, submit), {}, {
+        children: (_submit$children = submit === null || submit === void 0 ? void 0 : submit.children) !== null && _submit$children !== void 0 ? _submit$children : locale.Form.submitter.submit
+      }), "submit"));
+    }
+    return result;
+  }, [loading, locale.Form.submitter.reset, locale.Form.submitter.submit, reset, submit]);
+  return disabled || columns <= 0 ? null : render ? /*#__PURE__*/_jsx(_Fragment, {
+    children: render(doms, props)
+  }) : /*#__PURE__*/_jsx(Grid, {
+    columns: columns,
+    gap: 16,
+    children: doms.map(function (d, index) {
+      return /*#__PURE__*/_jsx(Grid.Item, {
+        children: d
+      }, index);
+    })
+  });
+};
+export default DefaultSubmitter;

package/dist/es/components/pro-form/index.d.ts

@@ -0,0 +1,24 @@
+import './style.less';
+export { default as ProForm, type ProFormProps } from './pro-form';
+export type { ProFormInstance } from './types';
+export { type ProFormItemProps } from './pro-form-item';
+export { default as ProFormActionSheet, type ProFormActionSheetProps, } from './pro-form-item-action-sheet';
+export { default as ProFormCalendarPicker, type ProFormCalendarPickerProps, } from './pro-form-item-calendar-picker';
+export { default as ProFormCascader, type ProFormCascaderProps, } from './pro-form-item-cascader';
+export { default as ProFormCheckbox, type ProFormCheckboxGroupProps, type ProFormCheckboxProps, } from './pro-form-item-checkbox';
+export { default as ProFormDatePicker, type ProFormDatePickerProps, } from './pro-form-item-date-picker';
+export { default as ProFormDateRangePicker, type ProFormDateRangePickerProps, } from './pro-form-item-date-range-picker';
+export { default as ProFormInput, type ProFormInputProps, } from './pro-form-item-input';
+export { default as ProFormInputCaptcha, type ProFormInputCaptchaProps, } from './pro-form-item-input-captcha';
+export { default as ProFormInputMoney, type ProFormInputMoneyProps, } from './pro-form-item-input-money';
+export { default as ProFormInputNumber, type ProFormInputNumberProps, } from './pro-form-item-input-number';
+export { default as ProFormInputPassword, type ProFormInputPasswordProps, } from './pro-form-item-input-password';
+export { default as ProFormListPicker, type ProFormListPickerProps, } from './pro-form-item-list-picker';
+export { default as ProFormPicker, type ProFormPickerProps, } from './pro-form-item-picker';
+export { default as ProFormRadioGroup, type ProFormRadioGroupProps, } from './pro-form-item-radio';
+export { default as ProFormSelector, type ProFormSelectorProps, } from './pro-form-item-selector';
+export { default as ProFormSlider, type ProFormSliderProps, } from './pro-form-item-slider';
+export { default as ProFormStepper, type ProFormStepperProps, type ProFormStepperRangeProps, } from './pro-form-item-stepper';
+export { default as ProFormSwitch, type ProFormSwitchProps, } from './pro-form-item-switch';
+export { default as ProFormTextarea, type ProFormTextareaProps, } from './pro-form-item-textarea';
+export { default as ProFormTreePicker, type ProFormTreePickerProps, } from './pro-form-item-tree-picker';

package/dist/es/components/pro-form/index.js

@@ -0,0 +1,22 @@
+import "./style.less";
+export { default as ProForm } from "./pro-form";
+export { default as ProFormActionSheet } from "./pro-form-item-action-sheet";
+export { default as ProFormCalendarPicker } from "./pro-form-item-calendar-picker";
+export { default as ProFormCascader } from "./pro-form-item-cascader";
+export { default as ProFormCheckbox } from "./pro-form-item-checkbox";
+export { default as ProFormDatePicker } from "./pro-form-item-date-picker";
+export { default as ProFormDateRangePicker } from "./pro-form-item-date-range-picker";
+export { default as ProFormInput } from "./pro-form-item-input";
+export { default as ProFormInputCaptcha } from "./pro-form-item-input-captcha";
+export { default as ProFormInputMoney } from "./pro-form-item-input-money";
+export { default as ProFormInputNumber } from "./pro-form-item-input-number";
+export { default as ProFormInputPassword } from "./pro-form-item-input-password";
+export { default as ProFormListPicker } from "./pro-form-item-list-picker";
+export { default as ProFormPicker } from "./pro-form-item-picker";
+export { default as ProFormRadioGroup } from "./pro-form-item-radio";
+export { default as ProFormSelector } from "./pro-form-item-selector";
+export { default as ProFormSlider } from "./pro-form-item-slider";
+export { default as ProFormStepper } from "./pro-form-item-stepper";
+export { default as ProFormSwitch } from "./pro-form-item-switch";
+export { default as ProFormTextarea } from "./pro-form-item-textarea";
+export { default as ProFormTreePicker } from "./pro-form-item-tree-picker";

package/dist/es/components/pro-form/pro-field-context.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { NamePath } from 'antd-mobile/es/components/form';
+type SearchTransformKeyFn = (value: any, namePath: string, allValues: any) => any;
+interface ProFieldContextType {
+    setFieldValueType?: (name: NamePath, transform?: SearchTransformKeyFn) => void;
+}
+declare const ProFieldContext: import("react").Context<ProFieldContextType>;
+export default ProFieldContext;

package/dist/es/components/pro-form/pro-field-context.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+var ProFieldContext = /*#__PURE__*/createContext({});
+export default ProFieldContext;

package/dist/es/components/pro-form/pro-form-context.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { FormItemProps } from 'antd-mobile';
+export type ProFormContextType = Pick<FormItemProps, 'childElementPosition'> & {
+    /** 只读表单 */
+    readonly?: boolean;
+};
+declare const ProFormContext: import("react").Context<ProFormContextType>;
+export default ProFormContext;

package/dist/es/components/pro-form/pro-form-context.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+var ProFormContext = /*#__PURE__*/createContext({});
+export default ProFormContext;

package/dist/es/components/pro-form/pro-form-item-action-sheet.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ActionSheetPickerAction, ActionSheetPickerProps } from '../action-sheet-picker';
+import { ProFormItemFieldProps } from './pro-form-item';
+import { ProFormFieldRemoteProps } from './types';
+export type ProFormActionSheetProps<T = any> = ProFormItemFieldProps<ActionSheetPickerProps<T>> & ProFormFieldRemoteProps<any, ActionSheetPickerAction<T>> & Partial<Pick<ActionSheetPickerProps<T>, 'actions' | 'fieldNames' | 'actionAsValue'>>;
+declare function ProFormActionSheet<T = any>(props: ProFormActionSheetProps<T>): JSX.Element;
+export default ProFormActionSheet;

package/dist/es/components/pro-form/pro-form-item-action-sheet.js

@@ -0,0 +1,51 @@
+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 = ["fieldProps", "onClick", "placeholder", "actions", "fieldNames", "actionAsValue"];
+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 ActionSheetPicker from "../action-sheet-picker";
+import { useConfig } from "../config-provider";
+import ProFormItem, { ProFormItemValue } from "./pro-form-item";
+import { useFieldOptionsRequest, useReadonly } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+function ProFormActionSheet(props) {
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+  var fieldProps = props.fieldProps,
+    _onClick = props.onClick,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? locale.common.selectPlaceholder : _props$placeholder,
+    actions = props.actions,
+    fieldNames = props.fieldNames,
+    actionAsValue = props.actionAsValue,
+    formItemProps = _objectWithoutProperties(props, _excluded);
+  var _useFieldOptionsReque = useFieldOptionsRequest(_objectSpread(_objectSpread({}, props), {}, {
+      options: actions
+    })),
+    _useFieldOptionsReque2 = _slicedToArray(_useFieldOptionsReque, 1),
+    data = _useFieldOptionsReque2[0];
+  var readonly = useReadonly(formItemProps);
+  return /*#__PURE__*/_jsx(ProFormItem, _objectSpread(_objectSpread({}, formItemProps), {}, {
+    onClick: function onClick(e, pickerRef) {
+      var _pickerRef$current;
+      (_pickerRef$current = pickerRef.current) === null || _pickerRef$current === void 0 || _pickerRef$current.open();
+      _onClick === null || _onClick === void 0 || _onClick(e, pickerRef);
+    },
+    children: /*#__PURE__*/_jsx(ActionSheetPicker, _objectSpread(_objectSpread({
+      actions: data !== null && data !== void 0 ? data : [],
+      extra: placeholder,
+      fieldNames: fieldNames,
+      actionAsValue: actionAsValue
+    }, fieldProps), {}, {
+      children: function children(text) {
+        return /*#__PURE__*/_jsx(ProFormItemValue, {
+          value: text,
+          placeholder: placeholder,
+          readonly: readonly
+        });
+      }
+    }))
+  }));
+}
+export default ProFormActionSheet;

package/dist/es/components/pro-form/pro-form-item-calendar-picker.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { ProCalendarPickerProps } from '../pro-calendar-picker';
+import { ProFormItemFieldProps } from './pro-form-item';
+export type ProFormCalendarPickerProps = ProFormItemFieldProps<ProCalendarPickerProps> & Pick<ProCalendarPickerProps, 'mode' | 'min' | 'max' | 'format'>;
+declare const ProFormCalendarPicker: FC<ProFormCalendarPickerProps>;
+export default ProFormCalendarPicker;

package/dist/es/components/pro-form/pro-form-item-calendar-picker.js

@@ -0,0 +1,49 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["fieldProps", "placeholder", "mode", "min", "max", "format", "onClick"];
+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 { useConfig } from "../config-provider";
+import ProCalendarPicker from "../pro-calendar-picker";
+import ProFormItem, { ProFormItemValue } from "./pro-form-item";
+import { useReadonly } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ProFormCalendarPicker = function ProFormCalendarPicker(p) {
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+  var fieldProps = p.fieldProps,
+    _p$placeholder = p.placeholder,
+    placeholder = _p$placeholder === void 0 ? locale.common.selectPlaceholder : _p$placeholder,
+    mode = p.mode,
+    min = p.min,
+    max = p.max,
+    format = p.format,
+    _onClick = p.onClick,
+    props = _objectWithoutProperties(p, _excluded);
+  var calendarProps = _objectSpread({
+    mode: mode,
+    min: min,
+    max: max,
+    format: format
+  }, fieldProps);
+  var readonly = useReadonly(props);
+  return /*#__PURE__*/_jsx(ProFormItem, _objectSpread(_objectSpread({}, props), {}, {
+    trigger: "onConfirm",
+    onClick: function onClick(e, pickerRef) {
+      var _pickerRef$current;
+      (_pickerRef$current = pickerRef.current) === null || _pickerRef$current === void 0 || _pickerRef$current.open();
+      _onClick === null || _onClick === void 0 || _onClick(e, pickerRef);
+    },
+    children: /*#__PURE__*/_jsx(ProCalendarPicker, _objectSpread(_objectSpread({}, calendarProps), {}, {
+      children: function children(val) {
+        var value = Array.isArray(val) ? val.join('~') : val;
+        return /*#__PURE__*/_jsx(ProFormItemValue, {
+          placeholder: placeholder,
+          value: value !== null && value !== void 0 ? value : undefined,
+          readonly: readonly
+        });
+      }
+    }))
+  }));
+};
+export default ProFormCalendarPicker;

package/dist/es/components/pro-form/pro-form-item-cascader.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { CascadePickerOption, CascaderProps } from 'antd-mobile';
+import { ProFormItemFieldProps } from './pro-form-item';
+import { ProFormFieldRemoteProps } from './types';
+export type ProFormCascaderProps<U = any> = ProFormItemFieldProps<CascaderProps> & ProFormFieldRemoteProps<U, CascadePickerOption>;
+declare function ProFormCascader<U = any>(props: ProFormCascaderProps<U>): JSX.Element;
+export default ProFormCascader;

package/dist/es/components/pro-form/pro-form-item-cascader.js

@@ -0,0 +1,57 @@
+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 = ["fieldProps", "placeholder", "onClick"];
+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 { Cascader } from 'antd-mobile';
+import { useConfig } from "../config-provider";
+import ProFormItem, { ProFormItemValue } from "./pro-form-item";
+import { useFieldOptionsRequest, useReadonly } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+function ProFormCascader(props) {
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+  var fieldProps = props.fieldProps,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? locale.common.selectPlaceholder : _props$placeholder,
+    _onClick = props.onClick,
+    formItemProps = _objectWithoutProperties(props, _excluded);
+  var _useFieldOptionsReque = useFieldOptionsRequest(props),
+    _useFieldOptionsReque2 = _slicedToArray(_useFieldOptionsReque, 2),
+    options = _useFieldOptionsReque2[0],
+    loading = _useFieldOptionsReque2[1].loading;
+  var readonly = useReadonly(props);
+  return /*#__PURE__*/_jsx(ProFormItem, _objectSpread(_objectSpread({}, formItemProps), {}, {
+    trigger: "onConfirm",
+    onClick: function onClick(e, pickerRef) {
+      var _pickerRef$current;
+      (_pickerRef$current = pickerRef.current) === null || _pickerRef$current === void 0 || _pickerRef$current.open();
+      _onClick === null || _onClick === void 0 || _onClick(e, pickerRef);
+    },
+    children: /*#__PURE__*/_jsx(Cascader, _objectSpread(_objectSpread({
+      options: options !== null && options !== void 0 ? options : [],
+      loading: loading
+    }, fieldProps), {}, {
+      children: function children(items) {
+        var value;
+        if (items.every(function (itm) {
+          return itm == null;
+        })) {
+          value = undefined;
+        } else {
+          value = items.map(function (item) {
+            var _item$label;
+            return (_item$label = item === null || item === void 0 ? void 0 : item.label) !== null && _item$label !== void 0 ? _item$label : locale.common.notSelect;
+          }).join(' / ');
+        }
+        return /*#__PURE__*/_jsx(ProFormItemValue, {
+          value: value,
+          placeholder: placeholder,
+          readonly: readonly
+        });
+      }
+    }))
+  }));
+}
+export default ProFormCascader;

package/dist/es/components/pro-form/pro-form-item-checkbox.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { CheckboxGroupProps, CheckboxProps } from '../checkbox';
+import { ProFormItemFieldProps } from './pro-form-item';
+import { ProFormFieldRemoteProps } from './types';
+export type ProFormCheckboxProps = ProFormItemFieldProps<CheckboxProps> & Pick<CheckboxProps, 'shape'>;
+export type ProFormCheckboxGroupProps<U = any> = ProFormItemFieldProps<CheckboxGroupProps> & ProFormFieldRemoteProps<U> & Pick<CheckboxGroupProps, 'shape' | 'direction'>;
+declare function ProFormCheckboxGroup<U = any>(props: ProFormCheckboxGroupProps<U>): JSX.Element;
+declare const _default: FC<ProFormCheckboxProps> & {
+    Group: typeof ProFormCheckboxGroup;
+};
+export default _default;

package/dist/es/components/pro-form/pro-form-item-checkbox.js

@@ -0,0 +1,77 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["fieldProps", "shape"],
+  _excluded2 = ["fieldProps", "direction", "shape"];
+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 { SpinLoading } from 'antd-mobile';
+import { FormContext } from 'antd-mobile/es/components/form/context';
+import { useContext, useMemo } from 'react';
+import Checkbox from "../checkbox";
+import ProFormItem, { ProFormItemValue } from "./pro-form-item";
+import { useFieldOptionsRequest, useReadonly } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ProFormCheckbox = function ProFormCheckbox(_ref) {
+  var fieldProps = _ref.fieldProps,
+    _ref$shape = _ref.shape,
+    shape = _ref$shape === void 0 ? 'square' : _ref$shape,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var readonly = useReadonly(props);
+  return /*#__PURE__*/_jsx(ProFormItem, _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/_jsx(Checkbox, _objectSpread({
+      shape: shape,
+      disabled: readonly
+    }, fieldProps))
+  }));
+};
+var ProFormCheckboxGroupValue = function ProFormCheckboxGroupValue(_ref2) {
+  var options = _ref2.options,
+    value = _ref2.value;
+  var label = useMemo(function () {
+    var labels = options === null || options === void 0 ? void 0 : options.filter(function (o) {
+      return !!value && value.indexOf(o.value) >= 0;
+    }).map(function (o) {
+      return o.label;
+    });
+    return labels === null || labels === void 0 ? void 0 : labels.join(',');
+  }, [options, value]);
+  return /*#__PURE__*/_jsx(ProFormItemValue, {
+    readonly: true,
+    value: label
+  });
+};
+function ProFormCheckboxGroup(props) {
+  var fieldProps = props.fieldProps,
+    directionProp = props.direction,
+    _props$shape = props.shape,
+    shape = _props$shape === void 0 ? 'square' : _props$shape,
+    formItemProps = _objectWithoutProperties(props, _excluded2);
+  var _useContext = useContext(FormContext),
+    layout = _useContext.layout;
+  var direction = useMemo(function () {
+    return directionProp || layout || 'horizontal';
+  }, [directionProp, layout]);
+  var _useFieldOptionsReque = useFieldOptionsRequest(props),
+    _useFieldOptionsReque2 = _slicedToArray(_useFieldOptionsReque, 2),
+    options = _useFieldOptionsReque2[0],
+    loading = _useFieldOptionsReque2[1].loading;
+  var readonly = useReadonly(props);
+  return /*#__PURE__*/_jsx(ProFormItem, _objectSpread(_objectSpread({}, formItemProps), {}, {
+    children: readonly ? /*#__PURE__*/_jsx(ProFormCheckboxGroupValue, {
+      options: options
+    }) : loading ? /*#__PURE__*/_jsx(SpinLoading, {
+      style: {
+        '--size': '24px'
+      }
+    }) : /*#__PURE__*/_jsx(Checkbox.Group, _objectSpread({
+      direction: direction,
+      options: options,
+      shape: shape,
+      disabled: readonly
+    }, fieldProps))
+  }));
+}
+export default Object.assign(ProFormCheckbox, {
+  Group: ProFormCheckboxGroup
+});

package/dist/es/components/pro-form/pro-form-item-date-picker.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { DatePickerProps } from '../date-picker';
+import { ProFormItemFieldProps } from './pro-form-item';
+export type ProFormDatePickerProps = ProFormItemFieldProps<DatePickerProps> & Pick<DatePickerProps, 'precision' | 'format' | 'tillNow'>;
+declare function ProFormDatePicker(props: ProFormDatePickerProps): JSX.Element;
+export default ProFormDatePicker;

package/dist/es/components/pro-form/pro-form-item-date-picker.js

@@ -0,0 +1,45 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["fieldProps", "placeholder", "onClick", "precision", "format", "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 { useConfig } from "../config-provider";
+import DatePicker from "../date-picker";
+import ProFormItem, { ProFormItemValue } from "./pro-form-item";
+import { useReadonly } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+function ProFormDatePicker(props) {
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+  var fieldProps = props.fieldProps,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? locale.common.selectPlaceholder : _props$placeholder,
+    _onClick = props.onClick,
+    precision = props.precision,
+    format = props.format,
+    tillNow = props.tillNow,
+    formItemProps = _objectWithoutProperties(props, _excluded);
+  var readonly = useReadonly(props);
+  return /*#__PURE__*/_jsx(ProFormItem, _objectSpread(_objectSpread({}, formItemProps), {}, {
+    trigger: "onConfirm",
+    onClick: function onClick(e, pickerRef) {
+      var _pickerRef$current;
+      (_pickerRef$current = pickerRef.current) === null || _pickerRef$current === void 0 || _pickerRef$current.open();
+      _onClick === null || _onClick === void 0 || _onClick(e, pickerRef);
+    },
+    children: /*#__PURE__*/_jsx(DatePicker, _objectSpread(_objectSpread({
+      precision: precision,
+      format: format,
+      tillNow: tillNow
+    }, fieldProps), {}, {
+      children: function children(val, _, __, label) {
+        return /*#__PURE__*/_jsx(ProFormItemValue, {
+          value: label !== null && label !== void 0 ? label : undefined,
+          placeholder: placeholder,
+          readonly: readonly
+        });
+      }
+    }))
+  }));
+}
+export default ProFormDatePicker;

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

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { DateRangePickerProps } from '../date-picker';
+import { ProFormItemFieldProps } from './pro-form-item';
+export type ProFormDateRangePickerProps = Omit<ProFormItemFieldProps<DateRangePickerProps>, 'placeholder'> & Pick<DateRangePickerProps, 'precision' | 'min' | 'max' | 'placeholder'>;
+declare const ProFormDateRangePicker: FC<ProFormDateRangePickerProps>;
+export default ProFormDateRangePicker;

package/dist/es/components/pro-form/pro-form-item-date-range-picker.js

@@ -0,0 +1,34 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["fieldProps", "precision", "min", "max", "placeholder"];
+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 from "../date-picker";
+import ProFormItem from "./pro-form-item";
+import { useChildElementPosition, useReadonly } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ProFormDateRangePicker = function ProFormDateRangePicker(_ref) {
+  var fieldProps = _ref.fieldProps,
+    precision = _ref.precision,
+    min = _ref.min,
+    max = _ref.max,
+    placeholder = _ref.placeholder,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var readonly = useReadonly(props);
+  var childElementPosition = useChildElementPosition(props);
+  return /*#__PURE__*/_jsx(ProFormItem, _objectSpread(_objectSpread({}, props), {}, {
+    childElementPosition: readonly ? childElementPosition : 'normal',
+    children: /*#__PURE__*/_jsx(DatePicker.Range, _objectSpread(_objectSpread({
+      precision: precision,
+      min: min,
+      max: max,
+      placeholder: placeholder,
+      readonly: readonly
+    }, fieldProps), {}, {
+      style: _objectSpread({
+        '--triger-padding': '0px'
+      }, fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style)
+    }))
+  }));
+};
+export default ProFormDateRangePicker;

package/dist/es/components/pro-form/pro-form-item-dependency.d.ts

@@ -0,0 +1,11 @@
+import { NamePath } from 'antd-mobile/es/components/form';
+import { ReactNode } from 'react';
+import { ProFormItemProps } from './pro-form-item';
+import { ProFormInstance } from './types';
+type RenderChildren<Values = any> = (values: Values, form: ProFormInstance<Values>) => ReactNode;
+export type ProFormDependencyProps<V = any> = Omit<ProFormItemProps, 'name' | 'noStyle' | 'children' | 'label'> & {
+    name: NamePath[];
+    children: RenderChildren<V>;
+};
+declare function ProFormDependency({ name, children, ...props }: ProFormDependencyProps): JSX.Element;
+export default ProFormDependency;

package/dist/es/components/pro-form/pro-form-item-dependency.js

@@ -0,0 +1,35 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["name", "children"];
+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 { get, isEqual } from 'lodash';
+import ProFormItem from "./pro-form-item";
+import { jsx as _jsx } from "react/jsx-runtime";
+function ProFormDependency(_ref) {
+  var name = _ref.name,
+    _children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  // TODO: 在Form.Array中嵌套使用
+  return /*#__PURE__*/_jsx(ProFormItem, _objectSpread(_objectSpread({}, props), {}, {
+    noStyle: true
+    // dependencies={name}
+    ,
+    shouldUpdate: function shouldUpdate(prevValues, nextValues, info) {
+      console.log(prevValues, nextValues);
+      if (typeof props.shouldUpdate === 'boolean') {
+        return props.shouldUpdate;
+      } else if (typeof props.shouldUpdate === 'function') {
+        return props.shouldUpdate(prevValues, nextValues, info);
+      }
+      return name.some(function (n) {
+        return !isEqual(get(prevValues, n), get(nextValues, n));
+      });
+    },
+    children: function children(form) {
+      var values = form.getFieldsValue();
+      return _children(values, _objectSpread({}, form));
+    }
+  }));
+}
+export default ProFormDependency;

package/dist/es/components/pro-form/pro-form-item-input-captcha.d.ts

@@ -0,0 +1,12 @@
+import { NamePath } from 'antd-mobile/es/components/form';
+import { FC } from 'react';
+import { InputCaptchaProps } from '../input-captcha';
+import { ProFormItemFieldProps } from './pro-form-item';
+export type ProFormInputCaptchaProps = ProFormItemFieldProps<Omit<InputCaptchaProps, 'request'>> & Pick<InputCaptchaProps, 'captchaProps' | 'countDown'> & {
+    /** 手机号表单项的 name，onGetCaptcha 会注入其对应的值 */
+    phoneName?: NamePath;
+    /** 点击获取验证码的事件，如果配置了 phoneName 会自动注入 */
+    onGetCaptcha?(phone?: string): Promise<void>;
+};
+declare const ProFormInputCaptcha: FC<ProFormInputCaptchaProps>;
+export default ProFormInputCaptcha;