antd-mobile 5.0.0-rc.6 → 5.0.0

package/cjs/components/error-block/error-block.js

@@ -17,33 +17,30 @@ var _nativeProps = require("../../utils/native-props");
 
 var _configProvider = require("../config-provider");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var classPrefix = "adm-error-block";
-var defaultProps = {
+const classPrefix = `adm-error-block`;
+const defaultProps = {
   status: 'default'
 };
 
-var ErrorBlock = function ErrorBlock(p) {
-  var _classNames;
-
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  var icon = _error.iconRecord[props.status];
-
-  var _useConfig = (0, _configProvider.useConfig)(),
-      locale = _useConfig.locale;
-
-  var contentPack = locale.ErrorBlock[props.status];
-  var des = 'description' in props ? props.description : contentPack.description;
-  var title = 'title' in props ? props.title : contentPack.title;
-
-  var imageNode = /*#__PURE__*/_react["default"].createElement("img", {
+const ErrorBlock = p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const icon = _error.iconRecord[props.status];
+  const {
+    locale
+  } = (0, _configProvider.useConfig)();
+  const contentPack = locale.ErrorBlock[props.status];
+  const des = 'description' in props ? props.description : contentPack.description;
+  const title = 'title' in props ? props.title : contentPack.title;
+
+  let imageNode = _react.default.createElement("img", {
     src: icon
   });
 
   if (props.image) {
     if (typeof props.image === 'string') {
-      imageNode = /*#__PURE__*/_react["default"].createElement("img", {
+      imageNode = _react.default.createElement("img", {
         src: props.image
       });
     } else {
@@ -51,18 +48,20 @@ var ErrorBlock = function ErrorBlock(p) {
     }
   }
 
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(classPrefix, (_classNames = {}, _classNames[classPrefix + "-full-page"] = props.fullPage, _classNames))
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-image"
-  }, imageNode), /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-description"
-  }, title && /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-description-title"
-  }, title), des && /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-description-subtitle"
-  }, des)), props.children && /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-content"
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: (0, _classnames.default)(classPrefix, {
+      [`${classPrefix}-full-page`]: props.fullPage
+    })
+  }, _react.default.createElement("div", {
+    className: `${classPrefix}-image`
+  }, imageNode), _react.default.createElement("div", {
+    className: `${classPrefix}-description`
+  }, title && _react.default.createElement("div", {
+    className: `${classPrefix}-description-title`
+  }, title), des && _react.default.createElement("div", {
+    className: `${classPrefix}-description-subtitle`
+  }, des)), props.children && _react.default.createElement("div", {
+    className: `${classPrefix}-content`
   }, props.children)));
 };
 

package/cjs/components/error-block/error.js

@@ -13,12 +13,12 @@ var _disconnected = _interopRequireDefault(require("../../assets/disconnected.sv
 
 var _empty = _interopRequireDefault(require("../../assets/empty.svg"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var iconRecord = {
-  "default": _default["default"],
-  busy: _busy["default"],
-  disconnected: _disconnected["default"],
-  empty: _empty["default"]
+const iconRecord = {
+  default: _default.default,
+  busy: _busy.default,
+  disconnected: _disconnected.default,
+  empty: _empty.default
 };
 exports.iconRecord = iconRecord;

package/cjs/components/error-block/index.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 require("./error-block.css");
 
 var _errorBlock2 = require("./error-block");
 
 var _default = _errorBlock2.ErrorBlock;
-exports["default"] = _default;
+exports.default = _default;

package/cjs/components/floating-bubble/floating-bubble.css

@@ -15,6 +15,7 @@
   width: 100vw;
   height: 100vh;
   padding: var(--edge-distance);
+  box-sizing: border-box;
   pointer-events: none;
 }
 .adm-floating-bubble-boundary {

package/cjs/components/floating-bubble/floating-bubble.js

@@ -15,33 +15,28 @@ var _withDefaultProps = require("../../utils/with-default-props");
 
 var _nativeProps = require("../../utils/native-props");
 
-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 _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; }
+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-floating-bubble";
-var defaultProps = {};
+const classPrefix = `adm-floating-bubble`;
+const defaultProps = {};
 
-var FloatingBubble = function FloatingBubble(p) {
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  var boundaryRef = (0, _react.useRef)(null);
+const FloatingBubble = p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const boundaryRef = (0, _react.useRef)(null);
   /**
    * memoize the `to` function
    * inside a component that renders frequently
    * to prevent an unintended restart
    */
 
-  var _useSpring = (0, _web.useSpring)(function () {
-    return {
-      y: 0,
-      scale: 1,
-      opacity: 1
-    };
-  }),
-      animationStyles = _useSpring[0],
-      animation = _useSpring[1];
-
-  var bind = (0, _react2.useDrag)(function (state) {
+  const [animationStyles, animation] = (0, _web.useSpring)(() => ({
+    y: 0,
+    scale: 1,
+    opacity: 1
+  }));
+  const bind = (0, _react2.useDrag)(state => {
     if (state.down) {
       // be movable in y axis
       animation.start({
@@ -65,17 +60,17 @@ var FloatingBubble = function FloatingBubble(p) {
     // set constraints to the user gesture
     bounds: boundaryRef
   });
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: classPrefix
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-boundary-outer"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-boundary",
+  }, _react.default.createElement("div", {
+    className: `${classPrefix}-boundary-outer`
+  }, _react.default.createElement("div", {
+    className: `${classPrefix}-boundary`,
     ref: boundaryRef
-  })), /*#__PURE__*/_react["default"].createElement(_web.animated.div, Object.assign({}, bind(), {
+  })), _react.default.createElement(_web.animated.div, Object.assign({}, bind(), {
     style: Object.assign({}, animationStyles),
     onClick: props.onClick,
-    className: classPrefix + "-button"
+    className: `${classPrefix}-button`
   }), props.children)));
 };
 

package/cjs/components/floating-bubble/index.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 require("./floating-bubble.css");
 
 var _floatingBubble2 = require("./floating-bubble");
 
 var _default = _floatingBubble2.FloatingBubble;
-exports["default"] = _default;
+exports.default = _default;

package/cjs/components/floating-panel/floating-panel.d.ts

@@ -1,15 +1,19 @@
 import React, { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
-export declare type FloatingPanelProps = {
-    anchors: number[];
-    children: ReactNode;
-} & NativeProps<'--border-radius' | '--z-index'>;
 export declare type FloatingPanelRef = {
     setHeight: (height: number, options?: {
         immediate?: boolean;
     }) => void;
 };
+export declare type FloatingPanelProps = {
+    anchors: number[];
+    children: ReactNode;
+    onHeightChange?: (height: number, animating: boolean) => void;
+    handleDraggingOfContent?: boolean;
+} & NativeProps<'--border-radius' | '--z-index'>;
 export declare const FloatingPanel: React.ForwardRefExoticComponent<{
     anchors: number[];
     children: ReactNode;
+    onHeightChange?: ((height: number, animating: boolean) => void) | undefined;
+    handleDraggingOfContent?: boolean | undefined;
 } & NativeProps<"--z-index" | "--border-radius"> & React.RefAttributes<FloatingPanelRef>>;

package/cjs/components/floating-panel/floating-panel.js

@@ -17,56 +17,61 @@ var _supportsPassive = require("../../utils/supports-passive");
 
 var _nearest = require("../../utils/nearest");
 
-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); }
+var _withDefaultProps = require("../../utils/with-default-props");
 
-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 _useLockScroll = require("../../utils/use-lock-scroll");
 
-var FloatingPanel = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _a;
+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); }
 
-  var anchors = props.anchors;
-  var maxHeight = (_a = anchors[anchors.length - 1]) !== null && _a !== void 0 ? _a : window.innerHeight;
-  var possibles = anchors.map(function (x) {
-    return -x;
-  });
-  var elementRef = (0, _react.useRef)(null);
-  var headerRef = (0, _react.useRef)(null);
-  var contentRef = (0, _react.useRef)(null);
+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 _useState = (0, _react.useState)(false),
-      pulling = _useState[0],
-      setPulling = _useState[1];
+const defaultProps = {
+  handleDraggingOfContent: true
+};
+const FloatingPanel = (0, _react.forwardRef)((p, ref) => {
+  var _a;
 
-  var pullingRef = (0, _react.useRef)(false);
-  var bounds = {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const {
+    anchors
+  } = props;
+  const maxHeight = (_a = anchors[anchors.length - 1]) !== null && _a !== void 0 ? _a : window.innerHeight;
+  const possibles = anchors.map(x => -x);
+  const elementRef = (0, _react.useRef)(null);
+  const headerRef = (0, _react.useRef)(null);
+  const contentRef = (0, _react.useRef)(null);
+  const [pulling, setPulling] = (0, _react.useState)(false);
+  const pullingRef = (0, _react.useRef)(false);
+  const bounds = {
     top: possibles[possibles.length - 1],
     bottom: possibles[0]
   };
+  const [{
+    y
+  }, api] = (0, _web.useSpring)(() => ({
+    y: bounds.bottom,
+    config: {
+      tension: 300
+    },
+    onChange: result => {
+      var _a;
 
-  var _useSpring = (0, _web.useSpring)(function () {
-    return {
-      y: bounds.bottom,
-      config: {
-        tension: 300
-      }
-    };
-  }),
-      y = _useSpring[0].y,
-      api = _useSpring[1];
-
-  (0, _react2.useDrag)(function (state) {
-    var _state$offset = state.offset,
-        offsetY = _state$offset[1];
+      (_a = props.onHeightChange) === null || _a === void 0 ? void 0 : _a.call(props, result.value.y, y.isAnimating);
+    }
+  }));
+  (0, _react2.useDrag)(state => {
+    const [, offsetY] = state.offset;
 
     if (state.first) {
-      var target = state.event.target;
-      var header = headerRef.current;
+      const target = state.event.target;
+      const header = headerRef.current;
 
       if (header === target || (header === null || header === void 0 ? void 0 : header.contains(target))) {
         pullingRef.current = true;
       } else {
-        var reachedTop = y.goal <= bounds.top;
-        var content = contentRef.current;
+        if (!props.handleDraggingOfContent) return;
+        const reachedTop = y.goal <= bounds.top;
+        const content = contentRef.current;
         if (!content) return;
 
         if (reachedTop) {
@@ -81,14 +86,16 @@ var FloatingPanel = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
     setPulling(pullingRef.current);
     if (!pullingRef.current) return;
-    var event = state.event;
+    const {
+      event
+    } = state;
 
     if (event.cancelable) {
       event.preventDefault();
     }
 
     event.stopPropagation();
-    var nextY = offsetY;
+    let nextY = offsetY;
 
     if (state.last) {
       pullingRef.current = false;
@@ -101,11 +108,9 @@ var FloatingPanel = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     });
   }, {
     axis: 'y',
-    bounds: bounds,
+    bounds,
     rubberband: true,
-    from: function from() {
-      return [0, y.get()];
-    },
+    from: () => [0, y.get()],
     pointer: {
       touch: true
     },
@@ -114,34 +119,33 @@ var FloatingPanel = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       passive: false
     } : false
   });
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      setHeight: function setHeight(height, options) {
-        api.start({
-          y: -height,
-          immediate: options === null || options === void 0 ? void 0 : options.immediate
-        });
-      }
-    };
-  }, [api]);
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement(_web.animated.div, {
+  (0, _react.useImperativeHandle)(ref, () => ({
+    setHeight: (height, options) => {
+      api.start({
+        y: -height,
+        immediate: options === null || options === void 0 ? void 0 : options.immediate
+      });
+    }
+  }), [api]);
+  (0, _useLockScroll.useLockScroll)(elementRef, true);
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement(_web.animated.div, {
     ref: elementRef,
     className: 'adm-floating-panel',
     style: {
       height: maxHeight,
-      y: y
+      y
     }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, _react.default.createElement("div", {
     className: 'adm-floating-panel-mask',
     style: {
       display: pulling ? 'block' : 'none'
     }
-  }), /*#__PURE__*/_react["default"].createElement("div", {
+  }), _react.default.createElement("div", {
     className: 'adm-floating-panel-header',
     ref: headerRef
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, _react.default.createElement("div", {
     className: 'adm-floating-panel-bar'
-  })), /*#__PURE__*/_react["default"].createElement("div", {
+  })), _react.default.createElement("div", {
     className: 'adm-floating-panel-content',
     ref: contentRef
   }, props.children)));

package/cjs/components/floating-panel/index.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 require("./floating-panel.css");
 
 var _floatingPanel2 = require("./floating-panel");
 
 var _default = _floatingPanel2.FloatingPanel;
-exports["default"] = _default;
+exports.default = _default;

package/cjs/components/form/context.js

@@ -7,18 +7,18 @@ exports.NoStyleItemContext = exports.FormContext = exports.DEFAULT_FORM_CONTEXT
 
 var _react = _interopRequireDefault(require("react"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var DEFAULT_FORM_CONTEXT = {
+const DEFAULT_FORM_CONTEXT = {
   hasFeedback: true,
   layout: 'vertical'
 };
 exports.DEFAULT_FORM_CONTEXT = DEFAULT_FORM_CONTEXT;
 
-var FormContext = /*#__PURE__*/_react["default"].createContext(DEFAULT_FORM_CONTEXT);
+const FormContext = _react.default.createContext(DEFAULT_FORM_CONTEXT);
 
 exports.FormContext = FormContext;
 
-var NoStyleItemContext = /*#__PURE__*/_react["default"].createContext(null);
+const NoStyleItemContext = _react.default.createContext(null);
 
 exports.NoStyleItemContext = NoStyleItemContext;

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

@@ -5,111 +5,50 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FormImperativeItem = void 0;
 
+var _tslib = require("tslib");
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _formItem = require("./form-item");
 
 var _datePicker = _interopRequireDefault(require("../date-picker"));
 
-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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
-  function adopt(value) {
-    return value instanceof P ? value : new P(function (resolve) {
-      resolve(value);
-    });
-  }
+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); }
 
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    }
+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; }
 
-    function rejected(value) {
-      try {
-        step(generator["throw"](value));
-      } catch (e) {
-        reject(e);
-      }
-    }
-
-    function step(result) {
-      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
-    }
-
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
-
-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 Inner = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      trigger: function trigger() {
-        return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-          var _a, v;
-
-          return regeneratorRuntime.wrap(function _callee$(_context) {
-            while (1) {
-              switch (_context.prev = _context.next) {
-                case 0:
-                  _context.next = 2;
-                  return _datePicker["default"].prompt({
-                    defaultValue: props.value
-                  });
-
-                case 2:
-                  v = _context.sent;
+const Inner = (0, _react.forwardRef)((props, ref) => {
+  (0, _react.useImperativeHandle)(ref, () => ({
+    trigger: () => (0, _tslib.__awaiter)(void 0, void 0, void 0, function* () {
+      var _a;
 
-                  if (v !== null) {
-                    (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, v);
-                  }
+      const v = yield _datePicker.default.prompt({
+        defaultValue: props.value
+      });
 
-                case 4:
-                case "end":
-                  return _context.stop();
-              }
-            }
-          }, _callee);
-        }));
+      if (v !== null) {
+        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, v);
       }
-    };
-  });
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, props.renderValue(props.value));
+    })
+  }));
+  return _react.default.createElement(_react.default.Fragment, null, props.renderValue(props.value));
 });
 
-var FormImperativeItem = function FormImperativeItem(props) {
-  var renderValue = props.renderValue,
-      formItemProps = __rest(props, ["renderValue"]);
-
-  var ref = (0, _react.useRef)(null);
-  return /*#__PURE__*/_react["default"].createElement(_formItem.FormItem, Object.assign({}, formItemProps, {
-    onClick: function onClick() {
+const FormImperativeItem = props => {
+  const {
+    renderValue
+  } = props,
+        formItemProps = (0, _tslib.__rest)(props, ["renderValue"]);
+  const ref = (0, _react.useRef)(null);
+  return _react.default.createElement(_formItem.FormItem, Object.assign({}, formItemProps, {
+    onClick: () => {
       var _a;
 
       (_a = ref.current) === null || _a === void 0 ? void 0 : _a.trigger();
     }
-  }), /*#__PURE__*/_react["default"].createElement(Inner, {
+  }), _react.default.createElement(Inner, {
     ref: ref,
     renderValue: renderValue
   }));

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

@@ -4,26 +4,41 @@
 .adm-form-item-label {
   display: block;
   height: 100%;
+  line-height: 1.5;
   box-sizing: border-box;
-  color: #666;
   position: relative;
+  color: #666666;
 }
 .adm-form-item-label-required {
   position: absolute;
   left: -0.6em;
-  top: 0.2em;
+  top: 0;
+  font-family: SimSun, sans-serif;
   color: var(--adm-color-danger);
   user-select: none;
 }
+.adm-form-item-label-help {
+  margin-left: 4px;
+}
 .adm-form-item-footer {
   color: var(--adm-color-danger);
+  margin-top: 4px;
 }
-.adm-form-item-hidden {
+.adm-form-item.adm-form-item-hidden {
   display: none;
 }
-.adm-form-vertical .adm-form-item-label {
-  margin-bottom: 4px;
+.adm-form-item.adm-form-item-horizontal.adm-list-item {
+  --align-items: stretch;
+  --prefix-width: 6em;
 }
-.adm-form-vertical .adm-form-item-footer {
-  margin-top: 4px;
+.adm-form-item.adm-form-item-horizontal .adm-list-item-content-prefix {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+.adm-form-item.adm-form-item-horizontal .adm-list-item-content-extra {
+  align-self: center;
+}
+.adm-form-item.adm-form-item-vertical .adm-form-item-label {
+  font-size: 15px;
+  margin-bottom: 4px;
 }