antd-mobile 5.0.0-rc.8 → 5.1.0

package/cjs/components/picker-view/picker-view.js

@@ -19,22 +19,18 @@ var _usePickerValueExtend = require("./use-picker-value-extend");
 
 var _ahooks = require("ahooks");
 
-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-picker-view";
-var defaultProps = {
+const classPrefix = `adm-picker-view`;
+const defaultProps = {
   defaultValue: []
 };
-var PickerView = /*#__PURE__*/(0, _react.memo)(function (p) {
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-
-  var _useState = (0, _react.useState)(props.value === undefined ? props.defaultValue : props.value),
-      innerValue = _useState[0],
-      setInnerValue = _useState[1];
-
-  (0, _ahooks.useDebounceEffect)(function () {
+const PickerView = (0, _react.memo)(p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const [innerValue, setInnerValue] = (0, _react.useState)(props.value === undefined ? props.defaultValue : props.value);
+  (0, _ahooks.useDebounceEffect)(() => {
     var _a;
 
     if (props.value === innerValue) return;
@@ -45,50 +41,48 @@ var PickerView = /*#__PURE__*/(0, _react.memo)(function (p) {
     trailing: true
   }); // Sync `value` to `innerValue`
 
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (props.value === undefined) return; // Uncontrolled mode
 
     if (props.value === innerValue) return;
     setInnerValue(props.value);
   }, [props.value]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (props.value === innerValue) return;
-    var timeout = window.setTimeout(function () {
+    const timeout = window.setTimeout(() => {
       if (props.value !== undefined && props.value !== innerValue) {
         setInnerValue(props.value);
       }
     }, 1000);
-    return function () {
+    return () => {
       window.clearTimeout(timeout);
     };
   }, [props.value, innerValue]);
-  var columns = (0, _useColumns.useColumns)(props.columns, innerValue);
-  var generateValueExtend = (0, _usePickerValueExtend.usePickerValueExtend)(columns);
-  var handleSelect = (0, _react.useCallback)(function (val, index) {
-    setInnerValue(function (prev) {
-      var next = [].concat(prev);
+  const columns = (0, _useColumns.useColumns)(props.columns, innerValue);
+  const generateValueExtend = (0, _usePickerValueExtend.usePickerValueExtend)(columns);
+  const handleSelect = (0, _react.useCallback)((val, index) => {
+    setInnerValue(prev => {
+      const next = [...prev];
       next[index] = val;
       return next;
     });
   }, []);
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "" + classPrefix
-  }, columns.map(function (column, index) {
-    return /*#__PURE__*/_react["default"].createElement(_wheel.Wheel, {
-      key: index,
-      index: index,
-      column: column,
-      value: innerValue[index],
-      onSelect: handleSelect
-    });
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-mask"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-mask-top"
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-mask-middle"
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-mask-bottom"
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: `${classPrefix}`
+  }, columns.map((column, index) => _react.default.createElement(_wheel.Wheel, {
+    key: index,
+    index: index,
+    column: column,
+    value: innerValue[index],
+    onSelect: handleSelect
+  })), _react.default.createElement("div", {
+    className: `${classPrefix}-mask`
+  }, _react.default.createElement("div", {
+    className: `${classPrefix}-mask-top`
+  }), _react.default.createElement("div", {
+    className: `${classPrefix}-mask-middle`
+  }), _react.default.createElement("div", {
+    className: `${classPrefix}-mask-bottom`
   }))));
 });
 exports.PickerView = PickerView;

package/cjs/components/picker-view/use-columns.js

@@ -8,15 +8,11 @@ exports.useColumns = useColumns;
 var _react = require("react");
 
 function useColumns(rawColumns, value) {
-  return (0, _react.useMemo)(function () {
-    var columns = typeof rawColumns === 'function' ? rawColumns(value) : rawColumns;
-    return columns.map(function (column) {
-      return column.map(function (item) {
-        return typeof item === 'string' ? {
-          label: item,
-          value: item
-        } : item;
-      });
-    });
+  return (0, _react.useMemo)(() => {
+    const columns = typeof rawColumns === 'function' ? rawColumns(value) : rawColumns;
+    return columns.map(column => column.map(item => typeof item === 'string' ? {
+      label: item,
+      value: item
+    } : item));
   }, [rawColumns, value]);
 }

package/cjs/components/picker-view/use-picker-value-extend.js

@@ -9,23 +9,19 @@ var _react = require("react");
 
 var _memoize = _interopRequireDefault(require("lodash/memoize"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function usePickerValueExtend(columns) {
-  var generateItems = (0, _react.useMemo)(function () {
-    return (0, _memoize["default"])(function (val) {
-      return val.map(function (v, index) {
+  const generateItems = (0, _react.useMemo)(() => {
+    return (0, _memoize.default)(val => {
+      return val.map((v, index) => {
         var _a;
 
-        var column = columns[index];
+        const column = columns[index];
         if (!column) return null;
-        return (_a = column.find(function (item) {
-          return item.value === v;
-        })) !== null && _a !== void 0 ? _a : null;
+        return (_a = column.find(item => item.value === v)) !== null && _a !== void 0 ? _a : null;
       });
-    }, function (val) {
-      return JSON.stringify(val);
-    });
+    }, val => JSON.stringify(val));
   }, [columns]);
 
   function generateValueExtend(val) {

package/cjs/components/picker-view/wheel.js

@@ -11,154 +11,163 @@ var _web = require("@react-spring/web");
 
 var _react2 = require("@use-gesture/react");
 
-var _convertPx = require("../../utils/convert-px");
-
 var _rubberband = require("../../utils/rubberband");
 
 var _bound = require("../../utils/bound");
 
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _ahooks = require("ahooks");
+
+var _classnames = _interopRequireDefault(require("classnames"));
 
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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 _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 classPrefix = "adm-picker-view";
-var Wheel = /*#__PURE__*/(0, _react.memo)(function (props) {
-  var itemHeight = (0, _convertPx.convertPx)(34);
-  var value = props.value,
-      column = props.column;
+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-picker-view`;
+const Wheel = (0, _react.memo)(props => {
+  const {
+    value,
+    column
+  } = props;
 
   function onSelect(val) {
     props.onSelect(val, props.index);
   }
 
-  var _useSpring = (0, _web.useSpring)(function () {
-    return {
-      from: {
-        y: 0
-      },
-      config: {
-        tension: 400,
-        mass: 0.8
-      }
-    };
-  }),
-      y = _useSpring[0].y,
-      api = _useSpring[1];
-
-  var draggingRef = (0, _react.useRef)(false);
-  (0, _react.useLayoutEffect)(function () {
+  const [{
+    y
+  }, api] = (0, _web.useSpring)(() => ({
+    from: {
+      y: 0
+    },
+    config: {
+      tension: 400,
+      mass: 0.8
+    }
+  }));
+  const draggingRef = (0, _react.useRef)(false);
+  const dummyItemRef = (0, _react.useRef)(null);
+  const itemHeight = (0, _react.useRef)(34);
+  (0, _ahooks.useIsomorphicLayoutEffect)(() => {
+    const dummyItem = dummyItemRef.current;
+    if (!dummyItem) return;
+    const rect = dummyItem.getBoundingClientRect();
+
+    if (rect.height > 0) {
+      itemHeight.current = rect.height;
+    }
+  });
+  (0, _ahooks.useIsomorphicLayoutEffect)(() => {
     if (draggingRef.current) return;
     if (!value) return;
-    var targetIndex = column.findIndex(function (item) {
-      return item.value === value;
-    });
+    const targetIndex = column.findIndex(item => item.value === value);
     if (targetIndex < 0) return;
-    var finalPosition = targetIndex * -itemHeight;
+    const finalPosition = targetIndex * -itemHeight.current;
     api.start({
       y: finalPosition,
       immediate: y.goal !== finalPosition
     });
   }, [value, column]);
-  (0, _react.useLayoutEffect)(function () {
+  (0, _ahooks.useIsomorphicLayoutEffect)(() => {
     if (column.length === 0) {
       if (value !== null) {
         onSelect(null);
       }
     } else {
-      if (!column.some(function (item) {
-        return item.value === value;
-      })) {
-        var firstItem = column[0];
+      if (!column.some(item => item.value === value)) {
+        const firstItem = column[0];
         onSelect(firstItem.value);
       }
     }
   }, [column, value]);
 
   function scrollSelect(index) {
-    var finalPosition = index * -itemHeight;
+    const finalPosition = index * -itemHeight.current;
     api.start({
       y: finalPosition
     });
-    var item = column[index];
+    const item = column[index];
     if (!item) return;
     onSelect(item.value);
   }
 
-  var bind = (0, _react2.useDrag)(function (state) {
+  const bind = (0, _react2.useDrag)(state => {
     draggingRef.current = true;
-    var min = -((column.length - 1) * itemHeight);
-    var max = 0;
+    const min = -((column.length - 1) * itemHeight.current);
+    const max = 0;
 
     if (state.last) {
       draggingRef.current = false;
-      var position = state.offset[1] + state.velocity[1] * state.direction[1] * 50;
-      var targetIndex = min < max ? -Math.round((0, _bound.bound)(position, min, max) / itemHeight) : 0;
+      const position = state.offset[1] + state.velocity[1] * state.direction[1] * 50;
+      const targetIndex = min < max ? -Math.round((0, _bound.bound)(position, min, max) / itemHeight.current) : 0;
       scrollSelect(targetIndex);
     } else {
-      var _position = state.offset[1];
+      const position = state.offset[1];
       api.start({
-        y: (0, _rubberband.rubberbandIfOutOfBounds)(_position, min, max, itemHeight * 50, 0.2)
+        y: (0, _rubberband.rubberbandIfOutOfBounds)(position, min, max, itemHeight.current * 50, 0.2)
       });
     }
   }, {
     axis: 'y',
-    from: function from() {
-      return [0, y.get()];
-    },
+    from: () => [0, y.get()],
     filterTaps: true,
     pointer: {
       touch: true
     }
   });
-  var selectedIndex = null;
+  let selectedIndex = null;
 
   function renderAccessible() {
     if (selectedIndex === null) {
       return null;
     }
 
-    var current = column[selectedIndex];
-    var previousIndex = selectedIndex - 1;
-    var nextIndex = selectedIndex + 1;
-    var previous = column[previousIndex];
-    var next = column[nextIndex];
-    return /*#__PURE__*/_react["default"].createElement("div", {
+    const current = column[selectedIndex];
+    const previousIndex = selectedIndex - 1;
+    const nextIndex = selectedIndex + 1;
+    const previous = column[previousIndex];
+    const next = column[nextIndex];
+    return _react.default.createElement("div", {
       className: 'adm-picker-view-column-accessible'
-    }, /*#__PURE__*/_react["default"].createElement("div", {
+    }, _react.default.createElement("div", {
       className: 'adm-picker-view-column-accessible-current',
       role: 'button',
-      "aria-label": current ? "\u5F53\u524D\u9009\u62E9\u7684\u662F\uFF1A" + current.label : '当前未选择'
-    }, "-"), /*#__PURE__*/_react["default"].createElement("div", null, previous && /*#__PURE__*/_react["default"].createElement("div", {
+      "aria-label": current ? `当前选择的是：${current.label}` : '当前未选择'
+    }, "-"), _react.default.createElement("div", null, previous && _react.default.createElement("div", {
       className: 'adm-picker-view-column-accessible-button',
-      onClick: function onClick() {
+      onClick: () => {
         scrollSelect(previousIndex);
       },
       role: 'button',
-      "aria-label": "\u9009\u62E9\u4E0A\u4E00\u9879\uFF1A" + previous.label
-    }, "-")), /*#__PURE__*/_react["default"].createElement("div", null, next && /*#__PURE__*/_react["default"].createElement("div", {
+      "aria-label": `选择上一项：${previous.label}`
+    }, "-")), _react.default.createElement("div", null, next && _react.default.createElement("div", {
       className: 'adm-picker-view-column-accessible-button',
-      onClick: function onClick() {
+      onClick: () => {
         scrollSelect(nextIndex);
       },
       role: 'button',
-      "aria-label": "\u9009\u62E9\u4E0B\u4E00\u9879\uFF1A" + next.label
+      "aria-label": `选择下一项：${next.label}`
     }, "-")));
   }
 
-  return /*#__PURE__*/_react["default"].createElement("div", Object.assign({
-    className: classPrefix + "-column"
-  }, bind()), /*#__PURE__*/_react["default"].createElement(_web.animated.div, {
+  return _react.default.createElement("div", Object.assign({
+    className: `${classPrefix}-column`
+  }, bind()), _react.default.createElement("div", {
+    ref: dummyItemRef,
+    className: (0, _classnames.default)(`${classPrefix}-column-item`, `${classPrefix}-column-item-dummy`),
+    "aria-hidden": true
+  }), _react.default.createElement(_web.animated.div, {
     style: {
-      y: y
+      translateY: y
     },
-    className: classPrefix + "-column-wheel",
+    className: `${classPrefix}-column-wheel`,
     "aria-hidden": true
-  }, column.map(function (item, index) {
-    var selected = props.value === item.value;
+  }, column.map((item, index) => {
+    const selected = props.value === item.value;
     if (selected) selectedIndex = index;
 
     function handleClick() {
@@ -166,23 +175,23 @@ var Wheel = /*#__PURE__*/(0, _react.memo)(function (props) {
       scrollSelect(index);
     }
 
-    return /*#__PURE__*/_react["default"].createElement("div", {
+    return _react.default.createElement("div", {
       key: item.value,
       "data-selected": item.value === value,
-      className: classPrefix + "-column-item",
+      className: `${classPrefix}-column-item`,
       onClick: handleClick,
       "aria-hidden": !selected,
       "aria-label": selected ? 'active' : ''
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: classPrefix + "-column-item-label"
+    }, _react.default.createElement("div", {
+      className: `${classPrefix}-column-item-label`
     }, item.label));
   })), renderAccessible());
-}, function (prev, next) {
+}, (prev, next) => {
   if (prev.index !== next.index) return false;
   if (prev.value !== next.value) return false;
   if (prev.onSelect !== next.onSelect) return false;
 
-  if (!(0, _isEqual["default"])(prev.column, next.column)) {
+  if (!(0, _isEqual.default)(prev.column, next.column)) {
     return false;
   }
 

package/cjs/components/popover/arrow.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { NativeProps } from '../../utils/native-props';
+export declare const Arrow: React.NamedExoticComponent<NativeProps<never>>;

package/cjs/components/popover/arrow.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Arrow = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+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 (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 Arrow = (0, _react.memo)(props => {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("svg", {
+    viewBox: '0 0 30 16'
+  }, _react.default.createElement("g", {
+    transform: 'translate(-1300.000000, -841.000000)',
+    fill: 'currentColor'
+  }, _react.default.createElement("path", {
+    d: 'M1300,841 L1330,841 L1318.07289,855.312538 C1316.65863,857.009645 1314.13637,857.238942 1312.43926,855.824685 C1312.25341,855.669808 1312.08199,855.49839 1311.92711,855.312538 L1300,841 L1300,841 Z'
+  }))));
+});
+exports.Arrow = Arrow;

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

@@ -1,29 +1,21 @@
 /// <reference types="react" />
 import './popover.less';
-export type { BasePopoverProps, PopoverRef } from './popover';
-export type { PopMenuProps, Action } from './pop-menu';
+import './popover-menu.less';
+export type { PopoverProps, PopoverRef } from './popover';
+export type { PopoverMenuProps, Action } from './popover-menu';
 declare const _default: import("react").ForwardRefExoticComponent<{
-    getContainer?: (() => HTMLElement) | undefined;
+    getContainer?: HTMLElement | (() => HTMLElement) | null | undefined;
     destroyOnHide?: boolean | undefined;
     children: import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     mode?: "dark" | "light" | undefined;
     trigger?: "click" | undefined;
-    placement: "left" | "right" | "bottom" | "top" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
-} & Pick<import("rc-tooltip/lib/Tooltip").TooltipProps, "visible" | "zIndex" | "align" | "defaultVisible" | "onVisibleChange" | "overlayStyle" | "overlayClassName"> & import("../../utils/native-props").NativeProps<"--z-index"> & {
+    placement?: "left" | "right" | "bottom" | "top" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | undefined;
+    stopPropagation?: "click"[] | undefined;
     content: import("react").ReactNode;
-} & import("react").RefAttributes<import("./popover").PopoverRef>> & {
-    Menu: <T extends import("./pop-menu").Action = import("./pop-menu").Action>(props: {
-        getContainer?: (() => HTMLElement) | undefined;
-        destroyOnHide?: boolean | undefined;
-        children: import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
-        mode?: "dark" | "light" | undefined;
-        trigger?: "click" | undefined;
-        placement: "left" | "right" | "bottom" | "top" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
-    } & Pick<import("rc-tooltip/lib/Tooltip").TooltipProps, "visible" | "zIndex" | "align" | "defaultVisible" | "onVisibleChange" | "overlayStyle" | "overlayClassName"> & import("../../utils/native-props").NativeProps<"--z-index"> & {
-        actions: T[];
-        onAction?: ((text: T) => void) | undefined;
-    } & {
-        ref?: ((instance: import("./popover").PopoverRef | null) => void) | import("react").RefObject<import("./popover").PopoverRef> | null | undefined;
-    }) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
+} & Pick<import("rc-tooltip/lib/Tooltip").TooltipProps, "visible" | "align" | "defaultVisible" | "onVisibleChange"> & import("../../utils/native-props").NativeProps<"--z-index"> & import("react").RefAttributes<import("./popover").PopoverRef>> & {
+    Menu: import("react").ForwardRefExoticComponent<Pick<import("./popover").PopoverProps, "children" | "style" | "visible" | "className" | "tabIndex" | "mode" | "align" | "getContainer" | "stopPropagation" | "defaultVisible" | "onVisibleChange" | "trigger" | "placement" | "destroyOnHide"> & {
+        actions: import("./popover-menu").Action[];
+        onAction?: ((item: import("./popover-menu").Action) => void) | undefined;
+    } & import("react").RefAttributes<import("./popover").PopoverRef>>;
 };
 export default _default;

package/cjs/components/popover/index.js

@@ -3,18 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 require("./popover.css");
 
+require("./popover-menu.css");
+
 var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
 
-var _popMenu = require("./pop-menu");
+var _popoverMenu2 = require("./popover-menu");
 
 var _popover2 = require("./popover");
 
 var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_popover2.Popover, {
-  Menu: _popMenu.PopMenu
+  Menu: _popoverMenu2.PopoverMenu
 });
 
-exports["default"] = _default;
+exports.default = _default;

package/cjs/components/popover/popover-menu.css

@@ -0,0 +1,52 @@
+.adm-popover-menu {
+  --border-color: var(--adm-border-color);
+}
+.adm-popover-menu.adm-popover {
+  --content-padding: 0;
+}
+.adm-popover-menu-list {
+  overflow: hidden;
+  min-width: 120px;
+}
+.adm-popover-menu-list-inner {
+  margin-top: -1px;
+}
+.adm-popover-menu-item {
+  display: flex;
+  padding-left: 20px;
+  justify-content: flex-start;
+  align-items: center;
+  position: relative;
+}
+.adm-popover-menu-item-icon {
+  flex: none;
+  padding-right: 8px;
+  font-size: 20px;
+}
+.adm-popover-menu-item-text {
+  flex: auto;
+  padding: 14px 20px 14px 0;
+  border-top: solid 1px var(--border-color);
+}
+.adm-popover-menu-item-disabled {
+  cursor: not-allowed;
+}
+.adm-popover-menu-item-disabled > * {
+  opacity: 0.4;
+}
+.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled) {
+  background-color: var(--border-color);
+}
+.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled)::after {
+  content: ' ';
+  display: block;
+  position: absolute;
+  width: 100%;
+  bottom: -1px;
+  left: 0;
+  border-bottom: solid 1px var(--border-color);
+}
+.adm-popover.adm-popover-dark.adm-popover-menu {
+  --border-color: #333333;
+  --background: rgba(0, 0, 0, 0.9);
+}

package/cjs/components/popover/popover-menu.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { PopoverProps, PopoverRef } from './popover';
+export declare type Action = {
+    text: React.ReactNode;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    key?: string | number;
+    onClick?: () => void;
+};
+export declare type PopoverMenuProps = Omit<PopoverProps, 'content'> & {
+    actions: Action[];
+    onAction?: (item: Action) => void;
+};
+export declare const PopoverMenu: React.ForwardRefExoticComponent<Pick<PopoverProps, "children" | "style" | "visible" | "className" | "tabIndex" | "mode" | "align" | "getContainer" | "stopPropagation" | "defaultVisible" | "onVisibleChange" | "trigger" | "placement" | "destroyOnHide"> & {
+    actions: Action[];
+    onAction?: ((item: Action) => void) | undefined;
+} & React.RefAttributes<PopoverRef>>;