antd-mobile 5.23.0 → 5.24.1

package/cjs/components/footer/footer.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Footer = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _nativeProps = require("../../utils/native-props");
-
 var _withDefaultProps = require("../../utils/with-default-props");
-
 var _divider = require("../divider/divider");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const classPrefix = `adm-footer`;
 const defaultProps = {
   label: '',
@@ -24,7 +17,6 @@ const defaultProps = {
   content: '',
   chips: []
 };
-
 const Footer = p => {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
   const {
@@ -35,20 +27,17 @@ const Footer = p => {
     onChipClick,
     onLinkClick
   } = props;
-
   const clickChipItem = (item, index) => {
     if ((chips === null || chips === void 0 ? void 0 : chips.length) && item.type === 'link') {
       onChipClick === null || onChipClick === void 0 ? void 0 : onChipClick(item, index);
     }
   };
-
   const clickLinkItem = (item, index, e) => {
     if (onLinkClick) {
       e.preventDefault();
       onLinkClick(item, index);
     }
   };
-
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: (0, _classnames.default)(classPrefix)
   }, label && _react.default.createElement("div", {
@@ -79,5 +68,4 @@ const Footer = p => {
     }, chip.text);
   }))));
 };
-
 exports.Footer = Footer;

package/cjs/components/footer/index.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("./footer.css");
-
 var _footer2 = require("./footer");
-
 var _default = _footer2.Footer;
 exports.default = _default;

package/cjs/components/form/context.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.defaultFormContext = exports.NoStyleItemContext = exports.FormContext = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const defaultFormContext = {
   name: undefined,
   hasFeedback: true,
@@ -17,11 +14,7 @@ const defaultFormContext = {
   disabled: false
 };
 exports.defaultFormContext = defaultFormContext;
-
 const FormContext = _react.default.createContext(defaultFormContext);
-
 exports.FormContext = FormContext;
-
 const NoStyleItemContext = _react.default.createContext(null);
-
 exports.NoStyleItemContext = NoStyleItemContext;

package/cjs/components/form/form-array.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FormArray = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _rcFieldForm = require("rc-field-form");
-
 var _list = _interopRequireDefault(require("../list"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const FormArray = props => {
   return _react.default.createElement(_rcFieldForm.List, {
     name: props.name,
@@ -24,14 +19,12 @@ const FormArray = props => {
     }));
     const children = props.children(fields, operation).map((child, index) => {
       var _a;
-
       return _react.default.createElement(_list.default, {
         key: fields[index].key,
         mode: 'card',
         header: (_a = props.renderHeader) === null || _a === void 0 ? void 0 : _a.call(props, fields[index], operation)
       }, child);
     });
-
     if (props.renderAdd) {
       children.push(_react.default.createElement(_list.default, {
         key: 'add',
@@ -44,9 +37,7 @@ const FormArray = props => {
         arrow: false
       }, props.renderAdd())));
     }
-
     return _react.default.createElement(_react.default.Fragment, null, children);
   });
 };
-
 exports.FormArray = FormArray;

package/cjs/components/form/form-item.css

@@ -54,7 +54,6 @@
 }
 .adm-form-item.adm-form-item-horizontal.adm-list-item {
   --align-items: stretch;
-  --prefix-width: 6.8em;
 }
 .adm-form-item.adm-form-item-horizontal .adm-list-item-content-prefix {
   padding-top: 12px;

package/cjs/components/form/form-item.js

@@ -4,51 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FormItem = void 0;
-
 var _tslib = require("tslib");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _nativeProps = require("../../utils/native-props");
-
 var _rcFieldForm = require("rc-field-form");
-
 var _FieldContext = _interopRequireDefault(require("rc-field-form/lib/FieldContext"));
-
 var _devLog = require("../../utils/dev-log");
-
 var _context = require("./context");
-
 var _utils = require("./utils");
-
 var _list = _interopRequireDefault(require("../list"));
-
 var _popover = _interopRequireDefault(require("../popover"));
-
 var _antdMobileIcons = require("antd-mobile-icons");
-
 var _configProvider = require("../config-provider");
-
 var _undefinedFallback = require("../../utils/undefined-fallback");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const NAME_SPLIT = '__SPLIT__';
 const classPrefix = `adm-form-item`;
-
 const MemoInput = _react.default.memo(({
   children
 }) => children, (prev, next) => prev.value === next.value && prev.update === next.update);
-
 const FormItemLayout = props => {
   var _a;
-
   const {
     className,
     style,
@@ -69,36 +48,29 @@ const FormItemLayout = props => {
   const hasFeedback = props.hasFeedback !== undefined ? props.hasFeedback : context.hasFeedback;
   const layout = props.layout || context.layout;
   const disabled = (_a = props.disabled) !== null && _a !== void 0 ? _a : context.disabled;
-
   const requiredMark = (() => {
     const {
       requiredMarkStyle
     } = context;
-
     switch (requiredMarkStyle) {
       case 'asterisk':
         return required && _react.default.createElement("span", {
           className: `${classPrefix}-required-asterisk`
         }, "*");
-
       case 'text-required':
         return required && _react.default.createElement("span", {
           className: `${classPrefix}-required-text`
         }, "(", locale.Form.required, ")");
-
       case 'text-optional':
         return !required && _react.default.createElement("span", {
           className: `${classPrefix}-required-text`
         }, "(", locale.Form.optional, ")");
-
       case 'none':
         return null;
-
       default:
         return null;
     }
   })();
-
   const labelElement = label ? _react.default.createElement("label", {
     className: `${classPrefix}-label`,
     htmlFor: htmlFor
@@ -139,38 +111,37 @@ const FormItemLayout = props => {
     className: (0, _classnames.default)(`${classPrefix}-child-inner`)
   }, children))));
 };
-
 const FormItem = props => {
   const {
-    // 样式相关
-    className,
-    style,
-    // FormItem 相关
-    label,
-    help,
-    extra,
-    hasFeedback,
-    name,
-    required,
-    noStyle,
-    hidden,
-    layout,
-    childElementPosition,
-    description,
-    // Field 相关
-    disabled,
-    rules,
-    children,
-    messageVariables,
-    trigger = 'onChange',
-    validateTrigger = trigger,
-    onClick,
-    shouldUpdate,
-    dependencies,
-    clickable,
-    arrow
-  } = props,
-        fieldProps = (0, _tslib.__rest)(props, ["className", "style", "label", "help", "extra", "hasFeedback", "name", "required", "noStyle", "hidden", "layout", "childElementPosition", "description", "disabled", "rules", "children", "messageVariables", "trigger", "validateTrigger", "onClick", "shouldUpdate", "dependencies", "clickable", "arrow"]);
+      // 样式相关
+      className,
+      style,
+      // FormItem 相关
+      label,
+      help,
+      extra,
+      hasFeedback,
+      name,
+      required,
+      noStyle,
+      hidden,
+      layout,
+      childElementPosition,
+      description,
+      // Field 相关
+      disabled,
+      rules,
+      children,
+      messageVariables,
+      trigger = 'onChange',
+      validateTrigger = trigger,
+      onClick,
+      shouldUpdate,
+      dependencies,
+      clickable,
+      arrow
+    } = props,
+    fieldProps = (0, _tslib.__rest)(props, ["className", "style", "label", "help", "extra", "hasFeedback", "name", "required", "noStyle", "hidden", "layout", "childElementPosition", "description", "disabled", "rules", "children", "messageVariables", "trigger", "validateTrigger", "onClick", "shouldUpdate", "dependencies", "clickable", "arrow"]);
   const {
     name: formName
   } = (0, _react.useContext)(_context.FormContext);
@@ -186,46 +157,35 @@ const FormItem = props => {
     setSubMetas(prevSubMetas => {
       const nextSubMetas = Object.assign({}, prevSubMetas);
       const nameKey = namePath.join(NAME_SPLIT);
-
       if (subMeta.destroy) {
         delete nextSubMetas[nameKey];
       } else {
         nextSubMetas[nameKey] = subMeta;
       }
-
       return nextSubMetas;
     });
   }, [setSubMetas]);
-
   function renderLayout(baseChildren, fieldId, meta, isRequired) {
     var _a, _b;
-
     if (noStyle && !hidden) {
       return baseChildren;
     }
-
     const curErrors = (_a = meta === null || meta === void 0 ? void 0 : meta.errors) !== null && _a !== void 0 ? _a : [];
     const errors = Object.keys(subMetas).reduce((subErrors, key) => {
       var _a, _b;
-
       const errors = (_b = (_a = subMetas[key]) === null || _a === void 0 ? void 0 : _a.errors) !== null && _b !== void 0 ? _b : [];
-
       if (errors.length) {
         subErrors = [...subErrors, ...errors];
       }
-
       return subErrors;
     }, curErrors);
     const curWarnings = (_b = meta === null || meta === void 0 ? void 0 : meta.warnings) !== null && _b !== void 0 ? _b : [];
     const warnings = Object.keys(subMetas).reduce((subWarnings, key) => {
       var _a, _b;
-
       const warnings = (_b = (_a = subMetas[key]) === null || _a === void 0 ? void 0 : _a.warnings) !== null && _b !== void 0 ? _b : [];
-
       if (warnings.length) {
         subWarnings = [...subWarnings, ...warnings];
       }
-
       return subWarnings;
     }, curWarnings);
     return (0, _nativeProps.withNativeProps)(props, _react.default.createElement(FormItemLayout, {
@@ -251,29 +211,22 @@ const FormItem = props => {
       value: onSubMetaChange
     }, baseChildren)));
   }
-
   const isRenderProps = typeof children === 'function';
-
   if (!name && !isRenderProps && !props.dependencies) {
     return renderLayout(children);
   }
-
   let Variables = {};
   Variables.label = typeof label === 'string' ? label : '';
-
   if (messageVariables) {
     Variables = Object.assign(Object.assign({}, Variables), messageVariables);
   }
-
   const notifyParentMetaChange = (0, _react.useContext)(_context.NoStyleItemContext);
-
   const onMetaChange = meta => {
     if (noStyle && notifyParentMetaChange) {
       const namePath = meta.name;
       notifyParentMetaChange(meta, namePath);
     }
   };
-
   return _react.default.createElement(_rcFieldForm.Field, Object.assign({}, fieldProps, {
     name: name,
     shouldUpdate: shouldUpdate,
@@ -288,11 +241,9 @@ const FormItem = props => {
     const isRequired = required !== undefined ? required : rules && rules.some(rule => !!(rule && typeof rule === 'object' && rule.required));
     const nameList = (0, _utils.toArray)(name).length && meta ? meta.name : [];
     const fieldId = (nameList.length > 0 && formName ? [formName, ...nameList] : nameList).join('_');
-
     if (shouldUpdate && dependencies) {
       (0, _devLog.devWarning)('Form.Item', "`shouldUpdate` and `dependencies` shouldn't be used together.");
     }
-
     if (isRenderProps) {
       if ((shouldUpdate || dependencies) && !name) {
         childNode = children(context);
@@ -300,49 +251,40 @@ const FormItem = props => {
         if (!(shouldUpdate || dependencies)) {
           (0, _devLog.devWarning)('Form.Item', '`children` of render props only work with `shouldUpdate` or `dependencies`.');
         }
-
         if (name) {
           (0, _devLog.devWarning)('Form.Item', "Do not use `name` with `children` of render props since it's not a field.");
         }
-      } // not render props
-
+      }
+      // not render props
     } else if (dependencies && !name) {
       (0, _devLog.devWarning)('Form.Item', 'Must set `name` or use render props when `dependencies` is set.');
     } else if (_react.default.isValidElement(children)) {
       if (children.props.defaultValue) {
         (0, _devLog.devWarning)('Form.Item', '`defaultValue` will not work on controlled Field. You should use `initialValues` of Form instead.');
       }
-
       const childProps = Object.assign(Object.assign({}, children.props), control);
-
       if ((0, _utils.isSafeSetRefComponent)(children)) {
         childProps.ref = instance => {
           const originRef = children.ref;
-
           if (originRef) {
             if (typeof originRef === 'function') {
               originRef(instance);
             }
-
             if ('current' in originRef) {
               originRef.current = instance;
             }
           }
-
           widgetRef.current = instance;
         };
       }
-
       if (!childProps.id) {
         childProps.id = fieldId;
-      } // We should keep user origin event handler
-
-
+      }
+      // We should keep user origin event handler
       const triggers = new Set([...(0, _utils.toArray)(trigger), ...(0, _utils.toArray)(mergedValidateTrigger)]);
       triggers.forEach(eventName => {
         childProps[eventName] = (...args) => {
           var _a, _b, _c;
-
           (_a = control[eventName]) === null || _a === void 0 ? void 0 : _a.call(control, ...args);
           (_c = (_b = children.props)[eventName]) === null || _c === void 0 ? void 0 : _c.call(_b, ...args);
         };
@@ -355,12 +297,9 @@ const FormItem = props => {
       if (name) {
         (0, _devLog.devWarning)('Form.Item', '`name` is only used for validate React element. If you are using Form.Item as layout display, please remove `name` instead.');
       }
-
       childNode = children;
     }
-
     return renderLayout(childNode, fieldId, meta, isRequired);
   });
 };
-
 exports.FormItem = FormItem;

package/cjs/components/form/form-subscribe.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Watcher = exports.FormSubscribe = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _rcFieldForm = require("rc-field-form");
-
 var _ahooks = require("ahooks");
-
 var _useIsomorphicUpdateLayoutEffect = require("../../utils/use-isomorphic-update-layout-effect");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const FormSubscribe = props => {
   const update = (0, _ahooks.useUpdate)();
   const form = (0, _react.useContext)(_rcFieldForm.FieldContext);
@@ -27,7 +20,6 @@ const FormSubscribe = props => {
     onChange: update
   })));
 };
-
 exports.FormSubscribe = FormSubscribe;
 const Watcher = (0, _react.memo)(props => {
   const value = (0, _rcFieldForm.useWatch)(props.namePath, props.form);

package/cjs/components/form/form.css

@@ -1,10 +1,12 @@
 .adm-form {
-  --border-inner: solid 1px var(--adm-color-border);
-  --border-top: solid 1px var(--adm-color-border);
-  --border-bottom: solid 1px var(--adm-color-border);
+  --border-inner: solid 1px var(--adm-border-color);
+  --border-top: solid 1px var(--adm-border-color);
+  --border-bottom: solid 1px var(--adm-border-color);
+  --prefix-width: 6.8em;
   ---border-inner: var(--border-inner);
   ---border-top: var(--border-top);
   ---border-bottom: var(--border-bottom);
+  ---prefix-width: var(--prefix-width);
 }
 .adm-form .adm-list.adm-list {
   --padding-left: 16px;
@@ -16,6 +18,9 @@
 .adm-form .adm-form-footer {
   padding: 20px 12px;
 }
+.adm-form .adm-form-item-horizontal.adm-list-item {
+  --prefix-width: var(---prefix-width);
+}
 .adm-form-list-operation {
   text-align: center;
   color: #1677ff;

package/cjs/components/form/form.d.ts

@@ -4,13 +4,13 @@ import { ListProps } from '../list';
 import type { FormProps as RcFormProps, FormInstance as RCFormInstance } from 'rc-field-form';
 import { FormContextType } from './context';
 export declare type FormInstance = Pick<RCFormInstance, 'getFieldValue' | 'getFieldsValue' | 'getFieldError' | 'getFieldsError' | 'isFieldTouched' | 'isFieldsTouched' | 'resetFields' | 'setFields' | 'setFieldsValue' | 'submit' | 'validateFields'>;
-export declare type FormProps = Pick<RcFormProps, 'form' | 'initialValues' | 'name' | 'preserve' | 'validateMessages' | 'validateTrigger' | 'onFieldsChange' | 'onFinish' | 'onFinishFailed' | 'onValuesChange' | 'children'> & NativeProps<'--border-inner' | '--border-top' | '--border-bottom'> & Partial<FormContextType> & {
+export declare type FormProps = Pick<RcFormProps, 'form' | 'initialValues' | 'name' | 'preserve' | 'validateMessages' | 'validateTrigger' | 'onFieldsChange' | 'onFinish' | 'onFinishFailed' | 'onValuesChange' | 'children'> & NativeProps<'--border-inner' | '--border-top' | '--border-bottom' | '--prefix-width'> & Partial<FormContextType> & {
     footer?: ReactNode;
     mode?: ListProps['mode'];
 };
 export declare const Form: React.ForwardRefExoticComponent<Pick<RcFormProps<any>, "children" | "form" | "name" | "initialValues" | "preserve" | "validateMessages" | "validateTrigger" | "onFieldsChange" | "onFinish" | "onFinishFailed" | "onValuesChange"> & {
     className?: string | undefined;
-    style?: (React.CSSProperties & Partial<Record<"--border-bottom" | "--border-inner" | "--border-top", string>>) | undefined;
+    style?: (React.CSSProperties & Partial<Record<"--border-bottom" | "--border-inner" | "--border-top" | "--prefix-width", string>>) | undefined;
     tabIndex?: number | undefined;
 } & React.AriaAttributes & Partial<FormContextType> & {
     footer?: ReactNode;

package/cjs/components/form/form.js

@@ -4,53 +4,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Form = void 0;
-
 var _tslib = require("tslib");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _list = _interopRequireDefault(require("../list"));
-
 var _rcFieldForm = _interopRequireDefault(require("rc-field-form"));
-
 var _context = require("./context");
-
 var _withDefaultProps = require("../../utils/with-default-props");
-
 var _header = require("./header");
-
 var _configProvider = require("../config-provider");
-
 var _merge = _interopRequireDefault(require("lodash/merge"));
-
 var _formArray = require("./form-array");
-
 var _traverseReactNode = require("../../utils/traverse-react-node");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const classPrefix = 'adm-form';
 const defaultProps = _context.defaultFormContext;
 const Form = (0, _react.forwardRef)((p, ref) => {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
   const {
-    className,
-    style,
-    hasFeedback,
-    children,
-    layout,
-    footer,
-    mode,
-    disabled,
-    requiredMarkStyle
-  } = props,
-        formProps = (0, _tslib.__rest)(props, ["className", "style", "hasFeedback", "children", "layout", "footer", "mode", "disabled", "requiredMarkStyle"]);
+      className,
+      style,
+      hasFeedback,
+      children,
+      layout,
+      footer,
+      mode,
+      disabled,
+      requiredMarkStyle
+    } = props,
+    formProps = (0, _tslib.__rest)(props, ["className", "style", "hasFeedback", "children", "layout", "footer", "mode", "disabled", "requiredMarkStyle"]);
   const {
     locale
   } = (0, _configProvider.useConfig)();
@@ -59,7 +43,6 @@ const Form = (0, _react.forwardRef)((p, ref) => {
   let currentHeader = null;
   let items = [];
   let count = 0;
-
   function collect() {
     if (items.length === 0) return;
     count += 1;
@@ -70,7 +53,6 @@ const Form = (0, _react.forwardRef)((p, ref) => {
     }, items));
     items = [];
   }
-
   (0, _traverseReactNode.traverseReactNode)(props.children, child => {
     if (_react.default.isValidElement(child)) {
       if (child.type === _header.Header) {
@@ -78,14 +60,12 @@ const Form = (0, _react.forwardRef)((p, ref) => {
         currentHeader = child.props.children;
         return;
       }
-
       if (child.type === _formArray.FormArray) {
         collect();
         lists.push(child);
         return;
       }
     }
-
     items.push(child);
   });
   collect();

package/cjs/components/form/header.js

@@ -4,7 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Header = void 0;
-
 const Header = () => null;
-
 exports.Header = Header;

package/cjs/components/form/index.css

@@ -1,10 +1,12 @@
 .adm-form {
-  --border-inner: solid 1px var(--adm-color-border);
-  --border-top: solid 1px var(--adm-color-border);
-  --border-bottom: solid 1px var(--adm-color-border);
+  --border-inner: solid 1px var(--adm-border-color);
+  --border-top: solid 1px var(--adm-border-color);
+  --border-bottom: solid 1px var(--adm-border-color);
+  --prefix-width: 6.8em;
   ---border-inner: var(--border-inner);
   ---border-top: var(--border-top);
   ---border-bottom: var(--border-bottom);
+  ---prefix-width: var(--prefix-width);
 }
 .adm-form .adm-list.adm-list {
   --padding-left: 16px;
@@ -16,6 +18,9 @@
 .adm-form .adm-form-footer {
   padding: 20px 12px;
 }
+.adm-form .adm-form-item-horizontal.adm-list-item {
+  --prefix-width: var(---prefix-width);
+}
 .adm-form-list-operation {
   text-align: center;
   color: #1677ff;
@@ -76,7 +81,6 @@
 }
 .adm-form-item.adm-form-item-horizontal.adm-list-item {
   --align-items: stretch;
-  --prefix-width: 6.8em;
 }
 .adm-form-item.adm-form-item-horizontal .adm-list-item-content-prefix {
   padding-top: 12px;

package/cjs/components/form/index.d.ts

@@ -9,7 +9,7 @@ export type { ValidateMessages, FieldData, NamePath, } from 'rc-field-form/es/in
 export type { FormArrayField, FormArrayOperation, FormArrayProps, } from './form-array';
 declare const _default: import("react").ForwardRefExoticComponent<Pick<import("rc-field-form").FormProps<any>, "children" | "form" | "name" | "initialValues" | "preserve" | "validateMessages" | "validateTrigger" | "onFieldsChange" | "onFinish" | "onFinishFailed" | "onValuesChange"> & {
     className?: string | undefined;
-    style?: (import("react").CSSProperties & Partial<Record<"--border-bottom" | "--border-inner" | "--border-top", string>>) | undefined;
+    style?: (import("react").CSSProperties & Partial<Record<"--border-bottom" | "--border-inner" | "--border-top" | "--prefix-width", string>>) | undefined;
     tabIndex?: number | undefined;
 } & import("react").AriaAttributes & Partial<import("./context").FormContextType> & {
     footer?: import("react").ReactNode;