@sheinx/base 3.0.0-alpha.2 → 3.0.0-alpha.21

package/cjs/modal/modal-submit.js

@@ -3,27 +3,21 @@
 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");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _hooks = require("@sheinx/hooks");
 var _button = _interopRequireDefault(require("../button/button"));
-var _modalContext = require("./modal-context");
+var _formFooterContext = require("../form/form-footer-context");
 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 ModalSubmit = function ModalSubmit(props) {
-  var modalFormContext = (0, _react.useContext)(_modalContext.ModalFormContext);
+  var modalFormContext = (0, _formFooterContext.useFormFooter)();
   var handleClick = (0, _hooks.usePersistFn)(function (e) {
     var _props$onClick;
     (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, e);

package/cjs/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/cjs/pagination/index.js

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

package/cjs/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/cjs/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/cjs/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/cjs/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/cjs/pagination/pagination-jumper.js

@@ -53,7 +53,7 @@ var PaginationJumper = function PaginationJumper(props) {
   var renderInput = function renderInput() {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.default, {
       jssStyle: jssStyle,
-      className: paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.section,
+      className: (0, _classnames.default)(paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.section, paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.jumperInput),
       width: 56,
       value: value,
       digits: 0,

package/cjs/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;
@@ -34,9 +34,9 @@ var PaginationButtonNext = function PaginationButtonNext(props) {
     shape: hasText ? undefined : 'square',
     disabled: disabled || next > max,
     onClick: onChange,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: hasText ? text.next : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.icon,
-      children: hasText ? text.next : _icons.default.ArrowRight
+      children: _icons.default.ArrowRight
     })
   });
 };

package/cjs/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, {
@@ -31,9 +31,9 @@ var PaginationButtonPrev = function PaginationButtonPrev(props) {
     size: size,
     shape: hasText ? undefined : 'square',
     onClick: onChange,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: hasText ? text.prev : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.icon,
-      children: hasText ? text.prev : _icons.default.ArrowLeft
+      children: _icons.default.ArrowLeft
     })
   });
 };

package/cjs/pagination/pagination-size-list.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
-declare const PaginationSizeList: (_props: any) => JSX.Element;
+import { PaginationSizeListProps } from './pagination-size-list.type';
+declare const PaginationSizeList: (props: PaginationSizeListProps) => JSX.Element;
 export default PaginationSizeList;
 //# sourceMappingURL=pagination-size-list.d.ts.map

package/cjs/pagination/pagination-size-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination-size-list.d.ts","sourceRoot":"","sources":["pagination-size-list.tsx"],"names":[],"mappings":";AAAA,QAAA,MAAM,kBAAkB,WAAY,GAAG,gBAEtC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"pagination-size-list.d.ts","sourceRoot":"","sources":["pagination-size-list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAGtE,QAAA,MAAM,kBAAkB,UAAW,uBAAuB,gBAqCzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/cjs/pagination/pagination-size-list.js

@@ -1,13 +1,48 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("core-js/modules/es.array.concat.js");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _select = _interopRequireDefault(require("../select"));
 var _jsxRuntime = require("react/jsx-runtime");
-var PaginationSizeList = function PaginationSizeList(_props) {
+var PaginationSizeList = function PaginationSizeList(props) {
+  var _jssStyle$pagination;
+  var jssStyle = props.jssStyle,
+    disabled = props.disabled,
+    current = props.current,
+    _props$pageSizeList = props.pageSizeList,
+    pageSizeList = _props$pageSizeList === void 0 ? [10, 20, 30, 50, 100] : _props$pageSizeList,
+    text = props.text,
+    size = props.size,
+    pageSize = props.pageSize,
+    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, paginationStyle === null || paginationStyle === void 0 ? void 0 : paginationStyle.sizeList);
+  var handleChange = function handleChange(pageSize) {
+    var start = (current - 1) * props.pageSize + 1;
+    onChange(Math.ceil(start / pageSize), pageSize);
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    children: "PaginationSizeList"
+    className: rootClasses,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_select.default, {
+      jssStyle: jssStyle,
+      disabled: disabled,
+      absolute: true,
+      autoAdapt: true,
+      keygen: true,
+      size: size,
+      clearable: false,
+      value: pageSize,
+      onChange: handleChange,
+      data: pageSizeList,
+      renderItem: function renderItem(d) {
+        return "".concat(d, " ").concat(text.page || '');
+      }
+    })
   });
 };
 var _default = PaginationSizeList;

package/cjs/pagination/pagination-size-list.type.d.ts

@@ -0,0 +1,10 @@
+import { PaginationJssStyle, PaginationProps, TextParams } from './pagination.type';
+export interface PaginationSizeListProps extends Pick<PaginationProps, 'pageSizeList' | 'size' | 'disabled'> {
+    jssStyle?: PaginationJssStyle;
+    current: number;
+    total: number;
+    text: TextParams;
+    pageSize: number;
+    onChange: (current: number, pageSize?: number) => void;
+}
+//# sourceMappingURL=pagination-size-list.type.d.ts.map

package/cjs/pagination/pagination-size-list.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-size-list.type.d.ts","sourceRoot":"","sources":["pagination-size-list.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpF,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,cAAc,GAAG,MAAM,GAAG,UAAU,CAAC;IACnE,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD"}

package/cjs/pagination/pagination-size-list.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/pagination/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["pagination.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAA,MAAM,UAAU,UAAW,eAAe,gBA6HzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["pagination.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,QAAA,MAAM,UAAU,UAAW,eAAe,gBAyIzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/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()), {}, {
@@ -109,12 +109,18 @@ var Pagination = function Pagination(props) {
           }), i);
         case 'list':
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_paginationSizeList.default, _objectSpread(_objectSpread({}, props), {}, {
-            pageSizeList: pageSizeList
+            text: text,
+            size: size,
+            current: current || 0,
+            pageSize: pageSize,
+            pageSizeList: pageSizeList,
+            onChange: onChange
           }), i);
         case 'simple':
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_paginationSimple.default, _objectSpread(_objectSpread({}, props), {}, {
             mode: mode,
             text: text,
+            disabled: disabled,
             total: total,
             current: current || 0,
             pageSize: pageSize,

package/cjs/pagination/pagination.type.d.ts

@@ -1,11 +1,13 @@
 /// <reference types="react" />
 import { ButtonClasses } from '../button/button.type';
+import { SelectClasses } from '@sheinx/shineout-style';
 import { InputClasses } from '../input/input.type';
 import { CommonType } from '../common/type';
 export declare type AlignType = 'left' | 'center' | 'right';
 export declare type LayoutType = ('links' | 'list' | 'jumper' | 'simple' | ((props: PaginationProps) => React.ReactNode))[];
 export interface PaginationJssStyle {
     input?: () => InputClasses;
+    select?: () => SelectClasses;
     button?: () => ButtonClasses;
     pagination?: () => PaginationClasses;
 }
@@ -22,6 +24,10 @@ export interface PaginationClasses {
     simple: string;
     small: string;
     large: string;
+    sizeList: string;
+    jumperInput: string;
+    buttonItem: string;
+    sectionSize: string;
 }
 export interface TextParams {
     prev?: string;
@@ -29,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/cjs/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,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,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;CACf;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,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;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/cjs/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/cjs/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/cjs/popover/index.js

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

package/cjs/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/cjs/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;