tiny-ui 1.0.2 → 1.0.4

package/es/pagination/pagination.d.ts

@@ -1,3 +1,7 @@
-import { PaginationProps } from './types';
+import { PaginationProps } from "./types.js";
+
+//#region components/pagination/pagination.d.ts
 declare const Pagination: (props: PaginationProps) => JSX.Element;
-export default Pagination;
+//#endregion
+export { Pagination };
+//# sourceMappingURL=pagination.d.ts.map

package/es/pagination/pagination.js

@@ -1,116 +1,133 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext, useEffect, useState } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-import { ArrowDown } from '../_utils/components';
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import { ArrowDown } from "../_utils/components.js";
+import { useContext, useEffect, useState } from "react";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+//#region components/pagination/pagination.tsx
 const Pagination = (props) => {
-    const { align = 'center', size = 'md', current: currentProp, defaultCurrent = 1, pageSize: pageSizeProp, defaultPageSize = 10, total = 0, disabled = false, onChange, className, prefixCls: customisedCls, ...otherProps } = props;
-    const configContext = useContext(ConfigContext);
-    const prefixCls = getPrefixCls('pagination', configContext.prefixCls, customisedCls);
-    const cls = classNames(prefixCls, className, {
-        [`${prefixCls}_${align}`]: align,
-        [`${prefixCls}_${size}`]: size,
-        [`${prefixCls}_disabled`]: disabled,
-    });
-    const [current, setCurrent] = useState(currentProp !== undefined ? currentProp : defaultCurrent);
-    const [pageSize, setPageSize] = useState(pageSizeProp !== undefined ? pageSizeProp : defaultPageSize);
-    const itemOnClick = (item) => {
-        // If this item is in active or disabled status, reject the next action.
-        if (item.active || item.disabled) {
-            return;
-        }
-        const count = Math.ceil(total / pageSize);
-        let curr = 0;
-        if (item.type === 'page') {
-            curr = Number(item.label);
-        }
-        if (item.type === 'prev') {
-            curr = current - 1 > 0 ? current - 1 : 1;
-        }
-        if (item.type === 'next') {
-            curr = current + 1 <= count ? current + 1 : count;
-        }
-        if (item.type === 'jump-prev' || item.type === 'jump-next') {
-            curr = item.type === 'jump-prev' ? current - 5 : current + 5;
-            if (curr > count) {
-                curr = count;
-            }
-            if (curr < 1) {
-                curr = 1;
-            }
-        }
-        currentProp === undefined && setCurrent(curr);
-        onChange && onChange(curr, total, pageSize);
-    };
-    const getItems = () => {
-        const count = Math.ceil(total / pageSize);
-        const items = [
-            { type: 'prev', label: '<', disabled: disabled || current === 1 },
-        ];
-        const itemCount = count <= 5 ? count : 5;
-        let num = 0;
-        let basic = 0;
-        if (current > 3 && count > 5) {
-            items.push({ disabled, type: 'page', label: '1' });
-        }
-        if (current > 4 && count > 6) {
-            items.push({ disabled, type: 'jump-prev', label: '•••' });
-        }
-        while (num < itemCount) {
-            num += 1;
-            if (current > 3 && count > 5) {
-                basic = current - 3;
-            }
-            let label = num + basic;
-            if (count - current === 0 && count > 5) {
-                label -= 2;
-            }
-            if (count - current === 1 && count > 5) {
-                label -= 1;
-            }
-            if (label <= count) {
-                items.push({ disabled, type: 'page', label: `${label}`, active: current === label });
-            }
-        }
-        if (current + 3 < count && count > 6) {
-            items.push({ disabled, type: 'jump-next', label: '•••' });
-        }
-        if (current + 2 < count && count > 5) {
-            items.push({ disabled, type: 'page', label: `${count}` });
-        }
-        items.push({ type: 'next', label: '>', disabled: disabled || current === count });
-        return items;
-    };
-    const renderItem = (item) => {
-        const { type, label } = item;
-        switch (type) {
-            case 'prev':
-                return _jsx(ArrowDown, { size: 12, className: `${prefixCls}__left-arrow` });
-            case 'next':
-                return _jsx(ArrowDown, { size: 12, className: `${prefixCls}__right-arrow` });
-            default:
-                return label;
-        }
-    };
-    useEffect(() => {
-        currentProp !== undefined && setCurrent(currentProp);
-        pageSizeProp !== undefined && setPageSize(pageSizeProp);
-    }, [currentProp, pageSizeProp]);
-    return (_jsx("nav", { ...otherProps, className: cls, "aria-label": "Pagination", children: _jsx("ul", { className: `${prefixCls}__list`, children: getItems().map((item, idx) => {
-                const { active, disabled: itemDisabled, type, label } = item;
-                const cls = classNames(`${prefixCls}__item`, {
-                    [`${prefixCls}__item_active`]: active,
-                    [`${prefixCls}__item_disabled`]: itemDisabled,
-                    [`${prefixCls}__item_ellipsis`]: type === 'jump-next' || type === 'jump-prev',
-                });
-                const ariaLabel = type === 'prev' ? 'Previous page' :
-                    type === 'next' ? 'Next page' :
-                        type === 'jump-prev' ? 'Jump back 5 pages' :
-                            type === 'jump-next' ? 'Jump forward 5 pages' :
-                                `Page ${label}`;
-                return (_jsx("li", { className: cls, children: _jsx("button", { type: "button", disabled: itemDisabled, "aria-current": active ? 'page' : undefined, "aria-label": ariaLabel, onClick: () => itemOnClick(item), children: renderItem(item) }) }, idx));
-            }) }) }));
+	const { align = "center", size = "md", current: currentProp, defaultCurrent = 1, pageSize: pageSizeProp, defaultPageSize = 10, total = 0, disabled = false, onChange, className, prefixCls: customisedCls, ...otherProps } = props;
+	const prefixCls = getPrefixCls("pagination", useContext(ConfigContext).prefixCls, customisedCls);
+	const cls = classNames(prefixCls, className, {
+		[`${prefixCls}_${align}`]: align,
+		[`${prefixCls}_${size}`]: size,
+		[`${prefixCls}_disabled`]: disabled
+	});
+	const [current, setCurrent] = useState(currentProp !== void 0 ? currentProp : defaultCurrent);
+	const [pageSize, setPageSize] = useState(pageSizeProp !== void 0 ? pageSizeProp : defaultPageSize);
+	const itemOnClick = (item) => {
+		if (item.active || item.disabled) return;
+		const count = Math.ceil(total / pageSize);
+		let curr = 0;
+		if (item.type === "page") curr = Number(item.label);
+		if (item.type === "prev") curr = current - 1 > 0 ? current - 1 : 1;
+		if (item.type === "next") curr = current + 1 <= count ? current + 1 : count;
+		if (item.type === "jump-prev" || item.type === "jump-next") {
+			curr = item.type === "jump-prev" ? current - 5 : current + 5;
+			if (curr > count) curr = count;
+			if (curr < 1) curr = 1;
+		}
+		currentProp === void 0 && setCurrent(curr);
+		onChange && onChange(curr, total, pageSize);
+	};
+	const getItems = () => {
+		const count = Math.ceil(total / pageSize);
+		const items = [{
+			type: "prev",
+			label: "<",
+			disabled: disabled || current === 1
+		}];
+		const itemCount = count <= 5 ? count : 5;
+		let num = 0;
+		let basic = 0;
+		if (current > 3 && count > 5) items.push({
+			disabled,
+			type: "page",
+			label: "1"
+		});
+		if (current > 4 && count > 6) items.push({
+			disabled,
+			type: "jump-prev",
+			label: "•••"
+		});
+		while (num < itemCount) {
+			num += 1;
+			if (current > 3 && count > 5) basic = current - 3;
+			let label = num + basic;
+			if (count - current === 0 && count > 5) label -= 2;
+			if (count - current === 1 && count > 5) label -= 1;
+			if (label <= count) items.push({
+				disabled,
+				type: "page",
+				label: `${label}`,
+				active: current === label
+			});
+		}
+		if (current + 3 < count && count > 6) items.push({
+			disabled,
+			type: "jump-next",
+			label: "•••"
+		});
+		if (current + 2 < count && count > 5) items.push({
+			disabled,
+			type: "page",
+			label: `${count}`
+		});
+		items.push({
+			type: "next",
+			label: ">",
+			disabled: disabled || current === count
+		});
+		return items;
+	};
+	const renderItem = (item) => {
+		const { type, label } = item;
+		switch (type) {
+			case "prev": return /* @__PURE__ */ jsx(ArrowDown, {
+				size: 12,
+				className: `${prefixCls}__left-arrow`
+			});
+			case "next": return /* @__PURE__ */ jsx(ArrowDown, {
+				size: 12,
+				className: `${prefixCls}__right-arrow`
+			});
+			default: return label;
+		}
+	};
+	useEffect(() => {
+		currentProp !== void 0 && setCurrent(currentProp);
+		pageSizeProp !== void 0 && setPageSize(pageSizeProp);
+	}, [currentProp, pageSizeProp]);
+	return /* @__PURE__ */ jsx("nav", {
+		...otherProps,
+		className: cls,
+		"aria-label": "Pagination",
+		children: /* @__PURE__ */ jsx("ul", {
+			className: `${prefixCls}__list`,
+			children: getItems().map((item, idx) => {
+				const { active, disabled: itemDisabled, type, label } = item;
+				const cls = classNames(`${prefixCls}__item`, {
+					[`${prefixCls}__item_active`]: active,
+					[`${prefixCls}__item_disabled`]: itemDisabled,
+					[`${prefixCls}__item_ellipsis`]: type === "jump-next" || type === "jump-prev"
+				});
+				const ariaLabel = type === "prev" ? "Previous page" : type === "next" ? "Next page" : type === "jump-prev" ? "Jump back 5 pages" : type === "jump-next" ? "Jump forward 5 pages" : `Page ${label}`;
+				return /* @__PURE__ */ jsx("li", {
+					className: cls,
+					children: /* @__PURE__ */ jsx("button", {
+						type: "button",
+						disabled: itemDisabled,
+						"aria-current": active ? "page" : void 0,
+						"aria-label": ariaLabel,
+						onClick: () => itemOnClick(item),
+						children: renderItem(item)
+					})
+				}, type + "-" + label);
+			})
+		})
+	});
 };
-export default Pagination;
+//#endregion
+export { Pagination as default };
+
 //# sourceMappingURL=pagination.js.map

package/es/pagination/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../components/pagination/pagination.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"pagination.js","names":[],"sources":["../../components/pagination/pagination.tsx"],"sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { ArrowDown } from '../_utils/components';\nimport { PaginationProps } from './types';\n\ntype ItemSourceData = {\n  type: 'prev' | 'next' | 'jump-prev' | 'jump-next' | 'page';\n  disabled?: boolean;\n  active?: boolean;\n  label: string;\n};\n\nconst Pagination = (props: PaginationProps): JSX.Element => {\n  const {\n    align = 'center',\n    size = 'md',\n    current: currentProp,\n    defaultCurrent = 1,\n    pageSize: pageSizeProp,\n    defaultPageSize = 10,\n    total = 0,\n    disabled = false,\n    onChange,\n    className,\n    prefixCls: customisedCls,\n    ...otherProps\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('pagination', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_${align}`]: align,\n    [`${prefixCls}_${size}`]: size,\n    [`${prefixCls}_disabled`]: disabled,\n  });\n  const [current, setCurrent] = useState<number>(\n    currentProp !== undefined ? currentProp : defaultCurrent\n  );\n  const [pageSize, setPageSize] = useState<number>(\n    pageSizeProp !== undefined ? pageSizeProp : defaultPageSize\n  );\n\n  const itemOnClick = (item: ItemSourceData): void => {\n    // If this item is in active or disabled status, reject the next action.\n    if (item.active || item.disabled) {\n      return;\n    }\n\n    const count = Math.ceil(total / pageSize);\n    let curr = 0;\n    if (item.type === 'page') {\n      curr = Number(item.label);\n    }\n    if (item.type === 'prev') {\n      curr = current - 1 > 0 ? current - 1 : 1;\n    }\n    if (item.type === 'next') {\n      curr = current + 1 <= count ? current + 1 : count;\n    }\n    if (item.type === 'jump-prev' || item.type === 'jump-next') {\n      curr = item.type === 'jump-prev' ? current - 5 : current + 5;\n      if (curr > count) {\n        curr = count;\n      }\n      if (curr < 1) {\n        curr = 1;\n      }\n    }\n\n    currentProp === undefined && setCurrent(curr);\n    onChange && onChange(curr, total, pageSize);\n  };\n\n  const getItems = (): ItemSourceData[] => {\n    const count = Math.ceil(total / pageSize);\n    const items: ItemSourceData[] = [\n      { type: 'prev', label: '<', disabled: disabled || current === 1 },\n    ];\n    const itemCount = count <= 5 ? count : 5;\n    let num = 0;\n    let basic = 0;\n    if (current > 3 && count > 5) {\n      items.push({ disabled, type: 'page', label: '1' });\n    }\n    if (current > 4 && count > 6) {\n      items.push({ disabled, type: 'jump-prev', label: '•••' });\n    }\n    while (num < itemCount) {\n      num += 1;\n      if (current > 3 && count > 5) {\n        basic = current - 3;\n      }\n      let label = num + basic;\n      if (count - current === 0 && count > 5) {\n        label -= 2;\n      }\n      if (count - current === 1 && count > 5) {\n        label -= 1;\n      }\n      if (label <= count) {\n        items.push({ disabled, type: 'page', label: `${label}`, active: current === label });\n      }\n    }\n    if (current + 3 < count && count > 6) {\n      items.push({ disabled, type: 'jump-next', label: '•••' });\n    }\n    if (current + 2 < count && count > 5) {\n      items.push({ disabled, type: 'page', label: `${count}` });\n    }\n    items.push({ type: 'next', label: '>', disabled: disabled || current === count });\n    return items;\n  };\n\n  const renderItem = (item: ItemSourceData): React.ReactNode => {\n    const { type, label } = item;\n    switch (type) {\n      case 'prev':\n        return <ArrowDown size={12} className={`${prefixCls}__left-arrow`} />;\n\n      case 'next':\n        return <ArrowDown size={12} className={`${prefixCls}__right-arrow`} />;\n\n      default:\n        return label;\n    }\n  };\n\n  useEffect(() => {\n    currentProp !== undefined && setCurrent(currentProp);\n    pageSizeProp !== undefined && setPageSize(pageSizeProp);\n  }, [currentProp, pageSizeProp]);\n\n  return (\n    <nav {...otherProps} className={cls} aria-label=\"Pagination\">\n      <ul className={`${prefixCls}__list`}>\n        {getItems().map((item, idx) => {\n          const { active, disabled: itemDisabled, type, label } = item;\n          const cls = classNames(`${prefixCls}__item`, {\n            [`${prefixCls}__item_active`]: active,\n            [`${prefixCls}__item_disabled`]: itemDisabled,\n            [`${prefixCls}__item_ellipsis`]: type === 'jump-next' || type === 'jump-prev',\n          });\n          const ariaLabel = type === 'prev' ? 'Previous page' :\n            type === 'next' ? 'Next page' :\n            type === 'jump-prev' ? 'Jump back 5 pages' :\n            type === 'jump-next' ? 'Jump forward 5 pages' :\n            `Page ${label}`;\n          return (\n            <li key={type + '-' + label} className={cls}>\n              <button\n                type=\"button\"\n                disabled={itemDisabled}\n                aria-current={active ? 'page' : undefined}\n                aria-label={ariaLabel}\n                onClick={(): void => itemOnClick(item)}>\n                {renderItem(item)}\n              </button>\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n};\n\nexport default Pagination;\n"],"mappings":"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"}

package/es/pagination/style/_index.scss

@@ -0,0 +1,143 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-pagination {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: var(--ty-color-text-secondary);
+  font-size: 14px;
+  list-style: none;
+
+  &_left {
+    text-align: left;
+  }
+
+  &_center {
+    text-align: center;
+  }
+
+  &_right {
+    text-align: right;
+  }
+
+  &_disabled {
+    .#{$prefix}-pagination__item_active {
+      background: var(--ty-pagination-disabled-active-bg) !important;
+      border-color: transparent !important;
+      color: #fff !important;
+    }
+  }
+
+  &__item {
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    box-sizing: border-box;
+    text-align: center;
+    vertical-align: middle;
+    list-style: none;
+    background-color: var(--ty-pagination-bg);
+    border-radius: 2px;
+    outline: 0;
+    cursor: pointer;
+    user-select: none;
+    transition: all 400ms;
+
+    > button {
+      background: none;
+      border: none;
+      padding: 0;
+      color: inherit;
+      font: inherit;
+      cursor: inherit;
+      width: 100%;
+      height: 100%;
+      display: inline-flex;
+      justify-content: center;
+      align-items: center;
+    }
+
+    &_disabled {
+      cursor: not-allowed;
+    }
+
+    &_ellipsis {
+      color: var(--ty-color-text-quaternary);
+
+      &:hover {
+        color: var(--ty-color-primary);
+      }
+    }
+  }
+
+  &__left-arrow {
+    transform: rotate(90deg);
+  }
+
+  &__right-arrow {
+    transform: rotate(-90deg);
+  }
+
+  &_md {
+    .#{$prefix}-pagination__item {
+      min-width: 32px;
+      height: 32px;
+      margin-left: 4px;
+      margin-right: 4px;
+      line-height: 30px;
+      border: 1px solid var(--ty-color-border);
+
+      &_active {
+        color: var(--ty-color-primary);
+        border-color: var(--ty-color-primary);
+      }
+
+      &:hover {
+        border-color: var(--ty-color-primary);
+      }
+
+      &_disabled {
+        color: var(--ty-color-text-tertiary);
+        background: var(--ty-pagination-disabled-bg);
+        border-color: var(--ty-color-border);
+
+        &:hover {
+          border-color: var(--ty-color-border);
+        }
+      }
+
+      &_ellipsis {
+        border: 0;
+      }
+    }
+  }
+
+  &_sm {
+    .#{$prefix}-pagination__item {
+      min-width: 24px;
+      height: 24px;
+      margin-left: 0.5px;
+      margin-right: 0.5px;
+      line-height: 22px;
+      border-color: transparent;
+
+      &_active {
+        color: var(--ty-color-primary);
+        border: 1px solid var(--ty-color-primary);
+      }
+
+      &:hover {
+        color: var(--ty-color-primary);
+      }
+
+      &_disabled {
+        color: var(--ty-pagination-disabled-color);
+        border-color: var(--ty-pagination-disabled-color);
+
+        &:hover {
+          color: var(--ty-pagination-disabled-color);
+        }
+      }
+    }
+  }
+}

package/es/pagination/style/index.css

@@ -0,0 +1,115 @@
+.ty-pagination {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: var(--ty-color-text-secondary);
+  font-size: 14px;
+  list-style: none;
+}
+.ty-pagination_left {
+  text-align: left;
+}
+.ty-pagination_center {
+  text-align: center;
+}
+.ty-pagination_right {
+  text-align: right;
+}
+.ty-pagination_disabled .ty-pagination__item_active {
+  background: var(--ty-pagination-disabled-active-bg) !important;
+  border-color: transparent !important;
+  color: #fff !important;
+}
+.ty-pagination__item {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  box-sizing: border-box;
+  text-align: center;
+  vertical-align: middle;
+  list-style: none;
+  background-color: var(--ty-pagination-bg);
+  border-radius: 2px;
+  outline: 0;
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  transition: all 400ms;
+}
+.ty-pagination__item > button {
+  background: none;
+  border: none;
+  padding: 0;
+  color: inherit;
+  font: inherit;
+  cursor: inherit;
+  width: 100%;
+  height: 100%;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+}
+.ty-pagination__item_disabled {
+  cursor: not-allowed;
+}
+.ty-pagination__item_ellipsis {
+  color: var(--ty-color-text-quaternary);
+}
+.ty-pagination__item_ellipsis:hover {
+  color: var(--ty-color-primary);
+}
+.ty-pagination__left-arrow {
+  transform: rotate(90deg);
+}
+.ty-pagination__right-arrow {
+  transform: rotate(-90deg);
+}
+.ty-pagination_md .ty-pagination__item {
+  min-width: 32px;
+  height: 32px;
+  margin-left: 4px;
+  margin-right: 4px;
+  line-height: 30px;
+  border: 1px solid var(--ty-color-border);
+}
+.ty-pagination_md .ty-pagination__item_active {
+  color: var(--ty-color-primary);
+  border-color: var(--ty-color-primary);
+}
+.ty-pagination_md .ty-pagination__item:hover {
+  border-color: var(--ty-color-primary);
+}
+.ty-pagination_md .ty-pagination__item_disabled {
+  color: var(--ty-color-text-tertiary);
+  background: var(--ty-pagination-disabled-bg);
+  border-color: var(--ty-color-border);
+}
+.ty-pagination_md .ty-pagination__item_disabled:hover {
+  border-color: var(--ty-color-border);
+}
+.ty-pagination_md .ty-pagination__item_ellipsis {
+  border: 0;
+}
+.ty-pagination_sm .ty-pagination__item {
+  min-width: 24px;
+  height: 24px;
+  margin-left: 0.5px;
+  margin-right: 0.5px;
+  line-height: 22px;
+  border-color: transparent;
+}
+.ty-pagination_sm .ty-pagination__item_active {
+  color: var(--ty-color-primary);
+  border: 1px solid var(--ty-color-primary);
+}
+.ty-pagination_sm .ty-pagination__item:hover {
+  color: var(--ty-color-primary);
+}
+.ty-pagination_sm .ty-pagination__item_disabled {
+  color: var(--ty-pagination-disabled-color);
+  border-color: var(--ty-pagination-disabled-color);
+}
+.ty-pagination_sm .ty-pagination__item_disabled:hover {
+  color: var(--ty-pagination-disabled-color);
+}

package/es/pagination/style/index.d.ts

@@ -1 +1 @@
-import './index.scss';
+export { };

package/es/pagination/style/index.js

@@ -1,2 +1 @@
-import './index.scss';
-//# sourceMappingURL=index.js.map
+import "./index.css";

package/es/pagination/types.d.ts

@@ -1,15 +1,20 @@
-import React from 'react';
-import { BaseProps } from '../_utils/props';
-export type PaginationAlign = 'left' | 'center' | 'right';
-export type PaginationSize = 'sm' | 'md';
-export interface PaginationProps extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['ul']>, 'onChange'> {
-    current?: number;
-    total?: number;
-    defaultCurrent?: number;
-    disabled?: boolean;
-    pageSize?: number;
-    defaultPageSize?: number;
-    size?: PaginationSize;
-    align?: PaginationAlign;
-    onChange?: (current: number, total: number, pageSize: number) => void;
+import { BaseProps } from "../_utils/props.js";
+import React from "react";
+
+//#region components/pagination/types.d.ts
+type PaginationAlign = 'left' | 'center' | 'right';
+type PaginationSize = 'sm' | 'md';
+interface PaginationProps extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['ul']>, 'onChange'> {
+  current?: number;
+  total?: number;
+  defaultCurrent?: number;
+  disabled?: boolean;
+  pageSize?: number;
+  defaultPageSize?: number;
+  size?: PaginationSize;
+  align?: PaginationAlign;
+  onChange?: (current: number, total: number, pageSize: number) => void;
 }
+//#endregion
+export { PaginationProps };
+//# sourceMappingURL=types.d.ts.map

package/es/pop-confirm/index.d.ts

@@ -1,2 +1 @@
-import PopConfirm from './pop-confirm';
-export default PopConfirm;
+import { PopConfirm } from "./pop-confirm.js";

package/es/pop-confirm/index.js

@@ -1,3 +1,11 @@
-import PopConfirm from './pop-confirm';
-export default PopConfirm;
+import '../style/base.css';
+import './style/index.css';
+import '../button/style/index.css';
+import '../popover/style/index.css';
+import PopConfirm from "./pop-confirm.js";
+//#region components/pop-confirm/index.tsx
+var pop_confirm_default = PopConfirm;
+//#endregion
+export { pop_confirm_default as default };
+
 //# sourceMappingURL=index.js.map

package/es/pop-confirm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/pop-confirm/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,eAAe,CAAC;AAEvC,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../components/pop-confirm/index.tsx"],"sourcesContent":["import PopConfirm from './pop-confirm';\n\nexport default PopConfirm;\n"],"mappings":";;AAEA,IAAA,sBAAe"}