@kaitify/vue 0.0.4-beta.2 → 0.0.4-beta.21

package/lib/editor/wrapper/props.d.ts

@@ -1,6 +1,5 @@
 import { LocaleType } from '../../locale';
-import { Editor, Extension, KNode, KNodeMarksType, KNodeStylesType, RuleFunctionType, Selection } from '@kaitify/core';
-import { BubblePropsType } from '../bubble';
+import { Editor, EditorConfigureOptionType, KNode, Selection } from '@kaitify/core';
 /**
  * 编辑器参数类型
  */
@@ -17,10 +16,6 @@ export type WrapperPropsType = {
      * 语言环境
      */
     locale?: LocaleType;
-    /**
-     * bubble气泡栏参数
-     */
-    bubbleProps?: BubblePropsType;
     /**
      * before插槽挂载的元素，如果不设置，则就放置在编辑器前面
      */
@@ -32,99 +27,103 @@ export type WrapperPropsType = {
     /**
      * 是否自动聚焦
      */
-    autofocus?: boolean;
+    autofocus?: EditorConfigureOptionType['autofocus'];
     /**
      * 编辑器内容只有一个段落时的默认文本
      */
-    placeholder?: string;
+    placeholder?: EditorConfigureOptionType['placeholder'];
     /**
      * 是否深色模式
      */
-    dark?: boolean;
+    dark?: EditorConfigureOptionType['dark'];
     /**
      * 是否允许复制
      */
-    allowCopy?: boolean;
+    allowCopy?: EditorConfigureOptionType['allowCopy'];
     /**
      * 是否允许粘贴
      */
-    allowPaste?: boolean;
+    allowPaste?: EditorConfigureOptionType['allowPaste'];
     /**
      * 是否允许剪切
      */
-    allowCut?: boolean;
+    allowCut?: EditorConfigureOptionType['allowCut'];
     /**
      * 是否允许粘贴html
      */
-    allowPasteHtml?: boolean;
+    allowPasteHtml?: EditorConfigureOptionType['allowPasteHtml'];
     /**
      * 剪切板同时存在文件和html/text时，是否优先粘贴文件
      */
-    priorityPasteFiles?: boolean;
+    priorityPasteFiles?: EditorConfigureOptionType['priorityPasteFiles'];
     /**
      * 自定义编辑器内渲染文本节点的真实标签
      */
-    textRenderTag?: string;
+    textRenderTag?: EditorConfigureOptionType['textRenderTag'];
     /**
      * 自定义编辑内渲染默认块级节点的真实标签，即段落标签
      */
-    blockRenderTag?: string;
+    blockRenderTag?: EditorConfigureOptionType['blockRenderTag'];
     /**
      * 自定义编辑器内定义需要置空的标签
      */
-    emptyRenderTags?: string[];
+    emptyRenderTags?: EditorConfigureOptionType['emptyRenderTags'];
     /**
      * 自定义编辑器内额外保留的标签
      */
-    extraKeepTags?: string[];
+    extraKeepTags?: EditorConfigureOptionType['extraKeepTags'];
     /**
      * 自定义插件数组
      */
-    extensions?: Extension[];
+    extensions?: EditorConfigureOptionType['extensions'];
     /**
      * 自定义节点数组格式化规则
      */
-    formatRules?: RuleFunctionType[];
+    formatRules?: EditorConfigureOptionType['formatRules'];
     /**
      * 自定义dom转为非文本节点的后续处理
      */
-    onDomParseNode?: (this: Editor, node: KNode) => KNode;
+    onDomParseNode?: EditorConfigureOptionType['onDomParseNode'];
     /**
      * 节点粘贴保留标记的自定义方法
      */
-    onPasteKeepMarks?: (this: Editor, node: KNode) => KNodeMarksType;
+    onPasteKeepMarks?: EditorConfigureOptionType['onPasteKeepMarks'];
     /**
      * 节点粘贴保留样式的自定义方法
      */
-    onPasteKeepStyles?: (this: Editor, node: KNode) => KNodeStylesType;
+    onPasteKeepStyles?: EditorConfigureOptionType['onPasteKeepStyles'];
     /**
      * 编辑器粘贴纯文本时触发，如果返回true则表示继续使用默认逻辑，返回false则不走默认逻辑，需要进行自定义处理
      */
-    onPasteText?: (this: Editor, text: string) => boolean | Promise<boolean>;
+    onPasteText?: EditorConfigureOptionType['onPasteText'];
     /**
      * 编辑器粘贴html内容时触发，如果返回true则表示继续使用默认逻辑，返回false则不走默认逻辑，需要进行自定义处理
      */
-    onPasteHtml?: (this: Editor, nodes: KNode[], html: string) => boolean | Promise<boolean>;
+    onPasteHtml?: EditorConfigureOptionType['onPasteHtml'];
     /**
      * 编辑器粘贴图片时触发，如果返回true则表示继续使用默认逻辑，返回false则不走默认逻辑，需要进行自定义处理
      */
-    onPasteImage?: (this: Editor, file: File) => boolean | Promise<boolean>;
+    onPasteImage?: EditorConfigureOptionType['onPasteImage'];
     /**
      * 编辑器粘贴视频时触发，如果返回true则表示继续使用默认逻辑，返回false则不走默认逻辑，需要进行自定义处理
      */
-    onPasteVideo?: (this: Editor, file: File) => boolean | Promise<boolean>;
+    onPasteVideo?: EditorConfigureOptionType['onPasteVideo'];
     /**
      * 编辑器粘贴除了图片和视频以外的文件时触发，需要自定义处理
      */
-    onPasteFile?: (this: Editor, file: File) => void | Promise<void>;
+    onPasteFile?: EditorConfigureOptionType['onPasteFile'];
     /**
      * 在删除和换行操作中块节点节点从其父节点中抽离出去成为与父节点同级的节点后触发，如果返回true则表示继续使用默认逻辑，会将该节点转为段落，返回false则不走默认逻辑，需要自定义处理
      */
-    onDetachMentBlockFromParent?: (this: Editor, node: KNode) => boolean;
+    onDetachMentBlockFromParent?: EditorConfigureOptionType['onDetachMentBlockFromParent'];
     /**
      * 编辑器updateView执行时，通过比对新旧节点数组获取需要格式化的节点，在这些节点被格式化前，触发此方法，回调参数即当前需要被格式化的节点，该方法返回一个节点，返回的节点将会被格式化，如果你不需要任何特殊处理，返回入参提供的节点即可
      */
-    onBeforePatchNodeToFormat?: (this: Editor, node: KNode) => KNode;
+    onBeforePatchNodeToFormat?: EditorConfigureOptionType['onBeforePatchNodeToFormat'];
+    /**
+     * 编辑器进行光标纠正时触发，在这里可以修改虚拟光标的位置
+     */
+    onRedressSelection?: EditorConfigureOptionType['onRedressSelection'];
 };
 /**
  * 编辑器事件类型
@@ -174,35 +173,11 @@ export type WrapperEmitsType = {
      * 编辑器创建完成后触发的事件
      */
     (e: 'created', value: Editor): void;
-    /**
-     * 气泡栏显示前触发的事件
-     */
-    (e: 'bubbleShow', value: HTMLDivElement): void;
-    /**
-     * 气泡栏显示时触发的事件
-     */
-    (e: 'bubbleShowing', value: HTMLDivElement): void;
-    /**
-     * 气泡栏显示后触发的事件
-     */
-    (e: 'bubbleShown', value: HTMLDivElement): void;
-    /**
-     * 气泡栏隐藏前触发的事件
-     */
-    (e: 'bubbleHide', value: HTMLDivElement): void;
-    /**
-     * 气泡栏隐藏时触发的事件
-     */
-    (e: 'bubbleHiding', value: HTMLDivElement): void;
-    /**
-     * 气泡栏隐藏后触发的事件
-     */
-    (e: 'bubbleHidden', value: HTMLDivElement): void;
 };
 /**
  * 编辑器状态对象
  */
 export type StateType = {
-    editor: Editor | null;
-    selection: Selection | null;
+    editor?: Editor;
+    selection?: Selection;
 };

package/lib/editor/wrapper/wrapper.vue.d.ts

@@ -1,5 +1,8 @@
+import { Ref } from 'vue';
+import { Editor } from '@kaitify/core';
 import { StateType, WrapperPropsType } from './props';
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         before?(_: {
             state: StateType;
@@ -13,30 +16,49 @@ declare function __VLS_template(): {
         after?(_: {
             state: StateType;
         }): any;
-        bubble?(_: {
+        default?(_: {
             state: StateType;
         }): any;
     };
-    refs: {};
-    attrs: Partial<{}>;
+    refs: {
+        elRef: HTMLDivElement;
+    };
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<WrapperPropsType, {
-    state: import('vue').ComputedRef<StateType>;
-    elRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    [x: string]: any;
-} & {
-    [x: string]: any;
+    state: Ref<StateType, StateType>;
+    elRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+    selectionUpdate: (value: import('@kaitify/core').Selection) => any;
+    insertParagraph: (value: import('@kaitify/core').KNode) => any;
+    deleteComplete: () => any;
+    keydown: (value: KeyboardEvent) => any;
+    keyup: (value: KeyboardEvent) => any;
+    focus: (value: FocusEvent) => any;
+    blur: (value: FocusEvent) => any;
+    beforeUpdateView: () => any;
+    afterUpdateView: () => any;
+    created: (value: Editor) => any;
 }, string, import('vue').PublicProps, Readonly<WrapperPropsType> & Readonly<{
-    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onSelectionUpdate?: ((value: import('@kaitify/core').Selection) => any) | undefined;
+    onInsertParagraph?: ((value: import('@kaitify/core').KNode) => any) | undefined;
+    onDeleteComplete?: (() => any) | undefined;
+    onKeydown?: ((value: KeyboardEvent) => any) | undefined;
+    onKeyup?: ((value: KeyboardEvent) => any) | undefined;
+    onFocus?: ((value: FocusEvent) => any) | undefined;
+    onBlur?: ((value: FocusEvent) => any) | undefined;
+    onBeforeUpdateView?: (() => any) | undefined;
+    onAfterUpdateView?: (() => any) | undefined;
+    onCreated?: ((value: Editor) => any) | undefined;
 }>, {
+    dark: boolean;
     disabled: boolean;
     modelValue: string;
-    placeholder: string;
-    locale: import('../../locale').LocaleType;
     autofocus: boolean;
-    dark: boolean;
+    placeholder: string;
     allowCopy: boolean;
     allowPaste: boolean;
     allowCut: boolean;
@@ -44,7 +66,10 @@ declare const __VLS_component: import('vue').DefineComponent<WrapperPropsType, {
     priorityPasteFiles: boolean;
     textRenderTag: string;
     blockRenderTag: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    locale: import('../../locale').LocaleType;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    elRef: HTMLDivElement;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/lib/index.d.ts

@@ -4,4 +4,5 @@ export * from './core/tabs';
 export * from './core/checkbox';
 export * from './core/icon';
 export * from './editor/wrapper';
+export * from './editor/bubble';
 export * from './editor/menu';