@unicom-cloud/ui 0.8.157 → 0.8.158

package/notification/Notification.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { isBoolean as e, isFunction as t, isHTMLElement as n, isNull as r, isNumber as i, isString as a, isUndefined as o } from "../utils/is.js";
 import s from "../utils/className.js";
 import c from "../hooks/use-merge-props/index.js";
@@ -6,13 +6,12 @@ import l from "../config-provider/context.js";
 import u from "../notice/index.js";
 import { NOTIFICATION_TYPES as d } from "./constants.js";
 import f from "./withNotification.js";
-import { getGlobalConfig as p, getPosition as m, setGlobalConfig as h } from "./utils.js";
-import g from "./useNotification.js";
-import { useContext as _, useEffect as v } from "react";
-import { UI_PC_PREFIX as y } from "@unicom-cloud/utils/constant/ui";
-import { jsx as b } from "react/jsx-runtime";
-import x from "@unicom-cloud/ui-common/transition/TransitionCSS";
-import S from "@unicom-cloud/ui-common/transition/TransitionGroup";
+import { TransitionCSS as p, TransitionGroup as m } from "../transition/index.js";
+import { getGlobalConfig as h, getPosition as g, setGlobalConfig as _ } from "./utils.js";
+import v from "./useNotification.js";
+import { useContext as y, useEffect as b } from "react";
+import { UI_PC_PREFIX as x } from "@unicom-cloud/utils/constant/ui";
+import { jsx as S } from "react/jsx-runtime";
 import { createRoot as C } from "react-dom/client";
 import { createPortal as w } from "react-dom";
 //#region components/pc/notification/Notification.tsx
@@ -21,20 +20,20 @@ var T = {}, E = [], D = {
 	exit: 300
 }, O = {};
 function k(e) {
-	let { prefixCls: r, getPrefixCls: i, componentConfig: a, rtl: d } = _(l), f = c(e, O, a?.Notification), { prefixCls: h, rtl: g, getContainer: C, notices: T } = f, E = o(g) ? p().rtl : g, k = m(f.position, E), A = h || p().prefixCls, j = `${A || y}-notification`, M = s(`${j}-wrapper`, `${j}-wrapper-${k}`, { [`${j}-wrapper-rtl`]: p().rtl }), N = C?.();
+	let { prefixCls: r, getPrefixCls: i, componentConfig: a, rtl: d } = y(l), f = c(e, O, a?.Notification), { prefixCls: _, rtl: v, getContainer: C, notices: T } = f, E = o(v) ? h().rtl : v, k = g(f.position, E), A = _ || h().prefixCls, j = `${A || x}-notification`, M = s(`${j}-wrapper`, `${j}-wrapper-${k}`, { [`${j}-wrapper-rtl`]: h().rtl }), N = C?.();
 	function P(e) {
 		f.remove(e);
 	}
-	v(() => (f.add(f), () => {
+	b(() => (f.add(f), () => {
 		f.clear();
 	}), []);
-	let F = /* @__PURE__ */ b("div", {
+	let F = /* @__PURE__ */ S("div", {
 		className: M,
-		children: /* @__PURE__ */ b(S, { children: T.map((e, r, i) => {
+		children: /* @__PURE__ */ S(m, { children: T.map((e, r, i) => {
 			let a = `${j}-slide-right`;
 			["topLeft", "bottomLeft"].includes(k) && (a = `${j}-slide-left`);
 			let o;
-			return /* @__PURE__ */ b(x, {
+			return /* @__PURE__ */ S(p, {
 				duration: D,
 				appear: !0,
 				classNames: a,
@@ -42,6 +41,12 @@ function k(e) {
 				onEnter: (e) => {
 					n(e);
 				},
+				onEntering: (e) => {
+					n(e);
+				},
+				onEntered: (e) => {
+					n(e);
+				},
 				onExit: (e) => {
 					n(e) && (e.style.height = `${e.scrollHeight}px`);
 				},
@@ -51,7 +56,7 @@ function k(e) {
 				onExited: (r) => {
 					n(r) && (r.style.height = "0px"), t(e.onClose) && e.onClose();
 				},
-				children: /* @__PURE__ */ b(u, {
+				children: /* @__PURE__ */ S(u, {
 					...e,
 					ref: (e) => {
 						o = e;
@@ -69,10 +74,10 @@ function k(e) {
 	return N ? w(F, N) : F;
 }
 var A = f(k);
-A.useNotification = g, A.config = (n = {}) => {
-	if (a(n.prefixCls) && h("prefixCls", n.prefixCls), i(n.maxCount) && h("maxCount", n.maxCount), i(n.duration) && h("duration", n.duration), e(n.rtl) && h("rtl", n.rtl), t(n.getContainer)) {
+A.useNotification = v, A.config = (n = {}) => {
+	if (a(n.prefixCls) && _("prefixCls", n.prefixCls), i(n.maxCount) && _("maxCount", n.maxCount), i(n.duration) && _("duration", n.duration), e(n.rtl) && _("rtl", n.rtl), t(n.getContainer)) {
 		let e = n.getContainer();
-		e === p().container || (h("container", e), Object.entries(T).forEach(([e, t], n, r) => (delete T[e], t?.clear?.())));
+		e === h().container || (_("container", e), Object.entries(T).forEach(([e, t], n, r) => (delete T[e], t?.clear?.())));
 	}
 }, A.clear = () => {
 	Object.values(T).forEach((e, t, n) => {
@@ -83,8 +88,8 @@ A.useNotification = g, A.config = (n = {}) => {
 		t?.remove?.(e);
 	});
 }, A.addInstance = (e) => {
-	let t = m(e.position, p().rtl), n = T[t], i = {
-		duration: p().duration,
+	let t = g(e.position, h().rtl), n = T[t], i = {
+		duration: h().duration,
 		...e
 	};
 	if (n) {
@@ -92,11 +97,11 @@ A.useNotification = g, A.config = (n = {}) => {
 			...i,
 			update: t
 		};
-		n.notices.length >= p().maxCount && (t ? r.id = t.id : n.shift()), n.add({ ...r });
+		n.notices.length >= h().maxCount && (t ? r.id = t.id : n.shift()), n.add({ ...r });
 	}
 	if (r(n) && E.push(e), o(n)) {
 		let e = document.createElement("div");
-		(p().container || document.body).appendChild(e), C(e).render(/* @__PURE__ */ b(A, {
+		(h().container || document.body).appendChild(e), C(e).render(/* @__PURE__ */ S(A, {
 			...i,
 			ref: (e) => {
 				if (e) {
@@ -114,5 +119,5 @@ var j = d.map((e, t, n) => [e, (t) => A.addInstance({
 })]);
 Object.assign(A, Object.fromEntries(j));
 //#endregion
-export { A as default, g as useNotification };
+export { A as default, v as useNotification };
 /* 独立思考，明辨是非 */

package/notification/constants.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 //#region components/pc/notification/constants.ts
 var e = [
 	"info",

package/notification/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "./useNotification.js";
 import t from "./Notification.js";
 //#region components/pc/notification/index.tsx

package/notification/useNotification.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { uuid as e } from "../utils/uuid.js";
 import { NOTIFICATION_TYPES as t } from "./constants.js";
 import { getPosition as n } from "./utils.js";

package/notification/utils.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { isUndefined as e } from "../utils/is.js";
 //#region components/pc/notification/utils.ts
 var t = {};

package/notification/withNotification.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { forwardRef as e, useCallback as t, useEffect as n, useImperativeHandle as r, useState as i } from "react";
 import { v4 as a } from "uuid";
 import { jsx as o } from "react/jsx-runtime";

package/overflow-ellipsis/OverflowEllipsis.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "../utils/className.js";
 import t from "../config-provider/context.js";
 import "../config-provider/index.js";
@@ -21,7 +21,7 @@ function f(i, f) {
 		y,
 		T
 	]);
-	let k = c(void 0);
+	let k = c(null);
 	return n((e) => {
 		b(e?.[0]?.target?.clientWidth || 0);
 	}, [k.current]), o(f, () => ({ getRootElement() {

package/overflow-ellipsis/OverflowItem.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "../utils/className.js";
 import t from "../config-provider/context.js";
 import "../config-provider/index.js";
@@ -7,7 +7,7 @@ import { useContext as r, useEffect as i, useRef as a } from "react";
 import { jsx as o } from "react/jsx-runtime";
 //#region components/pc/overflow-ellipsis/OverflowItem.tsx
 function s(s) {
-	let { prefixCls: c, getPrefixCls: l } = r(t), u = l?.("overflow-item"), d = a(void 0);
+	let { prefixCls: c, getPrefixCls: l } = r(t), u = l?.("overflow-item"), d = a(null);
 	return n((e) => {
 		s.onResize(e?.[0]?.target);
 	}, [d.current]), i(() => (s.onResize(d.current), () => {

package/overflow-ellipsis/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "./OverflowItem.js";
 import t from "./OverflowEllipsis.js";
 //#region components/pc/overflow-ellipsis/index.tsx

package/package.json

@@ -1 +1 @@
-{"name":"@unicom-cloud/ui","version":"0.8.157","dependencies":{"@unicom-cloud/utils":"^0.1.0","@unicom-cloud/icons":"^0.1.0","@unicom-cloud/ui-common":"^0.1.0"},"peerDependencies":{"dayjs":"^1.11.19","lodash":"^4.18.1","react":"^18.3.1","react-dom":"^18.3.1","react-is":"^18.3.1"},"type":"module","types":"types/index.d.ts","main":"./index.js","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"}}
+{"name":"@unicom-cloud/ui","version":"0.8.158","dependencies":{"@unicom-cloud/utils":"^0.1.0","@unicom-cloud/icons":"^0.1.0","@unicom-cloud/ui-common":"^0.1.0"},"peerDependencies":{"dayjs":"^1.11.19","lodash":"^4.18.1","react":"^18.3.1","react-dom":"^18.3.1","react-is":"^18.3.1"},"type":"module","types":"types/index.d.ts","main":"./index.js","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"}}

package/page-header/PageHeader.js

@@ -1,108 +1,108 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
-import { isArray as e } from "../utils/is.js";
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
+import { isEmptyArray as e } from "../utils/is.js";
 import t from "../utils/className.js";
 import n from "../hooks/use-merge-props/index.js";
 import r from "../config-provider/context.js";
-import i from "../utils/omit.js";
-import a from "../icon-hover/index.js";
+import i from "../icon-hover/index.js";
 import "../config-provider/index.js";
-import o from "../hooks/use-resize-observers/index.js";
-import s from "../hooks/use-keyboard-event/index.js";
-import c from "../breadcrumb/index.js";
-import { forwardRef as l, useContext as u, useImperativeHandle as d, useRef as f, useState as p } from "react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import _ from "@unicom-cloud/icons/IconUiLeft";
-import v from "@unicom-cloud/icons/IconUiRight";
+import a from "../hooks/use-resize-observers/index.js";
+import o from "../hooks/use-keyboard-event/index.js";
+import s from "../breadcrumb/index.js";
+import { forwardRef as c, useContext as l, useImperativeHandle as u, useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import h from "@unicom-cloud/icons/IconUiLeft";
+import g from "@unicom-cloud/icons/IconUiRight";
 //#region components/pc/page-header/PageHeader.tsx
-function y(l, y) {
-	let { prefixCls: b, getPrefixCls: x, componentConfig: S, rtl: C } = u(r), w = n(l, {}, S?.PageHeader), { header: T, title: E, subTitle: D, extra: O, children: k, backIcon: A, footer: j, breadcrumb: M, descriptions: N, className: P, classNames: F, ...I } = w, L = T;
-	e(L) && !L.length && (L = null);
-	let R = E;
-	e(R) && !R.length && (R = null);
-	let z = D;
-	e(z) && !z.length && (z = null);
-	let B = O;
-	e(B) && !B.length && (B = null);
-	let V = s(), [H, U] = p(!1), W = f(void 0), G = x?.("page-header");
-	d(y, () => ({ getRootElement() {
-		return W.current;
+function _(c, _) {
+	let { prefixCls: v, getPrefixCls: y, componentConfig: b, rtl: x } = l(r), S = n(c, {}, b?.PageHeader), { header: C, title: w, subTitle: T, extra: E, children: D, backIcon: O, footer: k, breadcrumb: A, descriptions: j, className: M, classNames: N, onBack: P, ...F } = S, I = C;
+	e(I) && (I = null);
+	let L = w;
+	e(L) && (L = null);
+	let R = T;
+	e(R) && (R = null);
+	let z = E;
+	e(z) && (z = null);
+	let B = o(), [V, H] = f(!1), U = d(null), W = y?.("page-header");
+	u(_, () => ({ getRootElement() {
+		return U.current;
 	} }));
-	function K() {
-		W.current && U(W.current.offsetWidth < 768);
+	function G() {
+		U.current && H(U.current.offsetWidth < 768);
 	}
-	return o((e) => {
-		K();
-	}, [W.current], { immediate: !0 }), /* @__PURE__ */ g("div", {
-		...i(I, ["onBack"]),
-		ref: W,
-		style: w.style,
-		className: t(`${G}`, {
-			[`${G}-with-breadcrumb`]: M,
-			[`${G}-with-content`]: k,
-			[`${G}-with-footer`]: j,
-			[`${G}-wrap`]: H,
-			[`${G}-rtl`]: C,
-			[`${G}-descriptions`]: N
-		}, P, F?.root),
+	return a((e) => {
+		G();
+	}, [U.current], { immediate: !0 }), /* @__PURE__ */ m("div", {
+		...F,
+		ref: U,
+		style: S.style,
+		className: t(`${W}`, {
+			[`${W}-with-breadcrumb`]: A,
+			[`${W}-with-content`]: D,
+			[`${W}-with-footer`]: k,
+			[`${W}-wrap`]: V,
+			[`${W}-rtl`]: x,
+			[`${W}-descriptions`]: j
+		}, M, N?.root),
 		children: [
-			!!L && /* @__PURE__ */ h("div", {
-				className: t(`${G}-header`, F?.header),
-				children: L
+			!!I && /* @__PURE__ */ p("div", {
+				className: t(`${W}-header`, N?.header),
+				children: I
 			}),
-			/* @__PURE__ */ g("div", {
-				className: t(`${G}-head-wrapper`, F?.headWrapper),
+			/* @__PURE__ */ m("div", {
+				className: t(`${W}-head-wrapper`, N?.headWrapper),
 				children: [
-					!!M && /* @__PURE__ */ h(c, { ...M }),
-					/* @__PURE__ */ g("div", {
-						className: t(`${G}-head`, F?.head),
-						children: [/* @__PURE__ */ g("div", {
-							className: t(`${G}-head-main`, { [`${G}-head-main-with-back`]: A }, F?.headMain),
+					!!A && /* @__PURE__ */ p(s, { ...A }),
+					/* @__PURE__ */ m("div", {
+						className: t(`${W}-head`, N?.head),
+						children: [/* @__PURE__ */ m("div", {
+							className: t(`${W}-head-main`, { [`${W}-head-main-with-back`]: O }, N?.headMain),
 							children: [
-								A && /* @__PURE__ */ h(a, {
-									prefix: G,
+								O && /* @__PURE__ */ p(i, {
+									prefix: W,
 									tabIndex: 0,
 									role: "button",
-									className: t(`${G}-back`, F?.back),
-									onClick: w.onBack,
-									...V({ onPressEnter: w.onBack }),
-									children: /* @__PURE__ */ h("span", {
-										className: t(`${G}-back-icon`, F?.backIcon),
-										children: A === !0 ? h(C ? v : _, {}) : A
+									className: t(`${W}-back`, N?.back),
+									onClick: P,
+									...B({ onPressEnter: P }),
+									children: /* @__PURE__ */ p("span", {
+										className: t(`${W}-back-icon`, N?.backIcon),
+										children: O === !0 ? p(x ? g : h, {}) : O
 									})
 								}),
-								R && /* @__PURE__ */ h("div", {
-									className: t(`${G}-title`, F?.title),
-									children: R
+								L && /* @__PURE__ */ p("div", {
+									className: t(`${W}-title`, N?.title),
+									children: L
 								}),
-								z && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("div", { className: t(`${G}-divider`, F?.divider) }), /* @__PURE__ */ h("div", {
-									className: t(`${G}-sub-title`, F?.subTitle),
-									children: z
-								})] })
+								L && R && /* @__PURE__ */ p("div", { className: t(`${W}-divider`, N?.divider) }),
+								R && /* @__PURE__ */ p("div", {
+									className: t(`${W}-sub-title`, N?.subTitle),
+									children: R
+								})
 							]
-						}), B && /* @__PURE__ */ h("div", {
-							className: t(`${G}-head-extra`, F?.headExtra),
-							children: B
+						}), z && /* @__PURE__ */ p("div", {
+							className: t(`${W}-head-extra`, N?.headExtra),
+							children: z
 						})]
 					}),
-					!!N && /* @__PURE__ */ h("div", {
-						className: t(`${G}-head-descriptions`, F?.headDescriptions),
-						children: N
+					!!j && /* @__PURE__ */ p("div", {
+						className: t(`${W}-head-descriptions`, N?.headDescriptions),
+						children: j
 					})
 				]
 			}),
-			k && /* @__PURE__ */ h("div", {
-				className: t(`${G}-content`, F?.content),
-				children: k
+			D && /* @__PURE__ */ p("div", {
+				className: t(`${W}-content`, N?.content),
+				children: D
 			}),
-			j && /* @__PURE__ */ h("div", {
-				className: t(`${G}-footer`, F?.footer),
-				children: j
+			k && /* @__PURE__ */ p("div", {
+				className: t(`${W}-footer`, N?.footer),
+				children: k
 			})
 		]
 	});
 }
-y.displayName = "PageHeader";
-var b = l(y);
+_.displayName = "PageHeader";
+var v = c(_);
 //#endregion
-export { b as default };
+export { v as default };
 /* 独立思考，明辨是非 */

package/page-header/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "./PageHeader.js";
 //#region components/pc/page-header/index.tsx
 var t = Object.assign(e, {});

package/pagination/PageItem.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { JumpPagerProps, PagerProps, StepPagerProps } from './interface';
 /**
  * default pager item
@@ -14,5 +13,5 @@ export declare const JumpPager: (props: JumpPagerProps) => import("react/jsx-run
  * @param props
  */
 export declare const StepPager: (props: StepPagerProps) => import("react/jsx-runtime").JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof Pager>;
+declare const _default: import("react").MemoExoticComponent<typeof Pager>;
 export default _default;

package/pagination/PageItem.js

@@ -1,10 +1,10 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "../utils/className.js";
 import t from "../config-provider/context.js";
 import "../config-provider/index.js";
 import n from "../hooks/use-keyboard-event/index.js";
 import { StepType as r } from "./interface.js";
-import i, { useContext as a } from "react";
+import { memo as i, useContext as a } from "react";
 import { jsx as o } from "react/jsx-runtime";
 import s from "@unicom-cloud/icons/IconUiLeft";
 import c from "@unicom-cloud/icons/IconUiRight";
@@ -67,7 +67,7 @@ var f = (n) => {
 		...u({ onPressEnter: k }),
 		children: y ? y(void 0, D, C) : C
 	});
-}, m = i.memo(u);
+}, m = i(u);
 //#endregion
 export { f as JumpPager, p as StepPager, m as default };
 /* 独立思考，明辨是非 */

package/pagination/PageJumper.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { isFunction as e, isNaN as t, isPlainObject as n, isUndefined as r } from "../utils/is.js";
 import i from "../config-provider/context.js";
 import "../config-provider/index.js";

package/pagination/PageOption.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { Size } from '../interface';
 import type { SelectProps } from '../select/interface';
 export interface PageOptionProps extends Size {
@@ -13,5 +12,5 @@ export interface PageOptionProps extends Size {
 declare const SIZE_OPTIONS: number[];
 declare function PageOption(props: PageOptionProps): import("react/jsx-runtime").JSX.Element;
 export { SIZE_OPTIONS as PAGE_SIZE_OPTIONS };
-declare const _default: React.MemoExoticComponent<typeof PageOption>;
+declare const _default: import("react").MemoExoticComponent<typeof PageOption>;
 export default _default;

package/pagination/PageOption.js

@@ -1,60 +1,61 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { isBoolean as e, isNumber as t } from "../utils/is.js";
 import { NOOP as n } from "../utils/constant.js";
 import r from "../config-provider/context.js";
 import "../config-provider/index.js";
 import "../utils/index.js";
-import i from "../select/index.js";
-import a, { useContext as o, useRef as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
+import i from "../select/Option.js";
+import a from "../select/index.js";
+import { memo as o, useContext as s, useRef as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
 //#region components/pc/pagination/PageOption.tsx
-var l = [
+var u = [
 	10,
 	20,
 	30,
 	40,
 	50
 ];
-function u(a) {
-	let u = n, d = s(null), { locale: f } = o(r), { onPageSizeChange: p = u, rootPrefixCls: m, sizeOptions: h = l, pageSize: g = l[0], size: _, selectProps: v, disabled: y, allowCreate: b } = a, x = g ?? h[0], S = b ?? v.allowCreate;
-	S ? e(S) && (S = { formatter(e, n) {
+function d(o) {
+	let d = n, f = c(null), { locale: p } = s(r), { onPageSizeChange: m = d, rootPrefixCls: h, sizeOptions: g = u, pageSize: _ = u[0], size: v, selectProps: y, disabled: b, allowCreate: x } = o, S = _ ?? g[0], C = x ?? y.allowCreate;
+	C ? e(C) && (C = { formatter(e, n) {
 		let r = +e;
-		return t(r) || (r = h[0]), {
+		return t(r) || (r = g[0]), {
 			value: r,
-			label: C(r)
+			label: w(r)
 		};
-	} }) : h.includes(g);
-	function C(e) {
-		return `${e} ${f?.Pagination?.countPerPage}`;
+	} }) : g.includes(_);
+	function w(e) {
+		return `${e} ${p?.Pagination?.countPerPage}`;
 	}
-	return /* @__PURE__ */ c("div", {
-		ref: d,
-		className: `${m}-option`,
-		"aria-label": f?.Pagination?.pageSize,
-		children: /* @__PURE__ */ c(i, {
-			defaultValue: h[0],
-			value: x,
-			size: _,
-			getPopupContainer: () => d.current,
-			disabled: y,
+	return /* @__PURE__ */ l("div", {
+		ref: f,
+		className: `${h}-option`,
+		"aria-label": p?.Pagination?.pageSize,
+		children: /* @__PURE__ */ l(a, {
+			defaultValue: g[0],
+			value: S,
+			size: v,
+			getPopupContainer: () => f.current,
+			disabled: b,
 			triggerProps: {
 				autoAlignPopupWidth: !1,
 				autoAlignPopupMinWidth: !0,
 				position: "bl"
 			},
 			onChange: (e) => {
-				p(e);
+				m(e);
 			},
-			...v,
-			allowCreate: S,
-			children: h.map((e) => /* @__PURE__ */ c(i.Option, {
+			...y,
+			allowCreate: C,
+			children: g.map((e) => /* @__PURE__ */ l(i, {
 				value: e,
-				children: C(e)
+				children: w(e)
 			}, e))
 		})
 	});
 }
-var d = a.memo(u);
+var f = o(d);
 //#endregion
-export { l as PAGE_SIZE_OPTIONS, d as default };
+export { u as PAGE_SIZE_OPTIONS, f as default };
 /* 独立思考，明辨是非 */

package/pagination/Pagination.js

@@ -1,6 +1,6 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { isBoolean as e, isFunction as t } from "../utils/is.js";
-import n from "../hooks/use-merge-value/index.js";
+import n from "../hooks/use-controllable-value/index.js";
 import r from "../utils/className.js";
 import { pickDataAttributes as i } from "../utils/pick.js";
 import a from "../hooks/use-merge-props/index.js";
@@ -30,12 +30,18 @@ var ae = {
 	bufferSize: 2
 };
 function S(h, y) {
-	let { getPrefixCls: S, size: C, locale: w, componentConfig: oe, rtl: se } = ee(o), T = a(h, ae, oe?.Pagination), { className: ce, style: le, pageItemStyle: ue, activePageItemStyle: E, showTotal: D, sizeOptions: O, simple: k, mini: de, showJumper: A, selectProps: j, icons: fe, disabled: M, itemRender: pe, hideOnSinglePage: me, total: he, pageSize: ge, current: N, showMore: P, sizeOptions: F, pageSizeChangeResetCurrent: I, defaultCurrent: _e, defaultPageSize: ve, showPageOption: L, allowCreate: ye } = T, be = k ? !1 : L, [R, z] = n(re, {
+	let { getPrefixCls: S, size: C, locale: w, componentConfig: oe, rtl: se } = ee(o), T = a(h, ae, oe?.Pagination), { className: ce, style: le, pageItemStyle: ue, activePageItemStyle: E, showTotal: D, sizeOptions: O, simple: k, mini: de, showJumper: A, selectProps: j, icons: fe, disabled: M, itemRender: pe, hideOnSinglePage: me, total: he, pageSize: ge, current: N, showMore: P, sizeOptions: F, pageSizeChangeResetCurrent: I, defaultCurrent: _e, defaultPageSize: ve, showPageOption: L, allowCreate: ye } = T, be = k ? !1 : L, [R, z] = n({
 		defaultValue: _e,
 		value: N
-	}), [B, V] = n(x(F), {
+	}, {
+		defaultValue: re,
+		triggerPropName: !1
+	}), [B, V] = n({
 		defaultValue: ve,
 		value: ge
+	}, {
+		defaultValue: x(F),
+		triggerPropName: !1
 	}), H = he, xe = !!P;
 	N && !T.onChange && console.warn("Warning: you have provide current prop for pagination but without onChange handler, this will cause no-change when you change page.");
 	function Se(e, t) {

package/pagination/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { PAGE_SIZE_OPTIONS as e } from "./PageOption.js";
 import t from "./Pagination.js";
 //#region components/pc/pagination/index.tsx

package/pagination/interface.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import "react";
 //#region components/pc/pagination/interface.ts
 var e = /* @__PURE__ */ function(e) {

package/picker/Input.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { isArray as e, isFunction as t, isUndefined as n } from "../utils/is.js";
 import { Enter as r } from "../utils/keyboardCode.js";
 import i from "../utils/className.js";

package/picker/InputRange.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { isArray as e, isFunction as t, isNumber as n } from "../utils/is.js";
 import { Enter as r, Tab as i } from "../utils/keyboardCode.js";
 import a from "../utils/className.js";

package/picker/index.d.ts

@@ -1,3 +1,5 @@
-declare const Input: import("react").ForwardRefExoticComponent<import("./interface").DateInputProps & import("react").RefAttributes<import("./interface").DateInputHandle>>;
+declare const Input: import("react").ForwardRefExoticComponent<import("./interface").DateInputProps & import("react").RefAttributes<import("./interface").DateInputHandle>> & {
+    Range: import("react").ForwardRefExoticComponent<import("./interface").DateInputRangeProps & import("react").RefAttributes<import("./interface").DateInputRangeHandle>>;
+};
 declare const InputRange: import("react").ForwardRefExoticComponent<import("./interface").DateInputRangeProps & import("react").RefAttributes<import("./interface").DateInputRangeHandle>>;
 export { Input, InputRange };

package/picker/index.js

@@ -1,8 +1,8 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "./InputRange.js";
 import t from "./Input.js";
 //#region components/pc/picker/index.tsx
-var n = Object.assign(t, {}), r = Object.assign(e, {});
+var n = Object.assign(t, { Range: e }), r = Object.assign(e, {});
 //#endregion
 export { n as Input, r as InputRange };
 /* 独立思考，明辨是非 */