@ecolovo/uniapp-components 2.0.2 → 2.0.3

package/components/switch/switch.vue

@@ -11,7 +11,11 @@
 		@click.stop="toggle"
 	>
 		<view :class="$style['Switch--switch-button']">
-			<icon-cpn v-if="loading" icon="loading-dot-spinner" :class="$style['Switch--loading']" />
+			<icon-cpn
+				v-if="loading"
+				icon="loading-dot-spinner"
+				:class="$style['Switch--loading']"
+			/>
 		</view>
 	</view>
 </template>
@@ -60,9 +64,7 @@ const emit = defineEmits<{
 		e: 'async',
 		payload: {
 			value: boolean | number | string;
-			resolve: (value: unknown) => void;
-			reject: (reason?: unknown) => void;
-		}
+		} & UniApp.PromiseResolvers<unknown>
 	): void;
 }>();
 
@@ -79,7 +81,9 @@ const loading = ref(false);
 const isReadonly = computed(() => props.readonly || isFormReadonly.value);
 
 /** 按钮是否可点击 */
-const isNotClickable = computed(() => props.disabled || isReadonly.value || loading.value);
+const isNotClickable = computed(
+	() => props.disabled || isReadonly.value || loading.value
+);
 
 /** 开启或关闭 */
 const toggle = () => {
@@ -91,8 +95,17 @@ const toggle = () => {
 	}
 
 	loading.value = true;
-	const nextValue = props.modelValue !== props.valueOn ? props.valueOn : props.valueOff;
-	const { promise, resolve, reject } = Promise.withResolvers();
+	const nextValue =
+		props.modelValue !== props.valueOn ? props.valueOn : props.valueOff;
+
+	// const { promise, resolve, reject } = Promise.withResolvers();
+	let resolve: UniApp.PromiseResolver<unknown>,
+		reject: UniApp.PromiseRejector<unknown>;
+	const promise = new Promise((res, rej) => {
+		resolve = res;
+		reject = rej;
+	});
+
 	promise
 		.then((isOk = true) => {
 			if (isOk === false) return;
@@ -126,7 +139,7 @@ const $_toggle = () => {
 
 // 定义外部变量
 %external-vars {
-	@include UTILS__DEFINE_COMPONENT_VARS($switch, 'switch');
+	@include UTILS__DEFINE_COMPONENT_VARS('switch', $switch);
 }
 
 .Switch {
@@ -142,7 +155,9 @@ const $_toggle = () => {
 		display: block;
 		position: absolute;
 		top: 50%;
-		left: calc((UTILS__LOCAL_VAR(height) - UTILS__LOCAL_VAR(indicator-size)) / 2);
+		left: calc(
+			(UTILS__LOCAL_VAR(height) - UTILS__LOCAL_VAR(indicator-size)) / 2
+		);
 		transform: translateY(-50%);
 		width: UTILS__LOCAL_VAR(indicator-size);
 		height: UTILS__LOCAL_VAR(indicator-size);
@@ -162,7 +177,13 @@ const $_toggle = () => {
 	&.Switch--switch-on {
 		background-color: UTILS__LOCAL_VAR(active-color);
 		.Switch--switch-button {
-			left: calc(100% - (UTILS__LOCAL_VAR(height) + UTILS__LOCAL_VAR(indicator-size)) / 2);
+			left: calc(
+				100% -
+					(
+						UTILS__LOCAL_VAR(height) +
+							UTILS__LOCAL_VAR(indicator-size)
+					) / 2
+			);
 		}
 	}
 	&::after {

package/components/tab/tab.vue

@@ -1,18 +1,34 @@
 <template>
-	<view :class="[...classNames, $style['Tab'], { [$style['Tab--evenly']]: evenly }]" :style="inlineStyle">
+	<view
+		:class="[
+			...classNames,
+			$style['Tab'],
+			{ [$style['Tab--evenly']]: evenly },
+		]"
+		:style="inlineStyle"
+	>
 		<scroll-view scroll-x :class="$style['Tab--tab-scroll']">
 			<view :class="$style['Tab--tab-wrapper']">
 				<view
 					v-for="(tab, index) in tabLabels"
 					:key="index"
-					:class="[[$style['Tab--tab']], { [$style['Tab--tab-active']]: index === selectedIndex }]"
+					:class="[
+						[$style['Tab--tab']],
+						{
+							[$style['Tab--tab-active']]:
+								index === selectedIndex,
+						},
+					]"
 					@click="onChangeTab(index)"
 				>
 					<view :class="$style['Tab--tab-text']">{{ tab }}</view>
 				</view>
 				<view
 					v-if="indicator"
-					:class="[$style['Tab--indicator'], { [$style['Tab--indicator-animation']]: hasAnimation }]"
+					:class="[
+						$style['Tab--indicator'],
+						{ [$style['Tab--indicator-animation']]: hasAnimation },
+					]"
 				>
 				</view>
 			</view>
@@ -21,7 +37,15 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, getCurrentInstance, nextTick, onMounted, ref, useCssModule, watch } from 'vue';
+import {
+	computed,
+	getCurrentInstance,
+	nextTick,
+	onMounted,
+	ref,
+	useCssModule,
+	watch,
+} from 'vue';
 import useClassNames from '../../composable/component-name';
 
 defineOptions({
@@ -78,10 +102,13 @@ const tabTextRects = ref<UniApp.NodeInfo[]>([]);
 const hasAnimation = ref(false);
 
 /** 标签标题列表 */
-const tabLabels = computed(() => props.tabs.map((item) => (typeof item === 'string' ? item : item.label)));
+const tabLabels = computed(() =>
+	props.tabs.map((item) => (typeof item === 'string' ? item : item.label))
+);
 /** 当前选中的索引 */
 const selectedIndex = computed<number>({
-	get: () => (props.modelValue === undefined ? innerIndex.value : props.modelValue),
+	get: () =>
+		props.modelValue === undefined ? innerIndex.value : props.modelValue,
 	set: (value) => {
 		emit('update:modelValue', value);
 		innerIndex.value = value;
@@ -94,7 +121,9 @@ watch(
 	([nTabs, nIdx, nVal], [_t, _i, oVal]) => {
 		// 如果值改变了，查找对应的索引
 		if (nVal !== oVal && nVal !== undefined) {
-			nIdx = nTabs.findIndex((i) => (typeof i === 'string' ? nVal === i : nVal === i.value));
+			nIdx = nTabs.findIndex((i) =>
+				typeof i === 'string' ? nVal === i : nVal === i.value
+			);
 		}
 		if (nIdx < 0) nIdx = 0;
 		const tab = nTabs[nIdx];
@@ -179,7 +208,11 @@ const onChangeTab = (index: number) => {
 
 // 定义外部变量
 %external-vars {
-	@include UTILS__DEFINE_COMPONENT_VARS($tab, 'tab');
+	@include UTILS__DEFINE_COMPONENT_VARS('tab', $tab);
+}
+
+:host {
+	display: block;
 }
 
 .Tab {

package/components/textarea/textarea.vue

@@ -12,32 +12,66 @@
 			</textarea>
 			<view v-if="!modelValue" :class="$style['Textarea--placeholder']">
 				<slot name="placeholder">
-					<icon-cpn icon="textarea-edit" :class="$style['Textarea--icon']" />
+					<icon-cpn
+						icon="textarea-edit"
+						:class="$style['Textarea--icon']"
+					/>
 					<text> {{ placeholder }} </text>
 				</slot>
 			</view>
-			<view :class="$style['Textarea--counter']"> 已输入 {{ count }}/{{ maxlength }} </view>
+			<view :class="$style['Textarea--counter']">
+				已输入 {{ count }}/{{ maxlength }}
+			</view>
 		</template>
 		<!-- 只读文本展示 -->
 		<view v-else-if="modelValue" :class="$style['Textarea--readonly']">
-			<view :class="{ [$style['Textarea--fold']]: fold && isFolded }"> {{ modelValue }} </view>
-			<view v-if="fold && hasFoldButton" :class="$style['Textarea--fold-button']" @click="isFolded = !isFolded">
-				<text v-if="isFolded"> <icon-cpn icon="arrow-down" /> 展开 </text>
+			<view :class="{ [$style['Textarea--fold']]: fold && isFolded }">
+				{{ modelValue }}
+			</view>
+			<view
+				v-if="fold && hasFoldButton"
+				:class="$style['Textarea--fold-button']"
+				@click="isFolded = !isFolded"
+			>
+				<text v-if="isFolded">
+					<icon-cpn icon="arrow-down" /> 展开
+				</text>
 				<text v-else> <icon-cpn icon="arrow-up" /> 收起 </text>
 			</view>
 			<!-- 隐藏文字，用于计算是否显示收起展开按钮 -->
-			<view v-if="fold" :class="[$style['Textarea--hidden-text'], $style['Textarea--fold']]">
+			<view
+				v-if="fold"
+				:class="[
+					$style['Textarea--hidden-text'],
+					$style['Textarea--fold'],
+				]"
+			>
+				{{ modelValue }}
+			</view>
+			<view v-if="fold" :class="$style['Textarea--hidden-text']">
 				{{ modelValue }}
 			</view>
-			<view v-if="fold" :class="$style['Textarea--hidden-text']"> {{ modelValue }} </view>
 		</view>
 		<!-- 空文本展示 -->
-		<view v-else :class="[$style['Textarea--readonly'], $style['Textarea--empty']]"> 未填写 </view>
+		<view
+			v-else
+			:class="[$style['Textarea--readonly'], $style['Textarea--empty']]"
+		>
+			未填写
+		</view>
 	</view>
 </template>
 
 <script lang="ts" setup>
-import { computed, getCurrentInstance, inject, nextTick, ref, useCssModule, watch } from 'vue';
+import {
+	computed,
+	getCurrentInstance,
+	inject,
+	nextTick,
+	ref,
+	useCssModule,
+	watch,
+} from 'vue';
 import useClassNames from '../../composable/component-name';
 import IconCpn from '../icon/icon.vue';
 
@@ -105,7 +139,9 @@ const shouldShowFold = () => {
 		.selectAll('.' + $style['Textarea--hidden-text'])
 		.boundingClientRect((rects) => {
 			if (!Array.isArray(rects)) return;
-			hasFoldButton.value = rects.length === 2 && (rects[1]?.height || 0) > (rects[0]?.height || 0);
+			hasFoldButton.value =
+				rects.length === 2 &&
+				(rects[1]?.height || 0) > (rects[0]?.height || 0);
 		})
 		.exec();
 };
@@ -134,7 +170,14 @@ const trimValue = (e: Event) => {
 </script>
 
 <style lang="scss" module>
-@use '../../styles/index' as *;
+@use '../../styles/utils' as *;
+
+:host {
+	display: block;
+}
+:host(.display-inline) {
+	display: inline;
+}
 
 .Textarea {
 	flex: 1;
@@ -174,9 +217,8 @@ const trimValue = (e: Event) => {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	display: -webkit-box;
-	-webkit-line-clamp: 5;
 	line-clamp: 5;
-	-webkit-box-orient: vertical;
+	box-orient: vertical;
 }
 .Textarea--fold-button {
 	text-align: right;

package/composable/component-name.js

@@ -1,7 +1,8 @@
 import { kebabCase, pascalCase } from 'case-anything';
 import { componentPrefix } from '../configs';
 const useClassNames = (componentName) => {
-	const pascalCaseClass = pascalCase(componentPrefix) + pascalCase(componentName);
+	const pascalCaseClass =
+		pascalCase(componentPrefix) + pascalCase(componentName);
 	const kebabCaseClass = kebabCase(pascalCaseClass);
 	return [pascalCaseClass, kebabCaseClass];
 };

package/composable/component-name.ts

@@ -2,7 +2,8 @@ import { kebabCase, pascalCase } from 'case-anything';
 import { componentPrefix } from '../configs';
 
 const useClassNames = (componentName: string): [string, string] => {
-	const pascalCaseClass = pascalCase(componentPrefix) + pascalCase(componentName);
+	const pascalCaseClass =
+		pascalCase(componentPrefix) + pascalCase(componentName);
 	const kebabCaseClass = kebabCase(pascalCaseClass);
 	return [pascalCaseClass, kebabCaseClass];
 };

package/composable/message-box.d.ts

@@ -0,0 +1,35 @@
+import type { Ref } from 'vue';
+import type { default as MessageBox } from '../components/message-box/message-box.vue';
+import type { default as Page } from '../components/page/page.vue';
+import type { MessageBoxOptions } from '../components/message-box/message-box';
+type MessageBoxShowCustomFunc = (
+	options: Omit<MessageBoxOptions, 'modelValue'>
+) => Promise<void>;
+type MessageBoxShowConfirmFunc = (
+	options: Pick<
+		MessageBoxOptions,
+		'modal' | 'title' | 'content' | 'confirm' | 'cancel'
+	>
+) => Promise<void>;
+type MessageBoxShowMessageBoxFunc = (
+	options: Pick<MessageBoxOptions, 'modal' | 'title' | 'content' | 'confirm'>
+) => Promise<void>;
+export declare const useMessageBox: (
+	ref: Ref<InstanceType<typeof MessageBox> | undefined>
+) => {
+	show: MessageBoxShowCustomFunc;
+	showConfirm: MessageBoxShowConfirmFunc;
+	showMessageBox: MessageBoxShowMessageBoxFunc;
+};
+export declare function usePageMessageBox(isInPage: true): {
+	pageRef: Ref<InstanceType<typeof Page>>;
+	show: MessageBoxShowCustomFunc;
+	showConfirm: MessageBoxShowConfirmFunc;
+	showMessageBox: MessageBoxShowMessageBoxFunc;
+};
+export declare function usePageMessageBox(isInPage?: false): {
+	show: MessageBoxShowCustomFunc;
+	showConfirm: MessageBoxShowConfirmFunc;
+	showMessageBox: MessageBoxShowMessageBoxFunc;
+};
+export {};

package/composable/message-box.js

@@ -0,0 +1,56 @@
+import { inject, ref } from 'vue';
+export const useMessageBox = (ref) => {
+	const show = async (options) => {
+		await ref.value?.show(options);
+	};
+	const showConfirm = async (options) => {
+		await ref.value?.show({
+			...options,
+			modal: true,
+			title: '提示',
+			showClose: false,
+			cancel: '取消',
+			confirm: '确认',
+		});
+	};
+	const showMessageBox = async (options) => {
+		await ref.value?.show({
+			...options,
+			modal: false,
+			title: '提示',
+			showClose: false,
+			cancel: false,
+			confirm: '我知道了',
+		});
+	};
+	return {
+		show,
+		showConfirm,
+		showMessageBox,
+	};
+};
+export function usePageMessageBox(isInPage = false) {
+	if (!isInPage) {
+		const pageMessageBoxRef = inject('ecolovo/page/messageBoxRef');
+		if (!pageMessageBoxRef) {
+			throw new Error('该组件必须在 Page 中使用');
+		}
+		return useMessageBox(pageMessageBoxRef);
+	}
+	const pageRef = ref();
+	const show = async (options) => {
+		await pageRef.value?.show(options);
+	};
+	const showConfirm = async (options) => {
+		await pageRef.value?.showConfirm(options);
+	};
+	const showMessageBox = async (options) => {
+		await pageRef.value?.showMessageBox(options);
+	};
+	return {
+		pageRef,
+		show,
+		showConfirm,
+		showMessageBox,
+	};
+}

package/composable/message-box.ts

@@ -0,0 +1,98 @@
+import { inject, ref } from 'vue';
+import type { Ref } from 'vue';
+import type { default as MessageBox } from '../components/message-box/message-box.vue';
+import type { default as Page } from '../components/page/page.vue';
+import type { MessageBoxOptions } from '../components/message-box/message-box';
+
+type MessageBoxShowCustomFunc = (
+	options: Omit<MessageBoxOptions, 'modelValue'>
+) => Promise<void>;
+type MessageBoxShowConfirmFunc = (
+	options: Pick<
+		MessageBoxOptions,
+		'modal' | 'title' | 'content' | 'confirm' | 'cancel'
+	>
+) => Promise<void>;
+type MessageBoxShowMessageBoxFunc = (
+	options: Pick<MessageBoxOptions, 'modal' | 'title' | 'content' | 'confirm'>
+) => Promise<void>;
+
+export const useMessageBox = (
+	ref: Ref<InstanceType<typeof MessageBox> | undefined>
+) => {
+	const show: MessageBoxShowCustomFunc = async (options) => {
+		await ref.value?.show(options);
+	};
+
+	const showConfirm: MessageBoxShowConfirmFunc = async (options) => {
+		await ref.value?.show({
+			...options,
+			modal: true,
+			title: '提示',
+			showClose: false,
+			cancel: '取消',
+			confirm: '确认',
+		});
+	};
+
+	const showMessageBox: MessageBoxShowMessageBoxFunc = async (options) => {
+		await ref.value?.show({
+			...options,
+			modal: false,
+			title: '提示',
+			showClose: false,
+			cancel: false,
+			confirm: '我知道了',
+		});
+	};
+
+	return {
+		show,
+		showConfirm,
+		showMessageBox,
+	};
+};
+
+export function usePageMessageBox(isInPage: true): {
+	pageRef: Ref<InstanceType<typeof Page>>;
+	show: MessageBoxShowCustomFunc;
+	showConfirm: MessageBoxShowConfirmFunc;
+	showMessageBox: MessageBoxShowMessageBoxFunc;
+};
+export function usePageMessageBox(isInPage?: false): {
+	show: MessageBoxShowCustomFunc;
+	showConfirm: MessageBoxShowConfirmFunc;
+	showMessageBox: MessageBoxShowMessageBoxFunc;
+};
+export function usePageMessageBox(isInPage: boolean = false) {
+	if (!isInPage) {
+		const pageMessageBoxRef = inject<Ref<InstanceType<typeof MessageBox>>>(
+			'ecolovo/page/messageBoxRef'
+		);
+		if (!pageMessageBoxRef) {
+			throw new Error('该组件必须在 Page 中使用');
+		}
+		return useMessageBox(pageMessageBoxRef);
+	}
+
+	const pageRef = ref<InstanceType<typeof Page>>();
+
+	const show: MessageBoxShowCustomFunc = async (options) => {
+		await pageRef.value?.show(options);
+	};
+
+	const showConfirm: MessageBoxShowConfirmFunc = async (options) => {
+		await pageRef.value?.showConfirm(options);
+	};
+
+	const showMessageBox: MessageBoxShowMessageBoxFunc = async (options) => {
+		await pageRef.value?.showMessageBox(options);
+	};
+
+	return {
+		pageRef,
+		show,
+		showConfirm,
+		showMessageBox,
+	};
+}

package/configs/index.d.ts

@@ -34,4 +34,11 @@ export interface IconFontJson {
  * @param iconJson iconfont.json 文件内容
  */
 declare function addIcons(iconJson: IconFontJson): void;
-export { componentPrefix, homePath, setComponentPrefix, setHomePath, iconMap, addIcons };
+export {
+	componentPrefix,
+	homePath,
+	setComponentPrefix,
+	setHomePath,
+	iconMap,
+	addIcons,
+};

package/configs/index.js

@@ -8,7 +8,9 @@ let homePath = '/pages/index/index';
  * @param prefix 组件前缀
  */
 function setComponentPrefix(prefix = 'app') {
-	if (!prefix) throw new Error('组件前缀不能为空');
+	if (!prefix) {
+		throw new Error('组件前缀不能为空');
+	}
 	componentPrefix = prefix;
 }
 /**
@@ -16,7 +18,9 @@ function setComponentPrefix(prefix = 'app') {
  * @param path 首页路径
  */
 function setHomePath(path = '/pages/index/index') {
-	if (!path) throw new Error('app 首页不能为空');
+	if (!path) {
+		throw new Error('app 首页不能为空');
+	}
 	homePath = path;
 }
 /** iconfont 图标 map */
@@ -56,4 +60,11 @@ function addIcons(iconJson) {
 }
 // 添加内部图标库
 addIcons(defaultIconfonts);
-export { componentPrefix, homePath, setComponentPrefix, setHomePath, iconMap, addIcons };
+export {
+	componentPrefix,
+	homePath,
+	setComponentPrefix,
+	setHomePath,
+	iconMap,
+	addIcons,
+};

package/configs/index.ts

@@ -79,4 +79,11 @@ function addIcons(iconJson: IconFontJson) {
 // 添加内部图标库
 addIcons(defaultIconfonts);
 
-export { componentPrefix, homePath, setComponentPrefix, setHomePath, iconMap, addIcons };
+export {
+	componentPrefix,
+	homePath,
+	setComponentPrefix,
+	setHomePath,
+	iconMap,
+	addIcons,
+};

package/easyCom.js

@@ -9,19 +9,24 @@ function componentEasyCom(componentPrefix = 'app') {
 					'@ecolovo/uniapp-components/components/dialog/dialog-content.vue',
 				[`^${componentPrefix}-loading-animation(.*)`]:
 					'@ecolovo/uniapp-components/components/loading/animations/loading-animation$1.vue',
-				[`^${componentPrefix}-page-(.*)`]: '@ecolovo/uniapp-components/components/page/page-$1.vue',
+				[`^${componentPrefix}-page-(.*)`]:
+					'@ecolovo/uniapp-components/components/page/page-$1.vue',
 				[`^${componentPrefix}-password-input`]:
 					'@ecolovo/uniapp-components/components/input/password-input.vue',
-				[`^${componentPrefix}-picker-popup`]: '@ecolovo/uniapp-components/components/picker/picker-popup.vue',
+				[`^${componentPrefix}-picker-popup`]:
+					'@ecolovo/uniapp-components/components/picker/picker-popup.vue',
 				[`^${componentPrefix}-popover-content`]:
 					'@ecolovo/uniapp-components/components/popover/popover-content.vue',
-				[`^${componentPrefix}-popover-mask`]: '@ecolovo/uniapp-components/components/popover/popover-mask.vue',
-				[`^${componentPrefix}-popup-content`]: '@ecolovo/uniapp-components/components/popup/popup-content.vue',
+				[`^${componentPrefix}-popover-mask`]:
+					'@ecolovo/uniapp-components/components/popover/popover-mask.vue',
+				[`^${componentPrefix}-popup-content`]:
+					'@ecolovo/uniapp-components/components/popup/popup-content.vue',
 				[`^${componentPrefix}-media-uploader`]:
 					'@ecolovo/uniapp-components/components/uploader/media-uploader.vue',
 				[`^${componentPrefix}-file-uploader`]:
 					'@ecolovo/uniapp-components/components/uploader/file-uploader.vue',
-				[`^${componentPrefix}-(.*)`]: '@ecolovo/uniapp-components/components/$1/$1.vue',
+				[`^${componentPrefix}-(.*)`]:
+					'@ecolovo/uniapp-components/components/$1/$1.vue',
 			},
 		},
 	};

package/easyCom.ts

@@ -9,19 +9,24 @@ function componentEasyCom(componentPrefix = 'app') {
 					'@ecolovo/uniapp-components/components/dialog/dialog-content.vue',
 				[`^${componentPrefix}-loading-animation(.*)`]:
 					'@ecolovo/uniapp-components/components/loading/animations/loading-animation$1.vue',
-				[`^${componentPrefix}-page-(.*)`]: '@ecolovo/uniapp-components/components/page/page-$1.vue',
+				[`^${componentPrefix}-page-(.*)`]:
+					'@ecolovo/uniapp-components/components/page/page-$1.vue',
 				[`^${componentPrefix}-password-input`]:
 					'@ecolovo/uniapp-components/components/input/password-input.vue',
-				[`^${componentPrefix}-picker-popup`]: '@ecolovo/uniapp-components/components/picker/picker-popup.vue',
+				[`^${componentPrefix}-picker-popup`]:
+					'@ecolovo/uniapp-components/components/picker/picker-popup.vue',
 				[`^${componentPrefix}-popover-content`]:
 					'@ecolovo/uniapp-components/components/popover/popover-content.vue',
-				[`^${componentPrefix}-popover-mask`]: '@ecolovo/uniapp-components/components/popover/popover-mask.vue',
-				[`^${componentPrefix}-popup-content`]: '@ecolovo/uniapp-components/components/popup/popup-content.vue',
+				[`^${componentPrefix}-popover-mask`]:
+					'@ecolovo/uniapp-components/components/popover/popover-mask.vue',
+				[`^${componentPrefix}-popup-content`]:
+					'@ecolovo/uniapp-components/components/popup/popup-content.vue',
 				[`^${componentPrefix}-media-uploader`]:
 					'@ecolovo/uniapp-components/components/uploader/media-uploader.vue',
 				[`^${componentPrefix}-file-uploader`]:
 					'@ecolovo/uniapp-components/components/uploader/file-uploader.vue',
-				[`^${componentPrefix}-(.*)`]: '@ecolovo/uniapp-components/components/$1/$1.vue',
+				[`^${componentPrefix}-(.*)`]:
+					'@ecolovo/uniapp-components/components/$1/$1.vue',
 			},
 		},
 	};

package/globals.d.ts

@@ -0,0 +1,36 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+export {};
+
+declare global {
+	// 覆盖 input 元素的 onInput 事件信息
+	interface Event {
+		detail: { value: string };
+	}
+	// 覆盖 input 元素的 obBlur 事件信息
+	interface FocusEvent {
+		detail: { value: string };
+	}
+	interface ScrollEvent {
+		detail: {
+			scrollLeft: number;
+			scrollTop: number;
+			scrollHeight: number;
+			scrollWidth: number;
+			deltaX: number;
+			deltaY: number;
+		};
+	}
+	declare namespace UniApp {
+		type PromiseResolver<T> = Parameters<Promise<T>['then']>[0];
+		type PromiseRejector<T> = Parameters<Promise<T>['then']>[1];
+		type PromiseResolvers<T> = {
+			resolve: PromiseResolver<T>;
+			reject: PromiseRejector<T>;
+		};
+
+		type EventWithDetail<T extends Record<string, any>> = {
+			detail: T;
+		};
+		type GetPhoneNumberEvent = EventWithDetail<{ code: string }>;
+	}
+}

package/index.d.ts

@@ -1 +1,6 @@
+export * from './globals.d';
 export { default as init } from './init';
+export { default as componentEasyCom } from './easyCom';
+export * from './components';
+export * from './composable/message-box';
+export * from './components/message-box/message-box';