@kne/react-form-antd 4.1.8 → 4.1.10

package/dist/index.js

@@ -81,7 +81,18 @@ var preset = (function (props) {
   ReactForm.preset(globalParams.rules);
 });
 
-var _excluded$6 = ["className", "cache", "enterSubmit", "scrollToError", "scrollProps", "type", "size", "children"];
+/** 仅控制表单布局；字段弹层、字号等字段级移动端优化不读这里 */
+var FormMobileContext = React.createContext(undefined);
+var useFormMobile = function useFormMobile() {
+  return React.useContext(FormMobileContext);
+};
+var useFormIsMobile = function useFormIsMobile() {
+  var mobile = useFormMobile();
+  var isMobile = responsiveUtils.useIsMobile();
+  return mobile === false ? false : isMobile;
+};
+
+var _excluded$7 = ["className", "cache", "enterSubmit", "scrollToError", "scrollProps", "type", "size", "mobile", "children"];
 var ScrollToError = reactFormHelper.widget.ScrollToError,
   EnterSubmit = reactFormHelper.widget.EnterSubmit,
   FormStore = reactFormHelper.widget.FormStore,
@@ -98,9 +109,12 @@ var Form = React.forwardRef(function (originProps, ref) {
     scrollProps = _originProps$scrollPr === void 0 ? {
       block: 'center'
     } : _originProps$scrollPr,
+    originMobile = originProps.mobile,
     children = originProps.children,
-    props = _objectWithoutPropertiesLoose(originProps, _excluded$6);
+    props = _objectWithoutPropertiesLoose(originProps, _excluded$7);
   var isMobile = responsiveUtils.useIsMobile();
+  var parentMobile = useFormMobile();
+  var mobile = originMobile !== undefined ? originMobile : parentMobile !== undefined ? parentMobile : globalParams.mobile;
   var baseClass = 'react-form';
   var computedClass = baseClass;
   var _Object$assign = Object.assign({
@@ -117,11 +131,13 @@ var Form = React.forwardRef(function (originProps, ref) {
   }
   var maxLabel = /*#__PURE__*/React__default["default"].createElement(MaxLabelProvider, null, children);
   return /*#__PURE__*/React__default["default"].createElement("form", {
-    className: classnames__default["default"](baseClass, computedClass, isMobile && 'is-mobile', className),
+    className: classnames__default["default"](baseClass, computedClass, isMobile && 'is-mobile', mobile === false && 'is-mobile-disabled', className),
     onSubmit: function onSubmit(e) {
       e.preventDefault();
       e.stopPropagation();
     }
+  }, /*#__PURE__*/React__default["default"].createElement(FormMobileContext.Provider, {
+    value: mobile
   }, /*#__PURE__*/React__default["default"].createElement(SizeProvider, {
     value: {
       size: size
@@ -132,7 +148,7 @@ var Form = React.forwardRef(function (originProps, ref) {
     cache: cache
   }) : null, scrollToError ? /*#__PURE__*/React__default["default"].createElement(ScrollToError, {
     scrollProps: scrollProps
-  }) : null, enterSubmit ? /*#__PURE__*/React__default["default"].createElement(EnterSubmit, null, maxLabel) : maxLabel)));
+  }) : null, enterSubmit ? /*#__PURE__*/React__default["default"].createElement(EnterSubmit, null, maxLabel) : maxLabel))));
 });
 
 var locale$1 = {
@@ -31313,19 +31329,12 @@ var useMobileFieldPopup = function useMobileFieldPopup(_temp) {
     unlockTriggerWidth = _ref$unlockTriggerWid === void 0 ? false : _ref$unlockTriggerWid,
     _ref$syncListHeight = _ref.syncListHeight,
     syncListHeight = _ref$syncListHeight === void 0 ? false : _ref$syncListHeight,
-    _ref$dropdownVisibleE = _ref.dropdownVisibleEvent,
-    dropdownVisibleEvent = _ref$dropdownVisibleE === void 0 ? false : _ref$dropdownVisibleE,
     anchorRefProp = _ref.anchorRef,
     openProp = _ref.open,
     onOpenChange = _ref.onOpenChange,
-    onDropdownVisibleChange = _ref.onDropdownVisibleChange,
     getPopupContainerProp = _ref.getPopupContainer,
     classNamesProp = _ref.classNames,
     stylesProp = _ref.styles,
-    popupClassName = _ref.popupClassName,
-    dropdownClassName = _ref.dropdownClassName,
-    popupStyle = _ref.popupStyle,
-    dropdownStyle = _ref.dropdownStyle,
     placement = _ref.placement,
     zIndex = _ref.zIndex,
     inputReadOnly = _ref.inputReadOnly,
@@ -31617,8 +31626,7 @@ var useMobileFieldPopup = function useMobileFieldPopup(_temp) {
       updatePopupMetrics();
     }
     onOpenChange && onOpenChange(next);
-    onDropdownVisibleChange && onDropdownVisibleChange(next);
-  }, [controlled, isMobile, onDropdownVisibleChange, onOpenChange, updatePopupMetrics]);
+  }, [controlled, isMobile, onOpenChange, updatePopupMetrics]);
   var close = React.useCallback(function () {
     emitOpenChange(false);
   }, [emitOpenChange]);
@@ -31636,7 +31644,6 @@ var useMobileFieldPopup = function useMobileFieldPopup(_temp) {
   var openAbove = popupMetrics.placement === 'top';
   var popupClass = classnames__default["default"](POPUP_CLASS, modeClass, kind === 'picker' && 'is-picker', kind === 'range-picker' && 'is-range', openAbove && 'is-above');
   var mobilePopupStyle = (_mobilePopupStyle = {}, _mobilePopupStyle[HEIGHT_VAR] = popupMetrics.height > 0 ? popupMetrics.height + "px" : undefined, _mobilePopupStyle[TOP_VAR] = popupMetrics.top + "px", _mobilePopupStyle[BOTTOM_VAR] = openAbove ? popupMetrics.bottom + "px" : undefined, _mobilePopupStyle.top = openAbove ? 'auto' : popupMetrics.top, _mobilePopupStyle.bottom = openAbove ? popupMetrics.bottom : undefined, _mobilePopupStyle.left = (_popupMetrics$left = popupMetrics.left) != null ? _popupMetrics$left : 0, _mobilePopupStyle.zIndex = panelZIndex, _mobilePopupStyle);
-  var mergedPopupStyle = Object.assign({}, popupStyle, dropdownStyle, mobilePopupStyle);
   var popupProps = {};
   if (isMobile) {
     popupProps = {
@@ -31647,16 +31654,9 @@ var useMobileFieldPopup = function useMobileFieldPopup(_temp) {
       // 位置由我们按可用空间计算，禁止 antd 再自动翻转，否则遮罩会和弹层错位
       autoAdjustOverflow: false,
       transitionName: '',
-      popupClassName: classnames__default["default"](popupClassName, popupClass),
-      dropdownClassName: classnames__default["default"](dropdownClassName, popupClass),
-      popupStyle: mergedPopupStyle,
-      dropdownStyle: mergedPopupStyle,
       classNames: mergeClassNames(classNamesProp, popupClass),
       styles: mergeStyles(stylesProp, mobilePopupStyle)
     };
-    if (dropdownVisibleEvent) {
-      popupProps.onDropdownVisibleChange = emitOpenChange;
-    }
     if (kind === 'picker' || kind === 'range-picker') {
       popupProps.inputReadOnly = inputReadOnly !== undefined ? inputReadOnly : true;
     }
@@ -31689,26 +31689,21 @@ var useMobileFieldPopup = function useMobileFieldPopup(_temp) {
   };
 };
 
-var _excluded$5 = ["disableMobilePopup"];
+var _excluded$6 = ["disableMobilePopup"];
 var withMobilePopup = function withMobilePopup(WrappedComponent, options) {
   if (options === void 0) {
     options = {};
   }
   var MobilePopupField = React.forwardRef(function (props, ref) {
     var disableMobilePopup = props.disableMobilePopup,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$5);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$6);
     var _useMobileFieldPopup = useMobileFieldPopup(Object.assign({}, options, {
         disabled: disableMobilePopup,
         open: rest.open,
         onOpenChange: rest.onOpenChange,
-        onDropdownVisibleChange: rest.onDropdownVisibleChange,
         getPopupContainer: rest.getPopupContainer,
         classNames: rest.classNames,
         styles: rest.styles,
-        popupClassName: rest.popupClassName,
-        dropdownClassName: rest.dropdownClassName,
-        popupStyle: rest.popupStyle,
-        dropdownStyle: rest.dropdownStyle,
         placement: rest.placement,
         zIndex: rest.zIndex,
         inputReadOnly: rest.inputReadOnly,
@@ -31823,7 +31818,7 @@ var normalizeDateValue = function normalizeDateValue(value, picker) {
   return startOfByPicker(value, picker);
 };
 
-var _excluded$4 = ["value", "defaultValue", "format", "showTime", "picker", "onChange"];
+var _excluded$5 = ["value", "defaultValue", "format", "showTime", "picker", "onChange"];
 
 /**
  * Wrap antd picker so string/number initial values from form/API become dayjs.
@@ -31846,7 +31841,7 @@ var withDayjsValue = function withDayjsValue(WrappedComponent, options) {
       showTime = _ref.showTime,
       picker = _ref.picker,
       onChange = _ref.onChange,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
     var mergedPicker = picker || defaultPicker;
     var shouldStripTime = stripTime && !showTime;
     var mergedValue = React.useMemo(function () {
@@ -31991,8 +31986,7 @@ var useOnChange$8 = reactFormHelper.hooks.useOnChange;
 var MobileSelect = withMobilePopup(antd.Select, {
   kind: 'select',
   unlockTriggerWidth: true,
-  syncListHeight: true,
-  dropdownVisibleEvent: true
+  syncListHeight: true
 });
 var SelectInner = function SelectInner(props) {
   var _useIntl = reactIntl.useIntl(),
@@ -32014,11 +32008,11 @@ SelectInner.Option = antd.Select.Option;
 SelectInner.OptGroup = antd.Select.OptGroup;
 var _Select = withLocale(SelectInner);
 
-var _excluded$3 = ["onChange"];
+var _excluded$4 = ["onChange"];
 var useOnChange$7 = reactFormHelper.hooks.useOnChange;
 var RadioGroup = function RadioGroup(_ref) {
   var onChange = _ref.onChange,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   props = Object.assign({}, {
     fieldName: 'radioGroup'
   }, props);
@@ -32517,7 +32511,7 @@ if (process.env.NODE_ENV !== 'production') {
 }
 var CloseCircleFilled$1 = RefIcon;
 
-var _excluded$2 = ["soFarText", "soFarValue", "picker", "placeholder"];
+var _excluded$3 = ["soFarText", "soFarValue", "picker", "placeholder"];
 var useOnChange$6 = reactFormHelper.hooks.useOnChange;
 var PickerTodayInner = function PickerTodayInner(_ref) {
   var soFarText = _ref.soFarText,
@@ -32526,7 +32520,7 @@ var PickerTodayInner = function PickerTodayInner(_ref) {
     _ref$picker = _ref.picker,
     picker = _ref$picker === void 0 ? 'date' : _ref$picker,
     placeholder = _ref.placeholder,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   var _useIntl = reactIntl.useIntl(),
     formatMessage = _useIntl.formatMessage;
   var _useControlValue = useControlValue__default["default"](props),
@@ -33013,12 +33007,17 @@ var Slider = function Slider(props) {
 };
 Slider.Field = antd.Slider;
 
-var ResetButton = function ResetButton(props) {
+var _excluded$2 = ["className"];
+var ResetButton = function ResetButton(_ref) {
+  var className = _ref.className,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   var resetProps = ReactForm.useReset();
-  return /*#__PURE__*/React__default["default"].createElement(antd.Button, _extends$3({}, resetProps, props));
+  return /*#__PURE__*/React__default["default"].createElement(antd.Button, _extends$3({}, resetProps, props, {
+    className: classnames__default["default"]('react-form__action-button', className)
+  }));
 };
 
-var _excluded$1 = ["type", "realtime", "disabled"],
+var _excluded$1 = ["type", "realtime", "disabled", "className"],
   _excluded2 = ["isPass", "isLoading"];
 var SubmitButton = function SubmitButton(_ref) {
   var _ref$type = _ref.type,
@@ -33026,6 +33025,7 @@ var SubmitButton = function SubmitButton(_ref) {
     realtime = _ref.realtime,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    className = _ref.className,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   var _useSubmit = ReactForm.useSubmit(props),
     isPass = _useSubmit.isPass,
@@ -33035,16 +33035,20 @@ var SubmitButton = function SubmitButton(_ref) {
     type: type,
     loading: isLoading,
     disabled: disabled || (realtime ? !isPass : false)
-  }, props, submitProps));
+  }, props, submitProps, {
+    className: classnames__default["default"]('react-form__action-button', className)
+  }));
 };
 
-var _excluded = ["onClick"];
+var _excluded = ["onClick", "className"];
 var useCacheRemove = reactFormHelper.hooks.useCacheRemove;
 var CancelButton = function CancelButton(_ref) {
   var _onClick = _ref.onClick,
+    className = _ref.className,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   var remove = useCacheRemove();
   return /*#__PURE__*/React__default["default"].createElement(antd.Button, _extends$3({}, props, {
+    className: classnames__default["default"]('react-form__action-button', className),
     onClick: function onClick() {
       remove();
       _onClick && _onClick.apply(void 0, [].slice.call(arguments));
@@ -33094,6 +33098,7 @@ exports.CheckboxGroup = CheckboxGroup;
 exports.DatePicker = _DatePicker;
 exports.DatePickerToday = RangePickerToday;
 exports.FormAntd = FormAntd;
+exports.FormMobileContext = FormMobileContext;
 exports.Input = InputField;
 exports.InputNumber = InputNumberField;
 exports.RadioGroup = _RadioGroup;
@@ -33109,6 +33114,8 @@ exports.TreeSelect = _TreeSelect;
 exports["default"] = Form;
 exports.fields = fields;
 exports.preset = preset;
+exports.useFormIsMobile = useFormIsMobile;
+exports.useFormMobile = useFormMobile;
 Object.keys(ReactForm).forEach(function (k) {
   if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
     enumerable: true,