@unicom-cloud/ui 0.8.169 → 0.8.171

package/rich-text/RichText.js

@@ -1,21 +1,21 @@
-/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
+/* 潘启宝 2026-06-26 17:15:01 星期五 山东省济南市 */
 import { isFunction as e, isPresent as t } from "../utils/is.js";
-import { getBodyContainer as n } from "../utils/dom.js";
+import { dom_exports as n } from "../utils/dom.js";
 import r from "../utils/className.js";
 import { RICH_TEXT_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 { merge as s } from "../utils/lodash.js";
-import { HYPHEN as ee } from "../utils/string.js";
-import te from "../hooks/use-set-state/index.js";
-import { FormContext as ne, FormItemContext as re } from "../form/context.js";
-import c from "../config-provider/ConfigProvider.js";
+import { HYPHEN as c } from "../utils/string.js";
+import ee from "../hooks/use-set-state/index.js";
+import { FormContext as te, FormItemContext as ne } from "../form/context.js";
+import re from "../config-provider/ConfigProvider.js";
 import ie from "../input/index.js";
 import ae from "../modal/index.js";
-import oe from "../hooks/use-fullscreen/index.js";
-import { RICH_TEXT_CLASS_NAME_PREFIX as l } from "./constants.js";
-import { PropsContext as u, defaultProps as d } from "./context.js";
-import f from "./libs/delta/index.js";
+import l from "../hooks/use-fullscreen/index.js";
+import { RICH_TEXT_CLASS_NAME_PREFIX as u } from "./constants.js";
+import { PropsContext as d, defaultProps as f } from "./context.js";
+import oe from "./libs/delta/index.js";
 import se from "./libs/parchment/scope.js";
 import ce from "./libs/parchment/blot/embed.js";
 import "./libs/parchment/index.js";
@@ -31,45 +31,45 @@ import { attrName as b } from "./libs/formats/indent.js";
 import { List as x } from "./libs/formats/list.js";
 import S from "./libs/formats/video.js";
 import C from "./libs/index.js";
-import w from "./Toolbar.js";
-import { forwardRef as T, useContext as E, useEffect as D, useImperativeHandle as de, useRef as O } from "react";
-import { Fragment as fe, jsx as k, jsxs as A } from "react/jsx-runtime";
-import j from "lodash/defaultsDeep";
+import de from "./Toolbar.js";
+import { forwardRef as w, useContext as T, useEffect as E, useImperativeHandle as fe, useRef as D } from "react";
+import { Fragment as pe, jsx as O, jsxs as k } from "react/jsx-runtime";
+import A from "lodash/defaultsDeep";
 C.import("delta"), C.import("attributors/style/size"), C.import("formats/font");
-function M(i, T) {
-	let { getPrefixCls: M, renderEmpty: N, componentConfig: P, rtl: F } = E(o), I = E(u), L = E(ne), R = E(re), z = a(i, {
-		...P?.RichText,
-		...I
-	}, d), B = M?.("rich-text"), { style: V, className: pe, defaultValue: me, value: he, readOnly: H = R?.readOnly ?? L?.readOnly, options: ge, bordered: _e, placeholder: ve = "请输入富文本内容", ...ye } = z, be = H ? ee : ve;
-	"defaultValue" in z, "value" in z, "readOnly" in z;
-	let U = he || me, [W, G] = te({ modal: {} }), K = O(null), q = O(void 0), J = O(null), Y = O(void 0);
-	function X() {
-		return Y.current;
+function j(i, w) {
+	let { getPrefixCls: j, componentConfig: M, rtl: N } = T(o), P = T(d), F = T(te), I = T(ne), L = a(i, {
+		...M?.RichText,
+		...P
+	}, f), R = j?.("rich-text"), { style: z, className: B, defaultValue: me, value: he, readOnly: V = I?.readOnly ?? F?.readOnly, options: ge, bordered: _e, placeholder: ve = "请输入富文本内容", ...ye } = L, be = V ? c : ve;
+	"defaultValue" in L, "value" in L, "readOnly" in L;
+	let H = he || me, [U, W] = ee({ modal: {} }), G = D(null), K = D(void 0), q = D(null), J = D(void 0);
+	function Y() {
+		return J.current;
 	}
-	let [xe, { enterFullscreen: Se, exitFullscreen: Ce, toggleFullscreen: we }] = oe(H ? null : K, {
+	let [xe, { enterFullscreen: Se, exitFullscreen: Ce, toggleFullscreen: we }] = l(V ? null : G, {
 		onExit() {
-			e(q.current?.setIsFullscreen), q.current.setIsFullscreen(!1);
+			e(K.current?.setIsFullscreen), K.current.setIsFullscreen(!1);
 		},
 		onEnter() {
-			q.current.setIsFullscreen(!0);
+			K.current.setIsFullscreen(!0);
 		}
 	});
-	function Z(e, t) {
-		let n = X();
+	function X(e, t) {
+		let n = Y();
 		if (!n) return;
 		let r = n.getSelection();
-		n.setContents(e ?? U, t), r && n.setSelection(r);
+		n.setContents(e ?? H, t), r && n.setSelection(r);
 	}
-	function Te(...e) {
-		let t = X();
+	function Z(...e) {
+		let t = Y();
 		if (!t) return;
 		let [n] = t.selection.getRange(), r = n == null ? {} : t.getFormat(n);
-		q.current.setFormats({ ...r });
+		K.current.setFormats({ ...r });
 	}
-	D(() => {
-		K.current;
-		let n = { readOnly: !!H };
-		H || (n = {
+	E(() => {
+		G.current;
+		let n = { readOnly: !!V };
+		V || (n = {
 			...n,
 			theme: "default",
 			modules: {
@@ -78,13 +78,13 @@ function M(i, T) {
 					container: [],
 					handlers: {
 						[m](e) {
-							let t = X();
+							let t = Y();
 							if (!t) return;
 							let { align: n } = t.getFormat();
 							e === "rtl" && n == null ? t.format(p, "right", C.sources.USER) : !e && n === "right" && t.format(p, !1, C.sources.USER), t.format(m, e, C.sources.USER);
 						},
 						[b](e) {
-							let t = X();
+							let t = Y();
 							if (!t) return;
 							let n = t.getSelection(), r = t.getFormat(n), i = parseInt(r.indent || "0", 10);
 							if (e === "+1" || e === "-1") {
@@ -93,62 +93,62 @@ function M(i, T) {
 							}
 						},
 						[x.blotName](e) {
-							let t = X();
+							let t = Y();
 							if (!t) return;
 							let n = t.getSelection(), r = t.getFormat(n);
 							e === "check" ? r.list === "checked" || r.list === "unchecked" ? t.format(x.blotName, !1, C.sources.USER) : t.format(x.blotName, "unchecked", C.sources.USER) : t.format(x.blotName, e, C.sources.USER), t.format(x.blotName, e, C.sources.USER);
 						},
 						[ue.blotName]() {
-							X();
+							Y();
 						},
 						[y.blotName]() {
-							X() && G({ modal: {
+							Y() && W({ modal: {
 								visible: !0,
 								type: y.blotName
 							} });
 						},
 						[S.blotName]() {
-							G({ modal: {
+							W({ modal: {
 								visible: !0,
 								type: S.blotName
 							} });
 						},
 						[v.blotName](e) {
-							let t = X();
-							t && t.getSelection(!0)?.length && G({ modal: {
+							let t = Y();
+							t && t.getSelection(!0)?.length && W({ modal: {
 								visible: !0,
 								type: v.blotName,
 								value: e
 							} });
 						},
 						[g.blotName](e, t) {
-							let n = X();
+							let n = Y();
 							if (!n) return;
 							let r = n.getSelection(!0);
 							r && n.insertEmbed(r.index, g.blotName, e, C.sources.USER);
 						},
 						[_.blotName](e, t) {
-							let n = X();
+							let n = Y();
 							if (!n) return;
 							let r = n.getSelection(!0);
 							r && n.insertEmbed(r.index, _.blotName, {}, C.sources.USER);
 						},
 						[h.blotName](e, t) {
-							let n = X();
+							let n = Y();
 							if (!n) return;
 							let r = n.getSelection(!0);
 							r && (n.insertEmbed(r.index, h.blotName, e, C.sources.USER), n.setSelection(r.index + e.length));
 						},
 						redo() {
-							let e = X();
+							let e = Y();
 							e && e.history.redo();
 						},
 						undo() {
-							let e = X();
+							let e = Y();
 							e && e.history.undo();
 						},
 						clean() {
-							let e = X();
+							let e = Y();
 							if (!e) return;
 							let n = e.getSelection();
 							if (n != null) if (n.length === 0) {
@@ -168,60 +168,60 @@ function M(i, T) {
 				imageResize: !0
 			},
 			placeholder: be
-		}), Y.current = new C({
-			root: K.current,
-			toolbar: q.current,
-			container: J.current
-		}, j(ge, n)), console.log("new Rich", X());
+		}), J.current = new C({
+			root: G.current,
+			toolbar: K.current,
+			container: q.current
+		}, A(ge, n)), console.log("new Rich", Y());
 		function r(t, n, r) {
-			let i = X();
+			let i = Y();
 			if (i && r === C.sources.USER) {
-				let a = i.isBlank() ? void 0 : i.getContents(), o = z.onChangeCallback;
-				e(o) && (a = o(a) ?? a), z.onChange?.(a, t, n, r), z.onTextChange?.(t, n, r), q.current.setHistory(i.history);
+				let a = i.isBlank() ? void 0 : i.getContents(), o = L.onChangeCallback;
+				e(o) && (a = o(a) ?? a), L.onChange?.(a, t, n, r), L.onTextChange?.(t, n, r), K.current.setHistory(i.history);
 			}
 		}
 		function i(...e) {
-			q.current.setSelection(...e), z.onSelectionChange?.(...e);
+			K.current.setSelection(...e), L.onSelectionChange?.(...e);
 		}
 		function a(...e) {
-			Te(...e), z.onEditorChange?.(...e);
+			Z(...e), L.onEditorChange?.(...e);
 		}
-		let o = X();
-		return H || (o.on(C.events.TEXT_CHANGE, r), o.on(C.events.SELECTION_CHANGE, i), o.on(C.events.EDITOR_CHANGE, a)), o.enable(!H), () => {
+		let o = Y();
+		return V || (o.on(C.events.TEXT_CHANGE, r), o.on(C.events.SELECTION_CHANGE, i), o.on(C.events.EDITOR_CHANGE, a)), o.enable(!V), () => {
 			o.off(C.events.TEXT_CHANGE, r), o.off(C.events.SELECTION_CHANGE, i), o.off(C.events.EDITOR_CHANGE, a), o.destroy();
 		};
-	}, [H]), D(() => (Z(U, le.sources.API), () => {}), [U]), de(T, () => ({
+	}, [V]), E(() => (X(H, le.sources.API), () => {}), [H]), fe(w, () => ({
 		get rich() {
-			return X();
+			return Y();
 		},
 		get contents() {
-			return X().getContents();
+			return Y().getContents();
 		},
-		setContents: Z,
+		setContents: X,
 		Rich: C,
 		getContainerElement() {
-			return J.current;
+			return q.current;
 		},
 		getRootElement() {
-			return K.current;
+			return G.current;
 		}
 	}));
 	function Q(e) {
-		return /* @__PURE__ */ k(fe, { children: /* @__PURE__ */ A("div", {
-			ref: K,
-			style: V,
-			className: r(B, pe, { [`${B}-rtl`]: F }, H && `${B}-readonly`, _e && `${B}-bordered`, W.focus && `${B}-focus`, W.blur && `${B}-blur`),
-			children: [e, /* @__PURE__ */ k("div", {
-				ref: J,
-				className: r(`${B}-container`),
+		return /* @__PURE__ */ O(pe, { children: /* @__PURE__ */ k("div", {
+			ref: G,
+			style: z,
+			className: r(R, B, { [`${R}-rtl`]: N }, V && `${R}-readonly`, _e && `${R}-bordered`, U.focus && `${R}-focus`, U.blur && `${R}-blur`),
+			children: [e, /* @__PURE__ */ O("div", {
+				ref: q,
+				className: r(`${R}-container`),
 				onFocus: (e) => {
-					G({
+					W({
 						focus: !0,
 						blur: !1
 					});
 				},
 				onBlur: (e) => {
-					G({
+					W({
 						focus: !1,
 						blur: !0
 					});
@@ -230,14 +230,14 @@ function M(i, T) {
 		}) });
 	}
 	let $;
-	if (H) $ = Q();
+	if (V) $ = Q();
 	else {
-		let t = xe ? () => K.current : n, r = { getPopupContainer: t };
-		$ = Q(/* @__PURE__ */ A(c, {
-			componentConfig: s({}, P, {
+		let t = xe ? () => G.current : n.getBodyContainer, r = { getPopupContainer: t };
+		$ = Q(/* @__PURE__ */ k(re, {
+			componentConfig: s({}, M, {
 				ColorPicker: {
 					triggerProps: {
-						className: `${l}-trigger-color-picker`,
+						className: `${u}-trigger-color-picker`,
 						...r
 					},
 					...r
@@ -248,7 +248,7 @@ function M(i, T) {
 				},
 				Select: {
 					triggerProps: {
-						className: `${l}-trigger-select`,
+						className: `${u}-trigger-select`,
 						...r
 					},
 					...r
@@ -258,14 +258,14 @@ function M(i, T) {
 					...r
 				},
 				Trigger: {
-					className: `${l}-trigger`,
+					className: `${u}-trigger`,
 					...r
 				}
 			}),
-			children: [/* @__PURE__ */ k(w, {
-				ref: q,
+			children: [/* @__PURE__ */ O(de, {
+				ref: K,
 				onChange: (t) => {
-					let n = X();
+					let n = Y();
 					if (!n) return;
 					let { format: r, value: i } = t ?? {};
 					n.focus();
@@ -275,52 +275,52 @@ function M(i, T) {
 						let e = prompt(`Enter ${r}`);
 						if (!e) return;
 						let [t] = n.selection.getRange();
-						n.updateContents(new f().retain(t.index).delete(t.length).insert({ [r]: e }), C.sources.USER);
+						n.updateContents(new oe().retain(t.index).delete(t.length).insert({ [r]: e }), C.sources.USER);
 					} else n.format(r, i, C.sources.USER);
 				}
-			}), /* @__PURE__ */ k(ae, {
+			}), /* @__PURE__ */ O(ae, {
 				title: "输入地址",
-				visible: W.modal.visible,
+				visible: U.modal.visible,
 				unmountOnExit: !0,
 				onCancel: () => {
-					G({ modal: { visible: !1 } });
+					W({ modal: { visible: !1 } });
 				},
 				onOk: () => {
-					G({ modal: {
-						...W.modal,
+					W({ modal: {
+						...U.modal,
 						visible: !1
 					} });
 				},
 				afterClose: () => {
-					let e = X();
+					let e = Y();
 					if (!e) return;
 					let t = e.getSelection(!0);
-					if (t && W.modal.url) {
-						if (W.modal.type === y.blotName) e.insertEmbed(t.index, y.blotName, W.modal.url, C.sources.USER), e.setSelection(t.index + 1);
-						else if (W.modal.type === S.blotName) e.format(S.blotName, W.modal.url, C.sources.USER);
-						else if (W.modal.type === v.blotName) {
+					if (t && U.modal.url) {
+						if (U.modal.type === y.blotName) e.insertEmbed(t.index, y.blotName, U.modal.url, C.sources.USER), e.setSelection(t.index + 1);
+						else if (U.modal.type === S.blotName) e.format(S.blotName, U.modal.url, C.sources.USER);
+						else if (U.modal.type === v.blotName) {
 							if (t == null || t.length === 0) return;
-							e.format(v.blotName, W.modal.url, C.sources.USER);
+							e.format(v.blotName, U.modal.url, C.sources.USER);
 						}
 					}
 				},
-				children: /* @__PURE__ */ k(ie, {
-					defaultValue: W.modal.value,
+				children: /* @__PURE__ */ O(ie, {
+					defaultValue: U.modal.value,
 					addBefore: "URL",
 					onChange: (e) => {
-						G({ modal: {
-							...W.modal,
+						W({ modal: {
+							...U.modal,
 							url: e
 						} });
 					}
-				}, W.modal.visible)
+				}, U.modal.visible)
 			})]
 		}));
 	}
 	return $;
 }
-var N = T(M);
-N.displayName = i.displayName;
+var M = w(j);
+Object.assign(M, { ...i });
 //#endregion
-export { N as default };
+export { M as default };
 /* 独立思考，明辨是非 */