vue-editify 0.2.14 → 0.2.15

package/lib/feature/strikethrough.d.ts

@@ -0,0 +1,32 @@
+import { MenuButtonType } from '../core/tool';
+
+/**
+ * 工具栏 - 删除线
+ */
+export declare const StrikethroughToolbarButton: import('vue').DefineSetupFnComponent<{
+    color: string;
+    zIndex: number;
+    config: MenuButtonType;
+    tooltip: boolean;
+}, {}, {}, {
+    color: string;
+    zIndex: number;
+    config: MenuButtonType;
+    tooltip: boolean;
+} & {}, import('vue').PublicProps>;
+/**
+ * 菜单栏 - 删除线
+ */
+export declare const StrikethroughMenuButton: import('vue').DefineSetupFnComponent<{
+    color: string;
+    zIndex: number;
+    config: MenuButtonType;
+    tooltip: boolean;
+    disabled: boolean;
+}, {}, {}, {
+    color: string;
+    zIndex: number;
+    config: MenuButtonType;
+    tooltip: boolean;
+    disabled: boolean;
+} & {}, import('vue').PublicProps>;

package/lib/feature/sub.d.ts

@@ -0,0 +1,32 @@
+import { MenuButtonType } from '../core/tool';
+
+/**
+ * 工具栏 - 下标
+ */
+export declare const SubToolbarButton: import('vue').DefineSetupFnComponent<{
+    color: string;
+    zIndex: number;
+    config: MenuButtonType;
+    tooltip: boolean;
+}, {}, {}, {
+    color: string;
+    zIndex: number;
+    config: MenuButtonType;
+    tooltip: boolean;
+} & {}, import('vue').PublicProps>;
+/**
+ * 菜单栏 - 下标
+ */
+export declare const SubMenuButton: import('vue').DefineSetupFnComponent<{
+    color: string;
+    zIndex: number;
+    config: MenuButtonType;
+    tooltip: boolean;
+    disabled: boolean;
+}, {}, {}, {
+    color: string;
+    zIndex: number;
+    config: MenuButtonType;
+    tooltip: boolean;
+    disabled: boolean;
+} & {}, import('vue').PublicProps>;

package/lib/feature/super.d.ts

@@ -0,0 +1,32 @@
+import { MenuButtonType } from '../core/tool';
+
+/**
+ * 工具栏 - 上标
+ */
+export declare const SuperToolbarButton: import('vue').DefineSetupFnComponent<{
+    color: string;
+    zIndex: number;
+    config: MenuButtonType;
+    tooltip: boolean;
+}, {}, {}, {
+    color: string;
+    zIndex: number;
+    config: MenuButtonType;
+    tooltip: boolean;
+} & {}, import('vue').PublicProps>;
+/**
+ * 菜单栏 - 上标
+ */
+export declare const SuperMenuButton: import('vue').DefineSetupFnComponent<{
+    color: string;
+    zIndex: number;
+    config: MenuButtonType;
+    tooltip: boolean;
+    disabled: boolean;
+}, {}, {}, {
+    color: string;
+    zIndex: number;
+    config: MenuButtonType;
+    tooltip: boolean;
+    disabled: boolean;
+} & {}, import('vue').PublicProps>;

package/lib/feature/table.d.ts

@@ -0,0 +1,32 @@
+import { MenuTableButtonType } from '../core/tool';
+
+/**
+ * 工具栏 - 表格操作
+ */
+export declare const TableToolbar: import('vue').DefineSetupFnComponent<{
+    color: string;
+    zIndex: number;
+    tooltip: boolean;
+}, "reset-toolbar"[], {}, {
+    color: string;
+    zIndex: number;
+    tooltip: boolean;
+} & {
+    "onReset-toolbar"?: ((...args: any[]) => any) | undefined;
+}, import('vue').PublicProps>;
+/**
+ * 菜单栏 - 插入表格
+ */
+export declare const TableMenuButton: import('vue').DefineSetupFnComponent<{
+    color: string;
+    zIndex: number;
+    config: MenuTableButtonType;
+    tooltip: boolean;
+    disabled: boolean;
+}, {}, {}, {
+    color: string;
+    zIndex: number;
+    config: MenuTableButtonType;
+    tooltip: boolean;
+    disabled: boolean;
+} & {}, import('vue').PublicProps>;

package/lib/feature/task.d.ts

@@ -0,0 +1,32 @@
+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>;
+/**
+ * 菜单栏 - 任务列表
+ */
+export declare const TaskMenuButton: import('vue').DefineSetupFnComponent<{
+    color: string;
+    zIndex: number;
+    config: MenuButtonType;
+    tooltip: boolean;
+    disabled: boolean;
+}, {}, {}, {
+    color: string;
+    zIndex: number;
+    config: MenuButtonType;
+    tooltip: boolean;
+    disabled: boolean;
+} & {}, import('vue').PublicProps>;

package/lib/feature/underline.d.ts

@@ -0,0 +1,32 @@
+import { MenuButtonType } from '../core/tool';
+
+/**
+ * 工具栏 - 下划线
+ */
+export declare const UnderlineToolbarButton: import('vue').DefineSetupFnComponent<{
+    color: string;
+    zIndex: number;
+    config: MenuButtonType;
+    tooltip: boolean;
+}, {}, {}, {
+    color: string;
+    zIndex: number;
+    config: MenuButtonType;
+    tooltip: boolean;
+} & {}, import('vue').PublicProps>;
+/**
+ * 菜单栏 - 下划线
+ */
+export declare const UnderlineMenuButton: import('vue').DefineSetupFnComponent<{
+    color: string;
+    zIndex: number;
+    config: MenuButtonType;
+    tooltip: boolean;
+    disabled: boolean;
+}, {}, {}, {
+    color: string;
+    zIndex: number;
+    config: MenuButtonType;
+    tooltip: boolean;
+    disabled: boolean;
+} & {}, import('vue').PublicProps>;

package/lib/feature/undo.d.ts

@@ -0,0 +1,18 @@
+import { MenuButtonType } from '../core/tool';
+
+/**
+ * 菜单栏 - 撤销
+ */
+export declare const UndoMenuButton: import('vue').DefineSetupFnComponent<{
+    color: string;
+    zIndex: number;
+    config: MenuButtonType;
+    tooltip: boolean;
+    disabled: boolean;
+}, {}, {}, {
+    color: string;
+    zIndex: number;
+    config: MenuButtonType;
+    tooltip: boolean;
+    disabled: boolean;
+} & {}, import('vue').PublicProps>;

package/lib/feature/unorderList.d.ts

@@ -0,0 +1,32 @@
+import { MenuButtonType } from '../core/tool';
+
+/**
+ * 工具栏 - 无序列表
+ */
+export declare const UnorderListToolbarButton: import('vue').DefineSetupFnComponent<{
+    color: string;
+    zIndex: number;
+    config: MenuButtonType;
+    tooltip: boolean;
+}, {}, {}, {
+    color: string;
+    zIndex: number;
+    config: MenuButtonType;
+    tooltip: boolean;
+} & {}, import('vue').PublicProps>;
+/**
+ * 菜单栏 - 无序列表
+ */
+export declare const UnorderListMenuButton: import('vue').DefineSetupFnComponent<{
+    color: string;
+    zIndex: number;
+    config: MenuButtonType;
+    tooltip: boolean;
+    disabled: boolean;
+}, {}, {}, {
+    color: string;
+    zIndex: number;
+    config: MenuButtonType;
+    tooltip: boolean;
+    disabled: boolean;
+} & {}, import('vue').PublicProps>;

package/lib/feature/video.d.ts

@@ -0,0 +1,38 @@
+import { MenuVideoButtonType } from '../core/tool';
+
+export type VideoConfigType = {
+    controls: boolean;
+    loop: boolean;
+    autoplay: boolean;
+    muted: boolean;
+};
+/**
+ * 工具栏 - 视频操作
+ */
+export declare const VideoToolbar: import('vue').DefineSetupFnComponent<{
+    color: string;
+    zIndex: number;
+    tooltip: boolean;
+}, "reset-toolbar"[], {}, {
+    color: string;
+    zIndex: number;
+    tooltip: boolean;
+} & {
+    "onReset-toolbar"?: ((...args: any[]) => any) | undefined;
+}, import('vue').PublicProps>;
+/**
+ * 菜单栏 - 插入视频
+ */
+export declare const VideoMenuButton: import('vue').DefineSetupFnComponent<{
+    color: string;
+    zIndex: number;
+    config: MenuVideoButtonType;
+    tooltip: boolean;
+    disabled: boolean;
+}, {}, {}, {
+    color: string;
+    zIndex: number;
+    config: MenuVideoButtonType;
+    tooltip: boolean;
+    disabled: boolean;
+} & {}, import('vue').PublicProps>;

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;
@@ -291,10 +287,10 @@ 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;
@@ -507,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;
@@ -517,7 +513,7 @@ 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: {
@@ -563,7 +559,7 @@ 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: {
@@ -609,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>;
@@ -619,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;
@@ -670,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;
@@ -738,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;
@@ -755,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;
@@ -792,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.14";
+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.14",
+	"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 }