@baishuyun/ui-base 2.3.1 → 2.3.2

package/dist/Editor/Buttons--dMLPuk2.js

@@ -0,0 +1,595 @@
+import { t as e } from "../Icon/Icon-DppVOyPK.js";
+import { t } from "../vendors/useLocale-BfT0V1j4.js";
+import { t as n } from "../vendors/clsx-DNOE4Gl8.js";
+import { t as r } from "../Modal/Modal-FVJpbEgw.js";
+import { t as i } from "../ColorPicker/ColorPicker-BBP-4-so.js";
+import { t as a } from "../CheckBox/CheckBox-Db8X-pw9.js";
+import { t as o } from "../DropDown/DropDown-CKXi9mXN.js";
+import { A as s, E as c, F as l, I as u, P as d, T as f, g as p, i as m, j as h, k as g, n as _, s as v, x as y, y as ee } from "../vendors/lexical-hZliMgDv.js";
+import { FONT_SIZES as b } from "./constants/index.js";
+import { AlignCenterOutlined as x, AlignLeftOutlined as S, AlignRightOutlined as C } from "@ant-design/icons";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import D, { createContext as O, forwardRef as k, useCallback as A, useContext as j, useImperativeHandle as M, useMemo as N, useRef as P, useState as F } from "react";
+import { Button as I, Form as L, Input as R, message as z } from "antd";
+import { AnimatePresence as te, motion as B } from "motion/react";
+//#region src/components/Editor/ToolbarPlugin/context/TextFormatsContext.tsx
+var V = O(null), H = {
+	"lexical-editor__toolbar-button": "_lexical-editor__toolbar-button_1y192_1",
+	"lexical-editor__toolbar-button-active": "_lexical-editor__toolbar-button-active_1y192_7"
+}, U = (t) => {
+	let { icon: r, tooltip: i, onClick: a, disabled: o = !1, active: s = !1, size: c = 14 } = t;
+	return /* @__PURE__ */ T("button", {
+		className: n(H["lexical-editor__toolbar-button"], { [H["lexical-editor__toolbar-button-active"]]: s }),
+		type: "button",
+		onClick: a,
+		disabled: o,
+		title: i,
+		children: D.isValidElement(r) ? r : /* @__PURE__ */ T(e, {
+			name: r,
+			size: c
+		})
+	});
+}, W = () => {
+	let e = j(V);
+	if (!e) throw Error("useTextFormatsContext must be used within TextFormatsProvider");
+	return e;
+}, ne = () => {
+	let [e] = u(), n = W(), { t: r } = t(), i = n.bold;
+	return /* @__PURE__ */ T(U, {
+		icon: "bold",
+		tooltip: r("editor.bold"),
+		active: i,
+		onClick: () => {
+			e.dispatchCommand(h, "bold");
+		}
+	});
+}, re = () => {
+	let [e] = u(), n = W(), { t: r } = t(), i = n.underline;
+	return /* @__PURE__ */ T(U, {
+		icon: "underline",
+		tooltip: r("editor.underline"),
+		active: i,
+		onClick: () => {
+			e.dispatchCommand(h, "underline");
+		}
+	});
+}, ie = () => {
+	let [e] = u(), n = W(), { t: r } = t(), i = n.italic;
+	return /* @__PURE__ */ T(U, {
+		icon: "italic",
+		tooltip: r("editor.italic"),
+		active: i,
+		onClick: () => {
+			e.dispatchCommand(h, "italic");
+		}
+	});
+}, ae = () => {
+	let [e] = u(), t = W();
+	return /* @__PURE__ */ T(o, {
+		menus: N(() => b.map((e) => ({
+			key: e.value,
+			label: e.label
+		})), []),
+		onClick: A((t) => {
+			let n = t.key;
+			e.update(() => {
+				let e = y();
+				f(e) && p(e, { "font-size": n });
+			});
+		}, [e]),
+		activeKey: [t.fontSize],
+		showSearch: !1,
+		style: {
+			width: "60px",
+			minWidth: "60px"
+		},
+		children: /* @__PURE__ */ T("div", {
+			className: "dropdown__trigger inline-flex",
+			children: /* @__PURE__ */ T(U, {
+				icon: "fontsize",
+				tooltip: "字号",
+				active: !1
+			})
+		})
+	});
+}, G = O(null), K = () => {
+	let e = j(G);
+	if (!e) throw Error("useEditorContainer must be used within EditorContainerProvider");
+	return e;
+}, oe = () => {
+	let [e] = u(), n = W(), { t: r } = t(), { getPopupContainer: a } = K(), o = A((t) => {
+		e.update(() => {
+			let e = y();
+			f(e) && p(e, { color: t });
+		});
+	}, [e]);
+	return /* @__PURE__ */ T(i, {
+		value: n.fontColor,
+		onChange: o,
+		placement: "bottom-start",
+		getPopupContainer: a,
+		children: /* @__PURE__ */ T("div", {
+			className: "trigger-picker inline-flex",
+			children: /* @__PURE__ */ T(U, {
+				icon: "fontcolor",
+				tooltip: r("editor.fontColor"),
+				onClick: () => {},
+				active: !1
+			})
+		})
+	});
+}, se = () => {
+	let [e] = u(), n = W(), { t: r } = t(), { getPopupContainer: a } = K(), o = A((t) => {
+		e.update(() => {
+			let e = y();
+			f(e) && p(e, { "background-color": t });
+		});
+	}, [e]);
+	return /* @__PURE__ */ T(i, {
+		value: n.backgroundColor,
+		onChange: o,
+		placement: "bottom-start",
+		getPopupContainer: a,
+		children: /* @__PURE__ */ T("div", {
+			className: "trigger-picker inline-flex",
+			children: /* @__PURE__ */ T(U, {
+				icon: "fill",
+				tooltip: r("editor.fill"),
+				onClick: () => {},
+				active: !1
+			})
+		})
+	});
+}, ce = () => {
+	let [e] = u(), { align: n } = W(), { t: r } = t(), i = [
+		{
+			key: "left",
+			label: r("leftAlign"),
+			icon: /* @__PURE__ */ T(S, {})
+		},
+		{
+			key: "center",
+			label: r("editor.centerAlign"),
+			icon: /* @__PURE__ */ T(x, {})
+		},
+		{
+			key: "right",
+			label: r("editor.rightAlign"),
+			icon: /* @__PURE__ */ T(C, {})
+		}
+	], a = A((t) => {
+		e.dispatchCommand(s, t);
+	}, [e]), c = i.map((e) => ({
+		key: e.key,
+		label: /* @__PURE__ */ E("div", {
+			className: "flex items-center gap-2",
+			children: [e.icon, /* @__PURE__ */ T("span", { children: e.label })]
+		})
+	})), l = A((e) => {
+		a(e.key);
+	}, [a]), d = i.find((e) => e.key === n)?.icon || /* @__PURE__ */ T(S, {});
+	return /* @__PURE__ */ T(o, {
+		menus: c,
+		onClick: l,
+		showSearch: !1,
+		activeKey: [n],
+		style: {
+			width: "110px",
+			minWidth: "110px"
+		},
+		children: /* @__PURE__ */ T("div", {
+			className: "trigger-dropdown inline-flex text-sm",
+			children: /* @__PURE__ */ T(U, {
+				icon: d,
+				tooltip: r("editor.alignment"),
+				onClick: () => {},
+				active: !1
+			})
+		})
+	});
+}, le = () => {
+	let [e] = u(), { link: n } = W(), { t: i } = t(), [o, s] = F(!1), [c, p] = F(""), [m, h] = F(""), [b, x] = F(!0), [S, C] = z.useMessage(), D = A((e) => e ? e.startsWith("@") ? "javascript:void(0);" : e.match(/^https?:\/\//) ? e : `http://${e}` : "", []), O = () => {
+		if (!c) {
+			S.warning(i("editor.linkAddressEmpty"));
+			return;
+		}
+		let t = D(c);
+		e.update(() => {
+			let e = b ? {
+				target: "_blank",
+				rel: "noopener noreferrer",
+				title: c
+			} : { title: c }, n = y(), r = _(t, e), i = g(m || c);
+			if (f(n)) n.isCollapsed() ? (r.append(i), n.insertNodes([r])) : v(t);
+			else {
+				r.append(i);
+				let e = d(), t = e.getLastChild();
+				if (l(t) && t.isEmpty()) t.append(r);
+				else {
+					let t = ee();
+					t.append(r), e.append(t);
+				}
+			}
+		}), p(""), h(""), s(!1);
+	}, k = A(() => {
+		n ? (p(n.link === "javascript:void(0);" ? "" : n.link), h(n.linkText)) : (p(""), h("")), s(!0);
+	}, [n]);
+	return /* @__PURE__ */ E(w, { children: [
+		/* @__PURE__ */ T(U, {
+			icon: "Insertlink",
+			tooltip: i("link"),
+			onClick: k,
+			active: !!n?.link
+		}),
+		C,
+		/* @__PURE__ */ T(r, {
+			title: i("link"),
+			open: o,
+			onOpenChange: s,
+			children: /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("div", {
+				className: "px-[20px] pb-[60px] pt-[40px]",
+				children: [/* @__PURE__ */ E("div", {
+					className: "flex items-center relative",
+					children: [
+						/* @__PURE__ */ T("label", {
+							className: "w-[80px] shrink-0",
+							children: i("linkAddress")
+						}),
+						/* @__PURE__ */ T(R, {
+							value: c,
+							onChange: (e) => p(e.target.value),
+							placeholder: i("editor.linkTip")
+						}),
+						/* @__PURE__ */ T("div", {
+							className: "absolute bottom-[-30px] left-[80px]",
+							children: /* @__PURE__ */ T("p", {
+								className: "text-[#999]",
+								children: "链接可用 @表单别名，用于应用内表单跳转"
+							})
+						})
+					]
+				}), /* @__PURE__ */ E("div", {
+					className: "flex items-center mt-[40px]",
+					children: [/* @__PURE__ */ T("label", {
+						className: "w-[80px] shrink-0",
+						children: i("showContent")
+					}), /* @__PURE__ */ T(R, {
+						value: m,
+						onChange: (e) => h(e.target.value)
+					})]
+				})]
+			}), /* @__PURE__ */ E("div", {
+				className: "py-[14px] px-[20px] flex justify-between items-center border-t-[1px] border-solid border-[#e0e0e0]",
+				children: [/* @__PURE__ */ T("div", { children: /* @__PURE__ */ T(a, {
+					checked: b,
+					onChange: (e) => x(e),
+					children: i("openInNewTab")
+				}) }), /* @__PURE__ */ E("div", {
+					className: "flex gap-[15px]",
+					children: [/* @__PURE__ */ T(I, {
+						onClick: () => s(!1),
+						children: i("cancel")
+					}), /* @__PURE__ */ T(I, {
+						type: "primary",
+						onClick: O,
+						children: i("confirm")
+					})]
+				})]
+			})] })
+		})
+	] });
+}, ue = () => {
+	let [e] = u(), { link: n } = W(), { t: r } = t();
+	return /* @__PURE__ */ T(U, {
+		icon: "cancellink",
+		tooltip: r("cancelLink"),
+		onClick: () => {
+			n && e.dispatchCommand(m, null);
+		}
+	});
+}, q = {
+	"picture-modal__container": "_picture-modal__container_qyj1h_1",
+	"picture-modal__sidebar": "_picture-modal__sidebar_qyj1h_4",
+	"picture-modal__menu-list": "_picture-modal__menu-list_qyj1h_9",
+	"picture-modal__menu-item": "_picture-modal__menu-item_qyj1h_14",
+	"picture-modal__slider": "_picture-modal__slider_qyj1h_24",
+	"picture-modal__content": "_picture-modal__content_qyj1h_35",
+	"picture-modal__content-wrapper": "_picture-modal__content-wrapper_qyj1h_41",
+	"picture-modal__content-container": "_picture-modal__content-container_qyj1h_45",
+	"picture-modal__content-page": "_picture-modal__content-page_qyj1h_48",
+	"picture-modal__content-title": "_picture-modal__content-title_qyj1h_51",
+	"picture-modal__upload-area": "_picture-modal__upload-area_qyj1h_62",
+	"picture-modal__upload-area--dragging": "_picture-modal__upload-area--dragging_qyj1h_77",
+	"picture-modal__preview": "_picture-modal__preview_qyj1h_83",
+	"picture-modal__preview-image": "_picture-modal__preview-image_qyj1h_92",
+	"picture-modal__preview-info": "_picture-modal__preview-info_qyj1h_99",
+	"picture-modal__preview-filename": "_picture-modal__preview-filename_qyj1h_103",
+	"picture-modal__preview-size": "_picture-modal__preview-size_qyj1h_109",
+	"picture-modal__preview-delete": "_picture-modal__preview-delete_qyj1h_113",
+	"picture-modal__upload-text": "_picture-modal__upload-text_qyj1h_121",
+	"picture-modal__footer": "_picture-modal__footer_qyj1h_125"
+}, J = k((e, n) => {
+	let [r] = L.useForm(), [i, a] = F(""), { t: o } = t(), s = (e) => /^https?:\/\/.+/i.test(e);
+	return M(n, () => ({ getValue: async () => {
+		try {
+			return await r.validateFields(), i;
+		} catch {
+			throw Error("URL validation failed");
+		}
+	} })), /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("div", {
+		className: q["picture-modal__content-title"],
+		"data-title": o("editor.imageUrlNote"),
+		children: o("editor.enterImageUrl")
+	}), /* @__PURE__ */ T(L, {
+		form: r,
+		children: /* @__PURE__ */ T(L.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__ */ T(R, {
+				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 = k((n, r) => {
+	let [i, a] = F(null), [o, s] = F(!1), [c, l] = F(null), u = P(null), [d, f] = z.useMessage(), { t: p } = t(), m = (e) => (e / 1024).toFixed(1) + "kb", h = (e) => e.type.startsWith("image/") ? e.size > 1048576 ? (d.warning(p("editor.imageSizeNote")), !1) : !0 : (d.warning(p("editor.onlyImageFormatsSupported")), !1), g = (e) => {
+		h(e) && (a(URL.createObjectURL(e)), l(e));
+	}, _ = () => {
+		u.current?.click();
+	}, v = (e) => {
+		let t = e.target.files?.[0];
+		t && g(t);
+	};
+	return M(r, () => ({ getValue: async () => {
+		if (!c) throw d.warning(p("editor.pleaseUploadImageFirst")), Error(p("editor.pleaseUploadImageFirst"));
+		return new Promise((e, t) => {
+			let n = new FileReader();
+			n.onload = () => {
+				e({
+					src: n.result,
+					fileName: c.name
+				});
+			}, n.onerror = () => {
+				t(Error(p("editor.operationFailed")));
+			}, n.readAsDataURL(c);
+		});
+	} })), /* @__PURE__ */ E("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 && g(t);
+		},
+		children: [
+			/* @__PURE__ */ T("div", {
+				className: q["picture-modal__content-title"],
+				"data-title": p("editor.imageSizeNote"),
+				children: p("editor.uploadImage")
+			}),
+			/* @__PURE__ */ E("div", {
+				className: `${q["picture-modal__upload-area"]} ${o ? q["picture-modal__upload-area--dragging"] : ""}`,
+				onClick: _,
+				children: [/* @__PURE__ */ T(e, { name: "upload" }), /* @__PURE__ */ T("span", {
+					className: q["picture-modal__upload-text"],
+					children: p("editor.clickOrDragToUpload")
+				})]
+			}),
+			/* @__PURE__ */ T(te, {
+				mode: "wait",
+				children: i && c && /* @__PURE__ */ E(B.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__ */ T(B.div, {
+							className: q["picture-modal__preview-image"],
+							initial: {
+								opacity: 0,
+								scale: .8
+							},
+							animate: {
+								opacity: 1,
+								scale: 1
+							},
+							transition: {
+								delay: .1,
+								duration: .2
+							},
+							children: /* @__PURE__ */ T("img", {
+								src: i,
+								style: {
+									maxWidth: "120px",
+									height: "80px"
+								},
+								alt: p("editor.previewImage")
+							})
+						}),
+						/* @__PURE__ */ E(B.div, {
+							className: q["picture-modal__preview-info"],
+							initial: {
+								opacity: 0,
+								x: 20
+							},
+							animate: {
+								opacity: 1,
+								x: 0
+							},
+							transition: {
+								delay: .15,
+								duration: .2
+							},
+							children: [/* @__PURE__ */ T("div", {
+								className: q["picture-modal__preview-filename"],
+								children: c.name
+							}), /* @__PURE__ */ T("div", {
+								className: q["picture-modal__preview-size"],
+								children: m(c.size)
+							})]
+						}),
+						/* @__PURE__ */ T(B.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__ */ T(e, { name: "delete" })
+						})
+					]
+				}, "preview")
+			}),
+			/* @__PURE__ */ T("input", {
+				ref: u,
+				type: "file",
+				accept: "image/*",
+				style: { display: "none" },
+				onChange: v
+			}),
+			f
+		]
+	});
+});
+Y.displayName = "UploadImage";
+//#endregion
+//#region src/components/Editor/commands/ImageCommands.ts
+var X = c("INSERT_INLINE_IMAGE_COMMAND"), de = () => {
+	let { t: n } = t(), [i] = u(), [a, o] = F(!1), s = P(null), c = P(null), l = [{
+		key: "upload",
+		title: n("editor.uploadImage"),
+		icon: /* @__PURE__ */ T(e, { name: "picture" })
+	}, {
+		key: "url",
+		title: n("editor.imageUrl"),
+		icon: /* @__PURE__ */ T(e, { name: "Insertlink" })
+	}], [d, f] = F(l[0].key), p = () => l.findIndex((e) => e.key === d) * 40, m = async () => {
+		try {
+			let e = "", t = "";
+			if (d === "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) {
+			z.error(e instanceof Error ? e.message : n("editor.operationFailed"));
+		}
+	}, h = {
+		upload: /* @__PURE__ */ T(Y, { ref: c }),
+		url: /* @__PURE__ */ T(J, { ref: s })
+	};
+	return /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(U, {
+		icon: "picture",
+		tooltip: n("picture"),
+		onClick: () => o(!0)
+	}), /* @__PURE__ */ E(r, {
+		title: n("addPicture"),
+		open: a,
+		onOpenChange: o,
+		width: "620px",
+		children: [/* @__PURE__ */ E("div", {
+			className: q["picture-modal__container"],
+			children: [/* @__PURE__ */ E("div", {
+				className: q["picture-modal__sidebar"],
+				children: [/* @__PURE__ */ T("div", {
+					className: q["picture-modal__slider"],
+					style: { transform: `translateY(${p()}px)` }
+				}), /* @__PURE__ */ T("ul", {
+					className: q["picture-modal__menu-list"],
+					children: l.map((e) => /* @__PURE__ */ E("li", {
+						className: `${q["picture-modal__menu-item"]} ${d === e.key ? q["picture-modal__menu-item--active"] : ""}`,
+						onClick: () => f(e.key),
+						children: [/* @__PURE__ */ T("span", {
+							className: q["picture-modal__menu-icon"],
+							children: e.icon
+						}), /* @__PURE__ */ T("span", { children: e.title })]
+					}, e.title))
+				})]
+			}), /* @__PURE__ */ T("div", {
+				className: q["picture-modal__content"],
+				children: h[d]
+			})]
+		}), /* @__PURE__ */ E("div", {
+			className: q["picture-modal__footer"],
+			children: [/* @__PURE__ */ T(I, {
+				onClick: () => o(!1),
+				children: n("cancel")
+			}), /* @__PURE__ */ T(I, {
+				type: "primary",
+				onClick: m,
+				children: n("confirm")
+			})]
+		})]
+	})] });
+}, Z = /* @__PURE__ */ new Map(), Q = (e, t) => {
+	if (!e) throw Error("registerToolbarButton: name is required");
+	Z.set(e, t);
+}, fe = (e) => {
+	Z.delete(e);
+}, pe = (e) => Z.get(e), me = () => Array.from(Z.keys()), $ = {
+	bold: ne,
+	underline: re,
+	italic: ie,
+	fontSize: ae,
+	fontColor: oe,
+	fill: se,
+	align: ce,
+	link: le,
+	unLink: ue,
+	picture: de
+};
+Object.entries($).forEach(([e, t]) => {
+	Q(e, t);
+});
+//#endregion
+export { fe as a, U as c, Q as i, V as l, pe as n, X as o, me as r, G as s, $ as t };

package/dist/Editor/ToolbarPlugin/Buttons/index.js

@@ -1,8 +1,14 @@
-import { b as r, g as a, l as e, r as s, u as l } from "../../index-D7tFsaxU.js";
-export {
-  r as default,
-  a as getToolbarButton,
-  e as listRegisteredToolbarButtons,
-  s as registerToolbarButton,
-  l as unregisterToolbarButton
-};
+import "../../../Icon/Icon-DppVOyPK.js";
+import "../../../vendors/useLocale-BfT0V1j4.js";
+import "../../../Modal/Modal-FVJpbEgw.js";
+import "../../../ColorPicker/ColorPicker-BBP-4-so.js";
+import "../../../vendors/tinycolor2-DToeAEPD.js";
+import "../../../vendors/color-BPWy9DvT.js";
+import "../../../Select/SelectInputSearch-CIXBNLFi.js";
+import "../../../CheckBox/CheckBox--rXaUgMO.js";
+import "../../../CheckBox/CheckBox-Db8X-pw9.js";
+import "../../../NotFoundContent/NotFoundContent-CTPpcZOt.js";
+import "../../../vendors/useFloatingPortal-BA6P5GxV.js";
+import "../../../DropDown/DropDown-CKXi9mXN.js";
+import { a as e, i as t, n, r, t as i } from "../../Buttons--dMLPuk2.js";
+export { i as default, n as getToolbarButton, r as listRegisteredToolbarButtons, t as registerToolbarButton, e as unregisterToolbarButton };

package/dist/Editor/constants/index.js

@@ -1,20 +1,53 @@
-const l = [
-  { label: "12", value: "12px" },
-  { label: "14", value: "14px" },
-  { label: "16", value: "16px" },
-  { label: "18", value: "18px" },
-  { label: "20", value: "20px" },
-  { label: "22", value: "22px" },
-  { label: "24", value: "24px" },
-  { label: "28", value: "28px" },
-  { label: "32", value: "32px" },
-  { label: "36", value: "36px" },
-  { label: "64", value: "64px" },
-  { label: "128", value: "128px" }
-], a = "16px", e = "#000", p = "transparent";
-export {
-  p as DEFAULT_BACKGROUND_COLOR,
-  e as DEFAULT_FONT_COLOR,
-  a as DEFAULT_FONT_SIZE,
-  l as FONT_SIZES
-};
+//#region src/components/Editor/constants/index.ts
+var e = [
+	{
+		label: "12",
+		value: "12px"
+	},
+	{
+		label: "14",
+		value: "14px"
+	},
+	{
+		label: "16",
+		value: "16px"
+	},
+	{
+		label: "18",
+		value: "18px"
+	},
+	{
+		label: "20",
+		value: "20px"
+	},
+	{
+		label: "22",
+		value: "22px"
+	},
+	{
+		label: "24",
+		value: "24px"
+	},
+	{
+		label: "28",
+		value: "28px"
+	},
+	{
+		label: "32",
+		value: "32px"
+	},
+	{
+		label: "36",
+		value: "36px"
+	},
+	{
+		label: "64",
+		value: "64px"
+	},
+	{
+		label: "128",
+		value: "128px"
+	}
+], t = "16px", n = "#000", r = "transparent";
+//#endregion
+export { r as DEFAULT_BACKGROUND_COLOR, n as DEFAULT_FONT_COLOR, t as DEFAULT_FONT_SIZE, e as FONT_SIZES };