@sheinx/base 3.0.0-alpha.3 → 3.0.0-alpha.30

package/esm/message/message.js

@@ -1,4 +1,5 @@
 "use strict";
+'use client';
 
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.array.iterator.js");
@@ -26,7 +27,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _alert = _interopRequireDefault(require("../alert"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _hooks = require("@sheinx/hooks");
-var _immer = require("immer");
 var _jsxRuntime = require("react/jsx-runtime");
 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; }
@@ -35,7 +35,8 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var getUidStr = _hooks.util.getUidStr,
-  getDataAttribute = _hooks.util.getDataAttribute;
+  getDataAttribute = _hooks.util.getDataAttribute,
+  produce = _hooks.util.produce;
 var dismissDuration = 200;
 var MessagePure = function MessagePure(props) {
   var _jssStyle$message;
@@ -117,7 +118,7 @@ var MessagePure = function MessagePure(props) {
             props.cachedHeight[id] = el.offsetHeight;
           }
         },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_alert.default, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_alert.default, _objectSpread(_objectSpread({
           className: styles === null || styles === void 0 ? void 0 : styles.message,
           jssStyle: jssStyle,
           closable: !hideClose && 'only',
@@ -129,9 +130,12 @@ var MessagePure = function MessagePure(props) {
             top: top
           },
           title: title,
-          type: type === 'default' ? undefined : type,
+          type: type === 'default' ? undefined : type
+        }, _hooks.util.getDataAttribute({
+          type: 'message'
+        })), {}, {
           children: content
-        })
+        }))
       }, id);
     })]
   }));
@@ -159,11 +163,12 @@ var Message = /*#__PURE__*/function (_React$PureComponent) {
     value: function addMessage(msg) {
       var _this2 = this;
       var id = getUidStr();
-      this.setState((0, _immer.produce)(function (state) {
+      var newState = produce(this.state, function (state) {
         state.messages.push(Object.assign({
           id: id
         }, msg));
-      }));
+      });
+      this.setState(newState);
       if (msg.duration > 0) {
         var closeTimeDelay = setTimeout(function () {
           _this2.closeMessageForAnimation(id, dismissDuration, _this2.cachedHeight[id]);
@@ -198,7 +203,7 @@ var Message = /*#__PURE__*/function (_React$PureComponent) {
     value: function closeMessageForAnimation(id, duration, msgHeight) {
       var _this3 = this;
       // duration animation duration time
-      this.setState((0, _immer.produce)(function (state) {
+      this.setState(produce(function (state) {
         state.messages.forEach(function (m) {
           if (m.id === id) {
             m.dismiss = true;

package/esm/modal/index.d.ts

@@ -1,6 +1,6 @@
 export { default, default as Modal } from './modal';
 export { default as ModalMethods } from './modal-func';
 export { default as ModalSubmit } from './modal-submit';
-export type { ModalProps } from './modal.type';
+export type { ModalProps, ModalClasses } from './modal.type';
 export type { ModalOptions } from './modal-func.type';
 //# sourceMappingURL=index.d.ts.map

package/esm/modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC7D,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/esm/modal/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/modal/modal-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["modal-content.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAkB9D,QAAA,MAAM,KAAK,UAAW,iBAAiB,uBAyRtC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["modal-content.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAoB9D,QAAA,MAAM,KAAK,UAAW,iBAAiB,uBA0RtC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/esm/modal/modal-content.js

@@ -38,7 +38,9 @@ var getClickPosition = function getClickPosition(e) {
     mousePosition = null;
   }, 100);
 };
-document.addEventListener('click', getClickPosition, true);
+if (_hooks.util.isBrowser()) {
+  document.addEventListener('click', getClickPosition, true);
+}
 var Modal = function Modal(props) {
   var _props$jssStyle, _props$jssStyle$modal;
   var modalClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : (_props$jssStyle$modal = _props$jssStyle.modal) === null || _props$jssStyle$modal === void 0 ? void 0 : _props$jssStyle$modal.call(_props$jssStyle);
@@ -220,6 +222,7 @@ var Modal = function Modal(props) {
     });
   };
   var renderFooter = function renderFooter() {
+    if (!props.footer) return null;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.footer,
       children: props.footer
@@ -248,8 +251,8 @@ var Modal = function Modal(props) {
     transformOrigin: origin,
     top: props.fullScreen ? undefined : top
   }, props.style), {}, {
-    width: width,
-    height: height
+    width: props.fullScreen ? undefined : width,
+    height: props.fullScreen ? undefined : height
   });
   if (props.resizable) {
     panelStyle.width = resizeInfo.width;

package/esm/modal/modal-func.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal-func.d.ts","sourceRoot":"","sources":["modal-func.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAWtD,eAAO,MAAM,QAAQ,YAIpB,CAAC;AA6CF,aAAK,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;;;;;AA2DhF,wBAGE"}
+{"version":3,"file":"modal-func.d.ts","sourceRoot":"","sources":["modal-func.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAWtD,eAAO,MAAM,QAAQ,YAIpB,CAAC;AA8CF,aAAK,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;;;;;AA2DhF,wBAGE"}

package/esm/modal/modal-func.js

@@ -62,7 +62,7 @@ var LoadingOk = function LoadingOk(props) {
   var callback = closeCallback(props.onOk, props.destroy, setLoading);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
     autoFocus: props.autoFocus,
-    type: "primary",
+    type: props.type === 'error' ? 'danger' : 'primary',
     jssStyle: props.jssStyle,
     loading: loading,
     onClick: callback,
@@ -101,6 +101,7 @@ var method = function method(type, jssStyle) {
       id: id
     };
     var ok = /*#__PURE__*/(0, _react.createElement)(LoadingOk, _objectSpread(_objectSpread({}, btnOptions), {}, {
+      type: type,
       autoFocus: options.autoFocusButton === 'ok',
       key: "ok"
     }));

package/esm/modal/modal.js

@@ -34,6 +34,7 @@ var Modal = function Modal(props) {
     shouldDestroy: seCanDestroy,
     autoShow: false
   }));
+  if (!root) return null;
   return /*#__PURE__*/_reactDom.default.createPortal(Content, root);
 };
 var _default = Modal;

package/esm/pagination/index.d.ts

@@ -1,3 +1,3 @@
 export { default, default as Pagination } from './pagination';
-export type { PaginationProps, LayoutType } from './pagination.type';
+export type { PaginationProps, LayoutType, PaginationClasses } from './pagination.type';
 //# sourceMappingURL=index.d.ts.map

package/esm/pagination/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAC9D,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAC9D,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC"}

package/esm/pagination/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/pagination/pagination-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination-button.d.ts","sourceRoot":"","sources":["pagination-button.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGjE,QAAA,MAAM,gBAAgB,UAAW,qBAAqB,gBAkErD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"pagination-button.d.ts","sourceRoot":"","sources":["pagination-button.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGjE,QAAA,MAAM,gBAAgB,UAAW,qBAAqB,gBAwErD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/esm/pagination/pagination-button.js

@@ -10,11 +10,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
 var _button = _interopRequireDefault(require("../button"));
 var _jsxRuntime = require("react/jsx-runtime");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var PaginationButton = function PaginationButton(props) {
+  var _jssStyle$pagination;
   var jssStyle = props.jssStyle,
     page = props.page,
     size = props.size,
@@ -29,6 +31,7 @@ var PaginationButton = function PaginationButton(props) {
     onClick = props.onClick,
     onMouseEnter = props.onMouseEnter,
     onMouseLeave = props.onMouseLeave;
+  var paginationStyle = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$pagination = jssStyle.pagination) === null || _jssStyle$pagination === void 0 ? void 0 : _jssStyle$pagination.call(jssStyle);
   var handleClick = function handleClick() {
     onClick(page);
   };
@@ -42,7 +45,7 @@ var PaginationButton = function PaginationButton(props) {
     var baseProps = {
       jssStyle: jssStyle,
       disabled: disabled,
-      className: className,
+      className: (0, _classnames.default)(className, paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.buttonItem),
       shape: shape,
       type: type,
       size: size,

package/esm/pagination/pagination-buttons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination-buttons.d.ts","sourceRoot":"","sources":["pagination-buttons.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,sBAAsB,EAAuB,MAAM,2BAA2B,CAAC;AAMxF,QAAA,MAAM,iBAAiB,UAAW,sBAAsB,gBAkLvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"pagination-buttons.d.ts","sourceRoot":"","sources":["pagination-buttons.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,sBAAsB,EAAuB,MAAM,2BAA2B,CAAC;AAMxF,QAAA,MAAM,iBAAiB,UAAW,sBAAsB,gBAmLvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/esm/pagination/pagination-buttons.js

@@ -166,7 +166,8 @@ var PaginationButtons = function PaginationButtons(props) {
         onClick: onChange,
         moreType: pageNum,
         onMouseEnter: handleHoverMore,
-        onMouseLeave: handleHoverMore
+        onMouseLeave: handleHoverMore,
+        className: paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.sectionSize
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.icon,
         children: renderMore(pageNum)

package/esm/pagination/pagination-next.js

@@ -21,7 +21,7 @@ var PaginationButtonNext = function PaginationButtonNext(props) {
     mode = props.mode,
     onChange = props.onChange;
   var paginationStyle = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$pagination = jssStyle.pagination) === null || _jssStyle$pagination === void 0 ? void 0 : _jssStyle$pagination.call(jssStyle);
-  var rootClasses = (0, _classnames.default)(paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.section);
+  var rootClasses = (0, _classnames.default)(paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.section, paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.sectionSize);
   var max = Math.ceil(total / pageSize);
   var next = current + 1;
   var hasText = text && text.next;

package/esm/pagination/pagination-prev.js

@@ -19,7 +19,7 @@ var PaginationButtonPrev = function PaginationButtonPrev(props) {
     size = props.size,
     onChange = props.onChange;
   var paginationStyle = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$pagination = jssStyle.pagination) === null || _jssStyle$pagination === void 0 ? void 0 : _jssStyle$pagination.call(jssStyle);
-  var rootClasses = (0, _classnames.default)(paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.section);
+  var rootClasses = (0, _classnames.default)(paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.section, paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.sectionSize);
   var prev = current - 1;
   var hasText = text && text.prev;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_paginationButton.default, {

package/esm/pagination/pagination.js

@@ -8,11 +8,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.string.includes.js");
 require("core-js/modules/es.array.map.js");
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _paginationSizeList = _interopRequireDefault(require("./pagination-size-list"));
 var _paginationJumper = _interopRequireDefault(require("./pagination-jumper"));
@@ -20,7 +19,6 @@ var _paginationButtons = _interopRequireDefault(require("./pagination-buttons"))
 var _paginationSimple = _interopRequireDefault(require("./pagination-simple"));
 var _hooks = require("@sheinx/hooks");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["className", "jssStyle", "size", "align", "total", "pageSize", "defaultCurrent", "current", "span", "onChange", "layout", "mode", "simple", "disabled", "text", "pageSizeList"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Pagination = function Pagination(props) {
@@ -49,7 +47,7 @@ var Pagination = function Pagination(props) {
     _props$text = props.text,
     text = _props$text === void 0 ? {} : _props$text,
     pageSizeList = props.pageSizeList,
-    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+    style = props.style;
   var _usePagination = (0, _hooks.usePagination)({
       total: total,
       span: span,
@@ -64,7 +62,9 @@ var Pagination = function Pagination(props) {
   var paginationStyle = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$pagination = jssStyle.pagination) === null || _jssStyle$pagination === void 0 ? void 0 : _jssStyle$pagination.call(jssStyle);
   var rootClasses = (0, _classnames.default)(className, paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.pagination, align === 'left' && (paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.left), align === 'center' && (paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.center), align === 'right' && (paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.right), size === 'small' && (paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.small), size === 'large' && (paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.large));
   var getRootProps = function getRootProps() {
-    return _objectSpread({}, rest);
+    return {
+      style: style
+    };
   };
   if (simple || layout.includes('simple')) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, getRootProps()), {}, {

package/esm/pagination/pagination.type.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ButtonClasses } from '../button/button.type';
-import { SelectClasses } from '@sheinx/shineout-style';
+import { SelectClasses } from '../select/select.type';
 import { InputClasses } from '../input/input.type';
 import { CommonType } from '../common/type';
 export declare type AlignType = 'left' | 'center' | 'right';
@@ -26,6 +26,8 @@ export interface PaginationClasses {
     large: string;
     sizeList: string;
     jumperInput: string;
+    buttonItem: string;
+    sectionSize: string;
 }
 export interface TextParams {
     prev?: string;
@@ -33,19 +35,80 @@ export interface TextParams {
     page?: string;
     jumper?: string;
 }
-export interface PaginationProps extends Pick<CommonType, 'style' | 'className' | 'size'>, Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+export interface PaginationProps extends Pick<CommonType, 'style' | 'className' | 'size'> {
+    /**
+     * @en Align of pagination
+     * @cn 排布方式
+     * @default 'left'
+     */
     align?: 'left' | 'center' | 'right';
+    /**
+     * @en Number of each page
+     * @cn 每页数量
+     * @default 10
+     */
     pageSize?: number;
+    /**
+     * @en Total number. If total is less than 0, hide the Pagination
+     * @cn 总条目数。如果 total 小于 0，隐藏分页
+     * @default 0
+     */
     total?: number;
+    /**
+     * @en Current page, if passed in, the component is a controlled component, you must handle the callback through onChange
+     * @cn 当前页，如果传入值，组件为受控组件，必须通过 onChange 来处理回调
+     */
     current?: number;
+    /**
+     * @en The number of pagination buttons
+     * @cn 分页器页码按钮数量
+     * @default 5
+     */
     span?: number;
+    /**
+     * @en Initial page number
+     * @cn 初始页码
+     * @default 1
+     */
     defaultCurrent?: number;
+    /**
+     * @en Disabled
+     * @cn 禁用
+     * @default false
+     */
     disabled?: boolean;
+    /**
+     * @en The layout of child elements, options: "links": page number; "simple": simple page number(Do not use both simple and links); "list": page size selector; "jumper": jump to page number; "simple": minimalist mode; function({ current, total, pageSize }): custom information
+     * @cn 子组件布局，可选值为:"links": 页码；"simple": 简约页码(和links不要同时使用)；"list": 每页数量选择。"jumper": 跳转页码；function({ current, total, pageSize }): 匿名函数，用来信息展示
+     * @default ['links']
+     */
     layout?: LayoutType;
+    /**
+     * @en The style of pagination
+     * @cn 风格
+     * @default 'text'
+     */
     mode?: 'outline' | 'text';
+    /**
+     * @en The callback function when current page or pageSize is changing.current:new page number.pageSize: number of each page
+     * @cn 页码或每页显示数量改变时回调。current: 新的页码。pageSize: 每页数量
+     */
     onChange?: (current: number, pageSize: number, sizeChange?: boolean) => void;
+    /**
+     * @en The list of number of each page
+     * @cn 每页数量可选列表
+     * @default [10, 20, 30, 50, 100]
+     */
     pageSizeList?: number[];
+    /**
+     * @en Replaced text。prev: the previous page.next: the next page.page:the text of pageSizeList.jumper: jump to input box text, "{input}" pilaceholder for input box
+     * @cn 替换文案。prev: 上一页。next: 下一页。page: pageSizeList 文字。jumper: 跳转输入框文字, "{input}" 为输入框占位
+     */
     text?: TextParams;
+    /**
+     * @en Whether to use simple mode
+     * @cn 是否使用简约模式
+     */
     simple?: boolean;
     jssStyle?: PaginationJssStyle;
 }

package/esm/pagination/pagination.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.type.d.ts","sourceRoot":"","sources":["pagination.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,oBAAY,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD,oBAAY,UAAU,GAAG,CACrB,OAAO,GACP,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,CAAC,CAAC,KAAK,EAAE,eAAe,KAAK,KAAK,CAAC,SAAS,CAAC,CAChD,EAAE,CAAC;AAEJ,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,aAAa,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,aAAa,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,iBAAiB,CAAC;CACtC;AAED,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,CAAC,EACtD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7E,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B"}
+{"version":3,"file":"pagination.type.d.ts","sourceRoot":"","sources":["pagination.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,oBAAY,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD,oBAAY,UAAU,GAAG,CACrB,OAAO,GACP,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,CAAC,CAAC,KAAK,EAAE,eAAe,KAAK,KAAK,CAAC,SAAS,CAAC,CAChD,EAAE,CAAC;AAEJ,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,aAAa,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,aAAa,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,iBAAiB,CAAC;CACtC;AAED,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,CAAC;IACvF;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7E;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B"}

package/esm/popover/confirm.type.d.ts

@@ -45,6 +45,10 @@ export interface PopoverConfirmProps extends PopoverProps {
      * @default "confirmwarning"
      */
     type?: AlertProps['type'];
+    /**
+     * @en title
+     * @cn 标题
+     */
     title?: React.ReactNode;
 }
 //# sourceMappingURL=confirm.type.d.ts.map

package/esm/popover/confirm.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"confirm.type.d.ts","sourceRoot":"","sources":["confirm.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,oBAAY,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;AAC7C,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD;;;;OAIG;IACH,IAAI,CAAC,EAAE;QACL,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IACrC;;;;OAIG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAC1B;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB"}
+{"version":3,"file":"confirm.type.d.ts","sourceRoot":"","sources":["confirm.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,oBAAY,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;AAC7C,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD;;;;OAIG;IACH,IAAI,CAAC,EAAE;QACL,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IACrC;;;;OAIG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAC1B;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB"}

package/esm/popover/index.d.ts

@@ -1,5 +1,5 @@
 export { default, default as Popover } from './popover';
 export { default as PopoverConfirm } from './confirm';
-export type { PopoverProps } from './popover.type';
+export type { PopoverProps, PopoverClasses } from './popover.type';
 export type { PopoverConfirmProps } from './confirm.type';
 //# sourceMappingURL=index.d.ts.map

package/esm/popover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,WAAW,CAAC;AACtD,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,YAAY,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,WAAW,CAAC;AACtD,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACnE,YAAY,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC"}

package/esm/popover/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {

package/esm/popover/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,QAAA,MAAM,OAAO,UAAW,YAAY,gBAgJnC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["popover.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,QAAA,MAAM,OAAO,UAAW,YAAY,gBA+InC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/esm/popover/popover.js

@@ -1,5 +1,8 @@
 "use strict";
 
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.weak-map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
@@ -9,6 +12,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _hooks = require("@sheinx/hooks");
 var _absoluteList = _interopRequireDefault(require("../absolute-list"));
 var _react = _interopRequireWildcard(require("react"));
@@ -16,6 +20,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _jsxRuntime = require("react/jsx-runtime");
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Popover = function Popover(props) {
   var _jssStyle$popover;
   var children = props.children,
@@ -130,19 +136,21 @@ var Popover = function Popover(props) {
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_absoluteList.default, {
     focus: open,
-    parentElement: targetRef.current,
-    popupEl: popupRef.current,
+    parentElRef: targetRef,
+    popupElRef: popupRef,
     absolute: typeof props.getPopupContainer === 'function' ? props.getPopupContainer : true,
     position: position,
     fixedWidth: false,
     popupGap: 0,
     destroy: destroy,
     zIndex: zIndex,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
       className: (0, _classnames.default)(className, popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.wrapper, open && (popoverStyle === null || popoverStyle === void 0 ? void 0 : popoverStyle.wrapperOpen)),
-      style: colorStyle,
-      "data-soui-position": position,
-      "data-soui-type": type,
+      style: colorStyle
+    }, _hooks.util.getDataAttribute({
+      position: position,
+      type: type
+    })), {}, {
       ref: popupRef,
       onMouseLeave: events.onMouseLeave,
       children: [showArrow && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -155,7 +163,7 @@ var Popover = function Popover(props) {
           children: childrened
         })
       })]
-    })
+    }))
   });
 };
 var _default = Popover;

package/esm/popover/popover.type.d.ts

@@ -30,9 +30,28 @@ export interface PopoverProps extends Pick<CommonType, 'className' | 'style'> {
         alert?: () => AlertClasses;
         button?: () => ButtonClasses;
     };
+    /**
+     * @en The position of pop-up layer. Default auto
+     * @cn 弹出层位置。若不设置，则默认为 auto
+     */
     position?: BasePopupProps['position'];
+    /**
+     * @en Popup location priority, default is top and bottom priority, only valid when position is not set, Options: ['vertical', 'horizontal', 'auto']
+     * @cn 弹出位置优先级, 默认为左右优先, 只在未设置 position 时生效
+     * @default 'vertical'
+     */
     priorityDirection?: BasePopupProps['priorityDirection'];
+    /**
+     * @en The show delay of mouseenter(ms)
+     * @cn 移入显示延迟(毫秒)
+     * @default 0
+     */
     mouseEnterDelay?: BasePopupProps['mouseEnterDelay'];
+    /**
+     * @en The hidden delay of mouseleave (ms)
+     * @cn 移除隐藏延迟(毫秒)
+     * @default 0
+     */
     mouseLeaveDelay?: BasePopupProps['mouseLeaveDelay'];
     /**
      * @cn 触发方式
@@ -40,21 +59,92 @@ export interface PopoverProps extends Pick<CommonType, 'className' | 'style'> {
      * @default 'hover'
      */
     trigger?: 'click' | 'hover';
+    /**
+     * @en Delete dom when close
+     * @cn 关闭 Popover 后销毁内容 dom
+     * @default false
+     */
     destroy?: boolean;
+    /**
+     * @en Is visible (controlled)
+     * @cn 是否可见(受控)
+     */
     visible?: BasePopupProps['open'];
+    /**
+     * @en 显示隐藏改变时事件
+     * @cn The event of visible change
+     */
     onVisibleChange?: BasePopupProps['onCollapse'];
+    /**
+     * @en Callback event when open
+     * @cn Popover 弹出回调事件
+     */
     onOpen?: () => void;
+    /**
+     * @en Callback event when close
+     * @cn Popover 关闭时回调事件
+     */
     onClose?: () => void;
+    /**
+     * @en Pop-up content
+     * @cn 弹出显示内容，如果内容为函数，则参数是主动关闭操作
+     * @default index
+     */
     children?: React.ReactNode | ((close: () => void) => React.ReactNode);
+    /**
+     * @en Custom Popover container, override the default behavior which is rendering under the body, () => DOMElement
+     * @cn 自定义 Popover 容器，覆盖默认渲染在 body 下的行为, () => DOMElement
+     */
     getPopupContainer?: () => HTMLElement | null;
+    /**
+     * @en Using inner styles
+     * @cn 使用内置文本样式
+     */
     useTextStyle?: boolean;
+    /**
+     * @en 类型
+     * @cn Type of popover
+     */
     type?: 'info' | 'success' | 'warning' | 'danger' | 'error';
+    /**
+     * @en The color of pop-up border(with arrows)
+     * @cn 弹出层边框颜色（含箭头）
+     */
     border?: string;
+    /**
+     * @en Pop-up background-color(with arrows)
+     * @cn 弹出层背景色（含箭头）
+     */
     background?: string;
+    /**
+     * @en Z-index of popover
+     * @cn Popover 层级
+     * @default 1060
+     */
     zIndex?: number;
+    /**
+     * @en Show arrow
+     * @cn 是否显示箭头
+     * @default true
+     */
     showArrow?: boolean;
+    /**
+     * @en Whether to display by default
+     * @cn 默认是否显示
+     */
     defaultVisible?: boolean;
-    clickToCancelDelay?: number;
+    /**
+     *
+     * @en Cancel the popup after clicking the element in mouseEnterDelay
+     * @cn MouseEnterDelay 内点击元素后取消弹出
+     * @default false
+     */
+    clickToCancelDelay?: boolean;
+    /**
+     * @en Scroll to dismiss, return el to order scroller
+     * @cn 滚动来关闭气泡框，如果需要指定滚动元素，则通过函数返回
+     * @default false
+     */
     scrollDismiss?: boolean | (() => HTMLElement | null);
 }
 //# sourceMappingURL=popover.type.d.ts.map