fant-mini-plus
Advanced tools
+7
-0
@@ -5,2 +5,9 @@ # Changelog | ||
| ### [0.1.9](https://gitlab.hd123.com/vue/fant-mini-plus/compare/v0.1.8...v0.1.9) (2023-07-07) | ||
| ### Features | ||
| * ✨ 优化Popup的动画结束事件 ([54abe8a](https://gitlab.hd123.com/vue/fant-mini-plus/commit/54abe8a357ac04c1de35992227a66f0e56431d2b)) | ||
| ### [0.1.8](https://gitlab.hd123.com/vue/fant-mini-plus/compare/v0.1.7...v0.1.8) (2023-06-07) | ||
@@ -7,0 +14,0 @@ |
@@ -1,3 +0,3 @@ | ||
| import { InjectionKey, Ref } from 'vue' | ||
| import { Area } from './types' | ||
| import { InjectionKey, Ref } from 'vue'; | ||
| import { Area } from './types'; | ||
| /** | ||
@@ -8,3 +8,3 @@ * useArea 用到的key | ||
| */ | ||
| export declare const areaDefaultKey: InjectionKey<Ref<boolean>> | ||
| export declare function useArea(selector?: string): Area | ||
| export declare const areaDefaultKey: InjectionKey<Ref<boolean>>; | ||
| export declare function useArea(selector?: string): Area; |
| export interface Area { | ||
| showArea(): void | ||
| closeArea(): void | ||
| showArea(): void; | ||
| closeArea(): void; | ||
| } |
@@ -1,3 +0,3 @@ | ||
| import { InjectionKey, Ref } from 'vue' | ||
| import type { Calendar } from './types' | ||
| import { InjectionKey, Ref } from 'vue'; | ||
| import type { Calendar } from './types'; | ||
| /** | ||
@@ -8,3 +8,3 @@ * useCalendar 用到的key | ||
| */ | ||
| export declare const calendarDefaultKey: InjectionKey<Ref<boolean>> | ||
| export declare function useCalendar(selector?: string): Calendar | ||
| export declare const calendarDefaultKey: InjectionKey<Ref<boolean>>; | ||
| export declare function useCalendar(selector?: string): Calendar; |
| export interface Calendar { | ||
| showCalendar(): void | ||
| closeCalendar(): void | ||
| showCalendar(): void; | ||
| closeCalendar(): void; | ||
| } |
@@ -1,3 +0,3 @@ | ||
| import { InjectionKey, Ref } from 'vue' | ||
| import type { DatePicker, DatePickerOptions } from './types' | ||
| import { InjectionKey, Ref } from 'vue'; | ||
| import type { DatePicker, DatePickerOptions } from './types'; | ||
| /** | ||
@@ -8,4 +8,4 @@ * useDatePicker 用到的key | ||
| */ | ||
| export declare const datePickerDefaultKey: InjectionKey<Ref<boolean>> | ||
| export declare const datePickerDefaultOptionKey: InjectionKey<Ref<DatePickerOptions>> | ||
| export declare const datePickerDefaultKey: InjectionKey<Ref<boolean>>; | ||
| export declare const datePickerDefaultOptionKey: InjectionKey<Ref<DatePickerOptions>>; | ||
| /** | ||
@@ -15,3 +15,3 @@ * DatePicker默认参数 | ||
| */ | ||
| export declare function getDefaultOptions(): DatePickerOptions | ||
| export declare function useDatePicker(selector?: string): DatePicker | ||
| export declare function getDefaultOptions(): DatePickerOptions; | ||
| export declare function useDatePicker(selector?: string): DatePicker; |
@@ -1,58 +0,58 @@ | ||
| export type DatePickerType = 'date' | 'time' | 'year-month' | 'date-hour-minute' | 'date-time' | ||
| export type DatePickerType = 'date' | 'time' | 'year-month' | 'date-hour-minute' | 'date-time'; | ||
| export type DatePickerOptions = { | ||
| /** | ||
| * 初始选择的日期时间,默认当前时间。 | ||
| */ | ||
| currentDate?: number | string | ||
| /** | ||
| * 最小日期时间。 | ||
| */ | ||
| startDate?: number | ||
| /** | ||
| * 最大日期时间。 | ||
| */ | ||
| endDate?: number | ||
| /** | ||
| * 可选的最大小时,针对 time 类型 | ||
| */ | ||
| maxHour?: number | ||
| /** | ||
| * 可选的最大分,针对 time 类型 | ||
| */ | ||
| maxMinute?: number | ||
| /** | ||
| * 可选的最大秒,针对 time 类型 | ||
| */ | ||
| maxSecond?: number | ||
| /** | ||
| * 可选的最小小时,针对 time 类型 | ||
| */ | ||
| minHour?: number | ||
| /** | ||
| * 可选的最小分,针对 time 类型 | ||
| */ | ||
| minMinute?: number | ||
| /** | ||
| * 可选的最小秒,针对 time 类型 | ||
| */ | ||
| minSecond?: number | ||
| /** | ||
| * 类型 | ||
| */ | ||
| type?: DatePickerType | ||
| /** | ||
| * 主题颜色 | ||
| */ | ||
| themeColor?: string | ||
| /** | ||
| * 接口调用成功的回调函数 | ||
| */ | ||
| success?: (result: any) => void | ||
| /** | ||
| * 接口调用失败的回调函数 | ||
| */ | ||
| fail?: (result: any) => void | ||
| } | ||
| /** | ||
| * 初始选择的日期时间,默认当前时间。 | ||
| */ | ||
| currentDate?: number | string; | ||
| /** | ||
| * 最小日期时间。 | ||
| */ | ||
| startDate?: number; | ||
| /** | ||
| * 最大日期时间。 | ||
| */ | ||
| endDate?: number; | ||
| /** | ||
| * 可选的最大小时,针对 time 类型 | ||
| */ | ||
| maxHour?: number; | ||
| /** | ||
| * 可选的最大分,针对 time 类型 | ||
| */ | ||
| maxMinute?: number; | ||
| /** | ||
| * 可选的最大秒,针对 time 类型 | ||
| */ | ||
| maxSecond?: number; | ||
| /** | ||
| * 可选的最小小时,针对 time 类型 | ||
| */ | ||
| minHour?: number; | ||
| /** | ||
| * 可选的最小分,针对 time 类型 | ||
| */ | ||
| minMinute?: number; | ||
| /** | ||
| * 可选的最小秒,针对 time 类型 | ||
| */ | ||
| minSecond?: number; | ||
| /** | ||
| * 类型 | ||
| */ | ||
| type?: DatePickerType; | ||
| /** | ||
| * 主题颜色 | ||
| */ | ||
| themeColor?: string; | ||
| /** | ||
| * 接口调用成功的回调函数 | ||
| */ | ||
| success?: (result: any) => void; | ||
| /** | ||
| * 接口调用失败的回调函数 | ||
| */ | ||
| fail?: (result: any) => void; | ||
| }; | ||
| export interface DatePicker { | ||
| showDatePicker(datePickerOptions: DatePickerOptions): void | ||
| showDatePicker(datePickerOptions: DatePickerOptions): void; | ||
| } |
@@ -1,3 +0,3 @@ | ||
| import { InjectionKey, Ref } from 'vue' | ||
| import type { Loading, LoadingOptions } from './types' | ||
| import { InjectionKey, Ref } from 'vue'; | ||
| import type { Loading, LoadingOptions } from './types'; | ||
| /** | ||
@@ -8,8 +8,8 @@ * useLoading 用到的key | ||
| */ | ||
| export declare const loadingDefaultKey: InjectionKey<Ref<boolean>> | ||
| export declare const loadingDefaultOptionKey: InjectionKey<Ref<LoadingOptions>> | ||
| export declare const loadingDefaultKey: InjectionKey<Ref<boolean>>; | ||
| export declare const loadingDefaultOptionKey: InjectionKey<Ref<LoadingOptions>>; | ||
| /** | ||
| * 默认参数 | ||
| */ | ||
| export declare const defaultLoadingOptions: LoadingOptions | ||
| export declare function useLoading(selector?: string): Loading | ||
| export declare const defaultLoadingOptions: LoadingOptions; | ||
| export declare function useLoading(selector?: string): Loading; |
@@ -1,35 +0,35 @@ | ||
| export type LoadingType = 'flower' | 'dot' | ||
| export type LoadingType = 'flower' | 'dot'; | ||
| export type LoadingOptions = { | ||
| /** | ||
| * 提示的内容 | ||
| */ | ||
| title?: string | ||
| /** | ||
| * 动画类型 | ||
| */ | ||
| type?: LoadingType | ||
| /** | ||
| * 是否显示黑色底色,默认:true | ||
| */ | ||
| background?: boolean | ||
| /** | ||
| * 延时展示时间,默认0,单位毫秒 | ||
| */ | ||
| delayTime?: number | ||
| /** | ||
| * 点击时的回调函数 | ||
| */ | ||
| onClick?: () => void | ||
| /** | ||
| * 完全展示后的回调函数 | ||
| */ | ||
| onOpened?: () => void | ||
| /** | ||
| * 关闭时的回调函数 | ||
| */ | ||
| onClose?: () => void | ||
| } | ||
| /** | ||
| * 提示的内容 | ||
| */ | ||
| title?: string; | ||
| /** | ||
| * 动画类型 | ||
| */ | ||
| type?: LoadingType; | ||
| /** | ||
| * 是否显示黑色底色,默认:true | ||
| */ | ||
| background?: boolean; | ||
| /** | ||
| * 延时展示时间,默认0,单位毫秒 | ||
| */ | ||
| delayTime?: number; | ||
| /** | ||
| * 点击时的回调函数 | ||
| */ | ||
| onClick?: () => void; | ||
| /** | ||
| * 完全展示后的回调函数 | ||
| */ | ||
| onOpened?: () => void; | ||
| /** | ||
| * 关闭时的回调函数 | ||
| */ | ||
| onClose?: () => void; | ||
| }; | ||
| export interface Loading { | ||
| showLoading(loadingOptions: LoadingOptions | string): void | ||
| hideLoading(): void | ||
| showLoading(loadingOptions: LoadingOptions | string): void; | ||
| hideLoading(): void; | ||
| } |
@@ -1,7 +0,7 @@ | ||
| import { InjectionKey, Ref } from 'vue' | ||
| import type { Modal, ModalOptions } from './types' | ||
| import { InjectionKey, Ref } from 'vue'; | ||
| import type { Modal, ModalOptions } from './types'; | ||
| /** | ||
| * 默认参数 | ||
| */ | ||
| export declare const defaultModalOptions: ModalOptions | ||
| export declare const defaultModalOptions: ModalOptions; | ||
| /** | ||
@@ -12,4 +12,4 @@ * useModal 用到的key | ||
| */ | ||
| export declare const modalDefaultKey: InjectionKey<Ref<boolean>> | ||
| export declare const modalDefaultOptionKey: InjectionKey<Ref<ModalOptions>> | ||
| export declare function useModal(selector?: string): Modal | ||
| export declare const modalDefaultKey: InjectionKey<Ref<boolean>>; | ||
| export declare const modalDefaultOptionKey: InjectionKey<Ref<ModalOptions>>; | ||
| export declare function useModal(selector?: string): Modal; |
| export type ModalRes = { | ||
| /** | ||
| * 为 true 时,表示用户点击了确定按钮 | ||
| */ | ||
| confirm: boolean | ||
| /** | ||
| * 为 true 时,表示用户点击了取消 | ||
| */ | ||
| cancel: boolean | ||
| /** | ||
| * editable 为 true 时,用户输入的文本 | ||
| */ | ||
| content?: string | ||
| } | ||
| /** | ||
| * 为 true 时,表示用户点击了确定按钮 | ||
| */ | ||
| confirm: boolean; | ||
| /** | ||
| * 为 true 时,表示用户点击了取消 | ||
| */ | ||
| cancel: boolean; | ||
| /** | ||
| * editable 为 true 时,用户输入的文本 | ||
| */ | ||
| content?: string; | ||
| }; | ||
| export type ModalOptions = { | ||
| /** | ||
| * 提示的标题 | ||
| */ | ||
| title?: string | ||
| /** | ||
| * 提示的内容 | ||
| */ | ||
| content?: string | ||
| /** | ||
| * 是否显示取消按钮,默认为 true | ||
| */ | ||
| showCancel?: boolean | ||
| /** | ||
| * 取消按钮的文字,默认为"取消" | ||
| */ | ||
| cancelText?: string | ||
| /** | ||
| * 取消按钮的文字颜色,默认为"#000000" | ||
| */ | ||
| cancelColor?: string | ||
| /** | ||
| * 确定按钮的文字,默认为"确定" | ||
| */ | ||
| confirmText?: string | ||
| /** | ||
| * 确定按钮的文字颜色,默认为"#3CC51F" | ||
| */ | ||
| confirmColor?: string | ||
| /** | ||
| * 接口调用成功的回调函数 | ||
| */ | ||
| success?: (result: ModalRes) => void | ||
| /** | ||
| * 接口调用失败的回调函数 | ||
| */ | ||
| fail?: (result: ModalRes) => void | ||
| /** | ||
| * 接口调用结束的回调函数(调用成功、失败都会执行) | ||
| */ | ||
| complete?: (result: ModalRes) => void | ||
| } | ||
| /** | ||
| * 提示的标题 | ||
| */ | ||
| title?: string; | ||
| /** | ||
| * 提示的内容 | ||
| */ | ||
| content?: string; | ||
| /** | ||
| * 是否显示取消按钮,默认为 true | ||
| */ | ||
| showCancel?: boolean; | ||
| /** | ||
| * 取消按钮的文字,默认为"取消" | ||
| */ | ||
| cancelText?: string; | ||
| /** | ||
| * 取消按钮的文字颜色,默认为"#000000" | ||
| */ | ||
| cancelColor?: string; | ||
| /** | ||
| * 确定按钮的文字,默认为"确定" | ||
| */ | ||
| confirmText?: string; | ||
| /** | ||
| * 确定按钮的文字颜色,默认为"#3CC51F" | ||
| */ | ||
| confirmColor?: string; | ||
| /** | ||
| * 接口调用成功的回调函数 | ||
| */ | ||
| success?: (result: ModalRes) => void; | ||
| /** | ||
| * 接口调用失败的回调函数 | ||
| */ | ||
| fail?: (result: ModalRes) => void; | ||
| /** | ||
| * 接口调用结束的回调函数(调用成功、失败都会执行) | ||
| */ | ||
| complete?: (result: ModalRes) => void; | ||
| }; | ||
| export interface Modal { | ||
| showModal(modalOptions: ModalOptions | string): void | ||
| showModal(modalOptions: ModalOptions | string): void; | ||
| } |
@@ -1,7 +0,7 @@ | ||
| import { InjectionKey, Ref } from 'vue' | ||
| import type { Notify, NotifyOptions } from './types' | ||
| import { InjectionKey, Ref } from 'vue'; | ||
| import type { Notify, NotifyOptions } from './types'; | ||
| /** | ||
| * 默认参数 | ||
| */ | ||
| export declare const defaultNotifyOptions: NotifyOptions | ||
| export declare const defaultNotifyOptions: NotifyOptions; | ||
| /** | ||
@@ -12,4 +12,4 @@ * useNotify 用到的key | ||
| */ | ||
| export declare const notifyDefaultKey: InjectionKey<Ref<boolean>> | ||
| export declare const notifyDefaultOptionKey: InjectionKey<Ref<NotifyOptions>> | ||
| export declare function useNotify(selector?: string): Notify | ||
| export declare const notifyDefaultKey: InjectionKey<Ref<boolean>>; | ||
| export declare const notifyDefaultOptionKey: InjectionKey<Ref<NotifyOptions>>; | ||
| export declare function useNotify(selector?: string): Notify; |
@@ -1,50 +0,50 @@ | ||
| export type NotifyType = 'primary' | 'success' | 'error' | 'warning' | ||
| export type NotifyType = 'primary' | 'success' | 'error' | 'warning'; | ||
| export type NotifyOptions = { | ||
| /** | ||
| * 底色类型 | ||
| */ | ||
| type?: NotifyType | ||
| /** | ||
| * 文字颜色 | ||
| */ | ||
| color?: string | ||
| /** | ||
| * 层级 | ||
| */ | ||
| zIndex?: number | ||
| /** | ||
| * 距离顶部长度 | ||
| */ | ||
| top?: number | ||
| /** | ||
| * 提示的内容 | ||
| */ | ||
| message: string | ||
| /** | ||
| * 展示时长(ms),值为 0 时,notify 不会消失,默认值3000 | ||
| */ | ||
| duration?: number | ||
| /** | ||
| * 自定义背景色 | ||
| */ | ||
| background?: string | ||
| /** | ||
| * 是否留出顶部安全距离(状态栏高度) | ||
| */ | ||
| safeAreaInsetTop?: boolean | ||
| /** | ||
| * 点击时的回调函数 | ||
| */ | ||
| onClick?: () => void | ||
| /** | ||
| * 完全展示后的回调函数 | ||
| */ | ||
| onOpened?: () => void | ||
| /** | ||
| * 关闭时的回调函数 | ||
| */ | ||
| onClose?: () => void | ||
| } | ||
| /** | ||
| * 底色类型 | ||
| */ | ||
| type?: NotifyType; | ||
| /** | ||
| * 文字颜色 | ||
| */ | ||
| color?: string; | ||
| /** | ||
| * 层级 | ||
| */ | ||
| zIndex?: number; | ||
| /** | ||
| * 距离顶部长度 | ||
| */ | ||
| top?: number; | ||
| /** | ||
| * 提示的内容 | ||
| */ | ||
| message: string; | ||
| /** | ||
| * 展示时长(ms),值为 0 时,notify 不会消失,默认值3000 | ||
| */ | ||
| duration?: number; | ||
| /** | ||
| * 自定义背景色 | ||
| */ | ||
| background?: string; | ||
| /** | ||
| * 是否留出顶部安全距离(状态栏高度) | ||
| */ | ||
| safeAreaInsetTop?: boolean; | ||
| /** | ||
| * 点击时的回调函数 | ||
| */ | ||
| onClick?: () => void; | ||
| /** | ||
| * 完全展示后的回调函数 | ||
| */ | ||
| onOpened?: () => void; | ||
| /** | ||
| * 关闭时的回调函数 | ||
| */ | ||
| onClose?: () => void; | ||
| }; | ||
| export interface Notify { | ||
| showNotify(notifyOptions: NotifyOptions | string): void | ||
| showNotify(notifyOptions: NotifyOptions | string): void; | ||
| } |
@@ -209,6 +209,10 @@ <template> | ||
| emit('transitionEnd') | ||
| showTrans.value = false | ||
| nextTick(() => { | ||
| showTrans.value = true | ||
| }) | ||
| } | ||
| function open(direction?: 'top' | 'center' | 'bottom' | 'left' | 'right') { | ||
| timer.value && clearTimeout(timer.value) | ||
| // timer.value && clearTimeout(timer.value) | ||
| const innerType = ['top', 'center', 'bottom', 'left', 'right'] | ||
@@ -238,12 +242,2 @@ if (!(direction && innerType.indexOf(direction) !== -1)) { | ||
| show.value = false | ||
| if (transDuration.value) { | ||
| timer.value = setTimeout(() => { | ||
| showTrans.value = false | ||
| nextTick(() => { | ||
| showTrans.value = true | ||
| }) | ||
| }, transDuration.value) | ||
| } else { | ||
| timer.value && clearTimeout(timer.value) | ||
| } | ||
| /** | ||
@@ -250,0 +244,0 @@ * 弹层状态变更 |
@@ -1,3 +0,3 @@ | ||
| import { InjectionKey, Ref } from 'vue' | ||
| import { Popup } from './types' | ||
| import { InjectionKey, Ref } from 'vue'; | ||
| import { Popup } from './types'; | ||
| /** | ||
@@ -8,3 +8,3 @@ * usePopup 用到的key | ||
| */ | ||
| export declare const popupDefaultKey: InjectionKey<Ref<boolean>> | ||
| export declare function usePopup(selector?: string): Popup | ||
| export declare const popupDefaultKey: InjectionKey<Ref<boolean>>; | ||
| export declare function usePopup(selector?: string): Popup; |
| export interface Popup { | ||
| showPopup(): void | ||
| closePopup(): void | ||
| showPopup(): void; | ||
| closePopup(): void; | ||
| } |
| <!-- | ||
| * @Author: weisheng | ||
| * @Date: 2023-03-21 22:52:15 | ||
| * @LastEditTime: 2023-05-23 15:47:25 | ||
| * @LastEditTime: 2023-06-23 13:49:01 | ||
| * @LastEditors: weisheng | ||
@@ -244,3 +244,7 @@ * @Description: | ||
| function getTabsInfo() { | ||
| const view = uni.createSelectorQuery().in(proxy) | ||
| const view = uni | ||
| .createSelectorQuery() | ||
| // #ifndef MP-ALIPAY | ||
| .in(proxy) | ||
| // #endif | ||
| for (let i = 0; i < props.list.length; i++) { | ||
@@ -247,0 +251,0 @@ view.select('.hd-section-item-' + i).boundingClientRect() |
@@ -1,2 +0,2 @@ | ||
| import { SwipeAction } from './types' | ||
| export declare function useSwipeAction(): SwipeAction | ||
| import { SwipeAction } from './types'; | ||
| export declare function useSwipeAction(): SwipeAction; |
@@ -1,5 +0,5 @@ | ||
| import { Ref } from 'vue' | ||
| import { Ref } from 'vue'; | ||
| export interface SwipeAction { | ||
| moveIndex: Ref<number> | ||
| updateIndex(index: number): void | ||
| moveIndex: Ref<number>; | ||
| updateIndex(index: number): void; | ||
| } |
@@ -300,3 +300,7 @@ <template> | ||
| onMounted(() => { | ||
| const query = uni.createSelectorQuery().in(proxy) | ||
| const query = uni | ||
| .createSelectorQuery() | ||
| // #ifndef MP-ALIPAY | ||
| .in(proxy) | ||
| // #endif | ||
| query | ||
@@ -303,0 +307,0 @@ .select('.swiper-item') |
@@ -159,3 +159,5 @@ <template> | ||
| .createSelectorQuery() | ||
| // #ifndef MP-ALIPAY | ||
| .in(proxy) | ||
| // #endif | ||
| .selectAll(el) | ||
@@ -162,0 +164,0 @@ .boundingClientRect() |
@@ -1,3 +0,3 @@ | ||
| import { InjectionKey, Ref } from 'vue' | ||
| import type { Toast, ToastOptions } from './types' | ||
| import { InjectionKey, Ref } from 'vue'; | ||
| import type { Toast, ToastOptions } from './types'; | ||
| /** | ||
@@ -8,8 +8,8 @@ * useToast 用到的key | ||
| */ | ||
| export declare const toastDefaultKey: InjectionKey<Ref<boolean>> | ||
| export declare const toastDefaultOptionKey: InjectionKey<Ref<ToastOptions>> | ||
| export declare const toastDefaultKey: InjectionKey<Ref<boolean>>; | ||
| export declare const toastDefaultOptionKey: InjectionKey<Ref<ToastOptions>>; | ||
| /** | ||
| * 默认参数 | ||
| */ | ||
| export declare const defaultToastOptions: ToastOptions | ||
| export declare function useToast(selector?: string): Toast | ||
| export declare const defaultToastOptions: ToastOptions; | ||
| export declare function useToast(selector?: string): Toast; |
@@ -1,50 +0,50 @@ | ||
| export type ToastType = 'white' | 'black' | ||
| export type ToastIconType = 'success' | 'none' | 'warning' | 'error' | ||
| export type ToastType = 'white' | 'black'; | ||
| export type ToastIconType = 'success' | 'none' | 'warning' | 'error'; | ||
| export type ToastOptions = { | ||
| /** | ||
| * 底色类型 | ||
| * - white:底色为白色,图标为多色 | ||
| * - black:底色为黑色,图标为白色 | ||
| */ | ||
| type?: ToastType | ||
| /** | ||
| * 提示的内容 | ||
| */ | ||
| title?: string | ||
| /** | ||
| * 图标 | ||
| * - success: 显示成功图标 | ||
| * - warning: 显示警告图标 | ||
| * - error: 显示错误图标 | ||
| * - none: 不显示图标 | ||
| */ | ||
| icon?: ToastIconType | ||
| /** | ||
| * 自定义图标的本地路径,image 的优先级高于 icon | ||
| */ | ||
| image?: string | ||
| /** | ||
| * 自定义层级,默认值 1000 | ||
| */ | ||
| zIndex?: number | ||
| /** | ||
| * 提示的持续时间,单位毫秒,默认:1500 | ||
| */ | ||
| duration?: number | ||
| /** | ||
| * 点击时的回调函数 | ||
| */ | ||
| onClick?: () => void | ||
| /** | ||
| * 完全展示后的回调函数 | ||
| */ | ||
| onOpened?: () => void | ||
| /** | ||
| * 关闭时的回调函数 | ||
| */ | ||
| onClose?: () => void | ||
| } | ||
| /** | ||
| * 底色类型 | ||
| * - white:底色为白色,图标为多色 | ||
| * - black:底色为黑色,图标为白色 | ||
| */ | ||
| type?: ToastType; | ||
| /** | ||
| * 提示的内容 | ||
| */ | ||
| title?: string; | ||
| /** | ||
| * 图标 | ||
| * - success: 显示成功图标 | ||
| * - warning: 显示警告图标 | ||
| * - error: 显示错误图标 | ||
| * - none: 不显示图标 | ||
| */ | ||
| icon?: ToastIconType; | ||
| /** | ||
| * 自定义图标的本地路径,image 的优先级高于 icon | ||
| */ | ||
| image?: string; | ||
| /** | ||
| * 自定义层级,默认值 1000 | ||
| */ | ||
| zIndex?: number; | ||
| /** | ||
| * 提示的持续时间,单位毫秒,默认:1500 | ||
| */ | ||
| duration?: number; | ||
| /** | ||
| * 点击时的回调函数 | ||
| */ | ||
| onClick?: () => void; | ||
| /** | ||
| * 完全展示后的回调函数 | ||
| */ | ||
| onOpened?: () => void; | ||
| /** | ||
| * 关闭时的回调函数 | ||
| */ | ||
| onClose?: () => void; | ||
| }; | ||
| export interface Toast { | ||
| showToast(toastOptions: ToastOptions | string): void | ||
| hideToast(): void | ||
| showToast(toastOptions: ToastOptions | string): void; | ||
| hideToast(): void; | ||
| } |
+18
-18
@@ -1,19 +0,19 @@ | ||
| import type { App } from 'vue' | ||
| export * from './components/hd-toast' | ||
| export * from './components/hd-notify' | ||
| export * from './components/hd-loading' | ||
| export * from './components/hd-modal' | ||
| export * from './components/hd-date-picker' | ||
| export * from './components/hd-calendar' | ||
| export * from './components/hd-popup' | ||
| export * from './components/hd-area' | ||
| export * from './components/hd-swipe-action' | ||
| export * from './libs/functions/colorExchanghe' | ||
| export * from './libs/functions/debounce' | ||
| export * from './libs/functions/throttle' | ||
| export * from './libs/functions/reg' | ||
| export * from './libs/utils/CommonUtil' | ||
| import type { App } from 'vue'; | ||
| export * from './components/hd-toast'; | ||
| export * from './components/hd-notify'; | ||
| export * from './components/hd-loading'; | ||
| export * from './components/hd-modal'; | ||
| export * from './components/hd-date-picker'; | ||
| export * from './components/hd-calendar'; | ||
| export * from './components/hd-popup'; | ||
| export * from './components/hd-area'; | ||
| export * from './components/hd-swipe-action'; | ||
| export * from './libs/functions/colorExchanghe'; | ||
| export * from './libs/functions/debounce'; | ||
| export * from './libs/functions/throttle'; | ||
| export * from './libs/functions/reg'; | ||
| export * from './libs/utils/CommonUtil'; | ||
| declare const _default: { | ||
| install: (Vue: App<any>) => void | ||
| } | ||
| export default _default | ||
| install: (Vue: App<any>) => void; | ||
| }; | ||
| export default _default; |
+1
-86
@@ -1,86 +0,1 @@ | ||
| { | ||
| "id": "fant-mini-plus", | ||
| "name": "fant-mini-plus", | ||
| "displayName": "fant-mini-plus基于Vue3和TypeScript的高效UI组件库", | ||
| "version": "0.1.8", | ||
| "description": "fant-mini-plus是一个基于Vue3和TypeScript的uni-app高效UI组件库,提供丰富的组件和样式,帮助开发者快速构建高质量的移动应用。", | ||
| "keywords": [ | ||
| "vue3", | ||
| "typescript", | ||
| "组件库", | ||
| "微信小程序", | ||
| "支付宝小程序" | ||
| ], | ||
| "repository": "https://gitee.com/fant-mini/uniapp-vue3-fant-ts", | ||
| "typings": "index.d.ts", | ||
| "engines": { | ||
| "HBuilderX": "^3.5.2" | ||
| }, | ||
| "dcloudext": { | ||
| "sale": { | ||
| "regular": { | ||
| "price": "0.00" | ||
| }, | ||
| "sourcecode": { | ||
| "price": "0.00" | ||
| } | ||
| }, | ||
| "contact": { | ||
| "qq": "" | ||
| }, | ||
| "declaration": { | ||
| "ads": "无", | ||
| "data": "插件不采集任何数据", | ||
| "permissions": "无" | ||
| }, | ||
| "npmurl": "https://github.com/Moonofweisheng/uniapp-vue3-fant-ts", | ||
| "type": "component-vue" | ||
| }, | ||
| "uni_modules": { | ||
| "dependencies": [ | ||
| "mp-html" | ||
| ], | ||
| "encrypt": [], | ||
| "platforms": { | ||
| "cloud": { | ||
| "tcb": "y", | ||
| "aliyun": "y" | ||
| }, | ||
| "client": { | ||
| "Vue": { | ||
| "vue2": "n", | ||
| "vue3": "y" | ||
| }, | ||
| "App": { | ||
| "app-vue": "y", | ||
| "app-nvue": "n" | ||
| }, | ||
| "H5-mobile": { | ||
| "Safari": "y", | ||
| "Android Browser": "y", | ||
| "微信浏览器(Android)": "y", | ||
| "QQ浏览器(Android)": "y" | ||
| }, | ||
| "H5-pc": { | ||
| "Chrome": "u", | ||
| "IE": "u", | ||
| "Edge": "u", | ||
| "Firefox": "u", | ||
| "Safari": "u" | ||
| }, | ||
| "小程序": { | ||
| "微信": "y", | ||
| "钉钉": "y", | ||
| "阿里": "y", | ||
| "百度": "u", | ||
| "字节跳动": "u", | ||
| "QQ": "u" | ||
| }, | ||
| "快应用": { | ||
| "华为": "u", | ||
| "联盟": "u" | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } | ||
| {"id":"fant-mini-plus","name":"fant-mini-plus","displayName":"fant-mini-plus基于Vue3和TypeScript的高效UI组件库","version":"0.1.9","description":"fant-mini-plus是一个基于Vue3和TypeScript的uni-app高效UI组件库,提供丰富的组件和样式,帮助开发者快速构建高质量的移动应用。","keywords":["vue3","typescript","组件库","微信小程序","支付宝小程序"],"repository":"https://gitee.com/fant-mini/uniapp-vue3-fant-ts","typings":"index.d.ts","engines":{"HBuilderX":"^3.5.2"},"dcloudext":{"sale":{"regular":{"price":"0.00"},"sourcecode":{"price":"0.00"}},"contact":{"qq":""},"declaration":{"ads":"无","data":"插件不采集任何数据","permissions":"无"},"npmurl":"https://github.com/Moonofweisheng/uniapp-vue3-fant-ts","type":"component-vue"},"uni_modules":{"dependencies":["mp-html"],"encrypt":[],"platforms":{"cloud":{"tcb":"y","aliyun":"y"},"client":{"Vue":{"vue2":"n","vue3":"y"},"App":{"app-vue":"y","app-nvue":"n"},"H5-mobile":{"Safari":"y","Android Browser":"y","微信浏览器(Android)":"y","QQ浏览器(Android)":"y"},"H5-pc":{"Chrome":"u","IE":"u","Edge":"u","Firefox":"u","Safari":"u"},"小程序":{"微信":"y","钉钉":"y","阿里":"y","百度":"u","字节跳动":"u","QQ":"u"},"快应用":{"华为":"u","联盟":"u"}}}}} |
418648
0.13%