antd-mobile 5.0.0-rc.0 → 5.0.0-rc.4

package/2x/cjs/components/date-picker/date-picker.d.ts

@@ -1,7 +1,7 @@
 import { FC, ReactNode } from 'react';
 import { PickerProps } from '../picker';
 import { NativeProps } from '../../utils/native-props';
-import { Precision } from './date-picker-utils';
+import type { Precision, DatePickerFilter } from './date-picker-utils';
 export declare type DatePickerProps = Pick<PickerProps, 'onCancel' | 'onClose' | 'visible' | 'confirmText' | 'cancelText' | 'getContainer' | 'afterShow' | 'afterClose' | 'onClick' | 'title' | 'stopPropagation'> & {
     value?: Date;
     defaultValue?: Date;
@@ -12,5 +12,6 @@ export declare type DatePickerProps = Pick<PickerProps, 'onCancel' | 'onClose' |
     precision?: Precision;
     children?: (value: Date | null) => ReactNode;
     renderLabel?: (type: Precision, data: number) => ReactNode;
+    filter?: DatePickerFilter;
 } & NativeProps;
 export declare const DatePicker: FC<DatePickerProps>;

package/2x/cjs/components/date-picker/date-picker.js

@@ -7,6 +7,8 @@ exports.DatePicker = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _ahooks = require("ahooks");
+
 var _picker = _interopRequireDefault(require("../picker"));
 
 var _nativeProps = require("../../utils/native-props");
@@ -45,24 +47,22 @@ var DatePicker = function DatePicker(p) {
       setValue = _usePropsValue[1];
 
   var pickerValue = (0, _react.useMemo)(function () {
-    return (0, _datePickerUtils.convertDateToStringArray)(value);
-  }, [value]);
+    return (0, _datePickerUtils.convertDateToStringArray)(value, props.precision);
+  }, [value, props.precision]);
   var onConfirm = (0, _react.useCallback)(function (val) {
-    setValue((0, _datePickerUtils.convertStringArrayToDate)(val));
-  }, [setValue]);
-  var onSelect = (0, _react.useCallback)(function (val) {
+    setValue((0, _datePickerUtils.convertStringArrayToDate)(val, props.precision));
+  }, [setValue, props.precision]);
+  var onSelect = (0, _ahooks.usePersistFn)(function (val) {
     var _a;
 
-    var date = (0, _datePickerUtils.convertStringArrayToDate)(val);
-
-    if (date) {
-      (_a = props.onSelect) === null || _a === void 0 ? void 0 : _a.call(props, date);
-    }
-  }, [props.onSelect]);
+    var date = (0, _datePickerUtils.convertStringArrayToDate)(val, props.precision);
+    (_a = props.onSelect) === null || _a === void 0 ? void 0 : _a.call(props, date);
+  });
+  var columns = (0, _react.useCallback)(function (selected) {
+    return (0, _datePickerUtils.generateDatePickerColumns)(selected, props.min, props.max, props.precision, props.renderLabel, props.filter);
+  }, [props.min, props.max, props.precision, props.renderLabel]);
   return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement(_picker["default"], {
-    columns: function columns(selected) {
-      return (0, _datePickerUtils.generateDatePickerColumns)(selected, props.min, props.max, props.precision, props.renderLabel);
-    },
+    columns: columns,
     value: pickerValue,
     onCancel: props.onCancel,
     onClose: props.onClose,
@@ -80,9 +80,9 @@ var DatePicker = function DatePicker(p) {
   }, function (items) {
     var _a;
 
-    return (_a = props.children) === null || _a === void 0 ? void 0 : _a.call(props, (0, _datePickerUtils.convertStringArrayToDate)(items.map(function (item) {
+    return (_a = props.children) === null || _a === void 0 ? void 0 : _a.call(props, items.length === 0 ? null : (0, _datePickerUtils.convertStringArrayToDate)(items.map(function (item) {
       return item === null || item === void 0 ? void 0 : item.value;
-    })));
+    }), props.precision));
   }));
 };
 

package/2x/cjs/components/date-picker/index.d.ts

@@ -2,6 +2,7 @@
 import './date-picker.less';
 import { prompt } from './prompt';
 export type { DatePickerProps } from './date-picker';
+export type { DatePickerFilter } from './date-picker-utils';
 declare const _default: import("react").FC<import("./date-picker").DatePickerProps> & {
     prompt: typeof prompt;
 };

package/2x/cjs/components/date-picker-view/date-picker-view.d.ts

@@ -1,6 +1,6 @@
 import { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
-import { Precision } from '../date-picker/date-picker-utils';
+import type { Precision, DatePickerFilter } from '../date-picker/date-picker-utils';
 export declare type DatePickerViewProps = {
     value?: Date;
     defaultValue?: Date;
@@ -9,5 +9,6 @@ export declare type DatePickerViewProps = {
     max?: Date;
     precision?: Precision;
     renderLabel?: (type: Precision, data: number) => ReactNode;
+    filter?: DatePickerFilter;
 } & NativeProps<'--height'>;
 export declare const DatePickerView: FC<DatePickerViewProps>;

package/2x/cjs/components/date-picker-view/date-picker-view.js

@@ -44,21 +44,21 @@ var DatePickerView = function DatePickerView(p) {
       setValue = _usePropsValue[1];
 
   var pickerValue = (0, _react.useMemo)(function () {
-    return (0, _datePickerUtils.convertDateToStringArray)(value);
-  }, [value]);
+    return (0, _datePickerUtils.convertDateToStringArray)(value, props.precision);
+  }, [value, props.precision]);
   var onChange = (0, _react.useCallback)(function (val) {
     var _a;
 
-    var date = (0, _datePickerUtils.convertStringArrayToDate)(val);
+    var date = (0, _datePickerUtils.convertStringArrayToDate)(val, props.precision);
 
     if (date) {
       setValue(date);
       (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, date);
     }
-  }, [props.onChange]);
+  }, [props.onChange, props.precision]);
   return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement(_pickerView["default"], {
     columns: function columns(selected) {
-      return (0, _datePickerUtils.generateDatePickerColumns)(selected, props.min, props.max, props.precision, props.renderLabel);
+      return (0, _datePickerUtils.generateDatePickerColumns)(selected, props.min, props.max, props.precision, props.renderLabel, props.filter);
     },
     value: pickerValue,
     onChange: onChange

package/2x/cjs/components/date-picker-view/index.d.ts

@@ -1,3 +1,4 @@
 import { DatePickerView } from './date-picker-view';
 export type { DatePickerViewProps } from './date-picker-view';
+export type { DatePickerFilter } from '../date-picker';
 export default DatePickerView;

package/2x/cjs/components/dialog/dialog.css

@@ -1,13 +1,24 @@
-.adm-dialog-mask .adm-dialog-wrap {
-  position: absolute;
+.adm-dialog {
+  --z-index: var(--adm-dialog-z-index, 1000);
+  position: fixed;
+  z-index: var(--z-index);
+}
+
+.adm-dialog .adm-dialog-mask {
+  z-index: 0;
+}
+
+.adm-dialog-wrap {
+  position: fixed;
+  z-index: 1;
   top: 50%;
   left: 50%;
-  width: 75%;
+  width: 75vw;
   max-width: 1000px;
   transform: translate(-50%, -50%);
 }
 
-.adm-dialog-mask .adm-dialog-main {
+.adm-dialog-main {
   width: 100%;
   font-size: 28px;
   background-color: white;
@@ -15,46 +26,46 @@
   overflow: hidden;
 }
 
-.adm-dialog-mask .adm-dialog-main .adm-dialog-body {
+.adm-dialog-main .adm-dialog-body {
   padding: 40px 24px;
 }
 
-.adm-dialog-mask .adm-dialog-main .adm-dialog-body-header-wrapper {
+.adm-dialog-main .adm-dialog-body-header-wrapper {
   display: flex;
   justify-content: center;
 }
 
-.adm-dialog-mask .adm-dialog-main .adm-dialog-body-title {
+.adm-dialog-main .adm-dialog-body-title {
   font-weight: bold;
   font-size: 36px;
   line-height: 50px;
   text-align: center;
 }
 
-.adm-dialog-mask .adm-dialog-main .adm-dialog-body-content {
+.adm-dialog-main .adm-dialog-body-content {
   max-height: 70vh;
   overflow-x: hidden;
   overflow-y: auto;
-  font-size: var(--adm-font-size-main);
+  font-size: 30px;
   line-height: 1.4;
   color: #333;
 }
 
-.adm-dialog-mask .adm-dialog-main .adm-dialog-footer {
+.adm-dialog-main .adm-dialog-footer {
   user-select: none;
 }
 
-.adm-dialog-mask .adm-dialog-main .adm-dialog-footer .adm-dialog-action-row {
+.adm-dialog-main .adm-dialog-footer .adm-dialog-action-row {
   display: flex;
   align-items: stretch;
   border-top: 1px solid var(--adm-border-color);
 }
 
-.adm-dialog-mask .adm-dialog-main .adm-dialog-footer .adm-dialog-action-row > * {
+.adm-dialog-main .adm-dialog-footer .adm-dialog-action-row > * {
   flex: 1;
 }
 
-.adm-dialog-mask .adm-dialog-main .adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button {
+.adm-dialog-main .adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button {
   padding: 20px;
   font-size: 36px;
   line-height: 50px;
@@ -62,10 +73,10 @@
   border-right: solid 1px var(--adm-border-color);
 }
 
-.adm-dialog-mask .adm-dialog-main .adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button-bold {
+.adm-dialog-main .adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button-bold {
   font-weight: bold;
 }
 
-.adm-dialog-mask .adm-dialog-main .adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button:last-child {
+.adm-dialog-main .adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button:last-child {
   border-right: none;
 }

package/2x/cjs/components/dialog/dialog.js

@@ -5,12 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Dialog = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _withDefaultProps = require("../../utils/with-default-props");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _ahooks = require("ahooks");
+
 var _mask = _interopRequireDefault(require("../mask"));
 
 var _dialogActionButton = require("./dialog-action-button");
@@ -19,6 +21,8 @@ var _image = _interopRequireDefault(require("../image"));
 
 var _space = _interopRequireDefault(require("../space"));
 
+var _withStopPropagation = require("../../utils/with-stop-propagation");
+
 var _autoCenter = _interopRequireDefault(require("../auto-center"));
 
 var _web = require("@react-spring/web");
@@ -27,6 +31,10 @@ var _nativeProps = require("../../utils/native-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 __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
   function adopt(value) {
     return value instanceof P ? value : new P(function (resolve) {
@@ -61,6 +69,7 @@ var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P
 
 var classPrefix = "adm-dialog";
 var defaultProps = {
+  visible: false,
   actions: [],
   closeOnAction: false,
   closeOnMaskClick: false,
@@ -69,33 +78,53 @@ var defaultProps = {
 
 var Dialog = function Dialog(p) {
   var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-
-  var _useSpring = (0, _web.useSpring)({
+  var unmountedRef = (0, _ahooks.useUnmountedRef)();
+  var style = (0, _web.useSpring)({
     scale: props.visible ? 1 : 0.8,
+    opacity: props.visible ? 1 : 0,
     config: {
       mass: 1,
-      tension: 250,
-      friction: 20,
+      tension: 200,
+      friction: 30,
       clamp: true
+    },
+    onStart: function onStart() {
+      setActive(true);
+    },
+    onRest: function onRest() {
+      var _a;
+
+      if (unmountedRef.current) return;
+      setActive(props.visible);
+
+      if (!props.visible) {
+        (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props);
+      }
     }
-  }),
-      scale = _useSpring.scale;
+  });
+
+  var _useState = (0, _react.useState)(props.visible),
+      active = _useState[0],
+      setActive = _useState[1];
 
-  return /*#__PURE__*/_react["default"].createElement(_mask["default"], {
+  return (0, _withStopPropagation.withStopPropagation)(props.stopPropagation, (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
+    className: classPrefix,
+    style: {
+      display: active ? 'unset' : 'none'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_mask["default"], {
     visible: props.visible,
-    destroyOnClose: true,
     getContainer: props.getContainer,
-    afterClose: props.afterClose,
     onMaskClick: props.closeOnMaskClick ? props.onClose : undefined,
     style: props.maskStyle,
-    className: (0, _classnames["default"])(classPrefix + "-mask", props.maskClassName),
-    stopPropagation: props.stopPropagation
-  }, (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-wrap"
-  }, /*#__PURE__*/_react["default"].createElement(_web.animated.div, {
+    className: (0, _classnames["default"])(classPrefix + "-mask", props.maskClassName)
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: classPrefix + "-wrap",
     style: {
-      scale: scale
-    },
+      pointerEvents: props.visible ? 'unset' : 'none'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_web.animated.div, {
+    style: Object.assign({}, style),
     onClick: function onClick(e) {
       return e.stopPropagation();
     },
@@ -137,23 +166,15 @@ var Dialog = function Dialog(p) {
               while (1) {
                 switch (_context.prev = _context.next) {
                   case 0:
-                    if (!scale.isAnimating) {
-                      _context.next = 2;
-                      break;
-                    }
-
-                    return _context.abrupt("return");
-
-                  case 2:
-                    _context.next = 4;
+                    _context.next = 2;
                     return Promise.all([(_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action), (_b = props.onAction) === null || _b === void 0 ? void 0 : _b.call(props, action, index)]);
 
-                  case 4:
+                  case 2:
                     if (props.closeOnAction) {
                       (_c = props.onClose) === null || _c === void 0 ? void 0 : _c.call(props);
                     }
 
-                  case 5:
+                  case 3:
                   case "end":
                     return _context.stop();
                 }
@@ -163,7 +184,7 @@ var Dialog = function Dialog(p) {
         }
       });
     }));
-  }))))));
+  })))))));
 };
 
 exports.Dialog = Dialog;

package/2x/cjs/components/dropdown/dropdown.css

@@ -19,28 +19,30 @@
 }
 
 .adm-dropdown-item .adm-dropdown-item-title {
+  display: flex;
+  align-items: center;
   position: relative;
   max-width: 100%;
   font-size: 26px;
   padding: 24px;
 }
 
-.adm-dropdown-item .adm-dropdown-item-title span {
-  display: block;
+.adm-dropdown-item .adm-dropdown-item-title-text {
+  margin-right: 10px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 
-.adm-dropdown-item .adm-dropdown-item-title:after {
-  position: absolute;
-  top: 50%;
-  right: 0;
-  margin-top: -10px;
-  border: 6px solid;
-  border-color: transparent transparent var(--adm-color-text) var(--adm-color-text);
-  transform: rotate(-45deg);
-  content: ' ';
+.adm-dropdown-item .adm-dropdown-item-title-arrow {
+  font-size: 16px;
+  width: 16px;
+  transform: rotate(0deg) translate(0, -2px);
+  transition: all ease 0.2s;
+}
+
+.adm-dropdown-item .adm-dropdown-item-title-arrow-active {
+  transform: rotate(180deg) translate(0, -2px);
 }
 
 .adm-dropdown-item .adm-dropdown-item-title:active {

package/2x/cjs/components/dropdown/dropdown.d.ts

@@ -1,13 +1,22 @@
-import React, { FC } from 'react';
-import { DropdownItemProps } from './item';
+import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type DropdownProps = {
     activeKey?: string | null;
     defaultActiveKey?: string | null;
     closeOnMaskClick?: boolean;
     onChange?: (key: string | null) => void;
+    arrow?: React.ReactNode;
 } & NativeProps;
-declare const Dropdown: FC<DropdownProps> & {
-    Item: React.FC<DropdownItemProps>;
+export declare type DropdownRef = {
+    close: () => void;
 };
+declare const Dropdown: React.ForwardRefExoticComponent<{
+    activeKey?: string | null | undefined;
+    defaultActiveKey?: string | null | undefined;
+    closeOnMaskClick?: boolean | undefined;
+    onChange?: ((key: string | null) => void) | undefined;
+    arrow?: React.ReactNode;
+} & NativeProps<never> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<DropdownRef>>;
 export default Dropdown;

package/2x/cjs/components/dropdown/dropdown.js

@@ -13,7 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _popup = _interopRequireDefault(require("../popup"));
 
-var _item = _interopRequireWildcard(require("./item"));
+var _item = require("./item");
 
 var _nativeProps = require("../../utils/native-props");
 
@@ -32,8 +32,7 @@ var defaultProps = {
   defaultActiveKey: null,
   closeOnMaskClick: true
 };
-
-var Dropdown = function Dropdown(p) {
+var Dropdown = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
   var _classNames;
 
   var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
@@ -85,7 +84,8 @@ var Dropdown = function Dropdown(p) {
         onClick: function onClick() {
           changeActive(child.key);
         },
-        active: child.key === value
+        active: child.key === value,
+        arrow: child.props.arrow === undefined ? props.arrow : child.props.arrow
       });
       items.push(child);
       if (child.props.forceRender) popupForceRender = true;
@@ -95,6 +95,13 @@ var Dropdown = function Dropdown(p) {
     }
   });
 
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      close: function close() {
+        setValue(null);
+      }
+    };
+  }, [setValue]);
   return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])(classPrefix, (_classNames = {}, _classNames[classPrefix + "-open"] = !!value, _classNames)),
     ref: containerRef
@@ -122,14 +129,9 @@ var Dropdown = function Dropdown(p) {
       key: item.key,
       active: isActive,
       forceRender: item.props.forceRender,
-      destroyOnClose: item.props.destroyOnClose,
-      onClick: item.props.closeOnContentClick ? function () {
-        changeActive(null);
-      } : undefined
+      destroyOnClose: item.props.destroyOnClose
     }, item.props.children);
   })))));
-};
-
-Dropdown.Item = _item["default"];
+});
 var _default = Dropdown;
 exports["default"] = _default;

package/2x/cjs/components/dropdown/index.d.ts

@@ -1,5 +1,16 @@
+/// <reference types="react" />
 import './dropdown.less';
-import Dropdown from './dropdown';
-export type { DropdownProps } from './dropdown';
+export type { DropdownProps, DropdownRef } from './dropdown';
 export type { DropdownItemProps } from './item';
-export default Dropdown;
+declare const _default: import("react").ForwardRefExoticComponent<{
+    activeKey?: string | null | undefined;
+    defaultActiveKey?: string | null | undefined;
+    closeOnMaskClick?: boolean | undefined;
+    onChange?: ((key: string | null) => void) | undefined;
+    arrow?: import("react").ReactNode;
+} & import("../../utils/native-props").NativeProps<never> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<import("./dropdown").DropdownRef>> & {
+    Item: import("react").FC<import("./item").DropdownItemProps>;
+};
+export default _default;

package/2x/cjs/components/dropdown/index.js

@@ -9,7 +9,14 @@ require("./dropdown.css");
 
 var _dropdown2 = _interopRequireDefault(require("./dropdown"));
 
+var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
+
+var _item = _interopRequireDefault(require("./item"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _default = _dropdown2["default"];
+var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_dropdown2["default"], {
+  Item: _item["default"]
+});
+
 exports["default"] = _default;

package/2x/cjs/components/dropdown/item.d.ts

@@ -7,8 +7,8 @@ export declare type DropdownItemProps = {
     highlight?: boolean;
     forceRender?: boolean;
     destroyOnClose?: boolean;
-    closeOnContentClick?: boolean;
     onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    arrow?: React.ReactNode;
 } & NativeProps;
 declare const Item: FC<DropdownItemProps>;
 export default Item;

package/2x/cjs/components/dropdown/item.js

@@ -13,12 +13,14 @@ var _nativeProps = require("../../utils/native-props");
 
 var _useShouldRender = require("../../utils/use-should-render");
 
+var _antdMobileIcons = require("antd-mobile-icons");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var classPrefix = "adm-dropdown-item";
 
 var Item = function Item(props) {
-  var _classNames;
+  var _classNames, _classNames2;
 
   var cls = (0, _classnames["default"])(classPrefix, (_classNames = {}, _classNames[classPrefix + "-active"] = props.active, _classNames[classPrefix + "-highlight"] = props.highlight, _classNames));
   return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
@@ -26,19 +28,23 @@ var Item = function Item(props) {
     onClick: props.onClick
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: classPrefix + "-title"
-  }, /*#__PURE__*/_react["default"].createElement("span", null, props.title))));
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: classPrefix + "-title-text"
+  }, props.title), /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])(classPrefix + "-title-arrow", (_classNames2 = {}, _classNames2[classPrefix + "-title-arrow-active"] = props.active, _classNames2))
+  }, props.arrow === undefined ? /*#__PURE__*/_react["default"].createElement(_antdMobileIcons.DownFill, null) : props.arrow))));
 };
 
 var _default = Item;
 exports["default"] = _default;
 
 var ItemChildrenWrap = function ItemChildrenWrap(props) {
-  var _classNames2;
+  var _classNames3;
 
   var _props$active = props.active,
       active = _props$active === void 0 ? false : _props$active;
   var shouldRender = (0, _useShouldRender.useShouldRender)(active, props.forceRender, props.destroyOnClose);
-  var cls = (0, _classnames["default"])(classPrefix + "-content", (_classNames2 = {}, _classNames2[classPrefix + "-content-hidden"] = !active, _classNames2));
+  var cls = (0, _classnames["default"])(classPrefix + "-content", (_classNames3 = {}, _classNames3[classPrefix + "-content-hidden"] = !active, _classNames3));
   return shouldRender ? /*#__PURE__*/_react["default"].createElement("div", {
     className: cls,
     onClick: props.onClick

package/2x/cjs/components/ellipsis/ellipsis.js

@@ -63,7 +63,7 @@ var Ellipsis = function Ellipsis(p) {
     container.style.webkitBoxOrient = 'unset';
     container.style.display = 'block';
     var lineHeight = pxToNumber(originStyle.lineHeight);
-    var maxHeight = Math.floor(lineHeight * props.rows + pxToNumber(originStyle.paddingTop) + pxToNumber(originStyle.paddingBottom));
+    var maxHeight = Math.floor(lineHeight * (props.rows + 0.5) + pxToNumber(originStyle.paddingTop) + pxToNumber(originStyle.paddingBottom));
     container.innerText = props.content;
     document.body.appendChild(container);
 

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

@@ -6,6 +6,7 @@
   --z-index: 1;
   --edge-distance: 0;
   --size: 96px;
+  --border-radius: 50%;
 }
 
 .adm-floating-bubble-boundary-outer {
@@ -43,6 +44,6 @@
   touch-action: none;
   background: var(--adm-color-primary);
   color: var(--adm-color-white);
-  border-radius: var(--size);
+  border-radius: var(--border-radius);
   z-index: var(--z-index);
 }

package/2x/cjs/components/floating-bubble/floating-bubble.d.ts

@@ -2,5 +2,5 @@ import React, { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type FloatingBubbleProps = {
     onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-} & NativeProps<'--initial-position-left' | '--initial-position-right' | '--initial-position-top' | '--initial-position-bottom' | '--z-index' | '--edge-distance' | '--size'>;
+} & NativeProps<'--initial-position-left' | '--initial-position-right' | '--initial-position-top' | '--initial-position-bottom' | '--z-index' | '--edge-distance' | '--size' | '--border-radius'>;
 export declare const FloatingBubble: FC<FloatingBubbleProps>;

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

@@ -7,10 +7,13 @@
   height: 100%;
   box-sizing: border-box;
   color: #666;
+  position: relative;
 }
 
 .adm-form-item-label-required {
-  margin-left: 8px;
+  position: absolute;
+  left: -0.6em;
+  top: 0.2em;
   color: var(--adm-color-danger);
   user-select: none;
 }