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

fant-mini-plus

Package Overview
Dependencies
Maintainers
2
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.15
to
0.1.16
+2
-0
changelog.md

@@ -5,2 +5,4 @@ # Changelog

### [0.1.16](https://gitlab.hd123.com/vue/fant-mini-plus/compare/v0.1.15...v0.1.16) (2023-10-23)
### [0.1.15](https://gitlab.hd123.com/vue/fant-mini-plus/compare/v0.1.14...v0.1.15) (2023-09-26)

@@ -7,0 +9,0 @@

+4
-4

@@ -1,3 +0,3 @@

import { type InjectionKey, type Ref } from 'vue'
import type { Area } from './types'
import { type InjectionKey, type Ref } from 'vue';
import type { 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 { type InjectionKey, type Ref } from 'vue'
import type { Calendar } from './types'
import { type InjectionKey, type 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;
}

@@ -12,3 +12,3 @@ <template>

<picker-view-column v-for="(column, i) in columns" :key="i">
<view class="main-row" v-for="(item, j) in column.values" :key="j">{{ item }}{{ column.type }}</view>
<view class="main-row" :style="rowStyle" v-for="(item, j) in column.values" :key="j">{{ item }}{{ column.type }}</view>
</picker-view-column>

@@ -52,2 +52,4 @@ </picker-view>

const indicatorStyle = ref<string>(`height: ${uni.upx2px(88)}px;`) // picker样式
const rowStyle = ref<string>(`height: ${uni.upx2px(88)}px;line-height: ${uni.upx2px(88)}px;`) // picker样式
const selectedValue = ref<number[]>([]) // date-picker选中的值

@@ -314,4 +316,4 @@ // eslint-disable-next-line @typescript-eslint/ban-types

width: 100%;
height: 88rpx;
line-height: 88rpx;
box-sizing: border-box;
overflow: hidden;
text-overflow: ellipsis;

@@ -318,0 +320,0 @@ white-space: nowrap;

@@ -1,3 +0,3 @@

import { type InjectionKey, type Ref } from 'vue'
import type { DatePicker, DatePickerOptions } from './types'
import { type InjectionKey, type 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 { type InjectionKey, type Ref } from 'vue'
import type { Loading, LoadingOptions } from './types'
import { type InjectionKey, type 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 { type InjectionKey, type Ref } from 'vue'
import type { Modal, ModalOptions } from './types'
import { type InjectionKey, type 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 { type InjectionKey, type Ref } from 'vue'
import type { Notify, NotifyOptions } from './types'
import { type InjectionKey, type 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;
}

@@ -1,3 +0,3 @@

import { type InjectionKey, type Ref } from 'vue'
import type { Popup } from './types'
import { type InjectionKey, type Ref } from 'vue';
import type { 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;
}

@@ -1,2 +0,2 @@

import type { SwipeAction } from './types'
export declare function useSwipeAction(): SwipeAction
import type { SwipeAction } from './types';
export declare function useSwipeAction(): SwipeAction;

@@ -1,5 +0,5 @@

import type { Ref } from 'vue'
import type { Ref } from 'vue';
export interface SwipeAction {
moveIndex: Ref<number>
updateIndex(index: number): void
moveIndex: Ref<number>;
updateIndex(index: number): void;
}

@@ -1,3 +0,3 @@

import { type InjectionKey, type Ref } from 'vue'
import type { Toast, ToastOptions } from './types'
import { type InjectionKey, type 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,1 +0,1 @@

{"id":"fant-mini-plus","name":"fant-mini-plus","displayName":"fant-mini-plus基于Vue3和TypeScript的高效UI组件库","version":"0.1.15","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.16","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"}}}}}