antd-mobile 5.4.0 → 5.6.0

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

@@ -25,6 +25,8 @@ var _configProvider = require("../config-provider");
 
 var _merge = _interopRequireDefault(require("lodash/merge"));
 
+var _formArray = require("./form-array");
+
 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); }
@@ -67,12 +69,21 @@ const Form = (0, _react.forwardRef)((p, ref) => {
   }
 
   _react.default.Children.forEach(props.children, child => {
-    if (_react.default.isValidElement(child) && child.type === _header.Header) {
-      collect();
-      currentHeader = child.props.children;
-    } else {
-      items.push(child);
+    if (_react.default.isValidElement(child)) {
+      if (child.type === _header.Header) {
+        collect();
+        currentHeader = child.props.children;
+        return;
+      }
+
+      if (child.type === _formArray.FormArray) {
+        collect();
+        lists.push(child);
+        return;
+      }
     }
+
+    items.push(child);
   });
 
   collect();

package/2x/cjs/components/form/index.css

@@ -19,6 +19,11 @@
   padding: 40px 24px;
 }
 
+.adm-form-list-operation {
+  text-align: center;
+  color: #1677ff;
+}
+
 .adm-form-item + .adm-form-item {
   border-top: none;
 }
@@ -71,11 +76,16 @@
   flex: none;
 }
 
-.adm-form-item-footer {
+.adm-form-item-feedback-error {
   color: var(--adm-color-danger);
   margin-top: 8px;
 }
 
+.adm-form-item-feedback-warning {
+  color: var(--adm-color-warning);
+  margin-top: 8px;
+}
+
 .adm-form-item.adm-form-item-hidden {
   display: none;
 }

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

@@ -6,6 +6,7 @@ export type { FormProps, FormInstance } from './form';
 export type { FormItemProps } from './form-item';
 export type { FormSubscribeProps } from './form-subscribe';
 export type { ValidateMessages, FieldData, NamePath, } from 'rc-field-form/es/interface';
+export type { FormArrayField, FormArrayOperation, FormArrayProps, } from './form-array';
 declare const _default: import("react").ForwardRefExoticComponent<Pick<import("rc-field-form").FormProps<any>, "children" | "form" | "name" | "initialValues" | "preserve" | "validateMessages" | "validateTrigger" | "onFieldsChange" | "onFinish" | "onFinishFailed" | "onValuesChange"> & import("../../utils/native-props").NativeProps<"--border-inner" | "--border-top" | "--border-bottom"> & Partial<import("./context").FormContextType> & {
     footer?: import("react").ReactNode;
     layout?: FormLayout | undefined;
@@ -14,6 +15,7 @@ declare const _default: import("react").ForwardRefExoticComponent<Pick<import("r
     Item: import("react").FC<import("./form-item").FormItemProps>;
     Subscribe: import("react").VFC<import("./form-subscribe").FormSubscribeProps>;
     Header: import("react").FC<{}>;
+    Array: import("react").FC<import("./form-array").FormArrayProps>;
     useForm: typeof useForm;
 };
 export default _default;

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

@@ -19,10 +19,13 @@ var _rcFieldForm = require("rc-field-form");
 
 var _formSubscribe = require("./form-subscribe");
 
+var _formArray = require("./form-array");
+
 var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_form.Form, {
   Item: _formItem.FormItem,
   Subscribe: _formSubscribe.FormSubscribe,
   Header: _header.Header,
+  Array: _formArray.FormArray,
   useForm: _rcFieldForm.useForm
 });
 

package/2x/cjs/components/image-uploader/image-uploader.d.ts

@@ -20,7 +20,7 @@ export declare type ImageUploaderProps = {
     deletable?: boolean;
     capture?: InputHTMLAttributes<unknown>['capture'];
     onPreview?: (index: number, item: ImageUploadItem) => void;
-    beforeUpload?: (file: File[]) => Promise<File[]> | File[];
+    beforeUpload?: (file: File, files: File[]) => Promise<File | null> | File | null;
     upload: (file: File) => Promise<ImageUploadItem>;
     onDelete?: (item: ImageUploadItem) => boolean | Promise<boolean> | void;
     preview?: boolean;

package/2x/cjs/components/image-uploader/image-uploader.js

@@ -63,6 +63,17 @@ const ImageUploader = p => {
     onPreview
   } = props;
 
+  function processFile(file, fileList) {
+    return (0, _tslib.__awaiter)(this, void 0, void 0, function* () {
+      const {
+        beforeUpload
+      } = props;
+      let transformedFile = file;
+      transformedFile = yield beforeUpload === null || beforeUpload === void 0 ? void 0 : beforeUpload(file, fileList);
+      return transformedFile;
+    });
+  }
+
   function onChange(e) {
     var _a;
 
@@ -75,7 +86,12 @@ const ImageUploader = p => {
       let files = [].slice.call(rawFiles);
 
       if (props.beforeUpload) {
-        files = yield props.beforeUpload(files);
+        const postFiles = files.map(file => {
+          return processFile(file, files);
+        });
+        yield Promise.all(postFiles).then(filesList => {
+          files = filesList.filter(Boolean);
+        });
       }
 
       if (files.length === 0) {

package/2x/cjs/components/image-viewer/index.d.ts

@@ -2,7 +2,7 @@
 import './image-viewer.less';
 import { showMultiImageViewer, showImageViewer, clearImageViewer } from './methods';
 export type { ImageViewerProps, MultiImageViewerProps, MultiImageViewerRef, } from './image-viewer';
-export type { ImageViewerHandler } from './methods';
+export type { ImageViewerShowHandler } from './methods';
 declare const _default: import("react").FC<import("./image-viewer").ImageViewerProps> & {
     Multi: import("react").ForwardRefExoticComponent<Omit<import("./image-viewer").ImageViewerProps, "image"> & {
         images?: string[] | undefined;

package/2x/cjs/components/image-viewer/methods.d.ts

@@ -1,11 +1,10 @@
 import { ImageViewerProps, MultiImageViewerProps } from './image-viewer';
-export declare type ImageViewerHandler = {
-    close: () => void;
-};
-export declare function showImageViewer(props: Omit<ImageViewerProps, 'visible'>): {
+export declare type ImageViewerShowHandler = {
     close: () => void;
 };
+export declare function showImageViewer(props: Omit<ImageViewerProps, 'visible'>): ImageViewerShowHandler;
 export declare function showMultiImageViewer(props: Omit<MultiImageViewerProps, 'visible'>): {
     close: () => void;
 };
 export declare function clearImageViewer(): void;
+export declare const getH: () => void;

package/2x/cjs/components/image-viewer/methods.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.clearImageViewer = clearImageViewer;
+exports.getH = void 0;
 exports.showImageViewer = showImageViewer;
 exports.showMultiImageViewer = showMultiImageViewer;
 
@@ -13,7 +14,7 @@ var _renderToBody = require("../../utils/render-to-body");
 
 var _imageViewer = require("./image-viewer");
 
-var _ahooks = require("ahooks");
+var _renderImperatively = require("../../utils/render-imperatively");
 
 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); }
 
@@ -23,45 +24,14 @@ const handlerSet = new Set();
 
 function showImageViewer(props) {
   clearImageViewer();
-  const Wrapper = (0, _react.forwardRef)((_, ref) => {
-    const [visible, setVisible] = (0, _react.useState)(false);
-    (0, _react.useEffect)(() => {
-      setVisible(true);
-    }, []);
-    const isUnmountedRef = (0, _ahooks.useUnmountedRef)();
-    (0, _react.useImperativeHandle)(ref, () => ({
-      close: () => {
-        if (isUnmountedRef.current) return;
-        setVisible(false);
-      }
-    }));
-    return _react.default.createElement(_imageViewer.ImageViewer, Object.assign({}, props, {
-      visible: visible,
-      onClose: () => {
-        var _a;
-
-        (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
-        setVisible(false);
-      },
-      afterClose: () => {
-        var _a;
-
-        (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props);
-        unmount();
-      }
-    }));
-  });
-  const ref = (0, _react.createRef)();
-  const unmount = (0, _renderToBody.renderToBody)(_react.default.createElement(Wrapper, {
-    ref: ref
-  }));
-  const handler = {
-    close: () => {
+  const handler = (0, _renderImperatively.renderImperatively)(_react.default.createElement(_imageViewer.ImageViewer, Object.assign({}, props, {
+    afterClose: () => {
       var _a;
 
-      (_a = ref.current) === null || _a === void 0 ? void 0 : _a.close();
+      handlerSet.delete(handler);
+      (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props);
     }
-  };
+  })));
   handlerSet.add(handler);
   return handler;
 }
@@ -70,30 +40,39 @@ function showMultiImageViewer(props) {
   clearImageViewer();
   const Wrapper = (0, _react.forwardRef)((_, ref) => {
     const [visible, setVisible] = (0, _react.useState)(false);
+    const closedRef = (0, _react.useRef)(false);
     (0, _react.useEffect)(() => {
-      setVisible(true);
+      if (!closedRef.current) {
+        setVisible(true);
+      } else {
+        handleAfterClose();
+      }
     }, []);
-    const isUnmountedRef = (0, _ahooks.useUnmountedRef)();
+
+    function handleClose() {
+      var _a;
+
+      closedRef.current = true;
+      (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+      setVisible(false);
+    }
+
     (0, _react.useImperativeHandle)(ref, () => ({
-      close: () => {
-        if (isUnmountedRef.current) return;
-        setVisible(false);
-      }
+      close: handleClose
     }));
-    return _react.default.createElement(_imageViewer.MultiImageViewer, Object.assign({}, props, {
-      visible: visible,
-      onClose: () => {
-        var _a;
 
-        (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
-        setVisible(false);
-      },
-      afterClose: () => {
-        var _a;
+    function handleAfterClose() {
+      var _a;
 
-        (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props);
-        unmount();
-      }
+      (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props);
+      unmount();
+      handlerSet.delete(handler);
+    }
+
+    return _react.default.createElement(_imageViewer.MultiImageViewer, Object.assign({}, props, {
+      visible: visible,
+      onClose: handleClose,
+      afterClose: handleAfterClose
     }));
   });
   const ref = (0, _react.createRef)();
@@ -116,4 +95,10 @@ function clearImageViewer() {
     handler.close();
   });
   handlerSet.clear();
-}
+}
+
+const getH = () => {
+  console.log(handlerSet);
+};
+
+exports.getH = getH;

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

@@ -6,7 +6,7 @@ import { confirm } from './confirm';
 import { clear } from './clear';
 export type { ModalProps } from './modal';
 export type { Action } from './modal-action-button';
-export type { ModalShowProps, ModalShowRef } from './show';
+export type { ModalShowProps, ModalShowHandler } from './show';
 export type { ModalAlertProps } from './alert';
 export type { ModalConfirmProps } from './confirm';
 declare const _default: import("react").FC<import("./modal").ModalProps> & {

package/2x/cjs/components/modal/show.d.ts

@@ -1,9 +1,7 @@
 import { ModalProps } from './modal';
 export declare type ModalShowProps = Omit<ModalProps, 'visible'>;
-export declare type ModalShowRef = {
+export declare type ModalShowHandler = {
     close: () => void;
 };
 export declare const closeFnSet: Set<() => void>;
-export declare function show(props: ModalShowProps): {
-    close: () => void;
-};
+export declare function show(props: ModalShowProps): ModalShowHandler;

package/2x/cjs/components/modal/show.js

@@ -6,64 +6,26 @@ Object.defineProperty(exports, "__esModule", {
 exports.closeFnSet = void 0;
 exports.show = show;
 
-var _react = _interopRequireWildcard(require("react"));
-
-var _renderToBody = require("../../utils/render-to-body");
+var _react = _interopRequireDefault(require("react"));
 
 var _modal = require("./modal");
 
-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 _renderImperatively = require("../../utils/render-imperatively");
 
-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 }; }
 
 const closeFnSet = new Set();
 exports.closeFnSet = closeFnSet;
 
 function show(props) {
-  const Wrapper = (0, _react.forwardRef)((_, ref) => {
-    const [visible, setVisible] = (0, _react.useState)(false);
-    (0, _react.useEffect)(() => {
-      setVisible(true);
-    }, []);
-
-    function handleClose() {
-      var _a;
-
-      (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
-      setVisible(false);
-    }
-
-    (0, _react.useImperativeHandle)(ref, () => ({
-      close: handleClose
-    }));
-
-    function handleAfterClose() {
+  const handler = (0, _renderImperatively.renderImperatively)(_react.default.createElement(_modal.Modal, Object.assign({}, props, {
+    afterClose: () => {
       var _a;
 
+      closeFnSet.delete(handler.close);
       (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props);
-      unmount();
-      closeFnSet.delete(close);
     }
-
-    return _react.default.createElement(_modal.Modal, Object.assign({}, props, {
-      visible: visible,
-      onClose: handleClose,
-      afterClose: handleAfterClose
-    }));
-  });
-  const ref = (0, _react.createRef)();
-  const unmount = (0, _renderToBody.renderToBody)(_react.default.createElement(Wrapper, {
-    ref: ref
-  }));
-
-  const close = () => {
-    var _a;
-
-    (_a = ref.current) === null || _a === void 0 ? void 0 : _a.close();
-  };
-
-  closeFnSet.add(close);
-  return {
-    close
-  };
+  })));
+  closeFnSet.add(handler.close);
+  return handler;
 }

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

@@ -3,16 +3,21 @@ import './popover.less';
 import './popover-menu.less';
 export type { PopoverProps, PopoverRef } from './popover';
 export type { PopoverMenuProps, Action } from './popover-menu';
+export declare type Placement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+export declare type DeprecatedPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
 declare const _default: import("react").ForwardRefExoticComponent<{
+    defaultVisible?: boolean | undefined;
+    visible?: boolean | undefined;
+    onVisibleChange?: ((visible: boolean) => void) | undefined;
     getContainer?: import("../../utils/render-to-container").GetContainer | undefined;
     destroyOnHide?: boolean | undefined;
     children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     mode?: "dark" | "light" | undefined;
     trigger?: "click" | undefined;
-    placement?: "left" | "right" | "bottom" | "top" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | undefined;
+    placement?: DeprecatedPlacement | Placement | undefined;
     stopPropagation?: "click"[] | undefined;
     content: import("react").ReactNode;
-} & Pick<import("rc-tooltip/lib/Tooltip").TooltipProps, "visible" | "align" | "defaultVisible" | "onVisibleChange"> & import("../../utils/native-props").NativeProps<"--z-index"> & import("react").RefAttributes<import("./popover").PopoverRef>> & {
+} & import("../../utils/native-props").NativeProps<"--z-index"> & import("react").RefAttributes<import("./popover").PopoverRef>> & {
     Menu: import("react").ForwardRefExoticComponent<Omit<import("./popover").PopoverProps, "content"> & {
         actions: import("./popover-menu").Action[];
         onAction?: ((item: import("./popover-menu").Action) => void) | undefined;

package/2x/cjs/components/popover/normalize-placement.d.ts

@@ -0,0 +1,2 @@
+import { DeprecatedPlacement, Placement } from './index';
+export declare function normalizePlacement(placement: Placement | DeprecatedPlacement): Placement;

package/2x/cjs/components/popover/normalize-placement.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.normalizePlacement = normalizePlacement;
+const record = {
+  'topLeft': 'top-start',
+  'topRight': 'top-end',
+  'bottomLeft': 'bottom-start',
+  'bottomRight': 'bottom-end',
+  'leftTop': 'left-start',
+  'leftBottom': 'left-end',
+  'rightTop': 'right-start',
+  'rightBottom': 'right-end'
+};
+
+function normalizePlacement(placement) {
+  var _a;
+
+  return (_a = record[placement]) !== null && _a !== void 0 ? _a : placement;
+}

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

@@ -34,110 +34,6 @@
   display: none;
 }
 
-.adm-popover-placement-top,
-.adm-popover-placement-topLeft,
-.adm-popover-placement-topRight {
-  padding-bottom: var(--arrow-size);
-}
-
-.adm-popover-placement-top .adm-popover-arrow,
-.adm-popover-placement-topLeft .adm-popover-arrow,
-.adm-popover-placement-topRight .adm-popover-arrow {
-  bottom: 0;
-  --arrow-icon-rotate: 0deg;
-}
-
-.adm-popover-placement-top .adm-popover-arrow {
-  left: 50%;
-  transform: translateX(-50%);
-}
-
-.adm-popover-placement-topLeft .adm-popover-arrow {
-  left: 24px;
-}
-
-.adm-popover-placement-topRight .adm-popover-arrow {
-  right: 24px;
-}
-
-.adm-popover-placement-right,
-.adm-popover-placement-rightTop,
-.adm-popover-placement-rightBottom {
-  padding-left: var(--arrow-size);
-}
-
-.adm-popover-placement-right .adm-popover-arrow,
-.adm-popover-placement-rightTop .adm-popover-arrow,
-.adm-popover-placement-rightBottom .adm-popover-arrow {
-  left: 0;
-  --arrow-icon-rotate: 90deg;
-}
-
-.adm-popover-placement-right .adm-popover-arrow {
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-.adm-popover-placement-rightTop .adm-popover-arrow {
-  top: 24px;
-}
-
-.adm-popover-placement-rightBottom .adm-popover-arrow {
-  bottom: 24px;
-}
-
-.adm-popover-placement-bottom,
-.adm-popover-placement-bottomLeft,
-.adm-popover-placement-bottomRight {
-  padding-top: var(--arrow-size);
-}
-
-.adm-popover-placement-bottom .adm-popover-arrow,
-.adm-popover-placement-bottomLeft .adm-popover-arrow,
-.adm-popover-placement-bottomRight .adm-popover-arrow {
-  top: 0;
-  --arrow-icon-rotate: 180deg;
-}
-
-.adm-popover-placement-bottom .adm-popover-arrow {
-  left: 50%;
-  transform: translateX(-50%);
-}
-
-.adm-popover-placement-bottomLeft .adm-popover-arrow {
-  left: 24px;
-}
-
-.adm-popover-placement-bottomRight .adm-popover-arrow {
-  right: 24px;
-}
-
-.adm-popover-placement-left,
-.adm-popover-placement-leftTop,
-.adm-popover-placement-leftBottom {
-  padding-right: var(--arrow-size);
-}
-
-.adm-popover-placement-left .adm-popover-arrow,
-.adm-popover-placement-leftTop .adm-popover-arrow,
-.adm-popover-placement-leftBottom .adm-popover-arrow {
-  right: 0;
-  --arrow-icon-rotate: 270deg;
-}
-
-.adm-popover-placement-left .adm-popover-arrow {
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-.adm-popover-placement-leftTop .adm-popover-arrow {
-  top: 24px;
-}
-
-.adm-popover-placement-leftBottom .adm-popover-arrow {
-  bottom: 24px;
-}
-
 .adm-popover-inner {
   background-color: var(--background);
   background-clip: padding-box;

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

@@ -1,30 +1,36 @@
 import React, { ReactElement } from 'react';
-import type { TooltipProps } from 'rc-tooltip/lib/Tooltip';
 import { NativeProps } from '../../utils/native-props';
 import { PropagationEvent } from '../../utils/with-stop-propagation';
 import { GetContainer } from '../../utils/render-to-container';
+import { DeprecatedPlacement, Placement } from './index';
 export declare type PopoverProps = {
+    defaultVisible?: boolean;
+    visible?: boolean;
+    onVisibleChange?: (visible: boolean) => void;
     getContainer?: GetContainer;
     destroyOnHide?: boolean;
     children: ReactElement;
     mode?: 'light' | 'dark';
     trigger?: 'click';
-    placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+    placement?: Placement | DeprecatedPlacement;
     stopPropagation?: PropagationEvent[];
     content: React.ReactNode;
-} & Pick<TooltipProps, 'defaultVisible' | 'visible' | 'onVisibleChange' | 'align'> & NativeProps<'--z-index'>;
+} & NativeProps<'--z-index'>;
 export declare type PopoverRef = {
     show: () => void;
     hide: () => void;
     visible: boolean;
 };
 export declare const Popover: React.ForwardRefExoticComponent<{
+    defaultVisible?: boolean | undefined;
+    visible?: boolean | undefined;
+    onVisibleChange?: ((visible: boolean) => void) | undefined;
     getContainer?: GetContainer | undefined;
     destroyOnHide?: boolean | undefined;
     children: ReactElement;
     mode?: "dark" | "light" | undefined;
     trigger?: "click" | undefined;
-    placement?: "left" | "right" | "bottom" | "top" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | undefined;
+    placement?: DeprecatedPlacement | Placement | undefined;
     stopPropagation?: "click"[] | undefined;
     content: React.ReactNode;
-} & Pick<TooltipProps, "visible" | "align" | "defaultVisible" | "onVisibleChange"> & NativeProps<"--z-index"> & React.RefAttributes<PopoverRef>>;
+} & NativeProps<"--z-index"> & React.RefAttributes<PopoverRef>>;