@sdata/web-vue 3.18.0 → 3.20.0

package/es/rich-text-editor/rich-text-node-renderer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,133 @@
+import { configProviderInjectionKey } from "../config-provider/context.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import _objectWithoutProperties from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectWithoutProperties.js";
+import Tag from "../tag/index.js";
+import { JSON_FORM_COMPONENT_TYPES } from "../json-form/types.js";
+import { resolveJsonFormComponents, shouldStretchJsonFormControl } from "../json-form/utils.js";
+import { computed, createBlock, createElementBlock, createTextVNode, defineComponent, inject, mergeProps, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+//#region components/rich-text-editor/rich-text-node-renderer.vue?vue&type=script&setup=true&lang.ts
+var _excluded = [
+	"class",
+	"disabled",
+	"readonly"
+];
+var _excluded2 = ["class", "label"];
+var rich_text_node_renderer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "RichTextNodeRenderer" }), {}, {
+	__name: "rich-text-node-renderer",
+	props: {
+		node: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["update", "remove"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const prefixCls = getPrefixCls("rich-text-editor");
+		const configProvider = inject(configProviderInjectionKey, void 0);
+		const resolvedComponents = computed(() => {
+			var _configProvider$jsonF;
+			return resolveJsonFormComponents(configProvider === null || configProvider === void 0 || (_configProvider$jsonF = configProvider.jsonForm) === null || _configProvider$jsonF === void 0 ? void 0 : _configProvider$jsonF.components);
+		});
+		const resolvedComponent = computed(() => resolvedComponents.value[__props.node.name]);
+		const componentSupportsFitWidth = computed(() => {
+			var _resolvedComponent$va;
+			const componentProps = (_resolvedComponent$va = resolvedComponent.value) === null || _resolvedComponent$va === void 0 ? void 0 : _resolvedComponent$va.props;
+			return Array.isArray(componentProps) ? componentProps.includes("fitWidth") : Boolean(componentProps && "fitWidth" in componentProps);
+		});
+		const componentFitWidth = computed(() => {
+			var _props$node$props;
+			return componentSupportsFitWidth.value && ((_props$node$props = __props.node.props) === null || _props$node$props === void 0 ? void 0 : _props$node$props.fitWidth) !== false;
+		});
+		const componentDisabled = computed(() => {
+			var _props$node$props2;
+			return __props.disabled || __props.readonly || ((_props$node$props2 = __props.node.props) === null || _props$node$props2 === void 0 ? void 0 : _props$node$props2.disabled) === true;
+		});
+		const componentClass = computed(() => [
+			`${prefixCls}-component-control`,
+			`${prefixCls}-component-${__props.node.name}`,
+			{ [`${prefixCls}-component-stretch`]: (shouldStretchJsonFormControl(__props.node.name) || __props.node.name === JSON_FORM_COMPONENT_TYPES.slider) && !componentFitWidth.value }
+		]);
+		const componentUsesDefaultContent = computed(() => [
+			JSON_FORM_COMPONENT_TYPES.checkbox,
+			JSON_FORM_COMPONENT_TYPES.radio,
+			JSON_FORM_COMPONENT_TYPES.row
+		].includes(__props.node.name));
+		const componentProps = computed(() => {
+			var _props$node$props3;
+			const _ref = (_props$node$props3 = __props.node.props) !== null && _props$node$props3 !== void 0 ? _props$node$props3 : {}, { class: _class, disabled: _disabled, readonly: _readonly } = _ref;
+			return _objectSpread2(_objectSpread2({}, _objectWithoutProperties(_ref, _excluded)), componentSupportsFitWidth.value ? { fitWidth: componentFitWidth.value } : {});
+		});
+		const componentLabel = computed(() => {
+			var _ref2, _props$node$props$lab, _props$node$props4;
+			const label = (_ref2 = (_props$node$props$lab = (_props$node$props4 = __props.node.props) === null || _props$node$props4 === void 0 ? void 0 : _props$node$props4.label) !== null && _props$node$props$lab !== void 0 ? _props$node$props$lab : __props.node.textValue) !== null && _ref2 !== void 0 ? _ref2 : __props.node.value;
+			return ["string", "number"].includes(typeof label) ? String(label) : "";
+		});
+		const tagComponentProps = computed(() => {
+			var _props$node$props5;
+			const _ref3 = (_props$node$props5 = __props.node.props) !== null && _props$node$props5 !== void 0 ? _props$node$props5 : {}, { class: _class, label: _label } = _ref3;
+			return _objectWithoutProperties(_ref3, _excluded2);
+		});
+		return (_ctx, _cache) => {
+			var _props$node$props6, _props$node$props7, _props$node$props9, _props$node$props10;
+			return __props.node.name === "tag" ? (openBlock(), createBlock(unref(Tag), mergeProps({ key: 0 }, tagComponentProps.value, {
+				closable: Boolean((_props$node$props6 = __props.node.props) === null || _props$node$props6 === void 0 ? void 0 : _props$node$props6.closable) && !__props.disabled && !__props.readonly,
+				class: [
+					`${unref(prefixCls)}-component-control`,
+					`${unref(prefixCls)}-component-tag`,
+					(_props$node$props7 = __props.node.props) === null || _props$node$props7 === void 0 ? void 0 : _props$node$props7.class
+				],
+				onClose: _cache[0] || (_cache[0] = ($event) => emit("remove"))
+			}), {
+				default: withCtx(() => {
+					var _ref4, _props$node$props$lab2, _props$node$props8;
+					return [createTextVNode(toDisplayString((_ref4 = (_props$node$props$lab2 = (_props$node$props8 = __props.node.props) === null || _props$node$props8 === void 0 ? void 0 : _props$node$props8.label) !== null && _props$node$props$lab2 !== void 0 ? _props$node$props$lab2 : __props.node.textValue) !== null && _ref4 !== void 0 ? _ref4 : __props.node.value), 1)];
+				}),
+				_: 1
+			}, 16, ["closable", "class"])) : __props.node.name === unref(JSON_FORM_COMPONENT_TYPES).noFormItem ? (openBlock(), createElementBlock("span", {
+				key: 1,
+				class: normalizeClass([
+					`${unref(prefixCls)}-component-control`,
+					`${unref(prefixCls)}-component-noFormItem`,
+					`${unref(prefixCls)}-component-fallback`
+				])
+			}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(componentLabel.value), 1)])], 2)) : resolvedComponent.value ? (openBlock(), createElementBlock("span", {
+				key: 2,
+				class: normalizeClass(componentClass.value)
+			}, [componentUsesDefaultContent.value ? (openBlock(), createBlock(resolveDynamicComponent(resolvedComponent.value), mergeProps({ key: 0 }, componentProps.value, {
+				"model-value": __props.node.value,
+				disabled: componentDisabled.value,
+				readonly: __props.readonly,
+				class: (_props$node$props9 = __props.node.props) === null || _props$node$props9 === void 0 ? void 0 : _props$node$props9.class,
+				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => emit("update", $event))
+			}), {
+				default: withCtx(() => [createTextVNode(toDisplayString(componentLabel.value), 1)]),
+				_: 1
+			}, 16, [
+				"model-value",
+				"disabled",
+				"readonly",
+				"class"
+			])) : (openBlock(), createBlock(resolveDynamicComponent(resolvedComponent.value), mergeProps({ key: 1 }, componentProps.value, {
+				"model-value": __props.node.value,
+				disabled: componentDisabled.value,
+				readonly: __props.readonly,
+				class: (_props$node$props10 = __props.node.props) === null || _props$node$props10 === void 0 ? void 0 : _props$node$props10.class,
+				"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => emit("update", $event))
+			}), null, 16, [
+				"model-value",
+				"disabled",
+				"readonly",
+				"class"
+			]))], 2)) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 3);
+		};
+	}
+}));
+//#endregion
+export { rich_text_node_renderer_vue_vue_type_script_setup_true_lang_default as default };

package/es/rich-text-editor/style/css.js

@@ -0,0 +1,2 @@
+import "../../style/index.css";
+import "./index.css";

package/es/rich-text-editor/style/index.css

@@ -0,0 +1,164 @@
+/******** borderSize *******/
+/******** borderStyle *******/
+/******** radius *******/
+/******** shadow distance *******/
+/******** size *******/
+/******** spacing *******/
+/******** shadow *******/
+/******** opacity *******/
+/******** fontSize *******/
+/******** fontWeight ********/
+/******** Primary *******/
+/******** success *******/
+/******** warning *******/
+/******** danger *******/
+/******** link *******/
+/******** radius *******/
+/********* icon hover *********/
+.sd-rich-text-editor {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  color: var(--sd-color-neutral-10);
+  font-size: 14px;
+  line-height: 1.5715;
+  background: #fff;
+  border: 1px solid var(--sd-color-neutral-3);
+  border-radius: var(--sd-border-radius-medium);
+  transition: border-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), box-shadow 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
+}
+.sd-rich-text-editor-focusable:hover {
+  border-color: rgb(var(--sd-primary-5));
+}
+.sd-rich-text-editor:focus-within {
+  border-color: rgb(var(--sd-primary-6));
+  box-shadow: 0 0 0 2px color-mix(in srgb, rgb(var(--sd-primary-6)) 15%, transparent);
+}
+.sd-rich-text-editor-content {
+  box-sizing: border-box;
+  width: 100%;
+  min-height: calc(14px * 1.5715 + 24px);
+  padding-block: 12px;
+  padding-inline: 16px;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  outline: none;
+  caret-color: rgb(var(--sd-primary-6));
+}
+.sd-rich-text-editor-placeholder {
+  position: absolute;
+  inset-block-start: 12px;
+  inset-inline-start: 16px;
+  overflow: hidden;
+  color: var(--sd-color-neutral-4);
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  pointer-events: none;
+}
+.sd-rich-text-editor-disabled {
+  color: var(--sd-color-neutral-4);
+  background: var(--sd-color-neutral-2);
+  cursor: not-allowed;
+}
+.sd-rich-text-editor-readonly {
+  cursor: default;
+}
+.sd-rich-text-editor-paragraph {
+  margin: 0;
+}
+.sd-rich-text-editor-heading-h1, .sd-rich-text-editor-heading-h2, .sd-rich-text-editor-heading-h3, .sd-rich-text-editor-heading-h4, .sd-rich-text-editor-heading-h5, .sd-rich-text-editor-heading-h6 {
+  margin-block: 0 12px;
+}
+.sd-rich-text-editor-quote {
+  margin-block: 12px;
+  margin-inline: 0;
+  padding-inline-start: 16px;
+  border-inline-start: 3px solid var(--sd-color-neutral-4);
+}
+.sd-rich-text-editor-list-ordered, .sd-rich-text-editor-list-unordered {
+  margin-block: 12px;
+  padding-inline-start: 32px;
+}
+.sd-rich-text-editor-list-item-nested {
+  list-style: none;
+}
+.sd-rich-text-editor-link {
+  color: rgb(var(--sd-link-6));
+  text-decoration: underline;
+}
+.sd-rich-text-editor-code {
+  display: block;
+  padding: 16px;
+  overflow-x: auto;
+  font-family: consolas, menlo;
+  white-space: pre;
+  background: var(--sd-color-neutral-2);
+  border-radius: var(--sd-border-radius-medium);
+}
+.sd-rich-text-editor-text-bold {
+  font-weight: 600;
+}
+.sd-rich-text-editor-text-italic {
+  font-style: italic;
+}
+.sd-rich-text-editor-text-underline {
+  text-decoration: underline;
+}
+.sd-rich-text-editor-text-strikethrough {
+  text-decoration: line-through;
+}
+.sd-rich-text-editor-text-code {
+  padding-inline: 4px;
+  font-family: consolas, menlo;
+  background: var(--sd-color-neutral-2);
+  border-radius: var(--sd-border-radius-medium);
+}
+.sd-rich-text-editor-component {
+  display: inline-flex;
+  gap: 4px;
+  align-items: center;
+  margin-inline: 4px;
+  vertical-align: middle;
+}
+.sd-rich-text-editor-component-selected {
+  border-radius: var(--sd-border-radius-medium);
+  outline: 2px solid rgb(var(--sd-primary-6));
+  outline-offset: 1px;
+}
+.sd-rich-text-editor-component-input > .sd-input-wrapper, .sd-rich-text-editor-component-select > .sd-select-view {
+  display: inline-flex;
+  background: color-mix(in srgb, rgb(var(--sd-primary-6)) 6%, transparent);
+}
+.sd-rich-text-editor-component-control {
+  max-width: 100%;
+  vertical-align: middle;
+}
+.sd-rich-text-editor-component-stretch {
+  display: inline-flex;
+  width: 12em;
+  max-width: none;
+}
+.sd-rich-text-editor-component-stretch > * {
+  box-sizing: border-box;
+  width: 100%;
+}
+.sd-rich-text-editor-component-rangePicker {
+  width: 22em;
+}
+.sd-rich-text-editor-component-tag {
+  margin: 0;
+}
+.sd-rich-text-editor-component-fallback {
+  display: inline-flex;
+  align-items: center;
+  min-height: 1.5em;
+  padding-inline: 4px;
+  background: color-mix(in srgb, rgb(var(--sd-primary-6)) 6%, transparent);
+  border-radius: var(--sd-border-radius-medium);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .sd-rich-text-editor {
+    transition-duration: 0.01ms;
+  }
+}

package/es/rich-text-editor/style/index.d.ts

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

package/es/rich-text-editor/style/index.js

@@ -0,0 +1,2 @@
+import "../../style/index.scss";
+import "./index.scss";

package/es/rich-text-editor/style/index.scss

@@ -0,0 +1,193 @@
+@use 'sass:string';
+@use '@style/theme/index.scss' as theme;
+@use './token.scss' as *;
+
+$rich-text-editor-prefix-cls: string.unquote('#{theme.$prefix}-rich-text-editor');
+
+.#{$rich-text-editor-prefix-cls} {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  color: $rich-text-editor-color-text;
+  font-size: $rich-text-editor-font-size;
+  line-height: $rich-text-editor-line-height;
+  background: $rich-text-editor-color-background;
+  border: $rich-text-editor-border-width solid $rich-text-editor-color-border;
+  border-radius: $rich-text-editor-border-radius;
+  transition:
+    border-color $rich-text-editor-motion-duration $rich-text-editor-motion-easing,
+    box-shadow $rich-text-editor-motion-duration $rich-text-editor-motion-easing;
+
+  &-focusable:hover {
+    border-color: $rich-text-editor-color-border-hover;
+  }
+
+  &:focus-within {
+    border-color: $rich-text-editor-color-border-focus;
+    box-shadow: $rich-text-editor-focus-shadow;
+  }
+
+  &-content {
+    box-sizing: border-box;
+    width: 100%;
+    min-height: calc(
+      #{$rich-text-editor-font-size} * #{$rich-text-editor-line-height} +
+        #{$rich-text-editor-padding-block * 2}
+    );
+    padding-block: $rich-text-editor-padding-block;
+    padding-inline: $rich-text-editor-padding-inline;
+    white-space: pre-wrap;
+    overflow-wrap: anywhere;
+    outline: none;
+    caret-color: $rich-text-editor-color-border-focus;
+  }
+
+  &-placeholder {
+    position: absolute;
+    inset-block-start: $rich-text-editor-padding-block;
+    inset-inline-start: $rich-text-editor-padding-inline;
+    overflow: hidden;
+    color: $rich-text-editor-color-placeholder;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    pointer-events: none;
+  }
+
+  &-disabled {
+    color: $rich-text-editor-color-text-disabled;
+    background: $rich-text-editor-color-background-disabled;
+    cursor: not-allowed;
+  }
+
+  &-readonly {
+    cursor: default;
+  }
+
+  &-paragraph {
+    margin: 0;
+  }
+
+  &-heading-h1,
+  &-heading-h2,
+  &-heading-h3,
+  &-heading-h4,
+  &-heading-h5,
+  &-heading-h6 {
+    margin-block: 0 $rich-text-editor-padding-block;
+  }
+
+  &-quote {
+    margin-block: $rich-text-editor-padding-block;
+    margin-inline: 0;
+    padding-inline-start: $rich-text-editor-padding-inline;
+    border-inline-start: $rich-text-editor-border-width * 3 solid
+      $rich-text-editor-color-quote-border;
+  }
+
+  &-list-ordered,
+  &-list-unordered {
+    margin-block: $rich-text-editor-padding-block;
+    padding-inline-start: $rich-text-editor-padding-inline * 2;
+  }
+
+  &-list-item-nested {
+    list-style: none;
+  }
+
+  &-link {
+    color: $rich-text-editor-color-link;
+    text-decoration: underline;
+  }
+
+  &-code {
+    display: block;
+    padding: $rich-text-editor-padding-inline;
+    overflow-x: auto;
+    font-family: theme.$code-family;
+    white-space: pre;
+    background: $rich-text-editor-color-code-background;
+    border-radius: $rich-text-editor-border-radius;
+  }
+
+  &-text-bold {
+    font-weight: theme.$font-weight-600;
+  }
+
+  &-text-italic {
+    font-style: italic;
+  }
+
+  &-text-underline {
+    text-decoration: underline;
+  }
+
+  &-text-strikethrough {
+    text-decoration: line-through;
+  }
+
+  &-text-code {
+    padding-inline: $rich-text-editor-code-padding;
+    font-family: theme.$code-family;
+    background: $rich-text-editor-color-code-background;
+    border-radius: $rich-text-editor-border-radius;
+  }
+
+  &-component {
+    display: inline-flex;
+    gap: $rich-text-editor-component-gap;
+    align-items: center;
+    margin-inline: $rich-text-editor-component-gap;
+    vertical-align: middle;
+  }
+
+  &-component-selected {
+    border-radius: $rich-text-editor-border-radius;
+    outline: 2px solid $rich-text-editor-color-border-focus;
+    outline-offset: 1px;
+  }
+
+  &-component-input > .sd-input-wrapper,
+  &-component-select > .sd-select-view {
+    display: inline-flex;
+    background: $rich-text-editor-color-component-background;
+  }
+
+  &-component-control {
+    max-width: 100%;
+    vertical-align: middle;
+  }
+
+  &-component-stretch {
+    display: inline-flex;
+    width: $rich-text-editor-component-inline-width;
+    max-width: none;
+
+    > * {
+      box-sizing: border-box;
+      width: 100%;
+    }
+  }
+
+  &-component-rangePicker {
+    width: $rich-text-editor-component-range-width;
+  }
+
+  &-component-tag {
+    margin: 0;
+  }
+
+  &-component-fallback {
+    display: inline-flex;
+    align-items: center;
+    min-height: 1.5em;
+    padding-inline: $rich-text-editor-code-padding;
+    background: $rich-text-editor-color-component-background;
+    border-radius: $rich-text-editor-border-radius;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .#{$rich-text-editor-prefix-cls} {
+    transition-duration: 0.01ms;
+  }
+}

package/es/rich-text-editor/style/token.scss

@@ -0,0 +1,36 @@
+@use '@style/theme/index.scss' as global;
+
+@forward '@style/theme/index.scss';
+
+$rich-text-editor-font-size: global.$font-size-body-3;
+$rich-text-editor-line-height: global.$line-height-base;
+$rich-text-editor-border-width: global.$border-1;
+$rich-text-editor-border-radius: global.$radius-medium;
+$rich-text-editor-padding-block: global.$spacing-6;
+$rich-text-editor-padding-inline: global.$spacing-7;
+$rich-text-editor-component-gap: global.$spacing-2;
+$rich-text-editor-component-inline-width: 12em;
+$rich-text-editor-component-range-width: 22em;
+$rich-text-editor-code-padding: global.$spacing-2;
+
+$rich-text-editor-color-text: global.$color-text-1;
+$rich-text-editor-color-text-disabled: global.$color-text-4;
+$rich-text-editor-color-placeholder: global.$color-text-4;
+$rich-text-editor-color-background: global.$color-bg-2;
+$rich-text-editor-color-background-disabled: global.$color-fill-2;
+$rich-text-editor-color-border: global.$color-border-2;
+$rich-text-editor-color-border-hover: global.$color-primary-5;
+$rich-text-editor-color-border-focus: global.$color-primary-6;
+$rich-text-editor-color-link: global.$color-link-6;
+$rich-text-editor-color-code-background: global.$color-fill-2;
+$rich-text-editor-color-quote-border: global.$color-border-3;
+$rich-text-editor-color-component-background: color-mix(
+  in srgb,
+  #{global.$color-primary-6} 6%,
+  transparent
+);
+
+$rich-text-editor-focus-shadow: 0 0 0 2px
+  color-mix(in srgb, #{global.$color-primary-6} 15%, transparent);
+$rich-text-editor-motion-duration: global.$transition-duration-2;
+$rich-text-editor-motion-easing: global.$transition-timing-function-standard;

package/es/rich-text-editor/types.d.ts

@@ -0,0 +1,148 @@
+import type { Transformer } from '@lexical/markdown';
+import type { CommandListener, CommandListenerPriority, CreateEditorArgs, EditorSetOptions, EditorState, EditorUpdateOptions, Klass, LexicalCommand, LexicalEditor, LexicalNode, MutationListener, NodeKey, SerializedEditorState, TextFormatType, Transform, UpdateListener } from 'lexical';
+import type { Except, JsonObject, JsonValue, ReadonlyDeep } from 'type-fest';
+import type { CSSProperties, VNodeChild } from 'vue';
+import type { SelectOption } from '../select';
+import type { TagColor } from '../tag';
+import type { RichTextEditorBuiltInNodeName, RichTextEditorJsonFormNodeName } from './built-in-components';
+export type RichTextEditorValue = SerializedEditorState;
+export type RichTextEditorSemanticType = 'root' | 'content' | 'placeholder' | 'component';
+export interface RichTextEditorFocusOptions {
+    defaultSelection?: 'rootStart' | 'rootEnd';
+    selection?: 'start' | 'end' | 'all';
+    preventScroll?: boolean;
+}
+export interface RichTextEditorMutationListenerOptions {
+    skipInitialization?: boolean;
+}
+export type RichTextEditorConfig = Except<CreateEditorArgs, 'editable' | 'editorState'>;
+export interface RichTextEditorAutoSize {
+    minRows?: number;
+    maxRows?: number;
+}
+export interface RichTextEditorComponentNodeData {
+    key: string;
+    name: string;
+    value?: JsonValue;
+    props?: JsonObject;
+    textValue?: string;
+}
+export type RichTextEditorComponentNodeSnapshot = ReadonlyDeep<RichTextEditorComponentNodeData>;
+export type RichTextEditorContentItem = string | RichTextEditorComponentNodeData;
+export type RichTextEditorContentSnapshot = string | RichTextEditorComponentNodeSnapshot;
+export interface RichTextEditorInsertOptions extends EditorUpdateOptions {
+    position?: 'start' | 'end' | 'cursor';
+    replaceCharacters?: string;
+}
+export interface RichTextEditorInputNodeData extends RichTextEditorComponentNodeData {
+    name: 'input';
+    value?: string | number;
+    props?: {
+        placeholder?: string;
+    } & JsonObject;
+}
+export interface RichTextEditorSelectNodeData extends RichTextEditorComponentNodeData {
+    name: 'select';
+    value?: JsonValue;
+    props: {
+        options: SelectOption[];
+        placeholder?: string;
+    } & JsonObject;
+}
+export interface RichTextEditorJsonFormNodeData extends RichTextEditorComponentNodeData {
+    name: RichTextEditorJsonFormNodeName;
+}
+export interface RichTextEditorTagNodeData extends RichTextEditorComponentNodeData {
+    name: 'tag';
+    value?: JsonValue;
+    props?: {
+        label?: string;
+        color?: TagColor | string;
+        closable?: boolean;
+    } & JsonObject;
+}
+export type RichTextEditorBuiltInNodeData = RichTextEditorJsonFormNodeData | RichTextEditorTagNodeData;
+export type { RichTextEditorBuiltInNodeName, RichTextEditorJsonFormNodeName };
+export interface RichTextEditorNodeRenderContext {
+    nodeKey: NodeKey;
+    node: RichTextEditorComponentNodeSnapshot;
+    disabled: boolean;
+    readonly: boolean;
+    update: (value: JsonValue) => void;
+    remove: () => void;
+    editor: LexicalEditor;
+}
+export interface RichTextEditorPluginContext {
+    rootElement: HTMLElement;
+}
+export type RichTextEditorPlugin = (editor: LexicalEditor, context: RichTextEditorPluginContext) => undefined | (() => void);
+export interface RichTextEditorChangeContext {
+    editor: LexicalEditor;
+    editorState: EditorState;
+    tags: ReadonlySet<string>;
+}
+export interface RichTextEditorProps {
+    modelValue?: RichTextEditorValue;
+    defaultValue?: RichTextEditorValue | string | readonly RichTextEditorContentItem[];
+    editorConfig?: RichTextEditorConfig;
+    plugins?: readonly RichTextEditorPlugin[];
+    transformers?: readonly Transformer[];
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    history?: boolean;
+    historyDelay?: number;
+    historyMaxDepth?: number | null;
+    autoSize?: boolean | RichTextEditorAutoSize;
+    spellcheck?: boolean;
+    ariaLabel?: string;
+    classNames?: Partial<Record<RichTextEditorSemanticType, string>>;
+    styles?: Partial<Record<RichTextEditorSemanticType, CSSProperties>>;
+}
+export interface RichTextEditorEmits {
+    'update:modelValue': [value: RichTextEditorValue];
+    'change': [value: RichTextEditorValue, context: RichTextEditorChangeContext];
+    'update': [context: RichTextEditorChangeContext];
+    'ready': [editor: LexicalEditor];
+    'focus': [event: FocusEvent];
+    'blur': [event: FocusEvent];
+    'error': [error: Error];
+}
+export interface RichTextEditorSlots {
+    placeholder?: () => VNodeChild;
+    [name: `node-${string}`]: ((context: RichTextEditorNodeRenderContext) => VNodeChild) | undefined;
+}
+export interface RichTextEditorRef {
+    readonly editor: LexicalEditor | null;
+    readonly editorState: EditorState | null;
+    readonly rootElement: HTMLDivElement | null;
+    readonly canUndo: boolean;
+    readonly canRedo: boolean;
+    focus: (callback?: () => void, options?: RichTextEditorFocusOptions) => void;
+    blur: () => void;
+    clear: () => void;
+    undo: () => boolean;
+    redo: () => boolean;
+    getJSON: () => RichTextEditorValue | undefined;
+    setJSON: (value: RichTextEditorValue | string, options?: EditorSetOptions) => void;
+    getContent: () => RichTextEditorContentSnapshot[];
+    setContent: (content: readonly RichTextEditorContentItem[], options?: EditorUpdateOptions) => void;
+    insertContent: (content: readonly RichTextEditorContentItem[], options?: RichTextEditorInsertOptions) => void;
+    getText: () => string;
+    getHTML: () => string;
+    setHTML: (html: string, options?: EditorUpdateOptions) => void;
+    getMarkdown: (transformers?: readonly Transformer[]) => string;
+    setMarkdown: (markdown: string, transformers?: readonly Transformer[], options?: EditorUpdateOptions) => void;
+    insertText: (text: string, options?: RichTextEditorInsertOptions) => void;
+    insertComponent: (data: RichTextEditorComponentNodeData, options?: RichTextEditorInsertOptions) => void;
+    updateComponent: (nodeKey: NodeKey, value: JsonValue, options?: EditorUpdateOptions) => void;
+    removeComponent: (nodeKey: NodeKey, options?: EditorUpdateOptions) => void;
+    formatText: (format: TextFormatType) => boolean;
+    read: <T>(callback: () => T) => T | undefined;
+    update: (callback: () => void, options?: EditorUpdateOptions) => void;
+    dispatchCommand: <T>(command: LexicalCommand<T>, payload: T) => boolean;
+    registerCommand: <T>(command: LexicalCommand<T>, listener: CommandListener<T>, priority: CommandListenerPriority) => () => void;
+    registerUpdateListener: (listener: UpdateListener) => () => void;
+    registerMutationListener: (klass: Klass<LexicalNode>, listener: MutationListener, options?: RichTextEditorMutationListenerOptions) => () => void;
+    registerNodeTransform: <T extends LexicalNode>(klass: Klass<T>, listener: Transform<T>) => () => void;
+}