antd-mobile 5.0.0-rc.2 → 5.0.0-rc.23

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

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FormItem = void 0;
 
+var _tslib = require("tslib");
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -21,119 +23,106 @@ var _utils = require("./utils");
 
 var _list = _interopRequireDefault(require("../list"));
 
-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 _getRequireWildcardCache(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; }
-
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-
-var NAME_SPLIT = '__SPLIT__';
-var classPrefix = "adm-form-item";
-
-var MemoInput = /*#__PURE__*/_react["default"].memo(function (_ref) {
-  var children = _ref.children;
-  return children;
-}, function (prev, next) {
-  return prev.value === next.value && prev.update === next.update;
-});
-
-var FormItemLayout = function FormItemLayout(props) {
-  var _classNames;
-
-  var className = props.className,
-      style = props.style,
-      extra = props.extra,
-      label = props.label,
-      help = props.help,
-      required = props.required,
-      disabled = props.disabled,
-      children = props.children,
-      htmlFor = props.htmlFor,
-      hidden = props.hidden,
-      errors = props.errors;
-  var context = (0, _react.useContext)(_context.FormContext);
-  var hasFeedback = props.hasFeedback || context.hasFeedback;
-  var layout = props.layout || context.layout;
-  var feedback = hasFeedback && errors && errors.length > 0 ? errors[0] : null;
-  var labelElement = label ? /*#__PURE__*/_react["default"].createElement("label", {
-    className: classPrefix + "-label",
+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 => {
+  const {
+    className,
+    style,
+    extra,
+    label,
+    help,
+    required,
+    disabled,
+    children,
+    htmlFor,
+    hidden,
+    errors
+  } = props;
+  const context = (0, _react.useContext)(_context.FormContext);
+  const hasFeedback = props.hasFeedback !== undefined ? props.hasFeedback : context.hasFeedback;
+  const layout = props.layout || context.layout;
+  const feedback = hasFeedback && errors && errors.length > 0 ? errors[0] : null;
+  const labelElement = label ? _react.default.createElement("label", {
+    className: `${classPrefix}-label`,
     htmlFor: htmlFor
-  }, label, required && /*#__PURE__*/_react["default"].createElement("span", {
-    className: classPrefix + "-label-required"
-  }, "*"), help && /*#__PURE__*/_react["default"].createElement("span", {
-    className: classPrefix + "-label-help"
+  }, label, required && _react.default.createElement("span", {
+    className: `${classPrefix}-label-required`
+  }, "*"), help && _react.default.createElement("span", {
+    className: `${classPrefix}-label-help`
   }, help)) : null;
 
-  var descriptionElement = feedback && /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-footer"
+  const descriptionElement = feedback && _react.default.createElement("div", {
+    className: `${classPrefix}-footer`
   }, feedback);
 
-  return /*#__PURE__*/_react["default"].createElement(_list["default"].Item, {
+  return _react.default.createElement(_list.default.Item, {
     style: style,
     title: layout === 'vertical' && labelElement,
     prefix: layout === 'horizontal' && labelElement,
     extra: extra,
     description: descriptionElement,
-    className: (0, _classnames["default"])(classPrefix, className, (_classNames = {}, _classNames[classPrefix + "-hidden"] = hidden, _classNames)),
+    className: (0, _classnames.default)(classPrefix, className, {
+      [`${classPrefix}-hidden`]: hidden
+    }),
     disabled: disabled,
     onClick: props.onClick
   }, children);
 };
 
-var FormItem = function FormItem(props) {
-  var className = props.className,
-      style = props.style,
-      label = props.label,
-      help = props.help,
-      extra = props.extra,
-      hasFeedback = props.hasFeedback,
-      name = props.name,
-      required = props.required,
-      noStyle = props.noStyle,
-      hidden = props.hidden,
-      layout = props.layout,
-      disabled = props.disabled,
-      rules = props.rules,
-      children = props.children,
-      messageVariables = props.messageVariables,
-      _props$trigger = props.trigger,
-      trigger = _props$trigger === void 0 ? 'onChange' : _props$trigger,
-      validateTrigger = props.validateTrigger,
-      onClick = props.onClick,
-      shouldUpdate = props.shouldUpdate,
-      dependencies = props.dependencies,
-      fieldProps = __rest(props, ["className", "style", "label", "help", "extra", "hasFeedback", "name", "required", "noStyle", "hidden", "layout", "disabled", "rules", "children", "messageVariables", "trigger", "validateTrigger", "onClick", "shouldUpdate", "dependencies"]);
-
-  var _React$useContext = _react["default"].useContext(_FieldContext["default"]),
-      contextValidateTrigger = _React$useContext.validateTrigger;
-
-  var mergedValidateTrigger = validateTrigger !== undefined ? validateTrigger : contextValidateTrigger;
-
-  var updateRef = _react["default"].useRef(0);
+const FormItem = props => {
+  const {
+    // 样式相关
+    className,
+    style,
+    // FormItem 相关
+    label,
+    help,
+    extra,
+    hasFeedback,
+    name,
+    required,
+    noStyle,
+    hidden,
+    layout,
+    // Field 相关
+    disabled,
+    rules,
+    children,
+    messageVariables,
+    trigger = 'onChange',
+    validateTrigger,
+    onClick,
+    shouldUpdate,
+    dependencies
+  } = props,
+        fieldProps = (0, _tslib.__rest)(props, ["className", "style", "label", "help", "extra", "hasFeedback", "name", "required", "noStyle", "hidden", "layout", "disabled", "rules", "children", "messageVariables", "trigger", "validateTrigger", "onClick", "shouldUpdate", "dependencies"]);
+
+  const {
+    validateTrigger: contextValidateTrigger
+  } = _react.default.useContext(_FieldContext.default);
+
+  const mergedValidateTrigger = validateTrigger !== undefined ? validateTrigger : contextValidateTrigger;
+
+  const updateRef = _react.default.useRef(0);
 
   updateRef.current += 1;
-
-  var _useState = (0, _react.useState)({}),
-      subMetas = _useState[0],
-      setSubMetas = _useState[1];
-
-  var onSubMetaChange = (0, _react.useCallback)(function (subMeta, namePath) {
-    setSubMetas(function (prevSubMetas) {
-      var nextSubMetas = Object.assign({}, prevSubMetas);
-      var nameKey = namePath.join(NAME_SPLIT);
+  const [subMetas, setSubMetas] = (0, _react.useState)({});
+  const onSubMetaChange = (0, _react.useCallback)((subMeta, namePath) => {
+    setSubMetas(prevSubMetas => {
+      const nextSubMetas = Object.assign({}, prevSubMetas);
+      const nameKey = namePath.join(NAME_SPLIT);
 
       if (subMeta.destroy) {
         delete nextSubMetas[nameKey];
@@ -152,19 +141,19 @@ var FormItem = function FormItem(props) {
       return baseChildren;
     }
 
-    var curErrors = (_a = meta === null || meta === void 0 ? void 0 : meta.errors) !== null && _a !== void 0 ? _a : [];
-    var errors = Object.keys(subMetas).reduce(function (subErrors, key) {
+    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;
 
-      var errors = (_b = (_a = subMetas[key]) === null || _a === void 0 ? void 0 : _a.errors) !== null && _b !== void 0 ? _b : [];
+      const errors = (_b = (_a = subMetas[key]) === null || _a === void 0 ? void 0 : _a.errors) !== null && _b !== void 0 ? _b : [];
 
       if (errors.length) {
-        subErrors = [].concat(subErrors, errors);
+        subErrors = [...subErrors, ...errors];
       }
 
       return subErrors;
     }, curErrors);
-    return /*#__PURE__*/_react["default"].createElement(FormItemLayout, {
+    return _react.default.createElement(FormItemLayout, {
       className: className,
       style: style,
       label: label,
@@ -178,18 +167,18 @@ var FormItem = function FormItem(props) {
       onClick: onClick,
       hidden: hidden,
       layout: layout
-    }, /*#__PURE__*/_react["default"].createElement(_context.NoStyleItemContext.Provider, {
+    }, _react.default.createElement(_context.NoStyleItemContext.Provider, {
       value: onSubMetaChange
     }, baseChildren));
   }
 
-  var isRenderProps = typeof children === 'function';
+  const isRenderProps = typeof children === 'function';
 
   if (!name && !isRenderProps && !props.dependencies) {
     return renderLayout(children);
   }
 
-  var Variables = {};
+  let Variables = {};
 
   if (typeof label === 'string') {
     Variables.label = label;
@@ -199,33 +188,34 @@ var FormItem = function FormItem(props) {
     Variables = Object.assign(Object.assign({}, Variables), messageVariables);
   }
 
-  var notifyParentMetaChange = (0, _react.useContext)(_context.NoStyleItemContext);
+  const notifyParentMetaChange = (0, _react.useContext)(_context.NoStyleItemContext);
 
-  var onMetaChange = function onMetaChange(meta) {
+  const onMetaChange = meta => {
     if (noStyle && notifyParentMetaChange) {
-      var namePath = meta.name;
+      const namePath = meta.name;
       notifyParentMetaChange(meta, namePath);
     }
   };
 
-  return /*#__PURE__*/_react["default"].createElement(_rcFieldForm.Field, Object.assign({}, fieldProps, {
+  return _react.default.createElement(_rcFieldForm.Field, Object.assign({}, fieldProps, {
     name: name,
     shouldUpdate: shouldUpdate,
     dependencies: dependencies,
     rules: rules,
     trigger: trigger,
     validateTrigger: mergedValidateTrigger,
-    onMetaChange: onMetaChange
-  }), function (control, meta, context) {
-    var childNode = null;
-    var isRequired = required !== undefined ? required : !!(rules && rules.some(function (rule) {
+    onMetaChange: onMetaChange,
+    messageVariables: Variables
+  }), (control, meta, context) => {
+    let childNode = null;
+    const isRequired = required !== undefined ? required : !!(rules && rules.some(rule => {
       if (rule && typeof rule === 'object' && rule.required) {
         return true;
       }
 
       return false;
     }));
-    var fieldId = ((0, _utils.toArray)(name).length && meta ? meta.name : []).join('_');
+    const fieldId = ((0, _utils.toArray)(name).length && meta ? meta.name : []).join('_');
 
     if (shouldUpdate && dependencies) {
       (0, _devLog.devWarning)('Form.Item', "`shouldUpdate` and `dependencies` shouldn't be used together.");
@@ -246,37 +236,31 @@ var FormItem = function FormItem(props) {
 
     } else if (dependencies && !name) {
       (0, _devLog.devWarning)('Form.Item', 'Must set `name` or use render props when `dependencies` is set.');
-    } else if ( /*#__PURE__*/_react["default"].isValidElement(children)) {
+    } 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.');
       }
 
-      var childProps = Object.assign(Object.assign({}, children.props), control);
+      const childProps = Object.assign(Object.assign({}, children.props), control);
 
       if (!childProps.id) {
         childProps.id = fieldId;
       } // We should keep user origin event handler
 
 
-      var triggers = new Set([].concat((0, _utils.toArray)(trigger), (0, _utils.toArray)(mergedValidateTrigger)));
-      triggers.forEach(function (eventName) {
-        childProps[eventName] = function () {
-          var _a2, _c2;
-
+      const triggers = new Set([...(0, _utils.toArray)(trigger), ...(0, _utils.toArray)(mergedValidateTrigger)]);
+      triggers.forEach(eventName => {
+        childProps[eventName] = (...args) => {
           var _a, _b, _c;
 
-          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-            args[_key] = arguments[_key];
-          }
-
-          (_a = control[eventName]) === null || _a === void 0 ? void 0 : (_a2 = _a).call.apply(_a2, [control].concat(args));
-          (_c = (_b = children.props)[eventName]) === null || _c === void 0 ? void 0 : (_c2 = _c).call.apply(_c2, [_b].concat(args));
+          (_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);
         };
       });
-      childNode = /*#__PURE__*/_react["default"].createElement(MemoInput, {
+      childNode = _react.default.createElement(MemoInput, {
         value: control[props.valuePropName || 'value'],
         update: updateRef.current
-      }, /*#__PURE__*/_react["default"].cloneElement(children, childProps));
+      }, _react.default.cloneElement(children, childProps));
     } else {
       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.');

package/cjs/components/form/form.css

@@ -1,5 +1,13 @@
-.adm-form .adm-list {
+.adm-form .adm-list.adm-list {
   --padding-left: 20px;
+  --padding-right: 20px;
+}
+.adm-form-horizontal .adm-list.adm-list {
+  --prefix-width: 6em;
+  --align-items: stretch;
+}
+.adm-form-horizontal .adm-list.adm-list .adm-list-item-content-extra {
+  align-self: center;
 }
 .adm-form .adm-form-footer {
   padding: 12px;

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

@@ -1,13 +1,16 @@
 import React, { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
+import { ListProps } from '../list';
 import type { FormProps as RcFormProps, FormInstance } from 'rc-field-form';
 import { FormContextType } from './context';
 import type { FormLayout } from '.';
 export declare type FormProps = RcFormProps & NativeProps & Partial<FormContextType> & {
     footer?: ReactNode;
     layout?: FormLayout;
+    mode?: ListProps['mode'];
 };
 export declare const Form: React.ForwardRefExoticComponent<RcFormProps<any> & NativeProps<never> & Partial<FormContextType> & {
     footer?: ReactNode;
     layout?: "horizontal" | "vertical" | undefined;
+    mode?: ListProps['mode'];
 } & React.RefAttributes<FormInstance<any>>>;

package/cjs/components/form/form.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Form = void 0;
 
+var _tslib = require("tslib");
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -17,57 +19,68 @@ var _context = require("./context");
 
 var _withDefaultProps = require("../../utils/with-default-props");
 
-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 _getRequireWildcardCache(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; }
+var _header = require("./header");
 
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
+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); }
 
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
+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; }
 
-var classPrefix = 'adm-form';
-var defaultProps = {
+const classPrefix = 'adm-form';
+const defaultProps = {
   hasFeedback: true,
   layout: 'vertical'
 };
-var Form = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-
-  var className = props.className,
-      style = props.style,
-      hasFeedback = props.hasFeedback,
-      children = props.children,
-      layout = props.layout,
-      footer = props.footer,
-      formProps = __rest(props, ["className", "style", "hasFeedback", "children", "layout", "footer"]);
-
-  return /*#__PURE__*/_react["default"].createElement(_rcFieldForm["default"], Object.assign({
-    className: (0, _classnames["default"])(classPrefix, classPrefix + "-" + layout, className),
+const Form = (0, _react.forwardRef)((p, ref) => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const {
+    className,
+    style,
+    hasFeedback,
+    children,
+    layout,
+    footer,
+    mode
+  } = props,
+        formProps = (0, _tslib.__rest)(props, ["className", "style", "hasFeedback", "children", "layout", "footer", "mode"]);
+  const lists = [];
+  let currentHeader = null;
+  let items = [];
+  let count = 0;
+
+  function collect() {
+    if (items.length === 0) return;
+    count += 1;
+    lists.push(_react.default.createElement(_list.default, {
+      header: currentHeader,
+      key: count,
+      mode: mode
+    }, items));
+    items = [];
+  }
+
+  _react.default.Children.forEach(props.children, (child, index) => {
+    if (_react.default.isValidElement(child) && child.type === _header.Header) {
+      collect();
+      currentHeader = child.props.children;
+    } else {
+      items.push(child);
+    }
+  });
+
+  collect();
+  return _react.default.createElement(_rcFieldForm.default, Object.assign({
+    className: (0, _classnames.default)(classPrefix, `${classPrefix}-${layout}`, className),
     style: style,
     ref: ref
-  }, formProps), /*#__PURE__*/_react["default"].createElement(_list["default"], {
-    style: {
-      '--prefix-width': '6em',
-      '--align-items': 'stretch'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_context.FormContext.Provider, {
+  }, formProps), _react.default.createElement(_context.FormContext.Provider, {
     value: {
       hasFeedback: hasFeedback,
-      layout: layout
+      layout
     }
-  }, children)), footer && /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-footer"
+  }, lists), footer && _react.default.createElement("div", {
+    className: `${classPrefix}-footer`
   }, footer));
 });
 exports.Form = Form;

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

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Header: FC;

package/cjs/components/form/header.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Header = void 0;
+
+const Header = () => null;
+
+exports.Header = Header;

package/cjs/components/form/index.css

@@ -1,5 +1,13 @@
-.adm-form .adm-list {
+.adm-form .adm-list.adm-list {
   --padding-left: 20px;
+  --padding-right: 20px;
+}
+.adm-form-horizontal .adm-list.adm-list {
+  --prefix-width: 6em;
+  --align-items: stretch;
+}
+.adm-form-horizontal .adm-list.adm-list .adm-list-item-content-extra {
+  align-self: center;
 }
 .adm-form .adm-form-footer {
   padding: 12px;
@@ -10,8 +18,8 @@
 .adm-form-item-label {
   display: block;
   height: 100%;
+  line-height: 1.5;
   box-sizing: border-box;
-  color: #666;
   position: relative;
 }
 .adm-form-item-label-required {
@@ -24,12 +32,20 @@
 .adm-form-item-footer {
   color: var(--adm-color-danger);
 }
-.adm-form-item-hidden {
+.adm-form-item.adm-form-item-hidden {
   display: none;
 }
 .adm-form-vertical .adm-form-item-label {
   margin-bottom: 4px;
+  font-size: 15px;
 }
 .adm-form-vertical .adm-form-item-footer {
   margin-top: 4px;
 }
+.adm-form-horizontal .adm-list-item-content-prefix {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+.adm-form-item-label {
+  color: #666666;
+}

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

@@ -7,8 +7,10 @@ export type { FormInstance } from 'rc-field-form';
 declare const _default: import("react").ForwardRefExoticComponent<import("rc-field-form").FormProps<any> & import("../../utils/native-props").NativeProps<never> & Partial<import("./context").FormContextType> & {
     footer?: import("react").ReactNode;
     layout?: "horizontal" | "vertical" | undefined;
+    mode?: "default" | "card" | undefined;
 } & import("react").RefAttributes<import("rc-field-form").FormInstance<any>>> & {
     Item: import("react").FC<import("./form-item").FormItemProps>;
+    Header: import("react").FC<{}>;
     useForm: typeof useForm;
 };
 export default _default;

package/cjs/components/form/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 require("./index.css");
 
@@ -13,11 +13,14 @@ var _attachPropertiesToComponent = require("../../utils/attach-properties-to-com
 
 var _formItem = require("./form-item");
 
+var _header = require("./header");
+
 var _rcFieldForm = require("rc-field-form");
 
 var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_form.Form, {
   Item: _formItem.FormItem,
+  Header: _header.Header,
   useForm: _rcFieldForm.useForm
 });
 
-exports["default"] = _default;
+exports.default = _default;