vue-editify 0.2.13 → 0.2.15

package/lib/index.d.ts

@@ -42,9 +42,9 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
         default: boolean;
     };
     color: {
-        type: import('vue').PropType<string | null>;
+        type: StringConstructor;
         default: string;
-        validator(value: any): boolean;
+        validator(value: string): boolean;
     };
     videoRatio: {
         type: NumberConstructor;
@@ -110,10 +110,6 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
         type: BooleanConstructor;
         default: boolean;
     };
-    plugins: {
-        type: import('vue').PropType<import('./core/tool').PluginType[]>;
-        default: () => never[];
-    };
     dark: {
         type: BooleanConstructor;
         default: boolean;
@@ -150,8 +146,8 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
                     key: number;
                     type: import('alex-editor').AlexElementType;
                     parsedom: string | null;
-                    marks: import('alex-editor/lib/core/tool').ObjectType | null;
-                    styles: import('alex-editor/lib/core/tool').ObjectType | null;
+                    marks: import('alex-editor').ObjectType | null;
+                    styles: import('alex-editor').ObjectType | null;
                     textContent: string | null;
                     children: any[] | null;
                     parent: any | null;
@@ -170,7 +166,7 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
                     getUneditableElement: () => import('alex-editor').AlexElement | null;
                     isEqual: (element: import('alex-editor').AlexElement) => boolean;
                     isContains: (element: import('alex-editor').AlexElement) => boolean;
-                    isOnlyHasBreak: () => boolean;
+                    isOnlyHasBreak: () => boolean | 0;
                     isPreStyle: () => boolean;
                     hasMarks: () => boolean;
                     hasStyles: () => boolean;
@@ -195,8 +191,8 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
                             key: number;
                             type: import('alex-editor').AlexElementType;
                             parsedom: string | null;
-                            marks: import('alex-editor/lib/core/tool').ObjectType | null;
-                            styles: import('alex-editor/lib/core/tool').ObjectType | null;
+                            marks: import('alex-editor').ObjectType | null;
+                            styles: import('alex-editor').ObjectType | null;
                             textContent: string | null;
                             children: any[] | null;
                             parent: any | null;
@@ -215,7 +211,7 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
                             getUneditableElement: () => import('alex-editor').AlexElement | null;
                             isEqual: (element: import('alex-editor').AlexElement) => boolean;
                             isContains: (element: import('alex-editor').AlexElement) => boolean;
-                            isOnlyHasBreak: () => boolean;
+                            isOnlyHasBreak: () => boolean | 0;
                             isPreStyle: () => boolean;
                             hasMarks: () => boolean;
                             hasStyles: () => boolean;
@@ -244,8 +240,8 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
                             key: number;
                             type: import('alex-editor').AlexElementType;
                             parsedom: string | null;
-                            marks: import('alex-editor/lib/core/tool').ObjectType | null;
-                            styles: import('alex-editor/lib/core/tool').ObjectType | null;
+                            marks: import('alex-editor').ObjectType | null;
+                            styles: import('alex-editor').ObjectType | null;
                             textContent: string | null;
                             children: any[] | null;
                             parent: any | null;
@@ -264,7 +260,7 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
                             getUneditableElement: () => import('alex-editor').AlexElement | null;
                             isEqual: (element: import('alex-editor').AlexElement) => boolean;
                             isContains: (element: import('alex-editor').AlexElement) => boolean;
-                            isOnlyHasBreak: () => boolean;
+                            isOnlyHasBreak: () => boolean | 0;
                             isPreStyle: () => boolean;
                             hasMarks: () => boolean;
                             hasStyles: () => boolean;
@@ -291,17 +287,17 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
                 } | null;
             }[];
             current: number;
-            push: (stack: import('alex-editor').AlexElement[], range?: import('alex-editor').AlexRange | null | undefined) => void;
-            get: (type: 1 | -1) => import('alex-editor').AlexHistoryResultType | null;
+            push: (stack: import('alex-editor').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: import('alex-editor').AlexElement[], range?: import('alex-editor').AlexRange | null | undefined) => import('alex-editor').AlexRange | null;
+            __cloneRange: (newStack: import('alex-editor').AlexElement[], range?: import('alex-editor').AlexRange | null) => import('alex-editor').AlexRange | null;
         };
         stack: {
             key: number;
             type: import('alex-editor').AlexElementType;
             parsedom: string | null;
-            marks: import('alex-editor/lib/core/tool').ObjectType | null;
-            styles: import('alex-editor/lib/core/tool').ObjectType | null;
+            marks: import('alex-editor').ObjectType | null;
+            styles: import('alex-editor').ObjectType | null;
             textContent: string | null;
             children: any[] | null;
             parent: any | null;
@@ -320,7 +316,7 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
             getUneditableElement: () => import('alex-editor').AlexElement | null;
             isEqual: (element: import('alex-editor').AlexElement) => boolean;
             isContains: (element: import('alex-editor').AlexElement) => boolean;
-            isOnlyHasBreak: () => boolean;
+            isOnlyHasBreak: () => boolean | 0;
             isPreStyle: () => boolean;
             hasMarks: () => boolean;
             hasStyles: () => boolean;
@@ -345,8 +341,8 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
                     key: number;
                     type: import('alex-editor').AlexElementType;
                     parsedom: string | null;
-                    marks: import('alex-editor/lib/core/tool').ObjectType | null;
-                    styles: import('alex-editor/lib/core/tool').ObjectType | null;
+                    marks: import('alex-editor').ObjectType | null;
+                    styles: import('alex-editor').ObjectType | null;
                     textContent: string | null;
                     children: any[] | null;
                     parent: any | null;
@@ -365,7 +361,7 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
                     getUneditableElement: () => import('alex-editor').AlexElement | null;
                     isEqual: (element: import('alex-editor').AlexElement) => boolean;
                     isContains: (element: import('alex-editor').AlexElement) => boolean;
-                    isOnlyHasBreak: () => boolean;
+                    isOnlyHasBreak: () => boolean | 0;
                     isPreStyle: () => boolean;
                     hasMarks: () => boolean;
                     hasStyles: () => boolean;
@@ -394,8 +390,8 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
                     key: number;
                     type: import('alex-editor').AlexElementType;
                     parsedom: string | null;
-                    marks: import('alex-editor/lib/core/tool').ObjectType | null;
-                    styles: import('alex-editor/lib/core/tool').ObjectType | null;
+                    marks: import('alex-editor').ObjectType | null;
+                    styles: import('alex-editor').ObjectType | null;
                     textContent: string | null;
                     children: any[] | null;
                     parent: any | null;
@@ -414,7 +410,7 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
                     getUneditableElement: () => import('alex-editor').AlexElement | null;
                     isEqual: (element: import('alex-editor').AlexElement) => boolean;
                     isContains: (element: import('alex-editor').AlexElement) => boolean;
-                    isOnlyHasBreak: () => boolean;
+                    isOnlyHasBreak: () => boolean | 0;
                     isPreStyle: () => boolean;
                     hasMarks: () => boolean;
                     hasStyles: () => boolean;
@@ -440,8 +436,50 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
             };
         } | null;
         __guid: number;
-        __events: import('alex-editor/lib/core/tool').ObjectType;
-        __firstRender: boolean;
+        __events: import('alex-editor').ObjectType;
+        __oldStack: {
+            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: () => import('alex-editor').AlexElement | null;
+            isEqual: (element: import('alex-editor').AlexElement) => boolean;
+            isContains: (element: import('alex-editor').AlexElement) => boolean;
+            isOnlyHasBreak: () => boolean | 0;
+            isPreStyle: () => boolean;
+            hasMarks: () => boolean;
+            hasStyles: () => boolean;
+            hasChildren: () => boolean;
+            hasContains: (element: import('alex-editor').AlexElement) => boolean;
+            clone: (deep?: boolean | undefined) => import('alex-editor').AlexElement;
+            convertToBlock: () => void;
+            toEmpty: () => void;
+            getBlock: () => import('alex-editor').AlexElement;
+            getInblock: () => import('alex-editor').AlexElement | null;
+            getInline: () => import('alex-editor').AlexElement | null;
+            isEqualStyles: (element: import('alex-editor').AlexElement) => boolean;
+            isEqualMarks: (element: import('alex-editor').AlexElement) => boolean;
+            isFirst: (element: import('alex-editor').AlexElement) => boolean;
+            isLast: (element: import('alex-editor').AlexElement) => boolean;
+            __render: () => void;
+            __fullClone: () => import('alex-editor').AlexElement;
+        }[];
         __isInputChinese: boolean;
         __innerSelectionChange: boolean;
         __chineseInputTimer: any;
@@ -465,8 +503,8 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
         addElementTo: (childEle: import('alex-editor').AlexElement, parentEle: import('alex-editor').AlexElement, index?: number | undefined) => void;
         addElementBefore: (newEle: import('alex-editor').AlexElement, targetEle: import('alex-editor').AlexElement) => void;
         addElementAfter: (newEle: import('alex-editor').AlexElement, targetEle: import('alex-editor').AlexElement) => void;
-        collapseToStart: (element?: import('alex-editor').AlexElement | undefined) => void;
-        collapseToEnd: (element?: import('alex-editor').AlexElement | undefined) => void;
+        collapseToStart: (element?: import('alex-editor').AlexElement) => void;
+        collapseToEnd: (element?: import('alex-editor').AlexElement) => void;
         setDisabled: () => void;
         setEnabled: () => void;
         emit: (eventName: string, ...value: any) => boolean;
@@ -475,15 +513,15 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
     } | null>;
     isSourceView: import('vue').Ref<boolean>;
     isFullScreen: import('vue').Ref<boolean>;
-    canUseMenu: import('vue').Ref<boolean>;
+    rangeKey: import('vue').Ref<number | null>;
     dataRangeCaches: import('vue').Ref<{
         list: {
             element: {
                 key: number;
                 type: import('alex-editor').AlexElementType;
                 parsedom: string | null;
-                marks: import('alex-editor/lib/core/tool').ObjectType | null;
-                styles: import('alex-editor/lib/core/tool').ObjectType | null;
+                marks: import('alex-editor').ObjectType | null;
+                styles: import('alex-editor').ObjectType | null;
                 textContent: string | null;
                 children: any[] | null;
                 parent: any | null;
@@ -502,7 +540,7 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
                 getUneditableElement: () => import('alex-editor').AlexElement | null;
                 isEqual: (element: import('alex-editor').AlexElement) => boolean;
                 isContains: (element: import('alex-editor').AlexElement) => boolean;
-                isOnlyHasBreak: () => boolean;
+                isOnlyHasBreak: () => boolean | 0;
                 isPreStyle: () => boolean;
                 hasMarks: () => boolean;
                 hasStyles: () => boolean;
@@ -521,15 +559,15 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
                 __render: () => void;
                 __fullClone: () => import('alex-editor').AlexElement;
             };
-            offset: false | number[];
+            offset: number[] | false;
         }[];
         flatList: {
             element: {
                 key: number;
                 type: import('alex-editor').AlexElementType;
                 parsedom: string | null;
-                marks: import('alex-editor/lib/core/tool').ObjectType | null;
-                styles: import('alex-editor/lib/core/tool').ObjectType | null;
+                marks: import('alex-editor').ObjectType | null;
+                styles: import('alex-editor').ObjectType | null;
                 textContent: string | null;
                 children: any[] | null;
                 parent: any | null;
@@ -548,7 +586,7 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
                 getUneditableElement: () => import('alex-editor').AlexElement | null;
                 isEqual: (element: import('alex-editor').AlexElement) => boolean;
                 isContains: (element: import('alex-editor').AlexElement) => boolean;
-                isOnlyHasBreak: () => boolean;
+                isOnlyHasBreak: () => boolean | 0;
                 isPreStyle: () => boolean;
                 hasMarks: () => boolean;
                 hasStyles: () => boolean;
@@ -567,7 +605,7 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
                 __render: () => void;
                 __fullClone: () => import('alex-editor').AlexElement;
             };
-            offset: false | number[];
+            offset: number[] | false;
         }[];
     }>;
     textValue: import('vue').ComputedRef<string>;
@@ -577,10 +615,10 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
     undo: () => void;
     redo: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
     change: (...args: any[]) => void;
     blur: (...args: any[]) => void;
     focus: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
     keydown: (...args: any[]) => void;
     keyup: (...args: any[]) => void;
     insertparagraph: (...args: any[]) => void;
@@ -628,9 +666,9 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
         default: boolean;
     };
     color: {
-        type: import('vue').PropType<string | null>;
+        type: StringConstructor;
         default: string;
-        validator(value: any): boolean;
+        validator(value: string): boolean;
     };
     videoRatio: {
         type: NumberConstructor;
@@ -696,10 +734,6 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
         type: BooleanConstructor;
         default: boolean;
     };
-    plugins: {
-        type: import('vue').PropType<import('./core/tool').PluginType[]>;
-        default: () => never[];
-    };
     dark: {
         type: BooleanConstructor;
         default: boolean;
@@ -713,24 +747,23 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
         default: number;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     onKeydown?: ((...args: any[]) => any) | undefined;
     onKeyup?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onInsertparagraph?: ((...args: any[]) => any) | undefined;
     onRangeupdate?: ((...args: any[]) => any) | undefined;
     onUpdateview?: ((...args: any[]) => any) | undefined;
 }, {
-    color: string | null;
+    color: string;
     disabled: boolean;
     zIndex: number;
-    modelValue: string;
-    border: boolean;
     menu: import('./core/tool').MenuConfigType;
     placeholder: string;
-    autoheight: boolean;
+    modelValue: string;
+    border: boolean;
     toolbar: import('./core/tool').ToolbarConfigType;
     locale: import('./locale').LocaleType;
     autofocus: boolean;
@@ -750,27 +783,29 @@ declare const Editify: import('./core/tool').SFCWithInstall<import('vue').Define
     customParseNode: (el: import('alex-editor').AlexElement) => import('alex-editor').AlexElement;
     extraKeepTags: string[];
     renderRules: ((el: import('alex-editor').AlexElement) => void)[];
+    autoheight: boolean;
     tab: boolean;
-    plugins: import('./core/tool').PluginType[];
     dark: boolean;
     offset: number;
 }, {}>>;
-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, PluginMenuConfigType, 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 type * from './components/button';
+export type * from './components/checkbox';
+export type * from './components/colors';
+export type * from './components/icon';
+export type * from './components/insertImage';
+export type * from './components/insertLink';
+export type * from './components/insertTable';
+export type * from './components/insertVideo';
+export type * from './components/layer';
+export type * from './components/tooltip';
+export type * from './components/triangle';
+export type * from './components/updateLink';
+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';
 declare const install: (app: App) => void;
-declare const version = "0.2.13";
+declare const version = "0.2.15";
 export { AlexElement } from 'alex-editor';
-export type { AttachmentOptionsType } from './plugins/attachment';
-export type { InsertAttachmentUploadErrorType } from './plugins/attachment/insertAttachment/props';
-export { attachment, isAttachment, hasAttachmentInRange } from './plugins/attachment';
-export type { MathformulaOptionsType } from './plugins/mathformula';
-export { mathformula, isMathformula, isUnderMathformula, getMathformulaElement, hasMathformulaInRange, getMathformulaElementByRange } from './plugins/mathformula';
-export type { PanelOptionsType } from './plugins/panel';
-export { panel, isPanel, isUnderPanel, getPanelElement, hasPanelInRange, getPanelElementByRange } from './plugins/panel';
-export type { InfoBlockOptionsType } from './plugins/infoBlock';
-export { infoBlock, isInfoBlock, isUnderInfoBlock, getInfoBlockElement, hasInfoBlockInRange, getInfoBlockElementByRange } from './plugins/infoBlock';
 export { Editify as default, Editify, install, version };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "vue-editify",
-	"version": "0.2.13",
+	"version": "0.2.15",
 	"private": false,
 	"sideEffects": [
 		"*.css"
@@ -17,7 +17,7 @@
 		"lib": "vue-tsc && vite build"
 	},
 	"dependencies": {
-		"alex-editor": "^1.4.20",
+		"alex-editor": "^1.4.21",
 		"dap-util": "^1.5.8",
 		"highlight.js": "^11.8.0",
 		"katex": "^0.16.10",
@@ -29,11 +29,11 @@
 		"@vitejs/plugin-vue": "^5.0.4",
 		"less": "^3.0.4",
 		"terser": "^5.16.9",
-		"typescript": "^5.2.2",
+		"typescript": "^5.5.3",
 		"vite": "^5.2.8",
 		"vite-plugin-css-injected-by-js": "^3.5.1",
-		"vite-plugin-dts": "^3.7.3",
-		"vue-tsc": "^1.8.27"
+		"vite-plugin-dts": "^3.9.1",
+		"vue-tsc": "^2.0.26"
 	},
 	"browserslist": [
 		"> 1%",

package/src/components/button/button.vue

@@ -30,11 +30,11 @@
 <script setup lang="ts">
 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 { Tooltip } from '@/components/tooltip'
+import { Layer } from '@/components/layer'
+import { Icon } from '@/components/icon'
+import { ButtonOptionsItemType, ButtonParseDisplayConfigType, ButtonParseSelectConfigType, ButtonProps } from './props'
 
 defineOptions({
 	name: 'Button'
@@ -50,7 +50,7 @@ const btnRef = ref<HTMLElement | null>(null)
 const layerRef = ref<InstanceType<typeof Layer> | null>(null)
 
 //处理后的select配置
-const parseSelectConfig = computed<ButtonSelectConfigType>(() => {
+const parseSelectConfig = computed<ButtonParseSelectConfigType>(() => {
 	let options: ButtonOptionsItemType[] = []
 	let width: number | '' = ''
 	let maxHeight: number | '' = ''
@@ -59,15 +59,15 @@ const parseSelectConfig = computed<ButtonSelectConfigType>(() => {
 			options = props.selectConfig.options.map(item => {
 				if (DapCommon.isObject(item)) {
 					return {
-						label: (<ButtonOptionsItemType>item).label,
-						value: (<ButtonOptionsItemType>item).value,
-						icon: (<ButtonOptionsItemType>item).icon,
-						style: (<ButtonOptionsItemType>item).style
+						label: (item as ButtonOptionsItemType).label,
+						value: (item as ButtonOptionsItemType).value,
+						icon: (item as ButtonOptionsItemType).icon,
+						style: (item as ButtonOptionsItemType).style
 					}
 				}
 				return {
-					label: <string | number>item,
-					value: <string | number>item
+					label: item as string | number,
+					value: item as string | number
 				}
 			})
 		}
@@ -85,7 +85,7 @@ const parseSelectConfig = computed<ButtonSelectConfigType>(() => {
 	}
 })
 //处理后的display配置
-const parseDisplayConfig = computed<ButtonDisplayConfigType>(() => {
+const parseDisplayConfig = computed<ButtonParseDisplayConfigType>(() => {
 	let options: ButtonOptionsItemType[] = []
 	let width: number | '' = ''
 	let maxHeight: number | '' = ''
@@ -98,15 +98,15 @@ const parseDisplayConfig = computed<ButtonDisplayConfigType>(() => {
 			options = props.displayConfig.options.map(item => {
 				if (DapCommon.isObject(item)) {
 					return {
-						label: (<ButtonOptionsItemType>item).label,
-						value: (<ButtonOptionsItemType>item).value,
-						icon: (<ButtonOptionsItemType>item).icon,
-						style: (<ButtonOptionsItemType>item).style
+						label: (item as ButtonOptionsItemType).label,
+						value: (item as ButtonOptionsItemType).value,
+						icon: (item as ButtonOptionsItemType).icon,
+						style: (item as ButtonOptionsItemType).style
 					}
 				}
 				return {
-					label: <string | number>item,
-					value: <string | number>item
+					label: item as string | number,
+					value: item as string | number
 				}
 			})
 			let optItem = options.find(item => {
@@ -132,11 +132,11 @@ const parseDisplayConfig = computed<ButtonDisplayConfigType>(() => {
 })
 //渲染的浮层列表数据
 const cmpOptions = computed<ButtonOptionsItemType[]>(() => {
-	return props.type == 'select' ? <ButtonOptionsItemType[]>parseSelectConfig.value.options : <ButtonOptionsItemType[]>parseDisplayConfig.value.options
+	return props.type == 'select' ? parseSelectConfig.value.options! : parseDisplayConfig.value.options!
 })
 //显示在页面的value值对应的label
 const displayLabel = computed<string | number>(() => {
-	const val = (<ButtonOptionsItemType[]>parseDisplayConfig.value.options).find(item => {
+	const val = parseDisplayConfig.value.options!.find(item => {
 		return item.value == parseDisplayConfig.value.value
 	})
 	return val ? val.label! : ''
@@ -150,10 +150,7 @@ const parseColor = computed<number[]>(() => {
 })
 //按钮样式
 const btnStyle = computed<ObjectType>(() => {
-	if (props.disabled) {
-		return {}
-	}
-	if (props.color) {
+	if (!props.disabled && props.color) {
 		//激活情况下和鼠标按下状态
 		if (props.active || status.value == 'down') {
 			return {

package/src/components/button/index.ts

@@ -0,0 +1,5 @@
+import Button from './button.vue'
+
+export type * from './props'
+
+export { Button }

package/src/components/button/props.ts

@@ -16,6 +16,12 @@ export type ButtonSelectConfigType = {
 	maxHeight?: number | ''
 }
 
+export type ButtonParseSelectConfigType = {
+	options?: ButtonOptionsItemType[]
+	width?: number | ''
+	maxHeight?: number | ''
+}
+
 export type ButtonDisplayConfigType = {
 	options?: (ButtonOptionsItemType | number | string)[]
 	width?: number | ''
@@ -23,6 +29,13 @@ export type ButtonDisplayConfigType = {
 	value?: string | number
 }
 
+export type ButtonParseDisplayConfigType = {
+	options?: ButtonOptionsItemType[]
+	width?: number | ''
+	maxHeight?: number | ''
+	value?: string | number
+}
+
 export const ButtonProps = {
 	//按钮类型
 	type: {
@@ -62,7 +75,7 @@ export const ButtonProps = {
 	},
 	//主题色，用于按钮悬浮颜色变化使用,仅支持十六进制
 	color: {
-		type: String as PropType<string | null>,
+		type: String,
 		default: ''
 	},
 	//是否禁用

package/src/components/checkbox/checkbox.vue

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

package/src/components/checkbox/index.ts

@@ -0,0 +1,5 @@
+import Checkbox from './checkbox.vue'
+
+export type * from './props'
+
+export { Checkbox }

package/src/components/checkbox/props.ts

@@ -38,7 +38,7 @@ export const CheckboxProps = {
 	},
 	//主题颜色
 	color: {
-		type: String as PropType<string | null>,
+		type: String,
 		default: '',
 		validator(value: any) {
 			return DapCommon.matchingText(value, 'hex')

package/src/components/colors/colors.vue

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

package/src/components/colors/index.ts

@@ -0,0 +1,5 @@
+import Colors from './colors.vue'
+
+export type * from './props'
+
+export { Colors }

package/src/components/colors/props.ts

@@ -1,5 +1,5 @@
 import { ExtractPublicPropTypes, PropType } from 'vue'
-import { ButtonOptionsItemType } from '@/components/button/props'
+import { ButtonOptionsItemType } from '@/components/button'
 
 export const ColorsProps = {
 	//颜色数组
@@ -16,7 +16,7 @@ export const ColorsProps = {
 	},
 	//激活状态颜色
 	color: {
-		type: String as PropType<string | null>,
+		type: String,
 		default: ''
 	},
 	//是否使用工具提示

package/src/components/icon/index.ts

@@ -0,0 +1,5 @@
+import Icon from './icon.vue'
+
+export type * from './props'
+
+export { Icon }

package/src/components/insertAttachment/index.ts

@@ -0,0 +1,5 @@
+import InsertAttachment from './insertAttachment.vue'
+
+export type * from './props'
+
+export { InsertAttachment }