@unicom-cloud/ui 0.8.167 → 0.8.169

package/progress/Line.js

@@ -0,0 +1,74 @@
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
+import { isFunction as e, isPlainObject as t } from "../utils/is.js";
+import n from "../utils/className.js";
+import { useCallback as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import o from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+//#region components/pc/progress/Line.tsx
+var s = (e, n) => {
+	if (t(e)) {
+		let t = Object.keys(e).map((t) => `${e[t]} ${t}`).join(","), r = n ? { backgroundSize: `${1e4 / n}%` } : {};
+		return {
+			backgroundImage: `linear-gradient(to right, ${t})`,
+			...r
+		};
+	}
+	return { backgroundColor: e };
+}, c = {
+	small: 3,
+	default: 4,
+	large: 8
+};
+function l(t) {
+	let { type: l, prefixCls: u, buffer: d, percent: f, color: p, animation: m, bufferColor: h, formatText: g, trailColor: _, showText: v = !0, inlineText: y = !1, size: b = "default", status: x = "normal" } = t, S = t.strokeWidth || c[b], C = `${u}-${l}`, w = S, T = x === "success" || x === "error" || f >= 100, E = r(() => {
+		if (e(g)) return g(f);
+		switch (x) {
+			case "error": return /* @__PURE__ */ a("span", { children: [
+				f,
+				"% ",
+				/* @__PURE__ */ i(o, {})
+			] });
+			default: return `${f}%`;
+		}
+	}, [
+		g,
+		f,
+		x
+	]);
+	return /* @__PURE__ */ a("div", {
+		className: `${C}-wrapper`,
+		children: [/* @__PURE__ */ a("div", {
+			className: `${C}-outer`,
+			role: "progressbar",
+			"aria-valuemin": 0,
+			"aria-valuemax": 100,
+			"aria-valuenow": f,
+			style: {
+				height: w,
+				backgroundColor: _
+			},
+			children: [d && !T && /* @__PURE__ */ i("div", {
+				className: `${C}-inner-buffer`,
+				style: {
+					width: `${f > 0 ? f + 10 : 0}%`,
+					...s(h)
+				}
+			}), /* @__PURE__ */ i("div", {
+				className: n(`${C}-inner`, { [`${C}-inner-animate`]: m }),
+				style: {
+					width: `${f}%`,
+					...s(p, f)
+				}
+			})]
+		}), v && /* @__PURE__ */ i("div", {
+			className: n(`${C}-text`, {
+				[`${C}-text-with-icon`]: x,
+				[`${C}-text-inline`]: y
+			}),
+			children: E()
+		})]
+	});
+}
+//#endregion
+export { l as default };
+/* 独立思考，明辨是非 */

package/progress/Progress.js

@@ -1,39 +1,36 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 import e from "../utils/className.js";
 import { PROGRESS_COMPONENT_INFO as t } from "../utils/names.js";
 import n from "../hooks/use-merge-props/index.js";
 import { ConfigContext as r } from "../config-provider/context.js";
 import i from "../utils/omit.js";
-import a from "./CircleProgress.js";
-import o from "./LineProgess.js";
-import { StepProgress as s } from "./StepProgress.js";
-import { forwardRef as c, useContext as l, useImperativeHandle as u, useRef as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import a from "./Circle.js";
+import o from "./Line.js";
+import { StepProgress as s } from "./Step.js";
+import { PropsContext as c, defaultProps as l } from "./context.js";
+import { forwardRef as u, useContext as d, useImperativeHandle as f, useRef as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region components/pc/progress/Progress.tsx
-var m = {
-	type: "line",
-	showText: !0,
-	inlineText: !1,
-	percent: 0,
-	size: "default"
-};
-function h(t, c) {
-	let { getPrefixCls: h, componentConfig: g, rtl: _ } = l(r), v = n(t, m, g?.Progress), { className: y, style: b, size: x, width: S, strokeWidth: C, steps: w, percent: T, ...E } = v, D = w && v.type !== "circle" ? "steps" : v.type, O = h?.("progress"), k = "status" in v ? v.status : T >= 100 ? "success" : "normal", A = { width: S };
-	x === "mini" && D === "line" && (A.width = S || 16, A.height = S || 16);
-	let j = d(null);
-	return u(c, () => ({ getRootElement() {
-		return j.current;
-	} })), /* @__PURE__ */ p("div", {
-		ref: j,
-		className: e(O, `${O}-${D}`, `${O}-${x}`, {
-			[`${O}-is-${k}`]: k !== "normal",
-			[`${O}-rtl`]: _
-		}, y),
+function g(t, u) {
+	let { getPrefixCls: g, componentConfig: _, rtl: v } = d(r), y = d(c), b = n(t, {
+		..._?.Progress,
+		...y
+	}, l), { className: x, style: S, size: C, width: w, strokeWidth: T, steps: E, percent: D, ...O } = b, k = E && b.type !== "circle" ? "steps" : b.type, A = g?.("progress"), j = "status" in b ? b.status : D >= 100 ? "success" : "normal", M = { width: w };
+	C === "mini" && k === "line" && (M.width = w || 16, M.height = w || 16);
+	let N = p(null);
+	return f(u, () => ({ getRootElement() {
+		return N.current;
+	} })), /* @__PURE__ */ h("div", {
+		ref: N,
+		className: e(A, `${A}-${k}`, `${A}-${C}`, {
+			[`${A}-is-${j}`]: j !== "normal",
+			[`${A}-rtl`]: v
+		}, x),
 		style: {
-			...A,
-			...b
+			...M,
+			...S
 		},
-		...i(E, [
+		...i(O, [
 			"type",
 			"animation",
 			"status",
@@ -46,37 +43,37 @@ function h(t, c) {
 			"bufferColor"
 		]),
 		children: [
-			D === "steps" && /* @__PURE__ */ f(s, {
-				...v,
-				type: D,
-				status: k,
-				prefixCls: O
+			k === "steps" && /* @__PURE__ */ m(s, {
+				...b,
+				type: k,
+				status: j,
+				prefixCls: A
 			}),
-			D === "circle" && /* @__PURE__ */ f(a, {
-				width: v.width,
-				...v,
-				pathStrokeColor: v.trailColor,
-				status: k,
-				prefixCls: O
+			k === "circle" && /* @__PURE__ */ m(a, {
+				width: b.width,
+				...b,
+				pathStrokeColor: b.trailColor,
+				status: j,
+				prefixCls: A
 			}),
-			D === "line" && (x === "mini" ? /* @__PURE__ */ f(a, {
-				pathStrokeColor: v.trailColor,
-				...v,
-				pathStrokeWidth: C || 4,
-				width: S || 16,
-				strokeWidth: C || 4,
-				prefixCls: O,
-				status: k
-			}) : /* @__PURE__ */ f(o, {
-				...v,
-				status: k,
-				prefixCls: O
+			k === "line" && (C === "mini" ? /* @__PURE__ */ m(a, {
+				pathStrokeColor: b.trailColor,
+				...b,
+				pathStrokeWidth: T || 4,
+				width: w || 16,
+				strokeWidth: T || 4,
+				prefixCls: A,
+				status: j
+			}) : /* @__PURE__ */ m(o, {
+				...b,
+				status: j,
+				prefixCls: A
 			}))
 		]
 	});
 }
-var g = c(h);
-g.displayName = t.displayName;
+var _ = u(g);
+_.displayName = t.displayName;
 //#endregion
-export { g as default };
+export { _ as default };
 /* 独立思考，明辨是非 */

package/progress/Step.js

@@ -0,0 +1,51 @@
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
+import { isFunction as e } from "../utils/is.js";
+import t from "../utils/className.js";
+import { useCallback as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import a from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+//#region components/pc/progress/Step.tsx
+var o = (o) => {
+	let { prefixCls: s, percent: c, color: l, type: u, formatText: d, trailColor: f, showText: p = !0, inlineText: m = !1, size: h = "default", status: g = "normal" } = o, _ = o.strokeWidth || (h === "small" ? 8 : 4), v = `${s}-${u}`, y = _, b = n(() => {
+		if (e(d)) return d(c);
+		switch (g) {
+			case "error": return /* @__PURE__ */ i("span", { children: [
+				c,
+				"% ",
+				/* @__PURE__ */ r(a, {})
+			] });
+			default: return `${c}%`;
+		}
+	}, [
+		d,
+		c,
+		g
+	]);
+	return /* @__PURE__ */ i("div", {
+		className: `${v}-wrapper`,
+		children: [/* @__PURE__ */ r("div", {
+			className: `${v}-outer`,
+			role: "progressbar",
+			"aria-valuemin": 0,
+			"aria-valuemax": 100,
+			"aria-valuenow": c,
+			style: { height: y },
+			children: [...Array(o.steps)].map((e, n) => {
+				let i = c > 100 / o.steps * n;
+				return /* @__PURE__ */ r("div", {
+					className: t(`${v}-item`, { [`${v}-item-active`]: i }),
+					style: { backgroundColor: i ? l : f || "" }
+				}, n);
+			})
+		}), p && /* @__PURE__ */ r("div", {
+			className: t(`${v}-text`, {
+				[`${v}-text-with-icon`]: g,
+				[`${v}-text-inline`]: m
+			}),
+			children: b()
+		})]
+	});
+};
+//#endregion
+export { o as StepProgress, o as default };
+/* 独立思考，明辨是非 */

package/progress/constants.js

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

package/progress/context.d.ts

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

package/progress/context.js

@@ -0,0 +1,13 @@
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
+import { createContext as e } from "react";
+//#region components/pc/progress/context.ts
+var t = {
+	type: "line",
+	showText: !0,
+	inlineText: !1,
+	percent: 0,
+	size: "default"
+}, n = e(t);
+//#endregion
+export { n as PropsContext, t as defaultProps };
+/* 独立思考，明辨是非 */

package/progress/index.d.ts

@@ -1,37 +1,12 @@
+import './style';
 import MockProgress from '@unicom-cloud/ui-common/progress';
-import CircleProgress from './CircleProgress';
-import LineProgress from './LineProgess';
-import StepProgress from './StepProgress';
+import CircleProgress from './Circle';
+import LineProgress from './Line';
+import StepProgress from './Step';
 import type { ProgressProps } from './interface';
 declare const Progress: import("react").ForwardRefExoticComponent<ProgressProps & import("react").RefAttributes<unknown>> & {
-    Mock: {
-        status: null;
-        settings: {
-            parent: HTMLElement;
-            progress: HTMLDivElement;
-            bar: HTMLDivElement;
-            minimum: number;
-            easing: string;
-            positionUsing: string;
-            speed: number;
-            trickle: boolean;
-            trickleSpeed: number;
-        };
-        configure(options: any): any;
-        set(n: any): any;
-        isStarted(): boolean;
-        start(): any;
-        done(force: any): any;
-        inc(amount: any): any | undefined;
-        trickle(): any | undefined;
-        render(fromStart: any): HTMLDivElement;
-        remove(): void;
-    } & {
-        zh: string;
-        en: string;
-        displayName: string;
-        id: string;
-    };
+    PropsContext: import("react").Context<Partial<ProgressProps>>;
+    Mock: typeof MockProgress;
     Circle: (props: ProgressProps & {
         prefixCls?: string;
         width: number;

package/progress/index.js

@@ -1,18 +1,21 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 import { PROGRESS_COMPONENT_INFO as e } from "../utils/names.js";
-import t from "./CircleProgress.js";
-import n from "./LineProgess.js";
-import { StepProgress as r } from "./StepProgress.js";
-import i from "./Progress.js";
-import a from "@unicom-cloud/ui-common/progress";
+import "./style/index.js";
+import t from "./Circle.js";
+import n from "./Line.js";
+import { StepProgress as r } from "./Step.js";
+import { PropsContext as i } from "./context.js";
+import a from "./Progress.js";
+import o from "@unicom-cloud/ui-common/progress";
 //#region components/pc/progress/index.ts
-var o = Object.assign(i, {
+var s = Object.assign(a, {
 	...e,
-	Mock: a,
+	PropsContext: i,
+	Mock: o,
 	Circle: t,
 	Line: n,
 	Step: r
 });
 //#endregion
-export { t as ProgressCircle, n as ProgressLine, a as ProgressMock, r as ProgressStep, o as default };
+export { t as ProgressCircle, n as ProgressLine, o as ProgressMock, r as ProgressStep, s as default };
 /* 独立思考，明辨是非 */

package/progress/style/index.css

@@ -0,0 +1 @@
+.pqb-progress{line-height:1;font-size:var(--pqb-font-size-body-1);position:relative}.pqb-progress-line,.pqb-progress-steps{width:100%;max-width:100%;display:inline-block}.pqb-progress-line-wrapper,.pqb-progress-steps-wrapper{align-items:center;width:100%;max-width:100%;height:100%;display:flex}.pqb-progress-line-text,.pqb-progress-steps-text{font-size:var(--pqb-font-size-body-1);color:var(--pqb-color-text-2);white-space:nowrap;text-align:end;flex-grow:1;flex-shrink:0;min-width:32px;margin-inline-start:var(--pqb-spacing-7)}.pqb-progress-line-text .pqb-icon,.pqb-progress-steps-text .pqb-icon{margin-inline-start:var(--pqb-spacing-2);font-size:12px}.pqb-progress-line-text-inline,.pqb-progress-steps-text-inline{margin-inline:0 var(--pqb-spacing-7);position:absolute;inset-inline-end:0}.pqb-progress-line-outer{background-color:var(--pqb-color-fill-3);border-radius:100px;width:100%;display:inline-block;position:relative;overflow:hidden}.pqb-progress-line-inner{background-color:rgb(var(--pqb-primary-6));height:100%;transition:width .6s var(--pqb-transition-timing-function-standard), background .3s var(--pqb-transition-timing-function-standard);border-radius:100px;max-width:100%;position:relative}.pqb-progress-line-inner-buffer{background-color:var(--pqb-color-primary-3);max-width:100%;height:100%;transition:all .6s var(--pqb-transition-timing-function-standard);border-radius:0 100px 100px 0;position:absolute;inset-block-start:0;inset-inline-start:0}.pqb-progress-line-inner-animate:after{content:"";border-radius:inherit;width:100%;height:100%;animation:pqb-progress-loading 5s var(--pqb-transition-timing-function-linear) infinite;background-image:linear-gradient(45deg,#0000001a 25%,#0000 25% 50%,#0000001a 50% 75%,#0000 75% 100%);background-size:1.25em 1.25em;display:block;position:absolute;inset-block-start:0}.pqb-progress-line-text .pqb-icon{color:var(--pqb-color-text-2)}.pqb-progress-steps-outer{width:100%;display:flex}.pqb-progress-steps-text{min-width:unset;margin-inline-start:var(--pqb-spacing-4)}.pqb-progress-steps-text .pqb-icon{color:var(--pqb-color-text-2)}.pqb-progress-steps-item{background-color:var(--pqb-color-fill-3);flex:1;height:100%;display:inline-block;position:relative}.pqb-progress-steps-item:not(:last-of-type){margin-inline-end:3px}.pqb-progress-steps-item:last-of-type{border-start-end-radius:100px;border-end-end-radius:100px}.pqb-progress-steps-item:first-of-type{border-start-start-radius:100px;border-end-start-radius:100px}.pqb-progress-steps-item-active{background-color:rgb(var(--pqb-primary-6))}.pqb-progress-steps.pqb-progress-small{width:auto}.pqb-progress-steps.pqb-progress-small .pqb-progress-steps-item{flex:unset;border-radius:2px;width:2px}.pqb-progress-steps.pqb-progress-small .pqb-progress-steps-item:not(:last-of-type){margin-inline-end:3px}.pqb-progress-is-warning .pqb-progress-line-inner,.pqb-progress-is-warning .pqb-progress-steps-item-active{background-color:rgb(var(--pqb-orange-6))}.pqb-progress-is-warning .pqb-progress-line-text .pqb-icon,.pqb-progress-is-warning .pqb-progress-steps-text .pqb-icon{color:rgb(var(--pqb-orange-6))}.pqb-progress-is-success .pqb-progress-line-inner,.pqb-progress-is-success .pqb-progress-steps-item-active{background-color:rgb(var(--pqb-green-6))}.pqb-progress-is-success .pqb-progress-line-text .pqb-icon,.pqb-progress-is-success .pqb-progress-steps-text .pqb-icon{color:rgb(var(--pqb-green-6))}.pqb-progress-is-error .pqb-progress-line-inner,.pqb-progress-is-error .pqb-progress-steps-item-active{background-color:rgb(var(--pqb-red-6))}.pqb-progress-is-error .pqb-progress-line-text .pqb-icon,.pqb-progress-is-error .pqb-progress-steps-text .pqb-icon{color:rgb(var(--pqb-red-6))}.pqb-progress-small .pqb-progress-line-text{font-size:var(--pqb-font-size-body-1);margin-inline-start:var(--pqb-spacing-7)}.pqb-progress-small .pqb-progress-line-text .pqb-icon{font-size:12px}.pqb-progress-large .pqb-progress-line-text{margin-inline-start:var(--pqb-spacing-7);font-size:16px}.pqb-progress-large .pqb-progress-line-text .pqb-icon{font-size:14px}.pqb-progress-circle{display:inline-block}.pqb-progress-circle-wrapper{text-align:center;vertical-align:text-bottom;line-height:1;display:inline-block;position:relative}.pqb-progress-circle-svg{transform:rotate(-90deg)}.pqb-progress-circle-text{font-size:var(--pqb-font-size-body-3)}.pqb-progress-circle-text .pqb-icon{font-size:var(--pqb-size-4);color:var(--pqb-color-text-2)}.pqb-progress-circle .pqb-progress-circle-text{color:var(--pqb-color-text-3);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pqb-progress-circle-mask{stroke:var(--pqb-color-fill-3)}.pqb-progress-circle-path{stroke:rgb(var(--pqb-primary-6));transition:stroke-dashoffset .6s var(--pqb-transition-timing-function-linear) 0s, stroke .6s var(--pqb-transition-timing-function-linear)}.pqb-progress-mini .pqb-progress-circle-mask{stroke:var(--pqb-color-primary-3)}.pqb-progress-mini .pqb-progress-circle-path{stroke:rgb(var(--pqb-primary-6))}.pqb-progress-mini.pqb-progress-is-warning .pqb-progress-circle-mask{stroke:var(--pqb-color-warning-3)}.pqb-progress-mini.pqb-progress-is-error .pqb-progress-circle-mask{stroke:var(--pqb-color-danger-3)}.pqb-progress-mini.pqb-progress-is-success .pqb-progress-circle-mask{stroke:var(--pqb-color-success-3)}.pqb-progress-mini.pqb-progress-is-success .pqb-progress-circle-wrapper .pqb-icon-ui-check{position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.pqb-progress-mini .pqb-progress-circle-text{top:unset;left:unset;transform:unset;position:static}.pqb-progress-small .pqb-progress-circle-text{font-size:var(--pqb-font-size-body-2)}.pqb-progress-small .pqb-progress-circle-text .pqb-icon{font-size:14px}.pqb-progress-large .pqb-progress-circle-text{font-size:16px}.pqb-progress-large .pqb-progress-circle-text .pqb-icon{font-size:var(--pqb-size-4)}.pqb-progress-is-warning .pqb-progress-circle-path{stroke:rgb(var(--pqb-orange-6))}.pqb-progress-is-warning .pqb-icon{color:rgb(var(--pqb-orange-6))}.pqb-progress-is-success .pqb-progress-circle-path{stroke:rgb(var(--pqb-green-6))}.pqb-progress-is-success .pqb-icon{color:rgb(var(--pqb-green-6))}.pqb-progress-is-error .pqb-progress-circle-path{stroke:rgb(var(--pqb-red-6))}.pqb-progress-is-error .pqb-icon{color:rgb(var(--pqb-red-6))}@keyframes pqb-progress-loading{0%{background-position:-100%}to{background-position:100%}}

package/progress/style/index.d.ts

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

package/progress/style/index.js

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

package/qr-code/QRCode.js

@@ -1,51 +1,45 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 import e from "../utils/className.js";
 import { QR_CODE_COMPONENT_INFO as t } from "../utils/names.js";
 import n from "../hooks/use-merge-props/index.js";
 import { ConfigContext as r } from "../config-provider/context.js";
-import { QRCodeCanvas as i, QRCodeSVG as a } from "./src/index.js";
-import { forwardRef as o, useContext as s, useImperativeHandle as c, useRef as l } from "react";
-import { UI_COMMON_PREFIX as u, UI_PC_PREFIX as d } from "@unicom-cloud/utils/constant/ui";
-import { jsx as f } from "react/jsx-runtime";
+import { PropsContext as i, defaultProps as a } from "./context.js";
+import { QRCodeCanvas as o, QRCodeSVG as s } from "./src/index.js";
+import { forwardRef as c, useContext as l, useImperativeHandle as u, useRef as d } from "react";
+import { UI_COMMON_PREFIX as f } from "@unicom-cloud/utils/constants/ui";
+import { jsx as p } from "react/jsx-runtime";
 //#region components/pc/qr-code/QRCode.tsx
-var p = {
-	renderAs: "svg",
-	size: 160,
-	bordered: !0,
-	errorLevel: "M",
-	fgColor: `var(--${d}-color-text-1, #000000)`,
-	bgColor: `var(--${d}-color-bg-2, #ffffff)`,
-	marginSize: 0,
-	value: "二维码组件"
-};
-function m(t, o) {
-	let { getPrefixCls: d, componentConfig: m } = s(r), { value: h, renderAs: g, size: _, bordered: v, errorLevel: y, fgColor: b, bgColor: x, marginSize: S = 0, imageSettings: C, className: w, style: T, ...E } = n(t, p, m?.QRCode), D = d?.("qrcode"), O = _ - (v ? 12 : 0), k = () => {
+function m(t, c) {
+	let { getPrefixCls: m, componentConfig: h } = l(r), g = l(i), { value: _, renderAs: v, size: y, bordered: b, errorLevel: x, fgColor: S, bgColor: C, marginSize: w = 0, imageSettings: T, className: E, style: D, ...O } = n(t, {
+		...h?.QRCode,
+		...g
+	}, a), k = m?.("qrcode"), A = y - (b ? 12 : 0), j = () => {
 		let e = {
-			value: h,
-			size: O,
-			level: y,
-			fgColor: b,
-			bgColor: x,
-			marginSize: S,
-			imageSettings: C,
-			...E
+			value: _,
+			size: A,
+			level: x,
+			fgColor: S,
+			bgColor: C,
+			marginSize: w,
+			imageSettings: T,
+			...O
 		};
-		return f(g === "canvas" ? i : a, { ...e });
-	}, A = l(null);
-	return c(o, () => ({ getRootElement() {
-		return A.current;
-	} })), /* @__PURE__ */ f("div", {
-		ref: A,
-		className: e(D, `${u}-display-inline-flex-center`, v && `${D}-bordered`, w, `qrcode-${g}`),
+		return p(v === "canvas" ? o : s, { ...e });
+	}, M = d(null);
+	return u(c, () => ({ getRootElement() {
+		return M.current;
+	} })), /* @__PURE__ */ p("div", {
+		ref: M,
+		className: e(k, `${f}-display-inline-flex-center`, b && `${k}-bordered`, E, `qrcode-${v}`),
 		style: {
-			width: _,
-			height: _,
-			...T
+			width: y,
+			height: y,
+			...D
 		},
-		children: k()
+		children: j()
 	});
 }
-var h = o(m);
+var h = c(m);
 h.displayName = t.displayName;
 //#endregion
 export { h as default };

package/qr-code/constants.js

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

package/qr-code/context.d.ts

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

package/qr-code/context.js

@@ -0,0 +1,17 @@
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
+import { createContext as e } from "react";
+import { UI_PC_PREFIX as t } from "@unicom-cloud/utils/constants/ui";
+//#region components/pc/qr-code/context.ts
+var n = {
+	renderAs: "svg",
+	size: 160,
+	bordered: !0,
+	errorLevel: "M",
+	fgColor: `var(--${t}-color-text-1, #000000)`,
+	bgColor: `var(--${t}-color-bg-2, #ffffff)`,
+	marginSize: 0,
+	value: "二维码组件"
+}, r = e(n);
+//#endregion
+export { r as PropsContext, n as defaultProps };
+/* 独立思考，明辨是非 */

package/qr-code/index.d.ts

@@ -1,5 +1,7 @@
+import './style';
 import qrcodegen from './src/qrcodegen';
 declare const QRCode: import("react").ForwardRefExoticComponent<import("./interface").QRCodeProps & import("react").RefAttributes<unknown>> & {
+    PropsContext: import("react").Context<Partial<import("./interface").QRCodeProps>>;
     qrcodegen: any;
     zh: string;
     en: string;

package/qr-code/index.js

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

package/qr-code/src/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 import { isFunction as e, isNull as t, isPresent as n } from "../../utils/is.js";
 import r from "../../utils/callOrReturn.js";
 import i from "./qrcodegen.js";

package/qr-code/src/qrcodegen.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 //#region components/pc/qr-code/src/qrcodegen.js
 var e = function(e, t, n, r) {
 	if (n === "a" && !r) throw TypeError("Private accessor was defined without a getter");

package/qr-code/style/index.css

@@ -0,0 +1 @@
+.pqb-qrcode{background-color:var(--pqb-color-bg-2);border-radius:var(--pqb-border-radius-medium);box-sizing:border-box;padding:6px;position:relative}.pqb-qrcode-bordered{border:1px var(--pqb-border-solid) var(--pqb-color-border-1)}

package/qr-code/style/index.d.ts

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

package/qr-code/style/index.js

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

package/radio/Group.js

@@ -1,9 +1,9 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 import { isArray as e, isFunction as t, isPlainObject as n } from "../utils/is.js";
 import r from "../hooks/use-controllable-value/index.js";
 import i from "../utils/className.js";
 import { pickDataAttributes as a } from "../utils/pick.js";
-import { pickTriggerPropsFromRest as o } from "../utils/constant.js";
+import { pickTriggerPropsFromRest as o } from "../utils/constants.js";
 import { RADIO_GROUP_COMPONENT_INFO as s } from "../utils/names.js";
 import c from "../hooks/use-merge-props/index.js";
 import { ConfigContext as l } from "../config-provider/context.js";
@@ -19,7 +19,7 @@ var g = {
 	direction: "horizontal"
 };
 function _(s) {
-	let { prefixCls: _, getPrefixCls: v, size: y, componentConfig: b, rtl: x } = m(l), S = m(u), C = m(d), w = c(s, g, b?.RadioGroup), { style: T, className: E, name: D, children: O, direction: k, type: A, mode: j, options: M, disabled: N, readOnly: P = C?.readOnly ?? S?.readOnly } = w, F = O;
+	let { prefixCls: _, getPrefixCls: v, size: y, componentConfig: b, rtl: x } = m(l), S = m(u), C = m(d), w = c(s, b?.RadioGroup, g), { style: T, className: E, name: D, children: O, direction: k, type: A, mode: j, options: M, disabled: N, readOnly: P = C?.readOnly ?? S?.readOnly } = w, F = O;
 	F ? t(F) && (F = F(M)) : e(M) && (F = M.map((e, t, r) => {
 		if (n(e)) {
 			let { value: n, label: r, readOnly: i = P, disabled: a = N, ...o } = e;

package/radio/GroupBlock.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 import e from "../utils/className.js";
 import { RADIO_GROUP_BLOCK_COMPONENT_INFO as t } from "../utils/names.js";
 import n from "../hooks/use-merge-props/index.js";
@@ -9,12 +9,12 @@ import { RadioGroupContext as s } from "./context.js";
 import c from "./Radio.js";
 import l from "./Group.js";
 import { useContext as u } from "react";
-import { UI_COMMON_PREFIX as d } from "@unicom-cloud/utils/constant/ui";
+import { UI_COMMON_PREFIX as d } from "@unicom-cloud/utils/constants/ui";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region components/pc/radio/GroupBlock.tsx
 var m = {};
 function h(t) {
-	let { prefixCls: h, getPrefixCls: g, size: _, componentConfig: v, rtl: y } = u(r), b = u(s), x = u(i), S = u(a), C = b.prefixCls ?? g?.("radio"), w = `${b.prefixClsGroup ?? `${C}-group`}-block`, T = n(t, m, v?.RadioGroupBlock), { style: E, className: D, name: O, direction: k, type: A, mode: j, options: M, disabled: N, readOnly: P = S?.readOnly ?? x?.readOnly, ...F } = T;
+	let { prefixCls: h, getPrefixCls: g, size: _, componentConfig: v, rtl: y } = u(r), b = u(s), x = u(i), S = u(a), C = b.prefixCls ?? g?.("radio"), w = `${b.prefixClsGroup ?? `${C}-group`}-block`, T = n(t, v?.RadioGroupBlock, m), { style: E, className: D, name: O, direction: k, type: A, mode: j, options: M, disabled: N, readOnly: P = S?.readOnly ?? x?.readOnly, ...F } = T;
 	return /* @__PURE__ */ f(l, {
 		className: e(`${w}`, D),
 		...F,