@unicom-cloud/ui 0.8.167 → 0.8.169

package/modal/index.js

@@ -1,15 +1,18 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 import { MODAL_COMPONENT_INFO as e } from "../utils/names.js";
 import { getGlobalConfigModal as t, setGlobalConfigModal as n } from "./config.js";
-import r from "./Modal.js";
-import i from "./confirm.js";
-import a from "./use-modal/index.js";
+import { PropsContext as r } from "./context.js";
+import i from "./Modal.js";
+import a from "./confirm.js";
+import o from "./use-modal/index.js";
+import "./style/index.js";
 //#region components/pc/modal/index.ts
-var o = Object.assign(r, {
+var s = Object.assign(i, {
 	...e,
-	useModal: a,
-	confirm: i
+	PropsContext: r,
+	useModal: o,
+	confirm: a
 });
 //#endregion
-export { o as default, t as getGlobalConfigModal, n as setGlobalConfigModal, a as useModal };
+export { s as default, t as getGlobalConfigModal, n as setGlobalConfigModal, o as useModal };
 /* 独立思考，明辨是非 */

package/modal/interface.d.ts

@@ -1,3 +1,4 @@
+import type { TransitionCSS_ClassNames, TransitionDurationType } from '@unicom-cloud/ui-common/transition';
 import type { CSSProperties, ForwardRefExoticComponent, HTMLAttributes, PropsWithChildren, ReactElement, ReactNode } from 'react';
 import React from 'react';
 import type { ButtonProps } from '../button';
@@ -180,6 +181,8 @@ export interface ModalProps extends GetPopupContainer, Pick<CSSProperties, 'zInd
     cover?: boolean | string;
     draggable?: boolean;
     prefixCls?: string;
+    transitionDuration?: TransitionDurationType;
+    transitionClassNames?: TransitionCSS_ClassNames;
 }
 export type ModalReturnProps = {
     update: (newConfig: ConfirmProps) => void;

package/modal/style/index.css

@@ -0,0 +1 @@
+dialog.pqb-modal-container{background-color:#0000;border:none;margin:0;padding:0}.pqb-modal-wrapper{z-index:var(--pqb-z-index-modal);width:100%;height:100%;position:absolute;inset-block-start:0;inset-inline-start:0;overflow:auto}.pqb-modal-wrapper.pqb-modal-wrapper-align-center{text-align:center;white-space:nowrap}.pqb-modal-wrapper.pqb-modal-wrapper-align-center:after{content:"";vertical-align:middle;width:0;height:100%;display:inline-block}.pqb-modal-wrapper.pqb-modal-wrapper-align-center .pqb-modal{vertical-align:middle;display:inline-block;inset-block-start:0}.pqb-modal-wrapper .pqb-modal.pqb-modal-cover,.pqb-modal-wrapper .pqb-modal.pqb-modal-fullscreenable{box-sizing:border-box;flex-direction:column;width:100%;height:100%;display:inline-flex;inset-block-start:0}.pqb-modal-wrapper .pqb-modal.pqb-modal-cover .pqb-modal-header,.pqb-modal-wrapper .pqb-modal.pqb-modal-fullscreenable .pqb-modal-header{flex:none}.pqb-modal-wrapper .pqb-modal.pqb-modal-cover .pqb-modal-content,.pqb-modal-wrapper .pqb-modal.pqb-modal-fullscreenable .pqb-modal-content{max-height:initial;flex:auto}.pqb-modal-wrapper .pqb-modal.pqb-modal-cover .pqb-modal-footer,.pqb-modal-wrapper .pqb-modal.pqb-modal-fullscreenable .pqb-modal-footer{flex:none}.pqb-modal-wrapper .pqb-modal.pqb-modal-cover .pqb-modal-footer:empty,.pqb-modal-wrapper .pqb-modal.pqb-modal-fullscreenable .pqb-modal-footer:empty{display:none}.pqb-modal-wrapper .pqb-modal.pqb-modal-fullscreenable{border-radius:0}.pqb-modal-wrapper-hidden{pointer-events:none}.pqb-modal{border-radius:var(--pqb-border-radius-medium);border:var(--pqb-border-none) solid var(--pqb-color-neutral-3);background-color:var(--pqb-color-bg-3);width:clamp(600px,80%,700px);line-height:var(--pqb-line-height-base);text-align:start;white-space:initial;box-shadow:var(--pqb-shadow3-center);box-sizing:border-box;--pqb-modal-var-transform:translate(0, 0);transform:var(--pqb-modal-var-transform);max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);margin:0 auto;position:relative;inset-block-start:100px;overflow:hidden}.pqb-modal-header,.pqb-modal-content,.pqb-modal-footer{width:100%}.pqb-modal-header{box-sizing:border-box;padding:0 var(--pqb-spacing-8);border-block-end:var(--pqb-border-1) solid var(--pqb-color-neutral-3);height:var(--pqb-size-12);align-items:center;gap:10px;display:flex}.pqb-modal-header .pqb-modal-title{text-align:start;flex:none}.pqb-modal-header .pqb-modal-subtitle{text-align:start;color:var(--pqb-color-text-3);flex:1;font-size:12px;line-height:1}.pqb-modal-content{padding:var(--pqb-spacing-9) var(--pqb-spacing-8);color:var(--pqb-color-text-1);font-size:var(--pqb-font-size-body-3);position:relative}.pqb-modal-footer{border-block-start:var(--pqb-border-1) solid var(--pqb-color-neutral-3);box-sizing:border-box;text-align:end;padding:var(--pqb-spacing-7) var(--pqb-spacing-8)}.pqb-modal-footer>.pqb-btn{margin-inline-start:var(--pqb-spacing-6)}.pqb-modal-footer>.pqb-btn:only-child{margin-inline-start:0}.pqb-modal .pqb-modal-drag-icon,.pqb-modal .pqb-modal-close-icon{position:absolute}.pqb-modal .pqb-modal-drag-icon{border:calc(calc((var(--pqb-size-12) - 12px) / 2) / 3) solid transparent;border-color:#0000;border-block-start-color:rgba(var(--pqb-gray-9), .9);border-inline-end-color:rgba(var(--pqb-gray-9), .9);cursor:move;width:0;height:0;transition:border-width .1s ease-out;inset-block-start:0;inset-inline-end:0}.pqb-modal .pqb-modal-drag-icon:hover{border-width:calc(calc((var(--pqb-size-12) - 12px) / 2) / 2)}.pqb-modal .pqb-modal-close-icon{cursor:pointer;color:var(--pqb-color-text-1);font-size:12px;inset-block-start:calc((var(--pqb-size-12) - 12px) / 2);inset-inline-end:calc((var(--pqb-size-12) - 12px) / 2)}.pqb-modal-title{color:var(--pqb-color-text-1);font-size:var(--pqb-font-size-title-1);font-weight:var(--pqb-font-weight-500)}.pqb-modal-title .pqb-icon{vertical-align:calc((var(--pqb-font-size-title-1) - 14px) / 2 - 18px * .2);margin-inline-end:var(--pqb-spacing-5);font-size:18px}.pqb-modal-title .pqb-icon-ui-info-circle-fill{color:rgb(var(--pqb-primary-6))}.pqb-modal-title .pqb-icon-ui-check-circle-fill{color:rgb(var(--pqb-green-6))}.pqb-modal-title .pqb-icon-ui-exclamation-circle-fill{color:rgb(var(--pqb-orange-6))}.pqb-modal-title .pqb-icon-ui-close-circle-fill{color:rgb(var(--pqb-red-6))}.pqb-modal-fullscreenable,.pqb-modal-cover{max-width:100%;max-height:100%}.pqb-theme-dark .pqb-modal-drag-icon{border-block-start-color:rgba(var(--pqb-gray-5), .7);border-inline-end-color:rgba(var(--pqb-gray-5), .7)}.pqb-modal-simple{padding:var(--pqb-spacing-9) var(--pqb-spacing-10) var(--pqb-spacing-9);width:clamp(500px,80%,600px)}.pqb-modal-simple .pqb-modal-header,.pqb-modal-simple .pqb-modal-footer{height:unset;border:none;padding:0}.pqb-modal-simple .pqb-modal-header{margin-block-end:var(--pqb-spacing-9)}.pqb-modal-simple .pqb-modal-title{text-align:start}.pqb-modal-simple .pqb-modal-footer{text-align:end;margin-block-start:var(--pqb-spacing-10)}.pqb-modal-simple .pqb-modal-content{max-height:calc(95vh - (var(--pqb-spacing-9) + var(--pqb-spacing-9)) - ((var(--pqb-spacing-9) + 26px) + (var(--pqb-spacing-10) + 32px)));scroll-snap-type:y mandatory;padding:0;overflow-y:auto}.pqb-modal-zoom-appear,.pqb-modal-zoom-appear-active,.pqb-modal-zoom-enter,.pqb-modal-zoom-enter-active{transition:all var(--pqb-transition-duration-4) var(--pqb-transition-timing-function-overshoot)}.pqb-modal-zoom-exit,.pqb-modal-zoom-exit-active{transition-duration:var(--pqb-transition-duration-3)}.pqb-modal-zoom-appear,.pqb-modal-zoom-enter,.pqb-modal-zoom-exit-active,.pqb-modal-zoom-exit-done{opacity:0;transform:scale(.7) var(--pqb-modal-var-transform)}.pqb-modal-zoom-appear-active,.pqb-modal-zoom-appear-done,.pqb-modal-zoom-enter-active,.pqb-modal-zoom-enter-done,.pqb-modal-zoom-exit{opacity:1;transform:scale(1) var(--pqb-modal-var-transform)}.pqb-modal-wrapper-fullscreenable .pqb-modal-zoom-appear,.pqb-modal-wrapper-fullscreenable .pqb-modal-zoom-appear-active,.pqb-modal-wrapper-fullscreenable .pqb-modal-zoom-enter,.pqb-modal-wrapper-fullscreenable .pqb-modal-zoom-enter-active,.pqb-modal-wrapper-fullscreenable .pqb-modal-zoom-exit,.pqb-modal-wrapper-fullscreenable .pqb-modal-zoom-exit-active{transition-timing-function:var(--pqb-transition-timing-function-standard)}.pqb-modal-rtl{direction:rtl}

package/modal/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../button/style';
+import './index.less';

package/modal/style/index.js

@@ -0,0 +1,4 @@
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
+import "../../button/style/index.js";
+/* empty css           */
+/* 独立思考，明辨是非 */

package/modal/use-modal/Hook.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 import { isFunction as e, isPromise as t } from "../../utils/is.js";
 import n from "../../hooks/use-set-state/index.js";
 import r from "../Modal.js";
@@ -9,7 +9,10 @@ function s(i, s) {
 	let [c, l] = n({
 		...i,
 		visible: !0
-	});
+	}), { content: u, children: d = u, ...f } = {
+		...i,
+		...c
+	};
 	a(s, () => ({
 		update(e) {
 			l({ ...e });
@@ -18,7 +21,7 @@ function s(i, s) {
 			l({ visible: !1 });
 		}
 	}));
-	function u(n) {
+	function p(n) {
 		let r, i = c.onOk;
 		e(i) && (r = i(n)), t(r) && (l({ confirmLoading: !0 }), r.then(() => {
 			l({ visible: !1 });
@@ -26,18 +29,17 @@ function s(i, s) {
 			console.error(e), l({ confirmLoading: !1 });
 		})), r || l({ visible: !1 });
 	}
-	function d() {
+	function m() {
 		let t = c.onCancel;
 		e(t) && t(), l({ visible: !1 });
 	}
 	return /* @__PURE__ */ o(r, {
 		unmountOnExit: !0,
 		simple: !0,
-		...i,
-		...c,
-		onOk: u,
-		onCancel: d,
-		children: c.content
+		...f,
+		onOk: p,
+		onCancel: m,
+		children: d
 	});
 }
 var c = i(s);

package/modal/use-modal/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 import e from "../../utils/uuid.js";
 import { ContextHolderElement as t } from "../../utils/contextHolder.js";
 import { destroyList as n } from "../config.js";

package/modal/utils.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 import { destroyList as e } from "./config.js";
 //#region components/pc/modal/utils.ts
 function t(t = e, n) {

package/notice/Notice.js

@@ -1,37 +1,35 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 import { isFunction as e, isNumber as t, isUndefined as n } from "../utils/is.js";
 import r from "../utils/className.js";
 import { NOTICE_COMPONENT_INFO as i } from "../utils/names.js";
 import a from "../hooks/use-merge-props/index.js";
 import { ConfigContext as o } from "../config-provider/context.js";
 import ee from "../hooks/use-memoized-fn/index.js";
-import s from "../icon-hover/index.js";
-import { NOTICE_DURATION as c } from "./constants.js";
-import l from "../config-provider/ConfigProvider.js";
-import u from "../hooks/use-previous/index.js";
-import { forwardRef as d, memo as f, useContext as te, useEffect as p, useImperativeHandle as ne, useRef as m } from "react";
-import { UI_COMMON_PREFIX as re } from "@unicom-cloud/utils/constant/ui";
+import te from "../icon-hover/index.js";
+import ne from "../config-provider/ConfigProvider.js";
+import s from "../hooks/use-previous/index.js";
+import { PropsContext as re, defaultProps as ie } from "./context.js";
+import { forwardRef as c, memo as l, useContext as u, useEffect as d, useImperativeHandle as f, useRef as p } from "react";
+import { UI_COMMON_PREFIX as m } from "@unicom-cloud/utils/constants/ui";
 import { jsx as h } from "react/jsx-runtime";
-import g from "@unicom-cloud/icons/IconUiCheckCircleFill";
-import ie from "@unicom-cloud/icons/IconUiClose";
-import ae from "@unicom-cloud/icons/IconUiCloseCircleFill";
-import oe from "@unicom-cloud/icons/IconUiExclamationCircleFill";
-import se from "@unicom-cloud/icons/IconUiInfoCircleFill";
-import _ from "@unicom-cloud/icons/IconUiLoading";
-import v from "@unicom-cloud/icons/context";
+import ae from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import oe from "@unicom-cloud/icons/IconUiClose";
+import se from "@unicom-cloud/icons/IconUiCloseCircleFill";
+import g from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import _ from "@unicom-cloud/icons/IconUiInfoCircleFill";
+import v from "@unicom-cloud/icons/IconUiLoading";
+import y from "@unicom-cloud/icons/context";
 //#region components/pc/notice/Notice.tsx
-var y = {
-	type: "info",
-	showIcon: !0,
-	noticeType: "message",
-	duration: c
-}, { setTimeout: b, clearTimeout: x, requestAnimationFrame: ce, cancelAnimationFrame: le } = window;
-function S(c, d) {
-	let f = te(o), { prefixCls: ce, getPrefixCls: le, componentConfig: S, rtl: C } = f, w = le?.("notice"), T = a(c, y, S?.Notice), E = m(null), D = m(null);
-	u(T.id);
-	let O = u(T.duration), { title: k, content: A, showIcon: j, className: M, style: N, type: P, btn: F, icon: I, prefixCls: L = w, closable: R, noticeType: z, iconPrefix: B, rtl: V = C, closeIcon: H, classPrefixCls: U, contentRender: W } = T, G = L, K = R, q = j;
+var { setTimeout: b, clearTimeout: ce, requestAnimationFrame: x, cancelAnimationFrame: le } = window;
+function ue(c, l) {
+	let x = u(o), le = u(re), { prefixCls: ue, getPrefixCls: S, componentConfig: C, rtl: de } = x, w = S?.("notice"), T = a(c, {
+		...C?.Notice,
+		...le
+	}, ie), E = p(null), D = p(null);
+	s(T.id);
+	let O = s(T.duration), { title: k, content: A, showIcon: j, className: M, style: N, type: P, btn: F, icon: I, prefixCls: L = w, closable: R, noticeType: z, iconPrefix: B, rtl: V = de, closeIcon: H, classPrefixCls: U, contentRender: W } = T, G = L, K = R, q = j;
 	P === "normal" && !I && (q = !1);
-	let J = { ...f };
+	let J = { ...x };
 	U && (J.prefixCls = U);
 	let Y = ee(() => {
 		let { duration: e, onClose: t, id: n } = T;
@@ -41,12 +39,12 @@ function S(c, d) {
 	});
 	function X() {
 		let e = E.current;
-		t(e) && (x(e), E.current = null);
+		t(e) && (ce(e), E.current = null);
 	}
 	function Z(e) {
 		T.onClose?.(T.id);
 	}
-	function ue() {
+	function fe() {
 		let { showIcon: e, icon: t, type: n, iconPrefix: i } = T;
 		if (t === !1) return;
 		let a;
@@ -54,52 +52,52 @@ function S(c, d) {
 		else if (e) {
 			switch (n) {
 				case "info":
-					a = /* @__PURE__ */ h(se, {});
+					a = /* @__PURE__ */ h(_, {});
 					break;
 				case "success":
-					a = /* @__PURE__ */ h(g, {});
+					a = /* @__PURE__ */ h(ae, {});
 					break;
 				case "error":
-					a = /* @__PURE__ */ h(ae, {});
+					a = /* @__PURE__ */ h(se, {});
 					break;
 				case "warning":
-					a = /* @__PURE__ */ h(oe, {});
+					a = /* @__PURE__ */ h(g, {});
 					break;
 				case "loading":
-					a = /* @__PURE__ */ h(_, {});
+					a = /* @__PURE__ */ h(v, {});
 					break;
 				default: break;
 			}
-			a = /* @__PURE__ */ h(v.Provider, {
+			a = /* @__PURE__ */ h(y.Provider, {
 				value: i ? { prefixCls: i } : {},
 				children: a
 			});
 		}
 		let o;
 		return a && (o = /* @__PURE__ */ h("span", {
-			className: r(`${G}-icon`, `${re}-display-inline-flex-center`),
+			className: r(`${G}-icon`, `${m}-display-inline-flex-center`),
 			children: a
 		})), o;
 	}
-	function de() {
+	function pe() {
 		X();
 	}
-	function fe() {
+	function me() {
 		X(), Y();
 	}
-	p(() => ((O && O !== T.duration || T._update) && (X(), Y()), () => {}), [T.duration, T._update]), p(() => (Y(), () => {
+	d(() => ((O && O !== T.duration || T._update) && (X(), Y()), () => {}), [T.duration, T._update]), d(() => (Y(), () => {
 		X();
-	}), []), ne(d, () => ({ getRootElement() {
+	}), []), f(l, () => ({ getRootElement() {
 		return D.current;
 	} }));
 	let Q, $;
-	return K && ($ = n(H) ? /* @__PURE__ */ h(s, {
+	return K && ($ = n(H) ? /* @__PURE__ */ h(te, {
 		prefix: G,
 		className: `${G}-close-btn`,
 		onClick: Z,
-		children: /* @__PURE__ */ h(v.Provider, {
+		children: /* @__PURE__ */ h(y.Provider, {
 			value: B ? { prefixCls: B } : {},
-			children: /* @__PURE__ */ h(ie, {})
+			children: /* @__PURE__ */ h(oe, {})
 		})
 	}) : /* @__PURE__ */ h("span", {
 		onClick: Z,
@@ -108,20 +106,20 @@ function S(c, d) {
 	})), e(W) && (Q = W({
 		shouldRenderIcon: q,
 		closeIcon: $,
-		icon: ue(),
+		icon: fe(),
 		title: k,
 		content: A,
 		button: F
-	})), Q &&= /* @__PURE__ */ h(l, {
+	})), Q &&= /* @__PURE__ */ h(ne, {
 		...J,
 		childrenName: i.displayName,
 		effectGlobalModal: !1,
 		effectGlobalNotice: !1,
 		children: /* @__PURE__ */ h("div", {
 			ref: D,
-			className: r(`${w}-${z}`, S?.Notice?.className, V && [`${G}-rtl`], M),
-			onMouseEnter: de,
-			onMouseLeave: fe,
+			className: r(`${w}-${z}`, C?.Notice?.className, V && [`${G}-rtl`], M),
+			onMouseEnter: pe,
+			onMouseLeave: me,
 			children: /* @__PURE__ */ h("div", {
 				style: N,
 				className: r(G, `${G}-${P}`, {
@@ -134,8 +132,8 @@ function S(c, d) {
 		})
 	}), Q;
 }
-var C = f(d(S));
-C.displayName = i.displayName;
+var S = l(c(ue));
+S.displayName = i.displayName;
 //#endregion
-export { C as default };
+export { S as default };
 /* 独立思考，明辨是非 */

package/notice/config.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 import e from "../utils/createGlobalConfigFunction.js";
 //#region components/pc/notice/config.ts
 var { setGlobalConfig: t, getGlobalConfig: n } = e({});

package/notice/constants.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 //#region components/pc/notice/constants.ts
 var e = 3e3, t = [
 	"info",

package/notice/context.d.ts

@@ -0,0 +1,3 @@
+import type { NoticeProps } from './interface';
+export declare const defaultProps: Partial<NoticeProps>;
+export declare const PropsContext: import("react").Context<Partial<NoticeProps>>;

package/notice/context.js

@@ -0,0 +1,13 @@
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
+import { NOTICE_DURATION as e } from "./constants.js";
+import { createContext as t } from "react";
+//#region components/pc/notice/context.ts
+var n = {
+	type: "info",
+	showIcon: !0,
+	noticeType: "message",
+	duration: e
+}, r = t(n);
+//#endregion
+export { r as PropsContext, n as defaultProps };
+/* 独立思考，明辨是非 */

package/notice/index.d.ts

@@ -1,7 +1,9 @@
+import './style';
 import { getGlobalConfigNotice, setGlobalConfigNotice } from './config';
 import type { NoticeProps } from './interface';
 import withNotice from './withNotice';
 declare const Notice: import("react").NamedExoticComponent<NoticeProps & import("react").RefAttributes<unknown>> & {
+    PropsContext: import("react").Context<Partial<NoticeProps>>;
     withNotice: typeof withNotice;
     zh: string;
     en: string;

package/notice/index.js

@@ -1,13 +1,16 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 import { NOTICE_COMPONENT_INFO as e } from "../utils/names.js";
-import t from "./Notice.js";
-import n from "./withNotice.js";
-import { getGlobalConfigNotice as r, setGlobalConfigNotice as i } from "./config.js";
+import { PropsContext as t } from "./context.js";
+import n from "./Notice.js";
+import r from "./withNotice.js";
+import { getGlobalConfigNotice as i, setGlobalConfigNotice as a } from "./config.js";
+import "./style/index.js";
 //#region components/pc/notice/index.ts
-var a = Object.assign(t, {
+var o = Object.assign(n, {
 	...e,
-	withNotice: n
+	PropsContext: t,
+	withNotice: r
 });
 //#endregion
-export { a as default, r as getGlobalConfigNotice, i as setGlobalConfigNotice, n as withNotice };
+export { o as default, i as getGlobalConfigNotice, a as setGlobalConfigNotice, r as withNotice };
 /* 独立思考，明辨是非 */

package/notice/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/notice/style/index.js

@@ -0,0 +1,3 @@
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
+/* empty css           */
+/* 独立思考，明辨是非 */

package/notice/utils.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 import e from "../utils/uuid.js";
 //#region components/pc/notice/utils.ts
 function t() {

package/notice/withNotice.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 import { isUndefined as e } from "../utils/is.js";
 import t from "../hooks/use-controllable-value/index.js";
 import n from "../hooks/use-is-first-render/index.js";

package/notification/Notification.js

@@ -1,7 +1,7 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 import { isArrayAndNotEmpty as e, isBoolean as t, isFunction as n, isHTMLElement as r, isNull as i, isNumber as a, isUndefined as o } from "../utils/is.js";
 import s from "../utils/className.js";
-import { PREFIX_CLASS as c } from "../utils/constant.js";
+import { PREFIX_CLASS as c } from "../utils/constants.js";
 import { NOTIFICATION_COMPONENT_INFO as l } from "../utils/names.js";
 import u from "../hooks/use-merge-props/index.js";
 import { getPrefixCls as d } from "../config-provider/utils.js";
@@ -13,35 +13,39 @@ import { getGlobalConfigNotification as h, getPosition as g, setGlobalConfigNoti
 import v from "../notice/Notice.js";
 import y from "../notice/withNotice.js";
 import { NOTIFICATION_TYPES as b } from "./constants.js";
-import { useContext as x, useEffect as S, useLayoutEffect as C } from "react";
-import { UI_PC_PREFIX as w } from "@unicom-cloud/utils/constant/ui";
-import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
-import { createPortal as O } from "react-dom";
-import { createRoot as k } from "react-dom/client";
+import { PropsContext as x, defaultProps as S } from "./context.js";
+import { useContext as C, useEffect as w, useLayoutEffect as T } from "react";
+import { UI_PC_PREFIX as E } from "@unicom-cloud/utils/constants/ui";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
+import { createPortal as A } from "react-dom";
+import { createRoot as j } from "react-dom/client";
 //#region components/pc/notification/Notification.tsx
-var A = {}, j = {}, M = {
+var M = {}, N = {}, P = {
 	enter: 400,
 	exit: 300
-}, N = { closable: !0 };
-function P(e) {
-	let { prefixCls: t, getPrefixCls: i, componentConfig: a, rtl: o } = x(f), { className: l, position: d, prefixCls: _, rtl: y = h().rtl ?? o, getContainer: b, notices: k = [], remove: A, update: j, add: P, clear: F } = u(e, N, a?.Notification), I = g(d, y), L = i?.("notification", _ || w), R = b?.();
-	function z(e) {
-		A(e);
+};
+function F(e) {
+	let t = C(f), i = C(x), { prefixCls: a, getPrefixCls: o, componentConfig: l, rtl: d } = t, { className: _, position: y, prefixCls: b, rtl: j = h().rtl ?? d, getContainer: M, notices: N = [], remove: F, update: I, add: L, clear: R } = u(e, {
+		...l?.Notification,
+		...i
+	}, S), z = g(y, j), B = o?.("notification", b || E), V = M?.();
+	function H(e) {
+		F(e);
 	}
-	C(() => () => {}, []), S(() => () => {}, []);
-	let B = /* @__PURE__ */ E("div", {
-		className: s(`${L}-wrapper`, `${L}-wrapper-${I}`, { [`${L}-wrapper-rtl`]: h().rtl }),
-		children: /* @__PURE__ */ E(m.TransitionGroup, {
+	T(() => () => {}, []), w(() => () => {}, []);
+	let U = /* @__PURE__ */ O("div", {
+		className: s(`${B}-wrapper`, `${B}-wrapper-${z}`, { [`${B}-wrapper-rtl`]: h().rtl }),
+		children: /* @__PURE__ */ O(m.TransitionGroup, {
 			appear: !0,
-			children: k.map((e, t, i) => {
-				let u = p({ ...e }, N, a?.Notification), { rtl: d = h().rtl ?? o, closable: f = h().closable } = u, g = `${c}-slide-right`;
-				["topLeft", "bottomLeft"].includes(I) && (g = `${c}-slide-left`);
-				let y;
-				return /* @__PURE__ */ E(m.TransitionCSS, {
-					duration: M,
+			children: N.map((e, t, i) => {
+				let a = p({ ...e }, l?.Notification, S), { rtl: o = h().rtl ?? d, closable: u = h().closable } = a, f = `${c}-slide-right`;
+				["topLeft", "bottomLeft"].includes(z) && (f = `${c}-slide-left`);
+				let g;
+				return /* @__PURE__ */ O(m.TransitionCSS, {
+					duration: P,
 					appear: !0,
-					classNames: g,
-					refElement: () => y,
+					classNames: f,
+					refElement: () => g,
 					onEnterStart: (e) => {
 						r(e);
 					},
@@ -58,40 +62,40 @@ function P(e) {
 						r(e) && (e.style.height = "0px");
 					},
 					onExitDone: (e) => {
-						r(e) && (e.style.height = "0px"), n(u.onClose) && u.onClose();
+						r(e) && (e.style.height = "0px"), n(a.onClose) && a.onClose();
 					},
-					children: /* @__PURE__ */ E(v, {
-						...u,
+					children: /* @__PURE__ */ O(v, {
+						...a,
 						ref: (e) => {
-							y = e;
+							g = e;
 						},
-						className: s(`${L}-notice`, l, u.className),
-						prefixCls: L,
-						iconPrefix: _,
-						classPrefixCls: _,
+						className: s(`${B}-notice`, _, a.className),
+						prefixCls: B,
+						iconPrefix: b,
+						classPrefixCls: b,
 						noticeType: "notification",
-						rtl: d,
-						closable: f,
+						rtl: o,
+						closable: u,
 						contentRender: (e) => {
 							let { shouldRenderIcon: t, closeIcon: n, icon: r, title: i, content: a, button: o } = e;
-							return /* @__PURE__ */ D(T, { children: [
-								t && /* @__PURE__ */ E("div", {
-									className: `${L}-left`,
+							return /* @__PURE__ */ k(D, { children: [
+								t && /* @__PURE__ */ O("div", {
+									className: `${B}-left`,
 									children: r
 								}),
-								/* @__PURE__ */ D("div", {
-									className: `${L}-right`,
+								/* @__PURE__ */ k("div", {
+									className: `${B}-right`,
 									children: [
-										i && /* @__PURE__ */ E("div", {
-											className: `${L}-title`,
+										i && /* @__PURE__ */ O("div", {
+											className: `${B}-title`,
 											children: i
 										}),
-										/* @__PURE__ */ E("div", {
-											className: `${L}-content`,
+										/* @__PURE__ */ O("div", {
+											className: `${B}-content`,
 											children: a
 										}),
-										o && /* @__PURE__ */ E("div", {
-											className: `${L}-btn-wrapper`,
+										o && /* @__PURE__ */ O("div", {
+											className: `${B}-btn-wrapper`,
 											children: o
 										})
 									]
@@ -99,66 +103,66 @@ function P(e) {
 								n
 							] });
 						},
-						onClose: z
+						onClose: H
 					})
-				}, u.id);
+				}, a.id);
 			})
 		})
 	});
-	return R ? O(B, R) : B;
+	return V ? A(U, V) : U;
 }
-var F = y(P);
-F.displayName = l.displayName;
-function I(e = {}) {
+var I = y(F);
+I.displayName = l.displayName;
+function L(e = {}) {
 	let { maxCount: r, duration: i, rtl: o, closable: s, getContainer: c } = e;
-	a(r) && _("maxCount", r), a(i) && _("duration", i), t(o) && _("rtl", o), n(c) && (c() === h().getContainer?.() || L(), _("getContainer", c));
+	a(r) && _("maxCount", r), a(i) && _("duration", i), t(o) && _("rtl", o), n(c) && (c() === h().getContainer?.() || R(), _("getContainer", c));
 }
-function L() {
-	Object.entries(A).forEach(([e, t], r, i) => {
-		n(t?.clear) && t.clear(), delete A[e];
+function R() {
+	Object.entries(M).forEach(([e, t], r, i) => {
+		n(t?.clear) && t.clear(), delete M[e];
 	});
 }
-function R(e) {
-	Object.values(A).forEach((t, r, i) => {
+function z(e) {
+	Object.values(M).forEach((t, r, i) => {
 		n(t?.remove) && t.remove(e);
 	});
 }
-function z(t) {
-	let n = g(t.position, h().rtl), r = A[n], a = {
+function B(t) {
+	let n = g(t.position, h().rtl), r = M[n], a = {
 		duration: h().duration,
 		...t
 	};
 	if (r) {
 		let { notices: e } = r;
 		e.length >= h().maxCount && r.shift(), r.add({ ...a });
-	} else if (i(r)) j[n] ??= [], j[n].push(a);
+	} else if (i(r)) N[n] ??= [], N[n].push(a);
 	else if (o(r)) {
 		let t = document.createElement("div");
 		t.className = d?.("display-contents"), (h().getContainer?.() || document.body).appendChild(t);
-		let r = k(t), i = /* @__PURE__ */ E(F, {
+		let r = j(t), i = /* @__PURE__ */ O(I, {
 			...a,
 			defaultNotices: [a],
 			ref: (t) => {
 				if (t) {
-					let r = j[n];
+					let r = N[n];
 					for (; e(r);) t.add(r.shift());
 				}
-				return A[n] = t, () => {};
+				return M[n] = t, () => {};
 			}
 		});
-		r.render(i), A[n] = null;
+		r.render(i), M[n] = null;
 	}
-	return A[n];
+	return M[n];
 }
-Object.assign(F, {
-	config: I,
-	addInstance: z,
-	remove: R,
-	clear: L
-}, Object.fromEntries(b.map((e, t, n) => [e, (t) => z({
+Object.assign(I, {
+	config: L,
+	addInstance: B,
+	remove: z,
+	clear: R
+}, Object.fromEntries(b.map((e, t, n) => [e, (t) => B({
 	...t,
 	type: e
 })])));
 //#endregion
-export { F as default };
+export { I as default };
 /* 独立思考，明辨是非 */