vue-editify 0.1.49 → 0.2.1

package/lib/plugins/infoBlock/index.d.ts

@@ -1,5 +1,5 @@
-import { PluginType } from '../../core/tool';
 import { AlexEditor, AlexElement, AlexElementsRangeType } from 'alex-editor';
+import { PluginType } from '../../core/tool';
 
 export type InfoBlockOptionsType = {
     sequence?: number;

package/lib/plugins/mathformula/index.d.ts

@@ -1,5 +1,5 @@
-import { PluginType } from '../../core/tool';
 import { AlexEditor, AlexElement, AlexElementsRangeType } from 'alex-editor';
+import { PluginType } from '../../core/tool';
 
 export type MathformulaOptionsType = {
     sequence?: number;

package/lib/plugins/panel/index.d.ts

@@ -1,5 +1,5 @@
-import { PluginType } from '../../core/tool';
 import { AlexEditor, AlexElement, AlexElementsRangeType } from 'alex-editor';
+import { PluginType } from '../../core/tool';
 
 export type PanelOptionsType = {
     sequence?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "vue-editify",
-	"version": "0.1.49",
+	"version": "0.2.1",
 	"private": false,
 	"sideEffects": [
 		"*.css"
@@ -28,12 +28,12 @@
 		"@types/node": "^20.11.24",
 		"@vitejs/plugin-vue": "^5.0.4",
 		"less": "^3.0.4",
-		"less-loader": "^5.0.0",
 		"terser": "^5.16.9",
 		"typescript": "^5.2.2",
 		"vite": "^5.2.8",
 		"vite-plugin-dts": "^3.7.3",
-		"vue-tsc": "^1.8.27"
+		"vue-tsc": "^1.8.27",
+		"vite-plugin-css-injected-by-js": "^3.5.1"
 	},
 	"browserslist": [
 		"> 1%",

package/src/components/button/button.vue

@@ -28,13 +28,13 @@
 	</div>
 </template>
 <script setup lang="ts">
-import Tooltip from '../tooltip/tooltip.vue'
-import Layer from '../layer/layer.vue'
-import Icon from '../icon/icon.vue'
+import { computed, ref } from 'vue'
 import { common as DapCommon, color as DapColor } from 'dap-util'
+import Tooltip from '@/components/tooltip/tooltip.vue'
+import Layer from '@/components/layer/layer.vue'
+import Icon from '@/components/icon/icon.vue'
+import { ObjectType } from '@/core/tool'
 import { ButtonDisplayConfigType, ButtonOptionsItemType, ButtonProps, ButtonSelectConfigType } from './props'
-import { computed, ref } from 'vue'
-import { ObjectType } from '../../core/tool'
 
 defineOptions({
 	name: 'Button'

package/src/components/button/props.ts

@@ -1,5 +1,5 @@
 import { ExtractPublicPropTypes, PropType } from 'vue'
-import { ObjectType } from '../../core/tool'
+import { ObjectType } from '@/core/tool'
 
 export type ButtonTypeType = 'default' | 'select' | 'display'
 

package/src/components/checkbox/checkbox.vue

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

package/src/components/checkbox/props.ts

@@ -1,6 +1,6 @@
 import { ExtractPublicPropTypes, PropType } from 'vue'
-import { ObjectType } from '../../core/tool'
 import { common as DapCommon } from 'dap-util'
+import { ObjectType } from '@/core/tool'
 
 export const CheckboxProps = {
 	//是否禁用

package/src/components/colors/colors.vue

@@ -15,10 +15,10 @@
 </template>
 <script setup lang="ts">
 import { inject } from 'vue'
-import Icon from '../icon/icon.vue'
-import Tooltip from '../tooltip/tooltip.vue'
+import Icon from '@/components/icon/icon.vue'
+import Tooltip from '@/components/tooltip/tooltip.vue'
+import { ButtonOptionsItemType } from '@/components/button/props'
 import { ColorsProps } from './props'
-import { ButtonOptionsItemType } from '../button/props'
 
 defineOptions({
 	name: 'Colors'

package/src/components/colors/props.ts

@@ -1,5 +1,5 @@
 import { ExtractPublicPropTypes, PropType } from 'vue'
-import { ButtonOptionsItemType } from '../button/props'
+import { ButtonOptionsItemType } from '@/components/button/props'
 
 export const ColorsProps = {
 	//颜色数组

package/src/components/insertImage/insertImage.vue

@@ -21,10 +21,10 @@
 </template>
 <script setup lang="ts">
 import { file as DapFile } from 'dap-util'
-import Icon from '../icon/icon.vue'
-import { InsertImageProps } from './props'
 import { computed, inject, ref, watch } from 'vue'
-import { ObjectType } from '../../core/tool'
+import Icon from '@/components/icon/icon.vue'
+import { ObjectType } from '@/core/tool'
+import { InsertImageProps } from './props'
 
 defineOptions({
 	name: 'InsertImage'

package/src/components/insertLink/insertLink.vue

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

package/src/components/insertVideo/insertVideo.vue

@@ -21,10 +21,10 @@
 </template>
 <script setup lang="ts">
 import { file as DapFile } from 'dap-util'
-import Icon from '../icon/icon.vue'
-import { InsertVideoProps } from './props'
 import { computed, inject, ref, watch } from 'vue'
-import { ObjectType } from '../../core/tool'
+import { ObjectType } from '@/core/tool'
+import Icon from '@/components/icon/icon.vue'
+import { InsertVideoProps } from './props'
 
 defineOptions({
 	name: 'InsertVideo'

package/src/components/layer/layer.vue

@@ -11,10 +11,10 @@
 <script setup lang="ts">
 import { computed, getCurrentInstance, nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
 import { element as DapElement, event as DapEvent } from 'dap-util'
-import Triangle from '../triangle/triangle.vue'
+import Triangle from '@/components/triangle/triangle.vue'
+import { TrianglePlacementType } from '@/components/triangle/props'
+import { ObjectType } from '@/core/tool'
 import { LayerPlacementType, LayerProps } from './props'
-import { TrianglePlacementType } from '../triangle/props'
-import { ObjectType } from '../../core/tool'
 
 defineOptions({
 	name: 'Layer'

package/src/components/menu/menu.vue

@@ -4,21 +4,21 @@
 	</div>
 </template>
 <script setup lang="ts">
-import Icon from '../icon/icon.vue'
-import Layer from '../layer/layer.vue'
-import Button from '../button/button.vue'
-import Colors from '../colors/colors.vue'
-import InsertLink from '../insertLink/insertLink.vue'
-import InsertImage from '../insertImage/insertImage.vue'
-import InsertVideo from '../insertVideo/insertVideo.vue'
-import InsertTable from '../insertTable/insertTable.vue'
-import { h, getCurrentInstance, ref, computed, inject, ComponentInternalInstance, Ref, ComputedRef, defineComponent } from 'vue'
 import { common as DapCommon } from 'dap-util'
-import { getRangeText, setHeading, setIndentIncrease, setIndentDecrease, setQuote, setAlign, setList, setTask, setTextStyle, setTextMark, removeTextStyle, removeTextMark, setLineHeight, insertLink, insertImage, insertVideo, insertTable, insertCodeBlock, hasPreInRange, hasTableInRange, hasLinkInRange, isRangeInQuote, isRangeInList, isRangeInTask, queryTextStyle, queryTextMark, getMatchElementByRange, hasImageInRange, hasVideoInRange, insertSeparator } from '../../core/function'
-import { MenuProps } from './props'
-import { MenuModeType, ObjectType, PluginResultType, MenuExtendType, MenuSequenceType, mergeObject } from '../../core/tool'
+import { h, getCurrentInstance, ref, computed, inject, ComponentInternalInstance, Ref, ComputedRef, defineComponent } from 'vue'
 import { AlexEditor, AlexElementsRangeType } from 'alex-editor'
-import { ButtonOptionsItemType } from '../button/props'
+import Icon from '@/components/icon/icon.vue'
+import Layer from '@/components/layer/layer.vue'
+import Button from '@/components/button/button.vue'
+import Colors from '@/components/colors/colors.vue'
+import InsertLink from '@/components/insertLink/insertLink.vue'
+import InsertImage from '@/components/insertImage/insertImage.vue'
+import InsertVideo from '@/components/insertVideo/insertVideo.vue'
+import InsertTable from '@/components/insertTable/insertTable.vue'
+import { ButtonOptionsItemType } from '@/components/button/props'
+import { getRangeText, setHeading, setIndentIncrease, setIndentDecrease, setQuote, setAlign, setList, setTask, setTextStyle, setTextMark, removeTextStyle, removeTextMark, setLineHeight, insertLink, insertImage, insertVideo, insertTable, insertCodeBlock, hasPreInRange, hasTableInRange, hasLinkInRange, isRangeInQuote, isRangeInList, isRangeInTask, queryTextStyle, queryTextMark, getMatchElementByRange, hasImageInRange, hasVideoInRange, insertSeparator } from '@/core/function'
+import { MenuModeType, ObjectType, PluginResultType, MenuExtendType, MenuSequenceType, mergeObject } from '@/core/tool'
+import { MenuProps } from './props'
 
 defineOptions({
 	name: 'Menu'

package/src/components/menu/props.ts

@@ -1,5 +1,5 @@
 import { ExtractPublicPropTypes, PropType } from 'vue'
-import { MenuConfigType } from '../../core/tool'
+import { MenuConfigType } from '@/core/tool'
 
 export const MenuProps = {
 	//菜单栏配置

package/src/components/toolbar/props.ts

@@ -1,5 +1,5 @@
 import { ExtractPublicPropTypes, PropType } from 'vue'
-import { ToolbarConfigType } from '../../core/tool'
+import { ToolbarConfigType } from '@/core/tool'
 
 export const ToolbarProps = {
 	//是否显示

package/src/components/toolbar/toolbar.vue

@@ -210,18 +210,18 @@
 	</Layer>
 </template>
 <script setup lang="ts">
-import Layer from '../layer/layer.vue'
-import Button from '../button/button.vue'
-import Icon from '../icon/icon.vue'
-import Checkbox from '../checkbox/checkbox.vue'
-import Colors from '../colors/colors.vue'
-import { AlexEditor, AlexElement, AlexElementCreateConfigType, AlexElementsRangeType } from 'alex-editor'
+import { Ref, computed, inject, ref } from 'vue'
 import { common as DapCommon } from 'dap-util'
-import { getCellSpanNumber, getTableSize, getMatchElementByRange, removeTextStyle, removeTextMark, setTextStyle, setLineHeight, setTextMark, setList, setTask, setHeading, setAlign, isRangeInList, isRangeInTask, queryTextStyle, queryTextMark, getMatchElementByElement, getCellMergeElement, setTableCellMerged } from '../../core/function'
+import { AlexEditor, AlexElement, AlexElementCreateConfigType, AlexElementsRangeType } from 'alex-editor'
+import Layer from '@/components/layer/layer.vue'
+import Button from '@/components/button/button.vue'
+import Icon from '@/components/icon/icon.vue'
+import Checkbox from '@/components/checkbox/checkbox.vue'
+import Colors from '@/components/colors/colors.vue'
+import { getCellSpanNumber, getTableSize, getMatchElementByRange, removeTextStyle, removeTextMark, setTextStyle, setLineHeight, setTextMark, setList, setTask, setHeading, setAlign, isRangeInList, isRangeInTask, queryTextStyle, queryTextMark, getMatchElementByElement, getCellMergeElement, setTableCellMerged } from '@/core/function'
+import { ObjectType } from '@/core/tool'
+import { ButtonOptionsItemType } from '@/components/button/props'
 import { ToolbarProps } from './props'
-import { Ref, computed, inject, ref } from 'vue'
-import { ObjectType } from '../../core/tool'
-import { ButtonOptionsItemType } from '../button/props'
 
 defineOptions({
 	name: 'Toolbar'

package/src/components/tooltip/tooltip.vue

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

package/src/components/triangle/triangle.vue

@@ -7,7 +7,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import { TriangleProps } from './props'
-import { ObjectType } from '../../core/tool'
+import { ObjectType } from '@/core/tool'
 
 defineOptions({
 	name: 'Triangle'

package/src/core/function.ts

@@ -1,10 +1,10 @@
 /**
  * 这里的方法都是对编辑器内容元素进行判断或者操作的方法，不涉及到格式化、dom渲染和光标渲染
  */
-import { AlexElement, AlexElementsRangeType, AlexEditor, AlexElementCreateConfigType } from 'alex-editor'
 import { common as DapCommon } from 'dap-util'
+import { AlexElement, AlexElementsRangeType, AlexEditor, AlexElementCreateConfigType } from 'alex-editor'
 import { cloneData, queryHasValue, getButtonOptionsConfig, ObjectType } from './tool'
-import { ButtonOptionsItemType } from '../components/button/props'
+import { ButtonOptionsItemType } from '@/components/button/props'
 
 export type ElementMatchConfigType = {
 	parsedom?: string

package/src/core/rule.ts

@@ -1,9 +1,9 @@
 import { AlexEditor, AlexElement, AlexElementCreateConfigType } from 'alex-editor'
-import { LanguagesItemType, getHljsHtml } from '../hljs'
-import { isList, isTask, getTableSize, getCellSpanNumber } from './function'
 import { common as DapCommon } from 'dap-util'
-import { isPanel } from '../plugins/panel'
-import { isInfoBlock } from '../plugins/infoBlock'
+import { LanguagesItemType, getHljsHtml } from '@/hljs'
+import { isList, isTask, getTableSize, getCellSpanNumber } from './function'
+import { isPanel } from '@/plugins/panel'
+import { isInfoBlock } from '@/plugins/infoBlock'
 
 /**
  * 自动补全表格行和列

package/src/core/tool.ts

@@ -1,11 +1,11 @@
 import { common as DapCommon, string as DapString, color as DapColor } from 'dap-util'
-import { languages } from '../hljs'
+import { App, Component, ComponentInternalInstance, VNode } from 'vue'
 import { AlexElement } from 'alex-editor'
-import { ButtonOptionsItemType, ButtonTypeType } from '../components/button/props'
-import { LocaleType } from '../locale'
-import { InsertImageUploadErrorType } from '../components/insertImage/props'
-import { ComponentInternalInstance, VNode } from 'vue'
-import Button from '../components/button/button.vue'
+import { languages } from '@/hljs'
+import { ButtonOptionsItemType, ButtonTypeType } from '@/components/button/props'
+import { LocaleType } from '@/locale'
+import { InsertImageUploadErrorType } from '@/components/insertImage/props'
+import Button from '@/components/button/button.vue'
 
 export type ObjectType = {
 	[key: string]: any
@@ -218,6 +218,8 @@ export type PluginResultType = {
 
 export type PluginType = (editifyInstance: ComponentInternalInstance, editTrans: (key: string) => any) => PluginResultType
 
+export type SFCWithInstall<T> = T & { install(app: App): void }
+
 /**
  * 对象平替值方法
  * @param o1
@@ -1151,3 +1153,15 @@ export const getMenuConfig = (editTrans: (key: string) => any, editLocale: Local
 		extends: {}
 	}
 }
+
+/**
+ * 给组件增加install属性
+ * @param component
+ * @returns
+ */
+export const withInstall = <T extends Component>(component: T) => {
+	;(component as SFCWithInstall<T>).install = (app: App) => {
+		app.component(component.name!, component)
+	}
+	return component as SFCWithInstall<typeof component>
+}

package/src/editify/editify.vue

@@ -22,15 +22,15 @@
 import { computed, getCurrentInstance, nextTick, onBeforeUnmount, onMounted, provide, ref, watch } from 'vue'
 import { AlexEditor, AlexElement, AlexElementRangeType, AlexElementsRangeType } from 'alex-editor'
 import { element as DapElement, event as DapEvent, data as DapData, number as DapNumber, color as DapColor } from 'dap-util'
-import { mergeObject, getToolbarConfig, getMenuConfig, MenuConfigType, ObjectType, ToolbarConfigType, PluginResultType } from '../core/tool'
-import { parseList, orderdListHandle, commonElementHandle, tableThTdHandle, tableFormatHandle, tableRangeMergedHandle, preHandle, specialInblockHandle } from '../core/rule'
-import { isTask, elementToParagraph, getMatchElementByRange, hasTableInRange, hasLinkInRange, hasPreInRange, hasImageInRange, hasVideoInRange } from '../core/function'
-import Toolbar from '../components/toolbar/toolbar.vue'
-import Menu from '../components/menu/menu.vue'
-import Layer from '../components/layer/layer.vue'
+import { mergeObject, getToolbarConfig, getMenuConfig, MenuConfigType, ObjectType, ToolbarConfigType, PluginResultType } from '@/core/tool'
+import { parseList, orderdListHandle, commonElementHandle, tableThTdHandle, tableFormatHandle, tableRangeMergedHandle, preHandle, specialInblockHandle } from '@/core/rule'
+import { isTask, elementToParagraph, getMatchElementByRange, hasTableInRange, hasLinkInRange, hasPreInRange, hasImageInRange, hasVideoInRange } from '@/core/function'
+import Toolbar from '@/components/toolbar/toolbar.vue'
+import Menu from '@/components/menu/menu.vue'
+import Layer from '@/components/layer/layer.vue'
+import { trans } from '@/locale'
+import { LanguagesItemType } from '@/hljs'
 import { EditifyProps, EditifyResizeParamsType, EditifyToolbarOptionsType } from './props'
-import { trans } from '../locale'
-import { LanguagesItemType } from '../hljs'
 
 //定义组件名称
 defineOptions({

package/src/editify/props.ts

@@ -1,8 +1,8 @@
 import { common as DapCommon } from 'dap-util'
 import { ExtractPublicPropTypes, PropType } from 'vue'
-import { PluginType, MenuConfigType, ObjectType, ToolbarConfigType } from '../core/tool'
 import { AlexElement } from 'alex-editor'
-import { LocaleType } from '../locale'
+import { PluginType, MenuConfigType, ObjectType, ToolbarConfigType } from '@/core/tool'
+import { LocaleType } from '@/locale'
 
 export type EditifyResizeParamsType = {
 	element: AlexElement | null

package/src/index.ts

@@ -1,44 +1,47 @@
-import { App, FunctionPlugin } from 'vue'
+import { App } from 'vue'
+import { withInstall } from '@/core/tool'
 //引入字体图标样式
-import './icon/iconfont.css'
+import '@/icon/iconfont.css'
 //引入组件
-import Editify from './editify/editify.vue'
+import editify from '@/editify/editify.vue'
+//注入install方法
+const Editify = withInstall(editify)
 
 //导出类型
-export type { ButtonTypeType, ButtonOptionsItemType, ButtonSelectConfigType, ButtonDisplayConfigType } from './components/button/props'
-export type { InsertImageUploadErrorType } from './components/insertImage/props'
-export type { InsertVideoUploadErrorType } from './components/insertVideo/props'
-export type { MenuButtonType, MenuSelectButtonType, MenuDisplayButtonType, MenuImageButtonType, MenuVideoButtonType, MenuTableButtonType, MenuCustomButtonType, CodeBlockToolbarType, TextToolbarType, ToolbarConfigType, MenuSequenceType, MenuModeType, MenuExtendType, MenuConfigType, PluginType, PluginResultType } from './core/tool'
-export type { ElementMatchConfigType } from './core/function'
+export type { ButtonTypeType, ButtonOptionsItemType, ButtonSelectConfigType, ButtonDisplayConfigType } from '@/components/button/props'
+export type { InsertImageUploadErrorType } from '@/components/insertImage/props'
+export type { InsertVideoUploadErrorType } from '@/components/insertVideo/props'
+export type { MenuButtonType, MenuSelectButtonType, MenuDisplayButtonType, MenuImageButtonType, MenuVideoButtonType, MenuTableButtonType, MenuCustomButtonType, CodeBlockToolbarType, TextToolbarType, ToolbarConfigType, MenuSequenceType, MenuModeType, MenuExtendType, MenuConfigType, PluginType, PluginResultType } from '@/core/tool'
+export type { ElementMatchConfigType } from '@/core/function'
 
 //导出编辑器操作方法
-export { elementIsMatch, getMatchElementByElement, getMatchElementByRange, isList, isTask, elementIsInList, elementIsInTask, hasPreInRange, hasQuoteInRange, hasListInRange, hasTaskInRange, hasLinkInRange, hasTableInRange, hasImageInRange, hasVideoInRange, isRangeInQuote, isRangeInList, isRangeInTask, 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, isList, isTask, elementIsInList, elementIsInTask, hasPreInRange, hasQuoteInRange, hasListInRange, hasTaskInRange, hasLinkInRange, hasTableInRange, hasImageInRange, hasVideoInRange, isRangeInQuote, isRangeInList, isRangeInTask, queryTextStyle, queryTextMark, getRangeText, setIndentIncrease, setIndentDecrease, setQuote, setAlign, setList, setTask, setTextStyle, setTextMark, removeTextStyle, removeTextMark, setLineHeight, insertLink, insertImage, insertVideo, insertTable, insertCodeBlock, insertSeparator } from '@/core/function'
 
 //安装函数
-const install: FunctionPlugin = (app: App) => {
+const install = (app: App) => {
 	app.component(Editify.name!, Editify)
 }
 //版本号
-const version = '0.1.49'
+const version = '0.2.1'
 
 //导出AlexElement元素
 export { AlexElement } from 'alex-editor'
 
 //导出attachment插件相关的方法和类型
-export type { AttachmentOptionsType } from './plugins/attachment'
-export type { InsertAttachmentUploadErrorType } from './plugins/attachment/insertAttachment/props'
-export { attachment, isAttachment, hasAttachmentInRange } from './plugins/attachment'
+export type { AttachmentOptionsType } from '@/plugins/attachment'
+export type { InsertAttachmentUploadErrorType } from '@/plugins/attachment/insertAttachment/props'
+export { attachment, isAttachment, hasAttachmentInRange } from '@/plugins/attachment'
 //导出mathformula插件相关的方法和类型
-export type { MathformulaOptionsType } from './plugins/mathformula'
-export { mathformula, isMathformula, isUnderMathformula, getMathformulaElement, hasMathformulaInRange, getMathformulaElementByRange } from './plugins/mathformula'
+export type { MathformulaOptionsType } from '@/plugins/mathformula'
+export { mathformula, isMathformula, isUnderMathformula, getMathformulaElement, hasMathformulaInRange, getMathformulaElementByRange } from '@/plugins/mathformula'
 //导出panel插件相关的方法和类型
-export type { PanelOptionsType } from './plugins/panel'
-export { panel, isPanel, isUnderPanel, getPanelElement, hasPanelInRange, getPanelElementByRange } from './plugins/panel'
+export type { PanelOptionsType } from '@/plugins/panel'
+export { panel, isPanel, isUnderPanel, getPanelElement, hasPanelInRange, getPanelElementByRange } from '@/plugins/panel'
 //导出infoBlock插件相关的方法和类型
-export type { InfoBlockOptionsType } from './plugins/infoBlock'
-export { infoBlock, isInfoBlock, isUnderInfoBlock, getInfoBlockElement, hasInfoBlockInRange, getInfoBlockElementByRange } from './plugins/infoBlock'
+export type { InfoBlockOptionsType } from '@/plugins/infoBlock'
+export { infoBlock, isInfoBlock, isUnderInfoBlock, getInfoBlockElement, hasInfoBlockInRange, getInfoBlockElementByRange } from '@/plugins/infoBlock'
 
 //导出组件和安装函数
-export { install as default, install, Editify, version }
+export { Editify as default, Editify, install, version }
 
 console.log(`%c vue-editify %c v${version} `, 'padding: 2px 1px; border-radius: 3px 0 0 3px; color: #fff; background: #606060; font-weight: bold;', 'padding: 2px 1px; border-radius: 0 3px 3px 0; color: #fff; background: #42c02e; font-weight: bold;')

package/src/plugins/attachment/index.ts

@@ -1,14 +1,14 @@
 import { ComponentInternalInstance, h } from 'vue'
 import { AlexEditor, AlexElement, AlexElementsRangeType } from 'alex-editor'
-import { ObjectType, PluginType } from '../../core/tool'
-import Layer from '../../components/layer/layer.vue'
-import Button from '../../components/button/button.vue'
-import Icon from '../../components/icon/icon.vue'
+import { event as DapEvent, common as DapCommon } from 'dap-util'
+import { ObjectType, PluginType } from '@/core/tool'
+import Layer from '@/components/layer/layer.vue'
+import Button from '@/components/button/button.vue'
+import Icon from '@/components/icon/icon.vue'
 import InsertAttachment from './insertAttachment/insertAttachment.vue'
 import { InsertAttachmentUploadErrorType } from './insertAttachment/props'
-import { event as DapEvent, common as DapCommon } from 'dap-util'
-import { hasPreInRange } from '../../core/function'
-import { hasMathformulaInRange } from '../mathformula'
+import { hasPreInRange } from '@/core/function'
+import { hasMathformulaInRange } from '@/plugins/mathformula'
 
 export type AttachmentOptionsType = {
 	//排序

package/src/plugins/attachment/insertAttachment/insertAttachment.vue

@@ -25,10 +25,10 @@
 </template>
 <script setup lang="ts">
 import { file as DapFile } from 'dap-util'
-import Icon from '../../../components/icon/icon.vue'
-import { InsertAttachmentProps } from './props'
 import { computed, inject, ref, watch } from 'vue'
-import { ObjectType } from '../../../core/tool'
+import { ObjectType } from '@/core/tool'
+import Icon from '@/components/icon/icon.vue'
+import { InsertAttachmentProps } from './props'
 
 defineOptions({
 	name: 'InsertAttachment'

package/src/plugins/infoBlock/index.ts

@@ -1,10 +1,10 @@
 import { common as DapCommon, color as DapColor } from 'dap-util'
-import { PluginType } from '../../core/tool'
 import { ComponentInternalInstance, h } from 'vue'
 import { AlexEditor, AlexElement, AlexElementsRangeType } from 'alex-editor'
-import Icon from '../../components/icon/icon.vue'
-import { elementToParagraph, hasPreInRange, hasTableInRange } from '../../core/function'
-import { hasPanelInRange } from '../panel'
+import { PluginType } from '@/core/tool'
+import Icon from '@/components/icon/icon.vue'
+import { elementToParagraph, hasPreInRange, hasTableInRange } from '@/core/function'
+import { hasPanelInRange } from '@/plugins/panel'
 
 export type InfoBlockOptionsType = {
 	//排序

package/src/plugins/mathformula/index.ts

@@ -1,13 +1,13 @@
 import { common as DapCommon } from 'dap-util'
-import { ObjectType, PluginType, cloneData } from '../../core/tool'
 import { ComponentInternalInstance, h } from 'vue'
 import { AlexEditor, AlexElement, AlexElementsRangeType } from 'alex-editor'
+import { ObjectType, PluginType, cloneData } from '@/core/tool'
 import 'katex/dist/katex.css'
 import KaTex from 'katex'
-import Icon from '../../components/icon/icon.vue'
-import Button from '../../components/button/button.vue'
+import Icon from '@/components/icon/icon.vue'
+import Button from '@/components/button/button.vue'
+import { hasLinkInRange, hasPreInRange } from '@/core/function'
 import InsertMathformula from './insertMathformula/insertMathformula.vue'
-import { hasLinkInRange, hasPreInRange } from '../../core/function'
 
 export type MathformulaOptionsType = {
 	//排序

package/src/plugins/panel/index.ts

@@ -1,10 +1,10 @@
 import { common as DapCommon } from 'dap-util'
-import { PluginType } from '../../core/tool'
 import { ComponentInternalInstance, h } from 'vue'
 import { AlexEditor, AlexElement, AlexElementsRangeType } from 'alex-editor'
-import Icon from '../../components/icon/icon.vue'
-import { hasTableInRange } from '../../core/function'
-import { hasMathformulaInRange } from '../mathformula'
+import { PluginType } from '@/core/tool'
+import Icon from '@/components/icon/icon.vue'
+import { hasTableInRange } from '@/core/function'
+import { hasMathformulaInRange } from '@/plugins/mathformula'
 
 export type PanelOptionsType = {
 	//排序

package/tsconfig.json

@@ -7,6 +7,10 @@
 		"skipLibCheck": true,
 		"allowSyntheticDefaultImports": true,
 		"types": ["node"],
+		"baseUrl": "./",
+		"paths": {
+			"@/*": ["src/*"]
+		},
 
 		/* Bundler mode */
 		"moduleResolution": "bundler",

package/vite.config.ts

@@ -1,10 +1,16 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import dts from 'vite-plugin-dts'
+import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js'
 import path from 'path'
 
 export default defineConfig({
-	plugins: [vue(), dts()],
+	plugins: [vue(), dts(), cssInjectedByJsPlugin({ topExecutionPriority: false })],
+	resolve: {
+		alias: {
+			'@': path.resolve(__dirname, './src')
+		}
+	},
 	build: {
 		//打包后的目录名称
 		outDir: 'lib',