@baishuyun/ui-base 6.9.1 → 6.10.0

package/dist/Editor/Buttons-BhStZyIa.js

@@ -1,620 +0,0 @@
-import { t as e } from "../Icon/Icon-BBDcb-yw.js";
-import { t } from "../Modal/Modal-LiztSF7x.js";
-import { t as n } from "../ColorPicker/ColorPicker-t1uBeATW.js";
-import { t as r } from "../vendors/useLocale-BKZX2_zw.js";
-import { t as i } from "../CheckBox/CheckBox-nBm0u6zX.js";
-import { t as a } from "../DropDown/DropDown-yDH9V_9Y.js";
-import { FONT_SIZES as o } from "./constants/index.js";
-import { AlignCenterOutlined as s, AlignLeftOutlined as c, AlignRightOutlined as l } from "@ant-design/icons";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import p, { createContext as m, forwardRef as h, useCallback as g, useContext as _, useImperativeHandle as v, useMemo as y, useRef as b, useState as x } from "react";
-import { Button as S, Form as C, Input as w, message as T } from "antd";
-import E from "clsx";
-import { AnimatePresence as D, motion as O } from "motion/react";
-import { $createParagraphNode as ee, $createTextNode as k, $getRoot as A, $getSelection as j, $isElementNode as te, $isRangeSelection as M, $isTextNode as N, $setSelection as P, FORMAT_ELEMENT_COMMAND as F, FORMAT_TEXT_COMMAND as I, createCommand as ne } from "lexical";
-import { useLexicalComposerContext as L } from "@lexical/react/LexicalComposerContext";
-import { $patchStyleText as R } from "@lexical/selection";
-import { $createLinkNode as z, $toggleLink as re, TOGGLE_LINK_COMMAND as ie } from "@lexical/link";
-//#region src/components/Editor/ToolbarPlugin/context/TextFormatsContext.tsx
-var B = m(null), V = m({ iconSize: 14 }), ae = V.Provider, oe = () => _(V), H = {
-	"lexical-editor__toolbar-button": "_lexical-editor__toolbar-button_gbe3v_1",
-	"lexical-editor__toolbar-button-active": "_lexical-editor__toolbar-button-active_gbe3v_12"
-}, U = (t) => {
-	let { icon: n, tooltip: r, onClick: i, disabled: a = !1, active: o = !1, size: s } = t, { iconSize: c } = oe(), l = s ?? c;
-	return /* @__PURE__ */ d("button", {
-		className: E(H["lexical-editor__toolbar-button"], { [H["lexical-editor__toolbar-button-active"]]: o }),
-		type: "button",
-		onClick: i,
-		onMouseDown: (e) => e.preventDefault(),
-		disabled: a,
-		title: r,
-		children: p.isValidElement(n) ? n : /* @__PURE__ */ d(e, {
-			name: n,
-			size: l
-		})
-	});
-}, W = () => {
-	let e = _(B);
-	if (!e) throw Error("useTextFormatsContext must be used within TextFormatsProvider");
-	return e;
-}, se = () => {
-	let [e] = L(), t = W(), { t: n } = r(), i = t.bold;
-	return /* @__PURE__ */ d(U, {
-		icon: "bold",
-		tooltip: n("editor.bold"),
-		active: i,
-		onClick: () => {
-			e.dispatchCommand(I, "bold");
-		}
-	});
-}, ce = () => {
-	let [e] = L(), t = W(), { t: n } = r(), i = t.underline;
-	return /* @__PURE__ */ d(U, {
-		icon: "underline",
-		tooltip: n("editor.underline"),
-		active: i,
-		onClick: () => {
-			e.dispatchCommand(I, "underline");
-		}
-	});
-}, le = () => {
-	let [e] = L(), t = W(), { t: n } = r(), i = t.italic;
-	return /* @__PURE__ */ d(U, {
-		icon: "italic",
-		tooltip: n("editor.italic"),
-		active: i,
-		onClick: () => {
-			e.dispatchCommand(I, "italic");
-		}
-	});
-}, G = m(null), K = () => {
-	let e = _(G);
-	if (!e) throw Error("useEditorContainer must be used within EditorContainerProvider");
-	return e;
-}, ue = () => {
-	let [e] = L(), { t } = r(), n = W(), { getPopupContainer: i } = K();
-	return /* @__PURE__ */ d(a, {
-		menus: y(() => o.map((e) => ({
-			key: e.value,
-			label: e.label
-		})), []),
-		onClick: g((t) => {
-			let n = t.key;
-			e.update(() => {
-				let e = j();
-				M(e) && R(e, { "font-size": n });
-			});
-		}, [e]),
-		activeKey: [n.fontSize],
-		showSearch: !1,
-		getPopupContainer: i,
-		style: {
-			width: "60px",
-			minWidth: "60px"
-		},
-		children: /* @__PURE__ */ d("div", {
-			className: "dropdown__trigger inline-flex",
-			children: /* @__PURE__ */ d(U, {
-				icon: "fontsize",
-				tooltip: t("editor.fontSize"),
-				active: !1
-			})
-		})
-	});
-}, de = () => {
-	let [e] = L(), t = W(), { t: i } = r(), { getPopupContainer: a } = K(), o = g((t) => {
-		e.update(() => {
-			let e = j();
-			M(e) && R(e, { color: t });
-		});
-	}, [e]);
-	return /* @__PURE__ */ d(n, {
-		value: t.fontColor,
-		onChange: o,
-		placement: "bottom-start",
-		getPopupContainer: a,
-		children: /* @__PURE__ */ d("div", {
-			className: "trigger-picker inline-flex",
-			children: /* @__PURE__ */ d(U, {
-				icon: "fontcolor",
-				tooltip: i("editor.fontColor"),
-				onClick: () => {},
-				active: !1
-			})
-		})
-	});
-}, fe = () => {
-	let [e] = L(), t = W(), { t: i } = r(), { getPopupContainer: a } = K(), o = g((t) => {
-		e.update(() => {
-			let e = j();
-			M(e) && R(e, { "background-color": t });
-		});
-	}, [e]);
-	return /* @__PURE__ */ d(n, {
-		value: t.backgroundColor,
-		onChange: o,
-		placement: "bottom-start",
-		getPopupContainer: a,
-		children: /* @__PURE__ */ d("div", {
-			className: "trigger-picker inline-flex",
-			children: /* @__PURE__ */ d(U, {
-				icon: "fill",
-				tooltip: i("editor.fill"),
-				onClick: () => {},
-				active: !1
-			})
-		})
-	});
-}, pe = () => {
-	let [e] = L(), { align: t } = W(), { t: n } = r(), { getPopupContainer: i } = K(), o = [
-		{
-			key: "left",
-			label: n("leftAlign"),
-			icon: /* @__PURE__ */ d(c, {})
-		},
-		{
-			key: "center",
-			label: n("editor.centerAlign"),
-			icon: /* @__PURE__ */ d(s, {})
-		},
-		{
-			key: "right",
-			label: n("editor.rightAlign"),
-			icon: /* @__PURE__ */ d(l, {})
-		}
-	], u = g((t) => {
-		e.dispatchCommand(F, t);
-	}, [e]), p = o.map((e) => ({
-		key: e.key,
-		label: /* @__PURE__ */ f("div", {
-			className: "flex items-center gap-2",
-			children: [e.icon, /* @__PURE__ */ d("span", { children: e.label })]
-		})
-	})), m = g((e) => {
-		u(e.key);
-	}, [u]), h = o.find((e) => e.key === t)?.icon || /* @__PURE__ */ d(c, {});
-	return /* @__PURE__ */ d(a, {
-		menus: p,
-		onClick: m,
-		showSearch: !1,
-		activeKey: [t],
-		getPopupContainer: i,
-		style: {
-			width: "110px",
-			minWidth: "110px"
-		},
-		children: /* @__PURE__ */ d("div", {
-			className: "trigger-dropdown inline-flex text-sm",
-			children: /* @__PURE__ */ d(U, {
-				icon: h,
-				tooltip: n("editor.alignment"),
-				onClick: () => {},
-				active: !1
-			})
-		})
-	});
-};
-//#endregion
-//#region src/components/Editor/ToolbarPlugin/Buttons/LinkButton.tsx
-function me(e) {
-	return e ? e.startsWith("@") ? "javascript:void(0);" : e.match(/^https?:\/\//) ? e : `http://${e}` : "";
-}
-var he = () => {
-	let [e] = L(), { link: n } = W(), { t: a } = r(), [o, s] = x(!1), [c, l] = x(""), [p, m] = x(""), [h, _] = x(!0), [v, y] = T.useMessage(), C = b(null), E = g((t) => {
-		s(t), t || e.setEditable(!0);
-	}, [e]), D = () => {
-		if (!c) {
-			v.warning(a("editor.linkAddressEmpty"));
-			return;
-		}
-		let t = me(c);
-		e.setEditable(!0), e.update(() => {
-			let e = h ? {
-				target: "_blank",
-				rel: "noopener noreferrer",
-				title: c
-			} : { title: c }, n = C.current;
-			n !== null && P(n);
-			let r = j();
-			if (M(r)) {
-				let n = p || c, i = r.getTextContent();
-				if (!r.isCollapsed() && n === i) re(t, e);
-				else {
-					let i = r.anchor.getNode(), a = N(i) ? i : null, o = r.style || r.getNodes().find(N)?.getStyle() || a?.getStyle() || "", s = r.format || a?.getFormat() || 0, c = z(t, e), l = k(n);
-					l.setFormat(s), l.setStyle(o), c.append(l), r.insertNodes([c]);
-				}
-			} else {
-				let n = z(t, e);
-				n.append(k(p || c));
-				let r = A(), i = r.getLastChild();
-				if (te(i) && i.isEmpty()) i.append(n);
-				else {
-					let e = ee();
-					e.append(n), r.append(e);
-				}
-			}
-		}), C.current = null, l(""), m(""), E(!1);
-	}, O = g(() => {
-		let t = "";
-		e.getEditorState().read(() => {
-			let e = j();
-			C.current = e ? e.clone() : null, M(e) && !e.isCollapsed() && (t = e.getTextContent());
-		}), e.setEditable(!1), e.update(() => {
-			P(null);
-		}), window.getSelection()?.removeAllRanges(), e.getRootElement()?.blur(), n ? (l(n.link === "javascript:void(0);" ? "" : n.link ?? ""), m(n.linkText ?? "")) : (l(""), m(t)), s(!0);
-	}, [n, e]);
-	return /* @__PURE__ */ f(u, { children: [
-		/* @__PURE__ */ d(U, {
-			icon: "Insertlink",
-			tooltip: a("link"),
-			onClick: O,
-			active: !!n?.link
-		}),
-		y,
-		/* @__PURE__ */ d(t, {
-			title: a("link"),
-			open: o,
-			onOpenChange: E,
-			children: /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("div", {
-				className: "px-[20px] pb-[60px] pt-[40px]",
-				children: [/* @__PURE__ */ f("div", {
-					className: "flex items-center relative",
-					children: [
-						/* @__PURE__ */ d("label", {
-							className: "w-[80px] shrink-0",
-							children: a("linkAddress")
-						}),
-						/* @__PURE__ */ d(w, {
-							value: c,
-							onChange: (e) => l(e.target.value),
-							placeholder: a("editor.linkTip")
-						}),
-						/* @__PURE__ */ d("div", {
-							className: "absolute bottom-[-30px] left-[80px]",
-							children: /* @__PURE__ */ d("p", {
-								className: "text-[#999]",
-								children: a("editor.linkAliasTip")
-							})
-						})
-					]
-				}), /* @__PURE__ */ f("div", {
-					className: "flex items-center mt-[40px]",
-					children: [/* @__PURE__ */ d("label", {
-						className: "w-[80px] shrink-0",
-						children: a("showContent")
-					}), /* @__PURE__ */ d(w, {
-						value: p,
-						onChange: (e) => m(e.target.value)
-					})]
-				})]
-			}), /* @__PURE__ */ f("div", {
-				className: "py-[14px] px-[20px] flex justify-between items-center border-t-[1px] border-solid border-[#e0e0e0]",
-				children: [/* @__PURE__ */ d("div", { children: /* @__PURE__ */ d(i, {
-					checked: h,
-					onChange: (e) => _(e),
-					children: a("openInNewTab")
-				}) }), /* @__PURE__ */ f("div", {
-					className: "flex gap-[15px]",
-					children: [/* @__PURE__ */ d(S, {
-						onClick: () => E(!1),
-						children: a("cancel")
-					}), /* @__PURE__ */ d(S, {
-						type: "primary",
-						onClick: D,
-						children: a("confirm")
-					})]
-				})]
-			})] })
-		})
-	] });
-}, ge = () => {
-	let [e] = L(), { link: t } = W(), { t: n } = r();
-	return /* @__PURE__ */ d(U, {
-		icon: "cancellink",
-		tooltip: n("cancelLink"),
-		onClick: () => {
-			t && e.dispatchCommand(ie, null);
-		}
-	});
-}, q = {
-	"picture-modal__container": "_picture-modal__container_1lb4d_1",
-	"picture-modal__sidebar": "_picture-modal__sidebar_1lb4d_4",
-	"picture-modal__menu-list": "_picture-modal__menu-list_1lb4d_9",
-	"picture-modal__menu-item": "_picture-modal__menu-item_1lb4d_14",
-	"picture-modal__slider": "_picture-modal__slider_1lb4d_24",
-	"picture-modal__content": "_picture-modal__content_1lb4d_35",
-	"picture-modal__content-wrapper": "_picture-modal__content-wrapper_1lb4d_41",
-	"picture-modal__content-container": "_picture-modal__content-container_1lb4d_45",
-	"picture-modal__content-page": "_picture-modal__content-page_1lb4d_48",
-	"picture-modal__content-title": "_picture-modal__content-title_1lb4d_51",
-	"picture-modal__upload-area": "_picture-modal__upload-area_1lb4d_62",
-	"picture-modal__upload-area--dragging": "_picture-modal__upload-area--dragging_1lb4d_77",
-	"picture-modal__preview": "_picture-modal__preview_1lb4d_83",
-	"picture-modal__preview-image": "_picture-modal__preview-image_1lb4d_92",
-	"picture-modal__preview-info": "_picture-modal__preview-info_1lb4d_102",
-	"picture-modal__preview-filename": "_picture-modal__preview-filename_1lb4d_106",
-	"picture-modal__preview-size": "_picture-modal__preview-size_1lb4d_112",
-	"picture-modal__preview-delete": "_picture-modal__preview-delete_1lb4d_116",
-	"picture-modal__upload-text": "_picture-modal__upload-text_1lb4d_124",
-	"picture-modal__footer": "_picture-modal__footer_1lb4d_128"
-}, J = h((e, t) => {
-	let [n] = C.useForm(), [i, a] = x(""), { t: o } = r(), s = (e) => /^https?:\/\/.+/i.test(e);
-	return v(t, () => ({ getValue: async () => {
-		try {
-			return await n.validateFields(), i;
-		} catch {
-			throw Error("URL validation failed");
-		}
-	} })), /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", {
-		className: q["picture-modal__content-title"],
-		"data-title": o("editor.imageUrlNote"),
-		children: o("editor.enterImageUrl")
-	}), /* @__PURE__ */ d(C, {
-		form: n,
-		children: /* @__PURE__ */ d(C.Item, {
-			name: "url",
-			rules: [{
-				required: !0,
-				message: o("editor.pleaseEnterImageUrl")
-			}, { validator: (e, t) => !t || s(t) ? Promise.resolve() : Promise.reject(Error(o("editor.pleaseEnterValidImageUrl"))) }],
-			children: /* @__PURE__ */ d(w, {
-				placeholder: o("editor.pleaseEnterImageUrl"),
-				value: i,
-				onChange: (e) => a(e.target.value)
-			})
-		})
-	})] });
-});
-J.displayName = "LinkInput";
-//#endregion
-//#region src/components/Editor/ToolbarPlugin/Buttons/PictureButton/UploadImage.tsx
-var Y = h((t, n) => {
-	let [i, a] = x(null), [o, s] = x(!1), [c, l] = x(null), u = b(null), [p, m] = T.useMessage(), { t: h } = r(), g = (e) => (e / 1024).toFixed(1) + "kb", _ = (e) => e.type.startsWith("image/") ? e.size > 1048576 ? (p.warning(h("editor.imageSizeNote")), !1) : !0 : (p.warning(h("editor.onlyImageFormatsSupported")), !1), y = (e) => {
-		_(e) && (a(URL.createObjectURL(e)), l(e));
-	}, S = () => {
-		u.current?.click();
-	}, C = (e) => {
-		let t = e.target.files?.[0];
-		t && y(t);
-	};
-	return v(n, () => ({ getValue: async () => {
-		if (!c) throw p.warning(h("editor.pleaseUploadImageFirst")), Error(h("editor.pleaseUploadImageFirst"));
-		return new Promise((e, t) => {
-			let n = new FileReader();
-			n.onload = () => {
-				e({
-					src: n.result,
-					fileName: c.name
-				});
-			}, n.onerror = () => {
-				t(Error(h("editor.operationFailed")));
-			}, n.readAsDataURL(c);
-		});
-	} })), /* @__PURE__ */ f("div", {
-		className: "h-full",
-		onDragOver: (e) => {
-			e.preventDefault(), s(!0);
-		},
-		onDragLeave: (e) => {
-			e.preventDefault(), s(!1);
-		},
-		onDrop: (e) => {
-			e.preventDefault(), s(!1);
-			let t = e.dataTransfer.files[0];
-			t && y(t);
-		},
-		children: [
-			/* @__PURE__ */ d("div", {
-				className: q["picture-modal__content-title"],
-				"data-title": h("editor.imageSizeNote"),
-				children: h("editor.uploadImage")
-			}),
-			/* @__PURE__ */ f("div", {
-				className: `${q["picture-modal__upload-area"]} ${o ? q["picture-modal__upload-area--dragging"] : ""}`,
-				onClick: S,
-				children: [/* @__PURE__ */ d(e, { name: "upload" }), /* @__PURE__ */ d("span", {
-					className: q["picture-modal__upload-text"],
-					children: h("editor.clickOrDragToUpload")
-				})]
-			}),
-			/* @__PURE__ */ d(D, {
-				mode: "wait",
-				children: i && c && /* @__PURE__ */ f(O.div, {
-					className: q["picture-modal__preview"],
-					initial: {
-						opacity: 0,
-						y: 20,
-						scale: .95
-					},
-					animate: {
-						opacity: 1,
-						y: 0,
-						scale: 1
-					},
-					exit: {
-						opacity: 0,
-						y: -10,
-						scale: .95
-					},
-					transition: {
-						duration: .3,
-						ease: [
-							.4,
-							0,
-							.2,
-							1
-						]
-					},
-					children: [
-						/* @__PURE__ */ d(O.div, {
-							className: q["picture-modal__preview-image"],
-							initial: {
-								opacity: 0,
-								scale: .8
-							},
-							animate: {
-								opacity: 1,
-								scale: 1
-							},
-							transition: {
-								delay: .1,
-								duration: .2
-							},
-							children: /* @__PURE__ */ d("img", {
-								src: i,
-								alt: h("editor.previewImage")
-							})
-						}),
-						/* @__PURE__ */ f(O.div, {
-							className: q["picture-modal__preview-info"],
-							initial: {
-								opacity: 0,
-								x: 20
-							},
-							animate: {
-								opacity: 1,
-								x: 0
-							},
-							transition: {
-								delay: .15,
-								duration: .2
-							},
-							children: [/* @__PURE__ */ d("div", {
-								className: q["picture-modal__preview-filename"],
-								children: c.name
-							}), /* @__PURE__ */ d("div", {
-								className: q["picture-modal__preview-size"],
-								children: g(c.size)
-							})]
-						}),
-						/* @__PURE__ */ d(O.div, {
-							className: q["picture-modal__preview-delete"],
-							role: "button",
-							onClick: () => {
-								a(null), l(null);
-							},
-							initial: {
-								opacity: 0,
-								scale: .8
-							},
-							animate: {
-								opacity: 1,
-								scale: 1
-							},
-							transition: {
-								delay: .2,
-								duration: .2
-							},
-							whileHover: { scale: 1.1 },
-							whileTap: { scale: .95 },
-							children: /* @__PURE__ */ d(e, { name: "delete" })
-						})
-					]
-				}, "preview")
-			}),
-			/* @__PURE__ */ d("input", {
-				ref: u,
-				type: "file",
-				accept: "image/*",
-				style: { display: "none" },
-				onChange: C
-			}),
-			m
-		]
-	});
-});
-Y.displayName = "UploadImage";
-//#endregion
-//#region src/components/Editor/commands/ImageCommands.ts
-var X = ne("INSERT_INLINE_IMAGE_COMMAND"), _e = () => {
-	let { t: n } = r(), [i] = L(), [a, o] = x(!1), s = b(null), c = b(null), l = [{
-		key: "upload",
-		title: n("editor.uploadImage"),
-		icon: /* @__PURE__ */ d(e, { name: "picture" })
-	}, {
-		key: "url",
-		title: n("editor.imageUrl"),
-		icon: /* @__PURE__ */ d(e, { name: "Insertlink" })
-	}], [p, m] = x(l[0].key), h = () => l.findIndex((e) => e.key === p) * 40, g = async () => {
-		try {
-			let e = "", t = "";
-			if (p === "upload" && c.current) {
-				let n = await c.current.getValue();
-				e = n.src, t = n.fileName;
-			} else s.current && (e = await s.current.getValue(), t = e);
-			i.dispatchCommand(X, {
-				src: e,
-				altText: t
-			}), o(!1);
-		} catch (e) {
-			T.error(e instanceof Error ? e.message : n("editor.operationFailed"));
-		}
-	}, _ = {
-		upload: /* @__PURE__ */ d(Y, { ref: c }),
-		url: /* @__PURE__ */ d(J, { ref: s })
-	};
-	return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(U, {
-		icon: "picture",
-		tooltip: n("picture"),
-		onClick: () => o(!0)
-	}), /* @__PURE__ */ f(t, {
-		title: n("addPicture"),
-		open: a,
-		onOpenChange: o,
-		width: "620px",
-		children: [/* @__PURE__ */ f("div", {
-			className: q["picture-modal__container"],
-			children: [/* @__PURE__ */ f("div", {
-				className: q["picture-modal__sidebar"],
-				children: [/* @__PURE__ */ d("div", {
-					className: q["picture-modal__slider"],
-					style: { transform: `translateY(${h()}px)` }
-				}), /* @__PURE__ */ d("ul", {
-					className: q["picture-modal__menu-list"],
-					children: l.map((e) => /* @__PURE__ */ f("li", {
-						className: `${q["picture-modal__menu-item"]} ${p === e.key ? q["picture-modal__menu-item--active"] : ""}`,
-						onClick: () => m(e.key),
-						children: [/* @__PURE__ */ d("span", {
-							className: q["picture-modal__menu-icon"],
-							children: e.icon
-						}), /* @__PURE__ */ d("span", { children: e.title })]
-					}, e.title))
-				})]
-			}), /* @__PURE__ */ d("div", {
-				className: q["picture-modal__content"],
-				children: _[p]
-			})]
-		}), /* @__PURE__ */ f("div", {
-			className: q["picture-modal__footer"],
-			children: [/* @__PURE__ */ d(S, {
-				onClick: () => o(!1),
-				children: n("cancel")
-			}), /* @__PURE__ */ d(S, {
-				type: "primary",
-				onClick: g,
-				children: n("confirm")
-			})]
-		})]
-	})] });
-}, Z = /* @__PURE__ */ new Map(), Q = (e, t) => {
-	if (!e) throw Error("registerToolbarButton: name is required");
-	Z.set(e, t);
-}, ve = (e) => {
-	Z.delete(e);
-}, ye = (e) => Z.get(e), be = () => Array.from(Z.keys()), $ = {
-	bold: se,
-	underline: ce,
-	italic: le,
-	fontSize: ue,
-	fontColor: de,
-	fill: fe,
-	align: pe,
-	link: he,
-	unLink: ge,
-	picture: _e
-};
-Object.entries($).forEach(([e, t]) => {
-	Q(e, t);
-});
-//#endregion
-export { ve as a, K as c, B as d, Q as i, U as l, ye as n, X as o, be as r, G as s, $ as t, ae as u };