🚀 Socket Launch Week Day 5:Introducing Repository Access Permissions and Custom Roles.Learn more
Sign In

fant-mini-plus

Package Overview
Dependencies
Maintainers
1
Versions
10
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

fant-mini-plus - npm Package Compare versions

Comparing version
0.1.8
to
0.1.9
+7
-0
changelog.md

@@ -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 @@

+4
-4

@@ -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;
}

@@ -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 +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"}}}}}