vue-editify 0.2.17 → 0.2.19

package/lib/feature/align.d.ts

@@ -1,19 +1,5 @@
 import { MenuSelectButtonType } from '../core/tool';
 
-/**
- * 工具栏 - 对齐方式
- */
-export declare const AlignToolbarButton: import('vue').DefineSetupFnComponent<{
-    color: string;
-    zIndex: number;
-    config: MenuSelectButtonType;
-    tooltip: boolean;
-}, {}, {}, {
-    color: string;
-    zIndex: number;
-    config: MenuSelectButtonType;
-    tooltip: boolean;
-} & {}, import('vue').PublicProps>;
 /**
  * 菜单栏 - 对齐方式
  */

package/lib/feature/heading.d.ts

@@ -1,19 +1,5 @@
 import { MenuDisplayButtonType } from '../core/tool';
 
-/**
- * 工具栏 - 标题
- */
-export declare const HeadingToolbarButton: import('vue').DefineSetupFnComponent<{
-    color: string;
-    zIndex: number;
-    config: MenuDisplayButtonType;
-    tooltip: boolean;
-}, {}, {}, {
-    color: string;
-    zIndex: number;
-    config: MenuDisplayButtonType;
-    tooltip: boolean;
-} & {}, import('vue').PublicProps>;
 /**
  * 菜单栏 - 标题
  */

package/lib/feature/lineHeight.d.ts

@@ -1,19 +1,5 @@
 import { MenuDisplayButtonType } from '../core/tool';
 
-/**
- * 工具栏 - 行高
- */
-export declare const LineHeightToolbarButton: import('vue').DefineSetupFnComponent<{
-    color: string;
-    zIndex: number;
-    config: MenuDisplayButtonType;
-    tooltip: boolean;
-}, {}, {}, {
-    color: string;
-    zIndex: number;
-    config: MenuDisplayButtonType;
-    tooltip: boolean;
-} & {}, import('vue').PublicProps>;
 /**
  * 菜单栏 - 行高
  */

package/lib/feature/orderList.d.ts

@@ -3,15 +3,13 @@ import { MenuButtonType } from '../core/tool';
 /**
  * 工具栏 - 有序列表
  */
-export declare const OrderListToolbarButton: import('vue').DefineSetupFnComponent<{
+export declare const OrderListToolbar: import('vue').DefineSetupFnComponent<{
     color: string;
     zIndex: number;
-    config: MenuButtonType;
     tooltip: boolean;
 }, {}, {}, {
     color: string;
     zIndex: number;
-    config: MenuButtonType;
     tooltip: boolean;
 } & {}, import('vue').PublicProps>;
 /**

package/lib/feature/task.d.ts

@@ -1,19 +1,5 @@
 import { MenuButtonType } from '../core/tool';
 
-/**
- * 工具栏 - 任务列表
- */
-export declare const TaskToolbarButton: import('vue').DefineSetupFnComponent<{
-    color: string;
-    zIndex: number;
-    config: MenuButtonType;
-    tooltip: boolean;
-}, {}, {}, {
-    color: string;
-    zIndex: number;
-    config: MenuButtonType;
-    tooltip: boolean;
-} & {}, import('vue').PublicProps>;
 /**
  * 菜单栏 - 任务列表
  */

package/lib/feature/unorderList.d.ts

@@ -3,15 +3,13 @@ import { MenuButtonType } from '../core/tool';
 /**
  * 工具栏 - 无序列表
  */
-export declare const UnorderListToolbarButton: import('vue').DefineSetupFnComponent<{
+export declare const UnorderListToolbar: import('vue').DefineSetupFnComponent<{
     color: string;
     zIndex: number;
-    config: MenuButtonType;
     tooltip: boolean;
 }, {}, {}, {
     color: string;
     zIndex: number;
-    config: MenuButtonType;
     tooltip: boolean;
 } & {}, import('vue').PublicProps>;
 /**

package/lib/index.d.ts

@@ -107,10 +107,6 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
         type: BooleanConstructor;
         default: boolean;
     };
-    tab: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     dark: {
         type: BooleanConstructor;
         default: boolean;
@@ -287,11 +283,156 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
                     };
                 } | null;
             }[];
-            current: number;
-            push: (stack: AlexElement[], range?: import('alex-editor').AlexRange | null) => void;
-            get: (type: -1 | 1) => import('alex-editor').AlexHistoryResultType | null;
-            updateCurrentRange: (range: import('alex-editor').AlexRange) => void;
-            __cloneRange: (newStack: AlexElement[], range?: import('alex-editor').AlexRange | null) => import('alex-editor').AlexRange | null;
+            redoRecords: {
+                stack: {
+                    key: number;
+                    type: import('alex-editor').AlexElementType;
+                    parsedom: string | null;
+                    marks: import('alex-editor').ObjectType | null;
+                    styles: import('alex-editor').ObjectType | null;
+                    textContent: string | null;
+                    children: any[] | null;
+                    parent: any | null;
+                    behavior: "default" | "block";
+                    namespace: string | null;
+                    locked: boolean;
+                    elm: HTMLElement | null;
+                    isBlock: () => boolean;
+                    isInblock: () => boolean;
+                    isInline: () => boolean;
+                    isClosed: () => boolean;
+                    isText: () => boolean;
+                    isBreak: () => boolean;
+                    isEmpty: () => boolean;
+                    isSpaceText: () => boolean;
+                    getUneditableElement: () => AlexElement | null;
+                    isEqual: (element: AlexElement) => boolean;
+                    isContains: (element: AlexElement) => boolean;
+                    isOnlyHasBreak: () => boolean | 0;
+                    isPreStyle: () => boolean;
+                    hasMarks: () => boolean;
+                    hasStyles: () => boolean;
+                    hasChildren: () => boolean;
+                    hasContains: (element: AlexElement) => boolean;
+                    clone: (deep?: boolean | undefined) => AlexElement;
+                    convertToBlock: () => void;
+                    toEmpty: () => void;
+                    getBlock: () => AlexElement;
+                    getInblock: () => AlexElement | null;
+                    getInline: () => AlexElement | null;
+                    isEqualStyles: (element: AlexElement) => boolean;
+                    isEqualMarks: (element: AlexElement) => boolean;
+                    isFirst: (element: AlexElement) => boolean;
+                    isLast: (element: AlexElement) => boolean;
+                    __render: () => void;
+                    __fullClone: () => AlexElement;
+                }[];
+                range: {
+                    anchor: {
+                        element: {
+                            key: number;
+                            type: import('alex-editor').AlexElementType;
+                            parsedom: string | null;
+                            marks: import('alex-editor').ObjectType | null;
+                            styles: import('alex-editor').ObjectType | null;
+                            textContent: string | null;
+                            children: any[] | null;
+                            parent: any | null;
+                            behavior: "default" | "block";
+                            namespace: string | null;
+                            locked: boolean;
+                            elm: HTMLElement | null;
+                            isBlock: () => boolean;
+                            isInblock: () => boolean;
+                            isInline: () => boolean;
+                            isClosed: () => boolean;
+                            isText: () => boolean;
+                            isBreak: () => boolean;
+                            isEmpty: () => boolean;
+                            isSpaceText: () => boolean;
+                            getUneditableElement: () => AlexElement | null;
+                            isEqual: (element: AlexElement) => boolean;
+                            isContains: (element: AlexElement) => boolean;
+                            isOnlyHasBreak: () => boolean | 0;
+                            isPreStyle: () => boolean;
+                            hasMarks: () => boolean;
+                            hasStyles: () => boolean;
+                            hasChildren: () => boolean;
+                            hasContains: (element: AlexElement) => boolean;
+                            clone: (deep?: boolean | undefined) => AlexElement;
+                            convertToBlock: () => void;
+                            toEmpty: () => void;
+                            getBlock: () => AlexElement;
+                            getInblock: () => AlexElement | null;
+                            getInline: () => AlexElement | null;
+                            isEqualStyles: (element: AlexElement) => boolean;
+                            isEqualMarks: (element: AlexElement) => boolean;
+                            isFirst: (element: AlexElement) => boolean;
+                            isLast: (element: AlexElement) => boolean;
+                            __render: () => void;
+                            __fullClone: () => AlexElement;
+                        };
+                        offset: number;
+                        isEqual: (point: import('alex-editor').AlexPoint) => boolean;
+                        moveToEnd: (element: AlexElement) => void;
+                        moveToStart: (element: AlexElement) => void;
+                    };
+                    focus: {
+                        element: {
+                            key: number;
+                            type: import('alex-editor').AlexElementType;
+                            parsedom: string | null;
+                            marks: import('alex-editor').ObjectType | null;
+                            styles: import('alex-editor').ObjectType | null;
+                            textContent: string | null;
+                            children: any[] | null;
+                            parent: any | null;
+                            behavior: "default" | "block";
+                            namespace: string | null;
+                            locked: boolean;
+                            elm: HTMLElement | null;
+                            isBlock: () => boolean;
+                            isInblock: () => boolean;
+                            isInline: () => boolean;
+                            isClosed: () => boolean;
+                            isText: () => boolean;
+                            isBreak: () => boolean;
+                            isEmpty: () => boolean;
+                            isSpaceText: () => boolean;
+                            getUneditableElement: () => AlexElement | null;
+                            isEqual: (element: AlexElement) => boolean;
+                            isContains: (element: AlexElement) => boolean;
+                            isOnlyHasBreak: () => boolean | 0;
+                            isPreStyle: () => boolean;
+                            hasMarks: () => boolean;
+                            hasStyles: () => boolean;
+                            hasChildren: () => boolean;
+                            hasContains: (element: AlexElement) => boolean;
+                            clone: (deep?: boolean | undefined) => AlexElement;
+                            convertToBlock: () => void;
+                            toEmpty: () => void;
+                            getBlock: () => AlexElement;
+                            getInblock: () => AlexElement | null;
+                            getInline: () => AlexElement | null;
+                            isEqualStyles: (element: AlexElement) => boolean;
+                            isEqualMarks: (element: AlexElement) => boolean;
+                            isFirst: (element: AlexElement) => boolean;
+                            isLast: (element: AlexElement) => boolean;
+                            __render: () => void;
+                            __fullClone: () => AlexElement;
+                        };
+                        offset: number;
+                        isEqual: (point: import('alex-editor').AlexPoint) => boolean;
+                        moveToEnd: (element: AlexElement) => void;
+                        moveToStart: (element: AlexElement) => void;
+                    };
+                } | null;
+            }[];
+            cloneRange: (newStack: AlexElement[], range: import('alex-editor').AlexRange | null) => import('alex-editor').AlexRange | null;
+            setState: (stack: AlexElement[], range: import('alex-editor').AlexRange | null) => void;
+            undo: () => import('alex-editor').AlexHistoryRecordType | null;
+            redo: () => import('alex-editor').AlexHistoryRecordType | null;
+            updateRange: (range: import('alex-editor').AlexRange) => void;
         };
         stack: {
             key: number;
@@ -437,7 +578,9 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
             };
         } | null;
         __guid: number;
-        __events: import('alex-editor').ObjectType;
+        __events: {
+            [key: string]: ((...args: any) => void)[];
+        };
         __oldStack: {
             key: number;
             type: import('alex-editor').AlexElementType;
@@ -484,6 +627,12 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
         __isInputChinese: boolean;
         __innerSelectionChange: boolean;
         __chineseInputTimer: any;
+        __domObserver: {
+            disconnect: () => void;
+            observe: (target: Node, options?: MutationObserverInit) => void;
+            takeRecords: () => MutationRecord[];
+        } | null;
+        __illegalDoms: Node[];
         initRange: () => void;
         delete: () => void;
         insertText: (data: string) => void;
@@ -507,8 +656,11 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
         collapseToEnd: (element?: AlexElement) => void;
         setDisabled: () => void;
         setEnabled: () => void;
+        undo: () => void;
+        redo: () => void;
         emit: (eventName: string, ...value: any) => boolean;
         on: (eventName: string, eventHandle: (...args: any) => void) => void;
+        off: (eventName: string, eventHandle?: (...args: any) => void) => void;
         destroy: () => void;
     } | null>;
     isSourceView: import('vue').Ref<boolean>;
@@ -730,10 +882,6 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
         type: BooleanConstructor;
         default: boolean;
     };
-    tab: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     dark: {
         type: BooleanConstructor;
         default: boolean;
@@ -784,7 +932,6 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
     extraKeepTags: string[];
     renderRules: ((el: AlexElement) => void)[];
     autoheight: boolean;
-    tab: boolean;
     dark: boolean;
     offset: number;
 }, {}>>;
@@ -804,7 +951,7 @@ export type * from './core/tool';
 export type * from './core/function';
 export type * from './editify/menu';
 export type * from './editify/toolbar';
-export { elementIsMatch, getMatchElementByElement, getMatchElementByRange, elementIsList, getListByElement, hasListInRange, rangeIsInList, elementIsTask, getTaskByElement, hasTaskInRange, rangeIsInTask, elementIsAttachment, hasAttachmentInRange, elementIsMathformula, getMathformulaByElement, hasMathformulaInRange, elementIsPanel, getPanelByElement, hasPanelInRange, elementIsInfoBlock, getInfoBlockByElement, hasInfoBlockInRange, rangeIsInInfoBlock, hasPreInRange, hasQuoteInRange, hasLinkInRange, hasTableInRange, hasImageInRange, hasVideoInRange, rangeIsInQuote, queryTextStyle, queryTextMark, getRangeText, setIndentIncrease, setIndentDecrease, setQuote, setAlign, setList, setTask, setTextStyle, setTextMark, removeTextStyle, removeTextMark, setLineHeight, insertLink, insertImage, insertVideo, insertTable, insertCodeBlock, insertSeparator } from './core/function';
+export { elementIsMatch, getMatchElementByElement, getMatchElementByRange, elementIsList, getListByElement, hasListInRange, rangeIsInList, elementIsTask, getTaskByElement, hasTaskInRange, rangeIsInTask, elementIsAttachment, hasAttachmentInRange, elementIsMathformula, getMathformulaByElement, hasMathformulaInRange, elementIsInfoBlock, getInfoBlockByElement, hasInfoBlockInRange, rangeIsInInfoBlock, hasPreInRange, hasTableInRange, hasQuoteInRange, rangeIsInQuote, hasLinkInRange, hasImageInRange, hasVideoInRange, queryTextStyle, setTextStyle, removeTextStyle, queryTextMark, setTextMark, removeTextMark, getRangeText, addSpaceTextToBothSides, setHeading, setIndentIncrease, setIndentDecrease, setQuote, setAlign, setList, setTask, setLineHeight, insertLink, insertImage, insertVideo, insertTable, insertCodeBlock, insertSeparator, insertAttachment, insertMathformula, insertInfoBlock } from './core/function';
 declare const install: (app: App) => void;
-declare const version = "0.2.17";
+declare const version = "0.2.19";
 export { Editify as default, Editify, install, AlexElement, version };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "vue-editify",
-	"version": "0.2.17",
+	"version": "0.2.19",
 	"private": false,
 	"sideEffects": [
 		"*.css"
@@ -17,7 +17,7 @@
 		"lib": "vue-tsc && vite build"
 	},
 	"dependencies": {
-		"alex-editor": "^1.4.25",
+		"alex-editor": "^1.4.33",
 		"dap-util": "^1.5.8",
 		"highlight.js": "^11.8.0",
 		"katex": "^0.16.10",

package/src/components/button/button.vue

@@ -31,9 +31,9 @@
 import { computed, ref } from 'vue'
 import { common as DapCommon, color as DapColor } from 'dap-util'
 import { ObjectType } from '@/core/tool'
-import { Tooltip } from '@/components/tooltip'
-import { Layer } from '@/components/layer'
-import { Icon } from '@/components/icon'
+import { Tooltip } from '../tooltip'
+import { Layer } from '../layer'
+import { Icon } from '../icon'
 import { ButtonOptionsItemType, ButtonParseDisplayConfigType, ButtonParseSelectConfigType, ButtonProps } from './props'
 
 defineOptions({

package/src/components/checkbox/checkbox.vue

@@ -12,8 +12,8 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import { common as DapCommon } from 'dap-util'
-import { Icon } from '@/components/icon'
 import { ObjectType } from '@/core/tool'
+import { Icon } from '../icon'
 import { CheckboxProps } from './props'
 
 defineOptions({

package/src/components/colors/colors.vue

@@ -6,7 +6,7 @@
 		</div>
 		<div class="editify-colors-list">
 			<div class="editify-color" :class="{ 'editify-active': value == item.value }" v-for="item in data" :style="{ borderColor: value == item.value ? color || '' : '' }">
-				<Tooltip block :content="<string>item.label" :disabled="!tooltip">
+				<Tooltip block :content="`${item.label}`" :disabled="!tooltip" :z-index="zIndex">
 					<div @click="selectColor(item)" class="editify-color-el" :style="{ background: item.value }"></div>
 				</Tooltip>
 			</div>
@@ -15,9 +15,9 @@
 </template>
 <script setup lang="ts">
 import { inject } from 'vue'
-import { Icon } from '@/components/icon'
-import { Tooltip } from '@/components/tooltip'
-import { ButtonOptionsItemType } from '@/components/button'
+import { Icon } from '../icon'
+import { Tooltip } from '../tooltip'
+import { ButtonOptionsItemType } from '../button'
 import { ColorsProps } from './props'
 
 defineOptions({

package/src/components/colors/props.ts

@@ -1,5 +1,5 @@
 import { ExtractPublicPropTypes, PropType } from 'vue'
-import { ButtonOptionsItemType } from '@/components/button'
+import { ButtonOptionsItemType } from '../button'
 
 export const ColorsProps = {
 	//颜色数组
@@ -23,6 +23,11 @@ export const ColorsProps = {
 	tooltip: {
 		type: Boolean,
 		default: false
+	},
+	//层级
+	zIndex: {
+		type: Number,
+		default: 1
 	}
 }
 

package/src/components/insertAttachment/insertAttachment.vue

@@ -27,7 +27,7 @@
 import { computed, inject, ref, watch } from 'vue'
 import { file as DapFile } from 'dap-util'
 import { ObjectType } from '@/core/tool'
-import { Icon } from '@/components/icon'
+import { Icon } from '../icon'
 import { InsertAttachmentProps } from './props'
 
 defineOptions({

package/src/components/insertImage/insertImage.vue

@@ -23,7 +23,7 @@
 import { computed, inject, ref, watch } from 'vue'
 import { file as DapFile } from 'dap-util'
 import { ObjectType } from '@/core/tool'
-import { Icon } from '@/components/icon'
+import { Icon } from '../icon'
 import { InsertImageProps } from './props'
 
 defineOptions({

package/src/components/insertLink/insertLink.vue

@@ -13,7 +13,7 @@
 </template>
 <script setup lang="ts">
 import { inject, ref, watch } from 'vue'
-import { Checkbox } from '@/components/checkbox'
+import { Checkbox } from '../checkbox'
 import { InsertLinkProps } from './props'
 
 defineOptions({

package/src/components/insertVideo/insertVideo.vue

@@ -23,7 +23,7 @@
 import { computed, inject, ref, watch } from 'vue'
 import { file as DapFile } from 'dap-util'
 import { ObjectType } from '@/core/tool'
-import { Icon } from '@/components/icon'
+import { Icon } from '../icon'
 import { InsertVideoProps } from './props'
 
 defineOptions({

package/src/components/layer/layer.vue

@@ -14,7 +14,7 @@
 import { computed, getCurrentInstance, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { element as DapElement, event as DapEvent } from 'dap-util'
 import { ObjectType } from '@/core/tool'
-import { Triangle, TrianglePlacementType } from '@/components/triangle'
+import { Triangle, TrianglePlacementType } from '../triangle'
 import { LayerPlacementType, LayerProps } from './props'
 
 defineOptions({
@@ -583,7 +583,10 @@ const handleScroll = () => {
 			setScroll(el.parentNode as HTMLElement)
 		}
 	}
-	setScroll(getNode()! || getScrollNode()!)
+	const node = getNode() || getScrollNode()
+	if (node) {
+		setScroll(node)
+	}
 }
 //移除上述滚动事件的监听
 const removeScrollHandle = () => {
@@ -593,7 +596,10 @@ const removeScrollHandle = () => {
 			removeScroll(el.parentNode as HTMLElement)
 		}
 	}
-	removeScroll(getNode()! || getScrollNode()!)
+	const node = getNode() || getScrollNode()
+	if (node) {
+		removeScroll(node)
+	}
 }
 //点击定位元素和自身以外的元素关闭浮层
 const handleClick = (e: Event) => {

package/src/components/tooltip/tooltip.vue

@@ -8,7 +8,7 @@
 </template>
 <script setup lang="ts">
 import { ComputedRef, inject, ref } from 'vue'
-import { Layer } from '@/components/layer'
+import { Layer } from '../layer'
 import { TooltipProps } from './props'
 
 defineOptions({

package/src/components/updateLink/updateLink.vue

@@ -13,7 +13,7 @@
 </template>
 <script setup lang="ts">
 import { inject, onBeforeUnmount, ref, watch } from 'vue'
-import { Checkbox } from '@/components/checkbox'
+import { Checkbox } from '../checkbox'
 import { UpdateLinkProps } from './props'
 
 defineOptions({