vue-editify 0.2.17 → 0.2.18

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

@@ -437,7 +437,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 +486,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;
@@ -509,6 +517,7 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
         setEnabled: () => 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>;
@@ -804,7 +813,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, elementIsPanel, getPanelByElement, hasPanelInRange, 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, insertPanel } from './core/function';
 declare const install: (app: App) => void;
-declare const version = "0.2.17";
+declare const version = "0.2.18";
 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.18",
 	"private": false,
 	"sideEffects": [
 		"*.css"
@@ -17,7 +17,7 @@
 		"lib": "vue-tsc && vite build"
 	},
 	"dependencies": {
-		"alex-editor": "^1.4.25",
+		"alex-editor": "^1.4.30",
 		"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({