@veltra/desktop 1.0.0

package/dist/components/rich-text-editor/rich-text-editor.vue.d.ts

@@ -0,0 +1,23 @@
+import { RichTextEditorProps, RichTextFormat, ToolbarItem } from "../../types/rich-text-editor.js";
+import * as _$vue from "vue";
+
+//#region src/components/rich-text-editor/rich-text-editor.vue.d.ts
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: _$vue.DefineComponent<RichTextEditorProps & {
+  modelValue?: string;
+}, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: string | undefined) => any;
+}, string, _$vue.PublicProps, Readonly<RichTextEditorProps & {
+  modelValue?: string;
+}> & Readonly<{
+  "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {
+  readonly: boolean;
+  disabled: boolean;
+  placeholder: string;
+  format: RichTextFormat;
+  toolbar: ToolbarItem[];
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+//#endregion
+export { _default };
+//# sourceMappingURL=rich-text-editor.vue.d.ts.map

package/dist/components/rich-text-editor/style.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/components/rich-text-editor/style.js

@@ -0,0 +1 @@
+import "./style2.css";

package/dist/components/rich-text-editor/style2.css

@@ -0,0 +1,338 @@
+@charset "UTF-8";
+/** flex布局 */
+/**
+* 设置css变量
+* 参数1:变量前缀
+* 参数2: 一个由值组成的列表或者由key, value组成的map
+* css-var(height, (
+*   large: 40px
+*   default: 32px
+*   small: 24px
+* ))
+* 生成的css变量:
+* --u-height-large: 40px;
+* --u-height-default: 32px;
+* --u-height-small: 24px;
+*/
+/** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */
+.u-rich-text-editor {
+  width: 100%;
+  border: 1px solid var(--u-border-color);
+  border-radius: var(--u-radius-default);
+  background-color: var(--u-color-bg);
+  transition: border-color 0.25s ease;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+.u-rich-text-editor:hover {
+  border-color: var(--u-color-primary);
+}
+.u-rich-text-editor:focus-within {
+  border-color: var(--u-color-primary);
+  box-shadow: 0 0 0 2px rgba(var(--u-color-primary), 0.1);
+}
+.u-rich-text-editor--small {
+  border-radius: var(--u-radius-small);
+}
+.u-rich-text-editor--default {
+  border-radius: var(--u-radius-default);
+}
+.u-rich-text-editor--large {
+  border-radius: var(--u-radius-large);
+}
+.u-rich-text-editor__toolbar {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 2px;
+  padding: 6px 8px;
+  border-bottom: 1px solid var(--u-border-color);
+  background-color: var(--u-color-bg-muted);
+}
+.u-rich-text-editor__toolbar-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border: none;
+  border-radius: 4px;
+  background: transparent;
+  color: var(--u-text-color);
+  cursor: pointer;
+  transition: all 0.15s ease;
+  padding: 0;
+}
+.u-rich-text-editor__toolbar-btn:hover:not(.is-disabled) {
+  background-color: var(--u-color-hover);
+}
+.u-rich-text-editor__toolbar-btn.is-active {
+  background-color: var(--u-color-primary-light);
+  color: var(--u-color-primary);
+}
+.u-rich-text-editor__toolbar-btn.is-disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+.u-rich-text-editor__toolbar-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+}
+.u-rich-text-editor__toolbar-icon svg {
+  width: 100%;
+  height: 100%;
+}
+.u-rich-text-editor__separator {
+  width: 1px;
+  height: 20px;
+  background-color: var(--u-border-color);
+  margin: 0 4px;
+  flex-shrink: 0;
+}
+.u-rich-text-editor__toolbar-dropdown {
+  position: relative;
+}
+.u-rich-text-editor__heading-select {
+  appearance: none;
+  padding: 2px 24px 2px 8px;
+  height: 28px;
+  border: 1px solid var(--u-border-color);
+  border-radius: 4px;
+  background-color: transparent;
+  color: var(--u-text-color);
+  font-size: 13px;
+  cursor: pointer;
+  outline: none;
+  transition: all 0.15s ease;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 6px center;
+}
+.u-rich-text-editor__heading-select:hover:not(.is-disabled) {
+  border-color: var(--u-color-primary);
+}
+.u-rich-text-editor__heading-select:focus {
+  border-color: var(--u-color-primary);
+}
+.u-rich-text-editor__heading-select.is-disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+.u-rich-text-editor__content {
+  position: relative;
+  flex: 1;
+  min-height: 150px;
+}
+.u-rich-text-editor__editable {
+  padding: 12px 16px;
+  min-height: 150px;
+  outline: none;
+  font-size: 14px;
+  line-height: 1.6;
+  color: var(--u-text-color);
+  word-break: break-word;
+}
+.u-rich-text-editor__editable:focus {
+  outline: none;
+}
+.u-rich-text-editor__placeholder {
+  position: absolute;
+  top: 12px;
+  left: 16px;
+  color: var(--u-text-color-placeholder);
+  pointer-events: none;
+  font-size: 14px;
+  line-height: 1.6;
+  user-select: none;
+}
+.u-rich-text-editor.is-disabled {
+  background-color: var(--u-color-disabled);
+  border-color: var(--u-border-color);
+  cursor: not-allowed;
+}
+.u-rich-text-editor.is-disabled:hover {
+  border-color: var(--u-border-color);
+}
+.u-rich-text-editor.is-readonly:hover {
+  border-color: var(--u-border-color);
+}
+
+.u-rte-paragraph {
+  margin: 0 0 8px 0;
+}
+.u-rte-paragraph:last-child {
+  margin-bottom: 0;
+}
+
+.u-rte-h1 {
+  font-size: 2em;
+  font-weight: 700;
+  line-height: 1.3;
+  margin: 20px 0 10px 0;
+}
+.u-rte-h1:first-child {
+  margin-top: 0;
+}
+
+.u-rte-h2 {
+  font-size: 1.5em;
+  font-weight: 600;
+  line-height: 1.35;
+  margin: 18px 0 8px 0;
+}
+.u-rte-h2:first-child {
+  margin-top: 0;
+}
+
+.u-rte-h3 {
+  font-size: 1.17em;
+  font-weight: 600;
+  line-height: 1.4;
+  margin: 16px 0 6px 0;
+}
+.u-rte-h3:first-child {
+  margin-top: 0;
+}
+
+.u-rte-h4 {
+  font-size: 1em;
+  font-weight: 600;
+  line-height: 1.4;
+  margin: 14px 0 6px 0;
+}
+.u-rte-h4:first-child {
+  margin-top: 0;
+}
+
+.u-rte-h5 {
+  font-size: 0.83em;
+  font-weight: 600;
+  line-height: 1.4;
+  margin: 12px 0 4px 0;
+}
+.u-rte-h5:first-child {
+  margin-top: 0;
+}
+
+.u-rte-h6 {
+  font-size: 0.75em;
+  font-weight: 600;
+  line-height: 1.4;
+  margin: 10px 0 4px 0;
+  color: var(--u-text-color-secondary);
+}
+.u-rte-h6:first-child {
+  margin-top: 0;
+}
+
+.u-rte-bold {
+  font-weight: 700;
+}
+
+.u-rte-italic {
+  font-style: italic;
+}
+
+.u-rte-underline {
+  text-decoration: underline;
+}
+
+.u-rte-strikethrough {
+  text-decoration: line-through;
+}
+
+.u-rte-code {
+  font-family: "Menlo", "Consolas", "Monaco", monospace;
+  font-size: 0.9em;
+  background-color: var(--u-color-bg-muted);
+  padding: 2px 6px;
+  border-radius: 3px;
+  border: 1px solid var(--u-border-color);
+}
+
+.u-rte-ul {
+  list-style-type: disc;
+  padding-left: 24px;
+  margin: 4px 0;
+}
+
+.u-rte-ol {
+  list-style-type: decimal;
+  padding-left: 24px;
+  margin: 4px 0;
+}
+
+.u-rte-li {
+  margin: 2px 0;
+}
+.u-rte-li--nested {
+  list-style-type: none;
+}
+
+.u-rte-blockquote {
+  margin: 8px 0;
+  padding: 8px 16px;
+  border-left: 3px solid var(--u-color-primary);
+  background-color: var(--u-color-bg-muted);
+  color: var(--u-text-color-secondary);
+  font-style: italic;
+}
+
+.u-rte-code-block {
+  font-family: "Menlo", "Consolas", "Monaco", monospace;
+  font-size: 13px;
+  line-height: 1.6;
+  background-color: var(--u-color-bg-muted);
+  border: 1px solid var(--u-border-color);
+  border-radius: 6px;
+  padding: 12px 16px;
+  margin: 8px 0;
+  overflow-x: auto;
+  tab-size: 2;
+  white-space: pre;
+}
+
+.u-rte-token-comment {
+  color: #708090;
+}
+
+.u-rte-token-punctuation {
+  color: #999;
+}
+
+.u-rte-token-property {
+  color: #905;
+}
+
+.u-rte-token-selector {
+  color: #690;
+}
+
+.u-rte-token-operator {
+  color: #9a6e3a;
+}
+
+.u-rte-token-attr {
+  color: #07a;
+}
+
+.u-rte-token-variable {
+  color: #e90;
+}
+
+.u-rte-token-function {
+  color: #dd4a68;
+}
+
+.u-rte-link {
+  color: var(--u-color-primary);
+  text-decoration: underline;
+  cursor: pointer;
+}
+.u-rte-link:hover {
+  text-decoration: none;
+}

package/dist/components/rich-text-editor/toolbar.js

@@ -0,0 +1,221 @@
+import { Fragment, createElementBlock, createElementVNode, createStaticVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, ref, renderList, unref, watch } from "vue";
+import { bem } from "@veltra/utils";
+import { $createParagraphNode, $getSelection, $isRangeSelection, FORMAT_TEXT_COMMAND, REDO_COMMAND, UNDO_COMMAND } from "lexical";
+import { $getNearestNodeOfType } from "@lexical/utils";
+import { $isLinkNode, TOGGLE_LINK_COMMAND } from "@lexical/link";
+import { INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND, ListNode } from "@lexical/list";
+import { $createHeadingNode, $createQuoteNode, $isHeadingNode, $isQuoteNode } from "@lexical/rich-text";
+import { $setBlocksType } from "@lexical/selection";
+//#region src/components/rich-text-editor/toolbar.vue
+const _hoisted_1 = ["value", "disabled"];
+const _hoisted_2 = [
+	"disabled",
+	"title",
+	"onClick"
+];
+const _hoisted_3 = ["innerHTML"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "toolbar",
+	props: {
+		editor: {},
+		toolbar: {},
+		disabled: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const cls = bem("rich-text-editor");
+		const isBold = ref(false);
+		const isItalic = ref(false);
+		const isUnderline = ref(false);
+		const isStrikethrough = ref(false);
+		const isLink = ref(false);
+		const isBulletList = ref(false);
+		const isOrderedList = ref(false);
+		const isBlockquote = ref(false);
+		const activeHeading = ref("paragraph");
+		let cleanupListener = null;
+		function setupListener(editorInstance) {
+			cleanupListener?.();
+			cleanupListener = editorInstance.registerUpdateListener(({ editorState }) => {
+				editorState.read(() => {
+					const selection = $getSelection();
+					if (!$isRangeSelection(selection)) return;
+					updateToolbarState(selection);
+				});
+			});
+		}
+		function updateToolbarState(selection) {
+			isBold.value = selection.hasFormat("bold");
+			isItalic.value = selection.hasFormat("italic");
+			isUnderline.value = selection.hasFormat("underline");
+			isStrikethrough.value = selection.hasFormat("strikethrough");
+			const anchorNode = selection.anchor.getNode();
+			let element = anchorNode.getKey() === "root" ? anchorNode : anchorNode.getTopLevelElementOrThrow();
+			if ($isHeadingNode(element)) activeHeading.value = element.getTag();
+			else activeHeading.value = "paragraph";
+			const parentList = $getNearestNodeOfType(anchorNode, ListNode);
+			if (parentList) {
+				const listType = parentList.getListType();
+				isBulletList.value = listType === "bullet";
+				isOrderedList.value = listType === "number";
+			} else {
+				isBulletList.value = false;
+				isOrderedList.value = false;
+			}
+			isBlockquote.value = $isQuoteNode(element);
+			isLink.value = $isLinkNode(anchorNode.getParent());
+		}
+		watch(() => props.editor, (editorInstance) => {
+			if (editorInstance) setupListener(editorInstance);
+		}, { immediate: true });
+		function isActive(item) {
+			switch (item) {
+				case "bold": return isBold.value;
+				case "italic": return isItalic.value;
+				case "underline": return isUnderline.value;
+				case "strikethrough": return isStrikethrough.value;
+				case "bullet-list": return isBulletList.value;
+				case "ordered-list": return isOrderedList.value;
+				case "blockquote": return isBlockquote.value;
+				case "link": return isLink.value;
+				default: return false;
+			}
+		}
+		function onToolbarAction(item) {
+			const editorInstance = props.editor;
+			if (!editorInstance || props.disabled) return;
+			switch (item) {
+				case "bold":
+					editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, "bold");
+					break;
+				case "italic":
+					editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, "italic");
+					break;
+				case "underline":
+					editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, "underline");
+					break;
+				case "strikethrough":
+					editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, "strikethrough");
+					break;
+				case "code":
+					editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, "code");
+					break;
+				case "bullet-list":
+					editorInstance.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, void 0);
+					break;
+				case "ordered-list":
+					editorInstance.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, void 0);
+					break;
+				case "blockquote":
+					editorInstance.update(() => {
+						const selection = $getSelection();
+						if ($isRangeSelection(selection)) if (isBlockquote.value) $setBlocksType(selection, () => $createParagraphNode());
+						else $setBlocksType(selection, () => $createQuoteNode());
+					});
+					break;
+				case "link":
+					toggleLink(editorInstance);
+					break;
+				case "undo":
+					editorInstance.dispatchCommand(UNDO_COMMAND, void 0);
+					break;
+				case "redo":
+					editorInstance.dispatchCommand(REDO_COMMAND, void 0);
+					break;
+			}
+			editorInstance.focus();
+		}
+		function onHeadingChange(event) {
+			const editorInstance = props.editor;
+			if (!editorInstance || props.disabled) return;
+			const value = event.target.value;
+			editorInstance.update(() => {
+				const selection = $getSelection();
+				if ($isRangeSelection(selection)) if (value === "paragraph") $setBlocksType(selection, () => $createParagraphNode());
+				else $setBlocksType(selection, () => $createHeadingNode(value));
+			});
+			editorInstance.focus();
+		}
+		function toggleLink(editorInstance) {
+			editorInstance.getEditorState().read(() => {
+				const selection = $getSelection();
+				if (!$isRangeSelection(selection)) return;
+				if ($isLinkNode(selection.anchor.getNode().getParent())) editorInstance.dispatchCommand(TOGGLE_LINK_COMMAND, null);
+				else {
+					const url = prompt("请输入链接地址:", "https://");
+					if (url && url !== "https://") editorInstance.dispatchCommand(TOGGLE_LINK_COMMAND, url);
+				}
+			});
+		}
+		function getTitle(item) {
+			return {
+				bold: "加粗",
+				italic: "斜体",
+				underline: "下划线",
+				strikethrough: "删除线",
+				code: "行内代码",
+				"bullet-list": "无序列表",
+				"ordered-list": "有序列表",
+				blockquote: "引用",
+				"code-block": "代码块",
+				link: "链接",
+				undo: "撤销",
+				redo: "重做"
+			}[item] ?? item;
+		}
+		function getIcon(item) {
+			return {
+				bold: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z\"/><path d=\"M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z\"/></svg>",
+				italic: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"4\" x2=\"10\" y2=\"4\"/><line x1=\"14\" y1=\"20\" x2=\"5\" y2=\"20\"/><line x1=\"15\" y1=\"4\" x2=\"9\" y2=\"20\"/></svg>",
+				underline: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3\"/><line x1=\"4\" y1=\"21\" x2=\"20\" y2=\"21\"/></svg>",
+				strikethrough: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 4H9a3 3 0 0 0-2.83 4\"/><path d=\"M14 12a4 4 0 0 1 0 8H6\"/><line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"/></svg>",
+				code: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"/><polyline points=\"8 6 2 12 8 18\"/></svg>",
+				"bullet-list": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"/><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"/><line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"/><line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"/><line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"/></svg>",
+				"ordered-list": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"10\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"10\" y1=\"12\" x2=\"21\" y2=\"12\"/><line x1=\"10\" y1=\"18\" x2=\"21\" y2=\"18\"/><path d=\"M4 6h1v4\"/><path d=\"M4 10h2\"/><path d=\"M6 18H4c0-1 2-2 2-3s-1-1.5-2-1\"/></svg>",
+				blockquote: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V21z\"/><path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3z\"/></svg>",
+				"code-block": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"18\" rx=\"2\"/><path d=\"m8 10-3 2 3 2\"/><path d=\"m16 10 3 2-3 2\"/><path d=\"m13 7-2 10\"/></svg>",
+				link: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"/></svg>",
+				undo: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 7v6h6\"/><path d=\"M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13\"/></svg>",
+				redo: "<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 7v6h-6\"/><path d=\"M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3L21 13\"/></svg>"
+			}[item] ?? "";
+		}
+		onBeforeUnmount(() => {
+			cleanupListener?.();
+			cleanupListener = null;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cls).e("toolbar")) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.toolbar, (item, index) => {
+				return openBlock(), createElementBlock(Fragment, { key: index }, [item === "|" ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(cls).e("separator"))
+				}, null, 2)) : item === "heading" ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass([unref(cls).e("toolbar-dropdown")])
+				}, [createElementVNode("select", {
+					class: normalizeClass([unref(cls).e("heading-select"), { "is-disabled": __props.disabled }]),
+					value: activeHeading.value,
+					disabled: __props.disabled,
+					onChange: onHeadingChange
+				}, [..._cache[0] || (_cache[0] = [createStaticVNode("<option value=\"paragraph\">正文</option><option value=\"h1\">Heading 1</option><option value=\"h2\">Heading 2</option><option value=\"h3\">Heading 3</option><option value=\"h4\">Heading 4</option><option value=\"h5\">Heading 5</option><option value=\"h6\">Heading 6</option>", 7)])], 42, _hoisted_1)], 2)) : (openBlock(), createElementBlock("button", {
+					key: 2,
+					type: "button",
+					class: normalizeClass([
+						unref(cls).e("toolbar-btn"),
+						{ "is-active": isActive(item) },
+						{ "is-disabled": __props.disabled }
+					]),
+					disabled: __props.disabled,
+					title: getTitle(item),
+					onClick: ($event) => onToolbarAction(item)
+				}, [createElementVNode("span", {
+					class: normalizeClass(unref(cls).e("toolbar-icon")),
+					innerHTML: getIcon(item)
+				}, null, 10, _hoisted_3)], 10, _hoisted_2))], 64);
+			}), 128))], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=toolbar.js.map

package/dist/components/rich-text-editor/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.js","names":[],"sources":["../../../src/components/rich-text-editor/toolbar.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('toolbar')\">\n    <template v-for=\"(item, index) in toolbar\" :key=\"index\">\n      <div v-if=\"item === '|'\" :class=\"cls.e('separator')\"></div>\n\n      <div v-else-if=\"item === 'heading'\" :class=\"[cls.e('toolbar-dropdown')]\">\n        <select\n          :class=\"[cls.e('heading-select'), { 'is-disabled': disabled }]\"\n          :value=\"activeHeading\"\n          :disabled=\"disabled\"\n          @change=\"onHeadingChange\"\n        >\n          <option value=\"paragraph\">正文</option>\n          <option value=\"h1\">Heading 1</option>\n          <option value=\"h2\">Heading 2</option>\n          <option value=\"h3\">Heading 3</option>\n          <option value=\"h4\">Heading 4</option>\n          <option value=\"h5\">Heading 5</option>\n          <option value=\"h6\">Heading 6</option>\n        </select>\n      </div>\n\n      <button\n        v-else\n        type=\"button\"\n        :class=\"[\n          cls.e('toolbar-btn'),\n          { 'is-active': isActive(item) },\n          { 'is-disabled': disabled }\n        ]\"\n        :disabled=\"disabled\"\n        :title=\"getTitle(item)\"\n        @click=\"onToolbarAction(item)\"\n      >\n        <span :class=\"cls.e('toolbar-icon')\" v-html=\"getIcon(item)\"></span>\n      </button>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { $isLinkNode, TOGGLE_LINK_COMMAND } from '@lexical/link'\nimport { INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND, ListNode } from '@lexical/list'\nimport { $createHeadingNode, $isHeadingNode, type HeadingTagType } from '@lexical/rich-text'\nimport { $isQuoteNode, $createQuoteNode } from '@lexical/rich-text'\nimport { $setBlocksType } from '@lexical/selection'\nimport { $getNearestNodeOfType } from '@lexical/utils'\nimport { bem } from '@veltra/utils'\nimport {\n  $getSelection,\n  $isRangeSelection,\n  FORMAT_TEXT_COMMAND,\n  UNDO_COMMAND,\n  REDO_COMMAND,\n  type LexicalEditor,\n  $createParagraphNode,\n  type RangeSelection\n} from 'lexical'\nimport { ref, onBeforeUnmount, watch } from 'vue'\n\nimport type { ToolbarItem } from '../../types'\n\nconst props = defineProps<{\n  editor: LexicalEditor | null\n  toolbar: ToolbarItem[]\n  disabled: boolean\n}>()\n\nconst cls = bem('rich-text-editor')\n\n// Active states\nconst isBold = ref(false)\nconst isItalic = ref(false)\nconst isUnderline = ref(false)\nconst isStrikethrough = ref(false)\nconst isLink = ref(false)\nconst isBulletList = ref(false)\nconst isOrderedList = ref(false)\nconst isBlockquote = ref(false)\nconst activeHeading = ref('paragraph')\n\nlet cleanupListener: (() => void) | null = null\n\nfunction setupListener(editorInstance: LexicalEditor) {\n  cleanupListener?.()\n  cleanupListener = editorInstance.registerUpdateListener(({ editorState }) => {\n    editorState.read(() => {\n      const selection = $getSelection()\n      if (!$isRangeSelection(selection)) return\n\n      updateToolbarState(selection)\n    })\n  })\n}\n\nfunction updateToolbarState(selection: RangeSelection) {\n  isBold.value = selection.hasFormat('bold')\n  isItalic.value = selection.hasFormat('italic')\n  isUnderline.value = selection.hasFormat('underline')\n  isStrikethrough.value = selection.hasFormat('strikethrough')\n\n  // Check block type\n  const anchorNode = selection.anchor.getNode()\n  let element = anchorNode.getKey() === 'root' ? anchorNode : anchorNode.getTopLevelElementOrThrow()\n\n  if ($isHeadingNode(element)) {\n    activeHeading.value = (element as any).getTag()\n  } else {\n    activeHeading.value = 'paragraph'\n  }\n\n  // Check list\n  const parentList = $getNearestNodeOfType(anchorNode, ListNode)\n  if (parentList) {\n    const listType = (parentList as any).getListType()\n    isBulletList.value = listType === 'bullet'\n    isOrderedList.value = listType === 'number'\n  } else {\n    isBulletList.value = false\n    isOrderedList.value = false\n  }\n\n  // Check blockquote\n  isBlockquote.value = $isQuoteNode(element)\n\n  // Check link\n  const parent = anchorNode.getParent()\n  isLink.value = $isLinkNode(parent)\n}\n\nwatch(\n  () => props.editor,\n  (editorInstance) => {\n    if (editorInstance) {\n      setupListener(editorInstance)\n    }\n  },\n  { immediate: true }\n)\n\nfunction isActive(item: ToolbarItem): boolean {\n  switch (item) {\n    case 'bold':\n      return isBold.value\n    case 'italic':\n      return isItalic.value\n    case 'underline':\n      return isUnderline.value\n    case 'strikethrough':\n      return isStrikethrough.value\n    case 'bullet-list':\n      return isBulletList.value\n    case 'ordered-list':\n      return isOrderedList.value\n    case 'blockquote':\n      return isBlockquote.value\n    case 'link':\n      return isLink.value\n    default:\n      return false\n  }\n}\n\nfunction onToolbarAction(item: ToolbarItem) {\n  const editorInstance = props.editor\n  if (!editorInstance || props.disabled) return\n\n  switch (item) {\n    case 'bold':\n      editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, 'bold')\n      break\n    case 'italic':\n      editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, 'italic')\n      break\n    case 'underline':\n      editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, 'underline')\n      break\n    case 'strikethrough':\n      editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, 'strikethrough')\n      break\n    case 'code':\n      editorInstance.dispatchCommand(FORMAT_TEXT_COMMAND, 'code')\n      break\n    case 'bullet-list':\n      editorInstance.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined)\n      break\n    case 'ordered-list':\n      editorInstance.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined)\n      break\n    case 'blockquote':\n      editorInstance.update(() => {\n        const selection = $getSelection()\n        if ($isRangeSelection(selection)) {\n          if (isBlockquote.value) {\n            $setBlocksType(selection, () => $createParagraphNode())\n          } else {\n            $setBlocksType(selection, () => $createQuoteNode())\n          }\n        }\n      })\n      break\n    case 'link':\n      toggleLink(editorInstance)\n      break\n    case 'undo':\n      editorInstance.dispatchCommand(UNDO_COMMAND, undefined)\n      break\n    case 'redo':\n      editorInstance.dispatchCommand(REDO_COMMAND, undefined)\n      break\n  }\n\n  // Keep focus on editor\n  editorInstance.focus()\n}\n\nfunction onHeadingChange(event: Event) {\n  const editorInstance = props.editor\n  if (!editorInstance || props.disabled) return\n\n  const value = (event.target as HTMLSelectElement).value\n\n  editorInstance.update(() => {\n    const selection = $getSelection()\n    if ($isRangeSelection(selection)) {\n      if (value === 'paragraph') {\n        $setBlocksType(selection, () => $createParagraphNode())\n      } else {\n        $setBlocksType(selection, () => $createHeadingNode(value as HeadingTagType))\n      }\n    }\n  })\n\n  editorInstance.focus()\n}\n\nfunction toggleLink(editorInstance: LexicalEditor) {\n  editorInstance.getEditorState().read(() => {\n    const selection = $getSelection()\n    if (!$isRangeSelection(selection)) return\n\n    const anchorNode = selection.anchor.getNode()\n    const parent = anchorNode.getParent()\n\n    if ($isLinkNode(parent)) {\n      // Remove link\n      editorInstance.dispatchCommand(TOGGLE_LINK_COMMAND, null)\n    } else {\n      // Insert link with prompt\n      const url = prompt('请输入链接地址:', 'https://')\n      if (url && url !== 'https://') {\n        editorInstance.dispatchCommand(TOGGLE_LINK_COMMAND, url)\n      }\n    }\n  })\n}\n\nfunction getTitle(item: ToolbarItem): string {\n  const titles: Record<string, string> = {\n    bold: '加粗',\n    italic: '斜体',\n    underline: '下划线',\n    strikethrough: '删除线',\n    code: '行内代码',\n    'bullet-list': '无序列表',\n    'ordered-list': '有序列表',\n    blockquote: '引用',\n    'code-block': '代码块',\n    link: '链接',\n    undo: '撤销',\n    redo: '重做'\n  }\n  return titles[item] ?? item\n}\n\nfunction getIcon(item: ToolbarItem): string {\n  const icons: Record<string, string> = {\n    bold: '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z\"/><path d=\"M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z\"/></svg>',\n    italic:\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"19\" y1=\"4\" x2=\"10\" y2=\"4\"/><line x1=\"14\" y1=\"20\" x2=\"5\" y2=\"20\"/><line x1=\"15\" y1=\"4\" x2=\"9\" y2=\"20\"/></svg>',\n    underline:\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3\"/><line x1=\"4\" y1=\"21\" x2=\"20\" y2=\"21\"/></svg>',\n    strikethrough:\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 4H9a3 3 0 0 0-2.83 4\"/><path d=\"M14 12a4 4 0 0 1 0 8H6\"/><line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"/></svg>',\n    code: '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"16 18 22 12 16 6\"/><polyline points=\"8 6 2 12 8 18\"/></svg>',\n    'bullet-list':\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"/><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"/><line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"/><line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"/><line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"/></svg>',\n    'ordered-list':\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"10\" y1=\"6\" x2=\"21\" y2=\"6\"/><line x1=\"10\" y1=\"12\" x2=\"21\" y2=\"12\"/><line x1=\"10\" y1=\"18\" x2=\"21\" y2=\"18\"/><path d=\"M4 6h1v4\"/><path d=\"M4 10h2\"/><path d=\"M6 18H4c0-1 2-2 2-3s-1-1.5-2-1\"/></svg>',\n    blockquote:\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V21z\"/><path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3z\"/></svg>',\n    'code-block':\n      '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"18\" rx=\"2\"/><path d=\"m8 10-3 2 3 2\"/><path d=\"m16 10 3 2-3 2\"/><path d=\"m13 7-2 10\"/></svg>',\n    link: '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"/></svg>',\n    undo: '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 7v6h6\"/><path d=\"M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13\"/></svg>',\n    redo: '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 7v6h-6\"/><path d=\"M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3L21 13\"/></svg>'\n  }\n  return icons[item] ?? ''\n}\n\nonBeforeUnmount(() => {\n  cleanupListener?.()\n  cleanupListener = null\n})\n</script>\n"],"mappings":"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"}

package/dist/components/scroll/di.js

@@ -0,0 +1,7 @@
+//#region src/components/scroll/di.ts
+/** 滚动条依赖注入 */
+const ScrollDIKey = Symbol();
+//#endregion
+export { ScrollDIKey };
+
+//# sourceMappingURL=di.js.map

package/dist/components/scroll/di.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/scroll/di.ts"],"sourcesContent":["import type { BEM } from '@veltra/utils'\nimport type { InjectionKey } from 'vue'\n\n/** 滚动条依赖注入 */\nexport const ScrollDIKey: InjectionKey<{ cls: BEM<'scroll'> }> = Symbol()\n"],"mappings":";;AAIA,MAAa,cAAoD,QAAQ"}

package/dist/components/scroll/index.d.ts

@@ -0,0 +1 @@
+import { _default } from "./scroll.vue.js";