@nickeylin/antd-mobile-pro 2.0.0

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

@@ -0,0 +1,53 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["fieldProps", "placeholder", "phoneName", "onGetCaptcha"];
+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 _regeneratorRuntime from "@babel/runtime/regenerator";
+import InputCaptcha from "../input-captcha";
+import ProFormItem, { ProFormItemValue } from "./pro-form-item";
+import { useFormInstace } from "./use-form-instance";
+import { useChildElementPosition, useReadonly } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ProFormInputCaptcha = function ProFormInputCaptcha(_ref) {
+  var fieldProps = _ref.fieldProps,
+    placeholder = _ref.placeholder,
+    phoneName = _ref.phoneName,
+    onGetCaptcha = _ref.onGetCaptcha,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var form = useFormInstace();
+  var readonly = useReadonly(props);
+  var childElementPosition = useChildElementPosition(props);
+  return /*#__PURE__*/_jsx(ProFormItem, _objectSpread(_objectSpread({}, props), {}, {
+    childElementPosition: readonly ? childElementPosition : 'normal',
+    children: readonly ? /*#__PURE__*/_jsx(ProFormItemValue, {
+      readonly: true
+    }) : /*#__PURE__*/_jsx(InputCaptcha, _objectSpread({
+      placeholder: placeholder,
+      request: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var phone;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (!phoneName) {
+                _context.next = 4;
+                break;
+              }
+              _context.next = 3;
+              return form.validateFields([phoneName].flat(1));
+            case 3:
+              phone = form.getFieldValue(phoneName);
+            case 4:
+              _context.next = 6;
+              return onGetCaptcha === null || onGetCaptcha === void 0 ? void 0 : onGetCaptcha(phone);
+            case 6:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }))
+    }, fieldProps))
+  }));
+};
+export default ProFormInputCaptcha;

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

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { InputMoneyProps } from '../input-number';
+import { ProFormItemFieldProps } from './pro-form-item';
+export type ProFormInputMoneyProps = ProFormItemFieldProps<InputMoneyProps> & Pick<InputMoneyProps, 'placeholder' | 'thousands' | 'digits' | 'max' | 'min'>;
+declare const ProFormInput: FC<ProFormInputMoneyProps>;
+export default ProFormInput;

package/dist/es/components/pro-form/pro-form-item-input-money.js

@@ -0,0 +1,43 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["fieldProps", "placeholder", "thousands", "digits", "max", "min"];
+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 { useMemo } from 'react';
+import InputNumber from "../input-number";
+import ProFormItem, { ProFormItemValue } from "./pro-form-item";
+import { useChildElementPosition, useReadonly } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ProFormInput = function ProFormInput(_ref) {
+  var fieldProps = _ref.fieldProps,
+    placeholder = _ref.placeholder,
+    thousands = _ref.thousands,
+    digits = _ref.digits,
+    max = _ref.max,
+    min = _ref.min,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var childElementPosition = useChildElementPosition(props);
+  var readonly = useReadonly(props);
+  var inputStyle = useMemo(function () {
+    var style = {};
+    if (childElementPosition === 'right') {
+      style['--input-text-align'] = 'right';
+    }
+    return style;
+  }, [childElementPosition]);
+  return /*#__PURE__*/_jsx(ProFormItem, _objectSpread(_objectSpread({}, props), {}, {
+    childElementPosition: readonly ? childElementPosition : 'normal',
+    children: readonly ? /*#__PURE__*/_jsx(ProFormItemValue, {
+      readonly: true
+    }) : /*#__PURE__*/_jsx(InputNumber.Money, _objectSpread(_objectSpread({
+      placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : '请输入',
+      thousands: thousands,
+      digits: digits,
+      max: max,
+      min: min
+    }, fieldProps), {}, {
+      style: _objectSpread(_objectSpread({}, inputStyle), fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style)
+    }))
+  }));
+};
+export default ProFormInput;

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

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { InputNumberProps } from '../input-number';
+import { ProFormItemFieldProps } from './pro-form-item';
+export type ProFormInputNumberProps = ProFormItemFieldProps<InputNumberProps> & Pick<InputNumberProps, 'placeholder' | 'max' | 'min' | 'digits'>;
+declare const ProFormInput: FC<ProFormInputNumberProps>;
+export default ProFormInput;

package/dist/es/components/pro-form/pro-form-item-input-number.js

@@ -0,0 +1,44 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["fieldProps", "placeholder", "max", "min", "digits"];
+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 { useMemo } from 'react';
+import { useConfig } from "../config-provider";
+import InputNumber from "../input-number";
+import ProFormItem, { ProFormItemValue } from "./pro-form-item";
+import { useChildElementPosition, useReadonly } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ProFormInput = function ProFormInput(_ref) {
+  var fieldProps = _ref.fieldProps,
+    placeholder = _ref.placeholder,
+    max = _ref.max,
+    min = _ref.min,
+    digits = _ref.digits,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+  var childElementPosition = useChildElementPosition(props);
+  var readonly = useReadonly(props);
+  var inputStyle = useMemo(function () {
+    var style = {};
+    if (childElementPosition === 'right') {
+      style['--input-text-align'] = 'right';
+    }
+    return style;
+  }, [childElementPosition]);
+  return /*#__PURE__*/_jsx(ProFormItem, _objectSpread(_objectSpread({}, props), {}, {
+    childElementPosition: readonly ? childElementPosition : 'normal',
+    children: readonly ? /*#__PURE__*/_jsx(ProFormItemValue, {
+      readonly: true
+    }) : /*#__PURE__*/_jsx(InputNumber, _objectSpread(_objectSpread({
+      placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : locale.common.inputPlaceholder,
+      max: max,
+      min: min,
+      digits: digits
+    }, fieldProps), {}, {
+      style: _objectSpread(_objectSpread({}, inputStyle), fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style)
+    }))
+  }));
+};
+export default ProFormInput;

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

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { InputPasswordProps } from '../input-password';
+import { ProFormItemFieldProps } from './pro-form-item';
+export type ProFormInputPasswordProps = ProFormItemFieldProps<InputPasswordProps>;
+declare const ProFormInputPassword: FC<ProFormInputPasswordProps>;
+export default ProFormInputPassword;

package/dist/es/components/pro-form/pro-form-item-input-password.js

@@ -0,0 +1,36 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["fieldProps", "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 { useMemo } from 'react';
+import InputPassword from "../input-password";
+import ProFormItem, { ProFormItemValue } from "./pro-form-item";
+import { useChildElementPosition, useReadonly } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ProFormInputPassword = function ProFormInputPassword(_ref) {
+  var fieldProps = _ref.fieldProps,
+    placeholder = _ref.placeholder,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var readonly = useReadonly(props);
+  var childElementPosition = useChildElementPosition(props);
+  var inputStyle = useMemo(function () {
+    var style = {};
+    if (childElementPosition === 'right') {
+      style['--text-align'] = 'right';
+    }
+    return style;
+  }, [childElementPosition]);
+  return /*#__PURE__*/_jsx(ProFormItem, _objectSpread(_objectSpread({}, props), {}, {
+    childElementPosition: readonly ? childElementPosition : 'normal',
+    children: readonly ? /*#__PURE__*/_jsx(ProFormItemValue, {
+      readonly: true
+    }) : /*#__PURE__*/_jsx(InputPassword, _objectSpread(_objectSpread({
+      placeholder: placeholder,
+      readOnly: readonly
+    }, fieldProps), {}, {
+      inputStyle: _objectSpread(_objectSpread({}, inputStyle), fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.inputStyle)
+    }))
+  }));
+};
+export default ProFormInputPassword;

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

@@ -0,0 +1,6 @@
+import { InputProps } from 'antd-mobile';
+import { FC } from 'react';
+import { ProFormItemFieldProps } from './pro-form-item';
+export type ProFormInputProps = ProFormItemFieldProps<InputProps> & Pick<InputProps, 'placeholder'>;
+declare const ProFormInput: FC<ProFormInputProps>;
+export default ProFormInput;

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

@@ -0,0 +1,38 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["fieldProps", "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 { Input } from 'antd-mobile';
+import { useMemo } from 'react';
+import { useConfig } from "../config-provider";
+import ProFormItem, { ProFormItemValue } from "./pro-form-item";
+import { useChildElementPosition, useReadonly } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ProFormInput = function ProFormInput(_ref) {
+  var fieldProps = _ref.fieldProps,
+    placeholder = _ref.placeholder,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+  var childElementPosition = useChildElementPosition(props);
+  var readonly = useReadonly(props);
+  var inputStyle = useMemo(function () {
+    var style = {};
+    if (childElementPosition === 'right') {
+      style['--text-align'] = 'right';
+    }
+    return style;
+  }, [childElementPosition]);
+  return /*#__PURE__*/_jsx(ProFormItem, _objectSpread(_objectSpread({}, props), {}, {
+    childElementPosition: readonly ? childElementPosition : 'normal',
+    children: readonly ? /*#__PURE__*/_jsx(ProFormItemValue, {
+      readonly: true
+    }) : /*#__PURE__*/_jsx(Input, _objectSpread(_objectSpread({
+      placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : locale.common.inputPlaceholder
+    }, fieldProps), {}, {
+      style: _objectSpread(_objectSpread({}, inputStyle), fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style)
+    }))
+  }));
+};
+export default ProFormInput;

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

@@ -0,0 +1,15 @@
+import { FormInstance } from 'antd-mobile/es/components/form';
+import { ReactNode } from 'react';
+import { ProListPickerProps } from '../pro-list-picker';
+import { ProFormItemFieldProps } from './pro-form-item';
+export type ProFormListPickerProps<ListRecord = any, Value = ListRecord, Param = object> = Omit<ProFormItemFieldProps<Partial<ProListPickerProps<ListRecord, Value, Param>>>, 'children'> & Partial<Pick<ProListPickerProps<ListRecord, Value, Param>, 'params' | 'request' | 'renderItem' | 'rowKey'>> & {
+    fieldNames?: {
+        label?: keyof Value;
+        key?: keyof Value;
+        description?: keyof Value;
+    };
+    formatValue?(value: ProListPickerProps<ListRecord, Value, Param>['value']): string;
+    children?: (value: Value | Value[], formatedValue: string, form: FormInstance) => ReactNode;
+};
+declare function ProFormListPicker<ListRecord = any, Value = ListRecord, Param = object>(props: ProFormListPickerProps<ListRecord, Value, Param>): JSX.Element;
+export default ProFormListPicker;

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

@@ -0,0 +1,89 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["rowKey", "params", "request", "renderItem", "placeholder", "fieldNames", "formatValue", "fieldProps", "onClick", "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 { useConfig } from "../config-provider";
+import ProListPicker from "../pro-list-picker";
+import ProFormItem, { ProFormItemValue } from "./pro-form-item";
+import { useFormInstace } from "./use-form-instance";
+import { useReadonly } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+function ProFormListPicker(props) {
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+  var form = useFormInstace();
+  var rowKey = props.rowKey,
+    params = props.params,
+    request = props.request,
+    _renderItem2 = props.renderItem,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? locale.common.selectPlaceholder : _props$placeholder,
+    fieldNames = props.fieldNames,
+    formatValue = props.formatValue,
+    fieldProps = props.fieldProps,
+    _onClick = props.onClick,
+    _children = props.children,
+    formItemProps = _objectWithoutProperties(props, _excluded);
+  var _ref = fieldNames !== null && fieldNames !== void 0 ? fieldNames : {},
+    _ref$key = _ref.key,
+    valueKey = _ref$key === void 0 ? 'id' : _ref$key,
+    _ref$label = _ref.label,
+    labelKey = _ref$label === void 0 ? 'name' : _ref$label,
+    descKey = _ref.description;
+  var readonly = useReadonly(formItemProps);
+  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(ProListPicker, _objectSpread(_objectSpread({
+      rowKey: rowKey !== null && rowKey !== void 0 ? rowKey : valueKey,
+      params: params,
+      request: request,
+      renderItem: function renderItem(item, index, selected) {
+        var _ref2, _renderItem, _fieldProps$renderIte;
+        var description = descKey ? item[descKey] : null;
+        return (_ref2 = (_renderItem = _renderItem2 === null || _renderItem2 === void 0 ? void 0 : _renderItem2(item, index, selected)) !== null && _renderItem !== void 0 ? _renderItem : fieldProps === null || fieldProps === void 0 || (_fieldProps$renderIte = fieldProps.renderItem) === null || _fieldProps$renderIte === void 0 ? void 0 : _fieldProps$renderIte.call(fieldProps, item, index, selected)) !== null && _ref2 !== void 0 ? _ref2 : {
+          children: item[labelKey],
+          description: description
+        };
+      }
+    }, fieldProps), {}, {
+      children: function children(value) {
+        var desc = '';
+        if (value) {
+          if (formatValue) {
+            desc = formatValue(value);
+          } else if (labelKey) {
+            if (Array.isArray(value)) {
+              desc = value.map(function (vv) {
+                return vv[labelKey];
+              }).filter(function (vv) {
+                return !!vv;
+              }).join(',');
+            } else {
+              desc = value[labelKey];
+            }
+          } else {
+            if (Array.isArray(value)) {
+              desc = value.map(function (vv) {
+                return vv[valueKey];
+              }).join(',');
+            } else {
+              desc = value[valueKey];
+            }
+          }
+        }
+        return _children ? typeof _children === 'function' ? _children(value, desc, form) : _children : /*#__PURE__*/_jsx(ProFormItemValue, {
+          placeholder: placeholder,
+          value: desc,
+          readonly: readonly
+        });
+      }
+    }))
+  }));
+}
+export default ProFormListPicker;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { PickerProps } from 'antd-mobile';
+import { PickerColumn, PickerColumnItem } from 'antd-mobile/es/components/picker-view';
+import { ProFormItemFieldProps } from './pro-form-item';
+import { ProFormFieldRemoteProps } from './types';
+export type ProFormPickerProps<U = any> = ProFormItemFieldProps<PickerProps> & ProFormFieldRemoteProps<U, PickerColumn> & {
+    format?(items: (PickerColumnItem | null)[]): string;
+};
+declare function ProFormPicker(props: ProFormPickerProps): JSX.Element;
+export default ProFormPicker;

package/dist/es/components/pro-form/pro-form-item-picker.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", "format"];
+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 { Picker } 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 ProFormPicker(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,
+    format = props.format,
+    formItemProps = _objectWithoutProperties(props, _excluded);
+  var _useFieldOptionsReque = useFieldOptionsRequest(props),
+    _useFieldOptionsReque2 = _slicedToArray(_useFieldOptionsReque, 1),
+    columns = _useFieldOptionsReque2[0];
+  var readonly = useReadonly(formItemProps);
+  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(Picker, _objectSpread(_objectSpread({
+      columns: columns !== null && columns !== void 0 ? columns : []
+    }, fieldProps), {}, {
+      children: function children(items) {
+        var value;
+        if (items.every(function (itm) {
+          return itm == null;
+        })) {
+          value = undefined;
+        } else {
+          var _format;
+          value = (_format = format === null || format === void 0 ? void 0 : format(items)) !== null && _format !== void 0 ? _format : 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 : '为选择';
+          }).join(' / ');
+        }
+        return /*#__PURE__*/_jsx(ProFormItemValue, {
+          value: value,
+          placeholder: placeholder,
+          readonly: readonly
+        });
+      }
+    }))
+  }));
+}
+export default ProFormPicker;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { FormProps, RadioGroupProps } from 'antd-mobile';
+import { ProFormItemFieldProps } from './pro-form-item';
+import { ProFormFieldRemoteProps } from './types';
+export type ProFormRadioGroupProps<U = any> = ProFormItemFieldProps<RadioGroupProps> & ProFormFieldRemoteProps<U> & {
+    direction?: FormProps['layout'];
+};
+declare function ProFormRadioGroup<U = any>(props: ProFormRadioGroupProps<U>): JSX.Element;
+export default ProFormRadioGroup;

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

@@ -0,0 +1,56 @@
+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", "direction"];
+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 { Radio, Space, SpinLoading } from 'antd-mobile';
+import { useMemo } from 'react';
+import ProFormItem, { ProFormItemValue } from "./pro-form-item";
+import { useFieldOptionsRequest, useReadonly } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ProFormItemRadioValue = function ProFormItemRadioValue(_ref) {
+  var options = _ref.options,
+    value = _ref.value;
+  var label = useMemo(function () {
+    var _options$find;
+    return options === null || options === void 0 || (_options$find = options.find(function (o) {
+      return o.value == value;
+    })) === null || _options$find === void 0 ? void 0 : _options$find.label;
+  }, [options, value]);
+  return /*#__PURE__*/_jsx(ProFormItemValue, {
+    readonly: true,
+    value: label
+  });
+};
+function ProFormRadioGroup(props) {
+  var fieldProps = props.fieldProps,
+    direction = props.direction,
+    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), {}, {
+    children: readonly ? /*#__PURE__*/_jsx(ProFormItemRadioValue, {
+      options: options
+    }) : /*#__PURE__*/_jsx(Radio.Group, _objectSpread(_objectSpread({}, fieldProps), {}, {
+      children: loading ? /*#__PURE__*/_jsx(SpinLoading, {
+        style: {
+          '--size': '24px'
+        }
+      }) : /*#__PURE__*/_jsx(Space, {
+        direction: direction,
+        children: options === null || options === void 0 ? void 0 : options.map(function (opt) {
+          return /*#__PURE__*/_jsx(Radio, {
+            value: opt.value,
+            disabled: readonly,
+            children: opt.label
+          }, opt.value);
+        })
+      })
+    }))
+  }));
+}
+export default ProFormRadioGroup;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { SelectorOption, SelectorProps } from 'antd-mobile';
+import { ProFormItemFieldProps } from './pro-form-item';
+import { ProFormFieldRemoteProps } from './types';
+export type ProFormSelectorProps<V = any, U = any> = ProFormItemFieldProps<Partial<SelectorProps<V>>> & ProFormFieldRemoteProps<U, SelectorOption<V>> & Pick<SelectorProps<V>, 'columns' | 'multiple' | 'showCheckMark'>;
+declare function ProFormSelector<V extends string | number = string, U = any>(props: ProFormSelectorProps<V, U>): JSX.Element;
+export default ProFormSelector;

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

@@ -0,0 +1,40 @@
+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", "columns", "multiple", "showCheckMark"],
+  _excluded2 = ["style"];
+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 { Selector } from 'antd-mobile';
+import ProFormItem from "./pro-form-item";
+import { useFieldOptionsRequest, useReadonly } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+function ProFormSelector(props) {
+  var fieldProps = props.fieldProps,
+    columns = props.columns,
+    multiple = props.multiple,
+    showCheckMark = props.showCheckMark,
+    formItemProps = _objectWithoutProperties(props, _excluded);
+  var _ref = fieldProps !== null && fieldProps !== void 0 ? fieldProps : {},
+    fieldStyle = _ref.style,
+    restFieldProps = _objectWithoutProperties(_ref, _excluded2);
+  var _useFieldOptionsReque = useFieldOptionsRequest(props),
+    _useFieldOptionsReque2 = _slicedToArray(_useFieldOptionsReque, 1),
+    options = _useFieldOptionsReque2[0];
+  var readonly = useReadonly(props);
+  return /*#__PURE__*/_jsx(ProFormItem, _objectSpread(_objectSpread({}, formItemProps), {}, {
+    childElementPosition: "normal",
+    children: /*#__PURE__*/_jsx(Selector, _objectSpread({
+      options: options !== null && options !== void 0 ? options : [],
+      style: _objectSpread({
+        '--padding': '2px 8px'
+      }, fieldStyle),
+      disabled: readonly
+    }, _objectSpread({
+      columns: columns,
+      multiple: multiple,
+      showCheckMark: showCheckMark
+    }, restFieldProps)))
+  }));
+}
+export default ProFormSelector;

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

@@ -0,0 +1,6 @@
+import { SliderProps } from 'antd-mobile';
+import { FC } from 'react';
+import { ProFormItemFieldProps } from './pro-form-item';
+export type ProFormSliderProps = ProFormItemFieldProps<SliderProps> & Pick<SliderProps, 'min' | 'max' | 'step' | 'range'>;
+declare const ProFormSlider: FC<ProFormSliderProps>;
+export default ProFormSlider;

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

@@ -0,0 +1,30 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["fieldProps", "min", "max", "step", "range"];
+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 { Slider } from 'antd-mobile';
+import ProFormItem from "./pro-form-item";
+import { useReadonly } from "./utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ProFormSlider = function ProFormSlider(_ref) {
+  var fieldProps = _ref.fieldProps,
+    min = _ref.min,
+    max = _ref.max,
+    step = _ref.step,
+    range = _ref.range,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var readonly = useReadonly(props);
+  return /*#__PURE__*/_jsx(ProFormItem, _objectSpread(_objectSpread({}, props), {}, {
+    childElementPosition: "normal",
+    children: /*#__PURE__*/_jsx(Slider, _objectSpread({
+      disabled: readonly
+    }, _objectSpread({
+      min: min,
+      max: max,
+      step: step,
+      range: range
+    }, fieldProps)))
+  }));
+};
+export default ProFormSlider;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { StepperProps } from 'antd-mobile';
+import { StepperRangeProps } from '../stepper-range';
+import { ProFormItemFieldProps } from './pro-form-item';
+export type ProFormStepperProps = ProFormItemFieldProps<StepperProps> & Pick<StepperProps, 'max' | 'min' | 'digits' | 'formatter' | 'parser' | 'step'>;
+declare function ProFormStepper({ fieldProps, max, min, digits, formatter, parser, step, ...props }: ProFormStepperProps): JSX.Element;
+declare namespace ProFormStepper {
+    var Range: typeof ProFormStepperRange;
+}
+export type ProFormStepperRangeProps = ProFormItemFieldProps<StepperRangeProps> & Pick<StepperRangeProps, 'max' | 'min' | 'digits' | 'formatter' | 'parser' | 'step'>;
+declare function ProFormStepperRange({ fieldProps, max, min, digits, formatter, parser, step, ...props }: ProFormStepperRangeProps): JSX.Element;
+export default ProFormStepper;