@nickeylin/antd-mobile-pro 2.0.0

package/dist/cjs/components/pro-calendar-picker/picker.js

@@ -0,0 +1,154 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pro-calendar-picker/picker.tsx
+var picker_exports = {};
+__export(picker_exports, {
+  default: () => picker_default
+});
+module.exports = __toCommonJS(picker_exports);
+var import_antd_mobile = require("antd-mobile");
+var import_rc_utils = require("@nickeylin/rc-utils");
+var import_dayjs = __toESM(require("dayjs"));
+var import_lodash = require("lodash");
+var import_react = require("react");
+function toDateValue(val, option) {
+  const { mode = "single", format = "YYYY-MM-DD" } = option;
+  if (val === void 0 || val === null)
+    return val;
+  if (!val)
+    return null;
+  if (mode === "range" && Array.isArray(val) && val.length == 2) {
+    const dayjsValues = val.map((v) => (0, import_dayjs.default)(v, format));
+    if (dayjsValues.some((d) => !d.isValid())) {
+      return null;
+    }
+    return dayjsValues.map((d) => d.toDate());
+  }
+  if (mode === "single" && typeof val === "string") {
+    const dayjsValue = (0, import_dayjs.default)(val, format);
+    if (!dayjsValue.isValid())
+      return null;
+    return dayjsValue.toDate();
+  }
+  return null;
+}
+function toStringValue(val, option) {
+  const { mode = "single", format = "YYYY-MM-DD" } = option;
+  if (!val)
+    return val;
+  if (mode === "range" && Array.isArray(val) && val.length == 2) {
+    return val.map((v) => (0, import_dayjs.default)(v).format(format));
+  }
+  if (mode === "single" && (0, import_lodash.isDate)(val)) {
+    return (0, import_dayjs.default)(val).format(format);
+  }
+  return null;
+}
+var ProCalendarPicker = (0, import_react.forwardRef)(
+  ({
+    visible: visibleProp,
+    onVisibleChange,
+    mode = "single",
+    format = "YYYY-MM-DD",
+    value: valueProp,
+    defaultValue,
+    onChange,
+    onConfirm,
+    children,
+    ...pickerProps
+  }, ref) => {
+    const calendarPickerRef = (0, import_react.useRef)(null);
+    const [visible, setVisible] = (0, import_rc_utils.useMergedState)(visibleProp ?? false, {
+      value: visibleProp,
+      onChange: onVisibleChange
+    });
+    const dateValue = (0, import_react.useMemo)(
+      () => toDateValue(valueProp, { mode, format }),
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [mode, format, JSON.stringify(valueProp)]
+    );
+    const [value, setValue] = (0, import_rc_utils.useMergedState)(
+      () => toDateValue(defaultValue, { mode, format }),
+      {
+        value: dateValue,
+        onChange(val) {
+          const stringVal = toStringValue(val, { mode, format });
+          onConfirm == null ? void 0 : onConfirm(
+            stringVal ?? null
+          );
+        }
+      }
+    );
+    const [localValue, setLocalValue] = (0, import_react.useState)(value);
+    (0, import_react.useEffect)(() => {
+      if (visible) {
+        setLocalValue(value);
+      }
+    }, [visible]);
+    const pickerValueProps = {
+      value: localValue,
+      selectionMode: mode,
+      onChange(val) {
+        setLocalValue(val);
+        onChange == null ? void 0 : onChange(
+          toStringValue(val, { mode, format })
+        );
+      },
+      onConfirm(val) {
+        setValue(val);
+      }
+    };
+    const action = (0, import_react.useMemo)(() => {
+      return {
+        ...calendarPickerRef.current,
+        open() {
+          setVisible(true);
+        },
+        close() {
+          setVisible(false);
+        },
+        toggle() {
+          setVisible((v) => !v);
+        }
+      };
+    }, [setVisible]);
+    (0, import_react.useImperativeHandle)(ref, () => action);
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      import_antd_mobile.CalendarPicker,
+      {
+        ref: calendarPickerRef,
+        visible,
+        onClose: () => setVisible(false),
+        ...pickerValueProps,
+        ...pickerProps
+      }
+    ), children == null ? void 0 : children(toStringValue(value ?? null, { mode, format }), action));
+  }
+);
+var picker_default = ProCalendarPicker;

package/dist/cjs/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/cjs/components/pro-form/default-submitter.js

@@ -0,0 +1,72 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pro-form/default-submitter.tsx
+var default_submitter_exports = {};
+__export(default_submitter_exports, {
+  default: () => default_submitter_default
+});
+module.exports = __toCommonJS(default_submitter_exports);
+var import_antd_mobile = require("antd-mobile");
+var import_react = require("react");
+var import_config_provider = require("../config-provider");
+var DefaultSubmitter = (props) => {
+  const { loading, disabled, reset, submit, render } = props;
+  const { locale } = (0, import_config_provider.useConfig)();
+  const columns = (0, import_react.useMemo)(() => {
+    let result = 2;
+    if (reset === false)
+      result -= 1;
+    if (submit === false)
+      result -= 1;
+    return result;
+  }, [reset, submit]);
+  const doms = (0, import_react.useMemo)(() => {
+    const result = [];
+    if (reset !== false) {
+      result.push(
+        /* @__PURE__ */ React.createElement(import_antd_mobile.Button, { key: "reset", type: "reset", block: true, disabled: loading, ...reset }, (reset == null ? void 0 : reset.children) ?? locale.Form.submitter.reset)
+      );
+    }
+    if (submit !== false) {
+      result.push(
+        /* @__PURE__ */ React.createElement(
+          import_antd_mobile.Button,
+          {
+            key: "submit",
+            color: "primary",
+            type: "submit",
+            block: true,
+            loading,
+            ...submit
+          },
+          (submit == null ? void 0 : submit.children) ?? locale.Form.submitter.submit
+        )
+      );
+    }
+    return result;
+  }, [
+    loading,
+    locale.Form.submitter.reset,
+    locale.Form.submitter.submit,
+    reset,
+    submit
+  ]);
+  return disabled || columns <= 0 ? null : render ? /* @__PURE__ */ React.createElement(React.Fragment, null, render(doms, props)) : /* @__PURE__ */ React.createElement(import_antd_mobile.Grid, { columns, gap: 16 }, doms.map((d, index) => /* @__PURE__ */ React.createElement(import_antd_mobile.Grid.Item, { key: index }, d)));
+};
+var default_submitter_default = DefaultSubmitter;

package/dist/cjs/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/cjs/components/pro-form/index.js

@@ -0,0 +1,101 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pro-form/index.ts
+var pro_form_exports = {};
+__export(pro_form_exports, {
+  ProForm: () => import_pro_form.default,
+  ProFormActionSheet: () => import_pro_form_item_action_sheet.default,
+  ProFormCalendarPicker: () => import_pro_form_item_calendar_picker.default,
+  ProFormCascader: () => import_pro_form_item_cascader.default,
+  ProFormCheckbox: () => import_pro_form_item_checkbox.default,
+  ProFormDatePicker: () => import_pro_form_item_date_picker.default,
+  ProFormDateRangePicker: () => import_pro_form_item_date_range_picker.default,
+  ProFormInput: () => import_pro_form_item_input.default,
+  ProFormInputCaptcha: () => import_pro_form_item_input_captcha.default,
+  ProFormInputMoney: () => import_pro_form_item_input_money.default,
+  ProFormInputNumber: () => import_pro_form_item_input_number.default,
+  ProFormInputPassword: () => import_pro_form_item_input_password.default,
+  ProFormListPicker: () => import_pro_form_item_list_picker.default,
+  ProFormPicker: () => import_pro_form_item_picker.default,
+  ProFormRadioGroup: () => import_pro_form_item_radio.default,
+  ProFormSelector: () => import_pro_form_item_selector.default,
+  ProFormSlider: () => import_pro_form_item_slider.default,
+  ProFormStepper: () => import_pro_form_item_stepper.default,
+  ProFormSwitch: () => import_pro_form_item_switch.default,
+  ProFormTextarea: () => import_pro_form_item_textarea.default,
+  ProFormTreePicker: () => import_pro_form_item_tree_picker.default
+});
+module.exports = __toCommonJS(pro_form_exports);
+var import_style = require("./style.less");
+var import_pro_form = __toESM(require("./pro-form"));
+var import_pro_form_item = require("./pro-form-item");
+var import_pro_form_item_action_sheet = __toESM(require("./pro-form-item-action-sheet"));
+var import_pro_form_item_calendar_picker = __toESM(require("./pro-form-item-calendar-picker"));
+var import_pro_form_item_cascader = __toESM(require("./pro-form-item-cascader"));
+var import_pro_form_item_checkbox = __toESM(require("./pro-form-item-checkbox"));
+var import_pro_form_item_date_picker = __toESM(require("./pro-form-item-date-picker"));
+var import_pro_form_item_date_range_picker = __toESM(require("./pro-form-item-date-range-picker"));
+var import_pro_form_item_input = __toESM(require("./pro-form-item-input"));
+var import_pro_form_item_input_captcha = __toESM(require("./pro-form-item-input-captcha"));
+var import_pro_form_item_input_money = __toESM(require("./pro-form-item-input-money"));
+var import_pro_form_item_input_number = __toESM(require("./pro-form-item-input-number"));
+var import_pro_form_item_input_password = __toESM(require("./pro-form-item-input-password"));
+var import_pro_form_item_list_picker = __toESM(require("./pro-form-item-list-picker"));
+var import_pro_form_item_picker = __toESM(require("./pro-form-item-picker"));
+var import_pro_form_item_radio = __toESM(require("./pro-form-item-radio"));
+var import_pro_form_item_selector = __toESM(require("./pro-form-item-selector"));
+var import_pro_form_item_slider = __toESM(require("./pro-form-item-slider"));
+var import_pro_form_item_stepper = __toESM(require("./pro-form-item-stepper"));
+var import_pro_form_item_switch = __toESM(require("./pro-form-item-switch"));
+var import_pro_form_item_textarea = __toESM(require("./pro-form-item-textarea"));
+var import_pro_form_item_tree_picker = __toESM(require("./pro-form-item-tree-picker"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ProForm,
+  ProFormActionSheet,
+  ProFormCalendarPicker,
+  ProFormCascader,
+  ProFormCheckbox,
+  ProFormDatePicker,
+  ProFormDateRangePicker,
+  ProFormInput,
+  ProFormInputCaptcha,
+  ProFormInputMoney,
+  ProFormInputNumber,
+  ProFormInputPassword,
+  ProFormListPicker,
+  ProFormPicker,
+  ProFormRadioGroup,
+  ProFormSelector,
+  ProFormSlider,
+  ProFormStepper,
+  ProFormSwitch,
+  ProFormTextarea,
+  ProFormTreePicker
+});

package/dist/cjs/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/cjs/components/pro-form/pro-field-context.js

@@ -0,0 +1,27 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pro-form/pro-field-context.tsx
+var pro_field_context_exports = {};
+__export(pro_field_context_exports, {
+  default: () => pro_field_context_default
+});
+module.exports = __toCommonJS(pro_field_context_exports);
+var import_react = require("react");
+var ProFieldContext = (0, import_react.createContext)({});
+var pro_field_context_default = ProFieldContext;

package/dist/cjs/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/cjs/components/pro-form/pro-form-context.js

@@ -0,0 +1,27 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pro-form/pro-form-context.tsx
+var pro_form_context_exports = {};
+__export(pro_form_context_exports, {
+  default: () => pro_form_context_default
+});
+module.exports = __toCommonJS(pro_form_context_exports);
+var import_react = require("react");
+var ProFormContext = (0, import_react.createContext)({});
+var pro_form_context_default = ProFormContext;

package/dist/cjs/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/cjs/components/pro-form/pro-form-item-action-sheet.js

@@ -0,0 +1,84 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pro-form/pro-form-item-action-sheet.tsx
+var pro_form_item_action_sheet_exports = {};
+__export(pro_form_item_action_sheet_exports, {
+  default: () => pro_form_item_action_sheet_default
+});
+module.exports = __toCommonJS(pro_form_item_action_sheet_exports);
+var import_action_sheet_picker = __toESM(require("../action-sheet-picker"));
+var import_config_provider = require("../config-provider");
+var import_pro_form_item = __toESM(require("./pro-form-item"));
+var import_utils = require("./utils");
+function ProFormActionSheet(props) {
+  const { locale } = (0, import_config_provider.useConfig)();
+  const {
+    fieldProps,
+    onClick,
+    placeholder = locale.common.selectPlaceholder,
+    // action sheet
+    actions,
+    fieldNames,
+    actionAsValue,
+    ...formItemProps
+  } = props;
+  const [data] = (0, import_utils.useFieldOptionsRequest)({ ...props, options: actions });
+  const readonly = (0, import_utils.useReadonly)(formItemProps);
+  return /* @__PURE__ */ React.createElement(
+    import_pro_form_item.default,
+    {
+      ...formItemProps,
+      onClick: (e, pickerRef) => {
+        var _a;
+        (_a = pickerRef.current) == null ? void 0 : _a.open();
+        onClick == null ? void 0 : onClick(e, pickerRef);
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      import_action_sheet_picker.default,
+      {
+        actions: data ?? [],
+        extra: placeholder,
+        ...{ fieldNames, actionAsValue },
+        ...fieldProps
+      },
+      (text) => {
+        return /* @__PURE__ */ React.createElement(
+          import_pro_form_item.ProFormItemValue,
+          {
+            value: text,
+            placeholder,
+            readonly
+          }
+        );
+      }
+    )
+  );
+}
+var pro_form_item_action_sheet_default = ProFormActionSheet;

package/dist/cjs/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/cjs/components/pro-form/pro-form-item-calendar-picker.js

@@ -0,0 +1,77 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pro-form/pro-form-item-calendar-picker.tsx
+var pro_form_item_calendar_picker_exports = {};
+__export(pro_form_item_calendar_picker_exports, {
+  default: () => pro_form_item_calendar_picker_default
+});
+module.exports = __toCommonJS(pro_form_item_calendar_picker_exports);
+var import_config_provider = require("../config-provider");
+var import_pro_calendar_picker = __toESM(require("../pro-calendar-picker"));
+var import_pro_form_item = __toESM(require("./pro-form-item"));
+var import_utils = require("./utils");
+var ProFormCalendarPicker = (p) => {
+  const { locale } = (0, import_config_provider.useConfig)();
+  const {
+    fieldProps,
+    placeholder = locale.common.selectPlaceholder,
+    mode,
+    min,
+    max,
+    format,
+    onClick,
+    ...props
+  } = p;
+  const calendarProps = { mode, min, max, format, ...fieldProps };
+  const readonly = (0, import_utils.useReadonly)(props);
+  return /* @__PURE__ */ React.createElement(
+    import_pro_form_item.default,
+    {
+      ...props,
+      trigger: "onConfirm",
+      onClick: (e, pickerRef) => {
+        var _a;
+        (_a = pickerRef.current) == null ? void 0 : _a.open();
+        onClick == null ? void 0 : onClick(e, pickerRef);
+      }
+    },
+    /* @__PURE__ */ React.createElement(import_pro_calendar_picker.default, { ...calendarProps }, (val) => {
+      const value = Array.isArray(val) ? val.join("~") : val;
+      return /* @__PURE__ */ React.createElement(
+        import_pro_form_item.ProFormItemValue,
+        {
+          placeholder,
+          value: value ?? void 0,
+          readonly
+        }
+      );
+    })
+  );
+};
+var pro_form_item_calendar_picker_default = ProFormCalendarPicker;

package/dist/cjs/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;