import 'pinia'; import { ComponentInternalInstance, ComponentPublicInstance } from "vue" interface Data { [key: string]: any; } /**渐变方向 left:右->左，right:左->右。top:下->上，bottom:上->下。 */ export type linearType = 'left' | 'right' | 'bottom' | 'top' | '' /**渐变色调，light,dark,accent亮系渐变和深色渐变。 */ export type linearDeepType = "accent" | "dark" | "light" /**边线的访问 */ export type borderDirectionType = "all" | "bottom" | "bottomleft" | "bottomright" | "left" | "leftright" | "right" | "right" | "top" | "topbottom" | "topleft" | "topright" | "x" | "y" /**边线的样式 */ export type borderStyleType = "solid" | "dashed" | "dotted" type componentKey = 'app' | 'button' | 'card' | 'tag' | 'sheet' /**定义对象字段的键值只能是规定的组件名称。 */ type componentKeys = Partial> declare global { interface Uni { /** * tmui3.0 函数库 * https://tmui.design */ $tm: tmUtil, } namespace UniNamespace { interface CanvasToTempFilePathOptions { // @ts-ignore canvas?: CanvasContext } interface CanvasContext { width: number, height: number, /**dpr,屏幕的倍率 */ dpr: number, /**nvue的gcanvas函数 */ toTempFilePath(any0: any, any1: any, any2: any, any3: any, any4: any, any5: any, any6: any, any7: any, any8: any): void } interface NodesRef { /**节点，微信小程序上 */ node(callback?: (result: any) => void): SelectorQuery, /**需要读取的字段属性 */ fields(fields: NodeField, callback?: (result: NodeInfo) => void): SelectorQuery; } interface NodeField { /**包含的节点，部分小程序上会返回。 */ node?: boolean } } namespace Tmui { interface fetchNetConfigType { /** * 请求的数据，query,或者body，都可传递对象。自动转换数据格式。 */ data?:any, /** * 头部数据。 */ header?:any; /** * 请求方式 */ method?:fetchConfigMethod, /** * 定义成功的服务器返回的状态码成功的标志 */ statusCode?:number, /** * 从返回的结果读取的数据字段，默认全部返回， * 如果指定了就会读取指定字段 * 比如你的结果返回{code,data,msg},如果你指定：['data'],结果集中只返回data数据 * 如果是['data',code],结果集中只返回{data,code} */ pick?:string[], /** * 是否监视参数的变化，如果参数发生了变化将会重新发起请求 */ watchRefresh?:boolean, /** * 如果不配置或者配置,默认为all */ toast?:'fail'|'success'|'all', /** * 是否显示操作后的提示,默认为true */ showToast?:boolean, /** * 读取提示信息的字段，如果读取不到会显示自动的文字。默认为msg */ toastKey?:string, /** * 是否显示加载框,默认为true。 */ showLoading?:boolean, } /**tmui配置表 */ interface tmuiConfig { /** 自动跟随系统暗黑 */ autoDark?: boolean, /** 开启全局分离功能，默认关闭 */ shareDisable?: boolean, /**主题列表 */ theme?: {}, /**细化全局的主题配置表 */ themeConfig?: { /**暗黑模式下的一些统一配置 */ dark?: { /**一般的卡片项目暗黑背景 */ cardColor?: string, /**输入框，表单等暗黑背景 */ inputColor?: string, /**禁用输入框，表单等暗黑背景 */ disableColor?: string, /**暗黑下的页面背景 */ bodyColor?: string, /**文本禁用色. */ textDisableColor?: string, }, /** * app整体字体大小的调整比例， * 只对使用tm-text组件以及自身组件的字号才会有效果 * * */ globalFontSizeRatio?: number, /** 是否关闭弹层背景的模糊 */ overflowBlur?: false, /** * 针对不同的主题配置详细的配色方案。 * 注意这里影响的时主题计算功能的配置 */ theme?: { /**（如果该组件默认有值就会使用下列属性，如果组件默认为0不会使用。） */ [key: string]: { /**待考虑编辑2023-2-18 00:23:35 */ } }, /**各个组件的统一配置 */ component?: componentKeys }, /**router路由拦截代替外置文件 */ router?: { /**页面访问前执行 */ useTmRouterBefore(arg: beforeRouterOpts): void, /**页面访问后执行 */ useTmRouterAfter(arg: beforeRouterOpts): void, }, /**用户自定义全局数据 */ custom?: { [key: string]: any } } interface beforeRouterOpts { path: string | null,//当前页面路径，不含前缀 / opts?: any,//页面参数 openType?: string,//当前页面打开的类型 context: ComponentPublicInstance | null, } /**actionMenu组件项目类型 */ interface tmActionMenu { text?: string, disabled?: boolean, /** 各家小程序的openType。 */ openType?: string [key: string]: any; } interface tmAlert { icon?: string, title?: string, content?: string } interface tabs { key?: string | number, title?: string, icon?: string, dot?: boolean, count?: string | number dotColor?: string, [key: string]: any } interface skuItem { title: string, id: string | number, num: number, children: skuItem[] } interface sku { data: skuItem[], product: { id: string, title: string, num: number, max_buy: number, /** 原价 */ price: number, /** 优惠价 */ salePrice: 54, tip: string, img: string }[] } interface tmFormSubmitResult { data: { [key: string]: any }; isPass: boolean, result: { message: string,//校验后的提示文本 validator: boolean,//是否校验通过 }[] } interface tmFormRules { validator?: Function | boolean,//检验函数。可以是Promise异步回调。 required?: boolean,//是否必填。 message?: string,//检验不合格时的文本 type?: string,//校验类型. [key: string]: any } /**组件的配置 */ namespace components { type all = button & sheet interface button { round?: number, shadow?: number, color?: string } interface sheet { } } } } declare module 'pinia' { export interface PiniaCustomProperties { tmuiConfig: Tmui.tmuiConfig, } export interface PiniaCustomStateProperties { tmuiConfig: Tmui.tmuiConfig } } export type pagesCustomType = 'default' | 'custom' export interface pagesType { //页面地址 path: string, //导航栏模式 custom: pagesCustomType, navigationBarBackgroundColor: string, navigationBarTextStyle: string, subPackages?: Array } export interface tabBarItemType { pagePath: string, iconPath: string, selectedIconPath: string, text: string } export interface tabBarType { color: string, selectedColor: string, borderStyle: string, backgroundColor: string, list?: Array } export interface beforeRouterOpts { path: string | null,//当前页面路径，不含前缀 / opts?: any,//页面参数 openType?: string,//当前页面打开的类型 context: ComponentPublicInstance | null, } type fetchConfigResponseType = "arraybuffer" | "text"; type fetchConfigDataType = "json" | "text"; type fetchConfigMethod = "GET" | "POST" | "PUT" | "DELETE" | "CONNECT" | "HEAD" | "OPTIONS" | "TRACE"; interface fetchConfigSuccessType { data: object | string | ArrayBuffer, statusCode: number, header: object, cookies: Array } interface fetchConfig { url?: string, data?: object | string | ArrayBuffer, header?: object, method?: fetchConfigMethod, timeout?: number, dataType?: fetchConfigDataType, responseType?: fetchConfigResponseType, sslVerify?: boolean, withCredentials?: boolean, firstIpv4?: boolean, success?: Function, fail?: Function, complete?: Function } type openUrlType = "navigate" | "redirect" | "reLaunch" | "switchTab" | "navigateBack" declare interface Touch { readonly clientX: number; readonly clientY: number; readonly force: number; readonly identifier: number; readonly pageX: number; readonly pageY: number; readonly radiusX: number; readonly radiusY: number; readonly rotationAngle: number; readonly screenX: number; readonly screenY: number; readonly target: EventTarget; readonly x: number; readonly y: number; } declare interface TouchEvent { readonly changedTouches: TouchList } type tmUtil = { //pagejson下的pages配置。 pages: Array<{ path: string, custom: 'custom' | 'default' }>, //pagejson下的配置。 tabBar: tabBarType, globalNavStyle: "custom" | "default", /** * 判断是否是颜色值 * @param color 颜色值 */ isColor(color: string): boolean, /** * 国际化 * @param key 关键字 * @return 语言值 */ language(key: string): string, fetch: { /** * GET请求 * @param url 请求地址 * @param data 请求的数据 * @param opts 请求的配置 * @help https://tmui.design/doc/JSTool/fetch.html */ get(url: string, data?: object, opts?: fetchConfig): Promise, /** * POST请求 * @param url 请求地址 * @param data 请求的数据 * @param opts 请求的配置 * @help https://tmui.design/doc/JSTool/fetch.html */ post(url: string, data?: object, opts?: fetchConfig): Promise, /** * 自定义请求 * @param cog 请求的配置 * @param beforeFun 请求前执行的函数 * @param afterFun 请求后执行的函数 * @param complete 请求完成的函数 * @help https://tmui.design/doc/JSTool/fetch.html */ request(cog: fetchConfig, beforeFun?: Function, afterFun?: Function, complete?: Function): Promise, }, /** * tmui3.0函数工具 */ u: { /** * 检测是否是数字 * @param arg 待检测的字符 * @param defaultNum 0,如果不符合值时设置默认值 * @returns number类型数值 */ isNumber(arg: string | number | undefined | null, defaultNum: number): number, /** * 检测是否是字符串 * @param arg 待检测的字符 * @param defaultNum 默认"",如果不符合值是设置默认值 * @returns 字符串 */ isString(arg: string | number | undefined | null, defaultStr: string): string, /** * 把一个数字进行分页返回数字数组 * @param total 总数 * @param pageSize 分页大小 * @returns 数字数组 */ paginate(total: number, pageSize: number): number[], /** * 取对象数据值（可深层次取值） * @example getValue(data,"a.b.c") * @param data 对象数据 * @param keys 键值 * @returns 返回值 * @description 注意不会去改变原来的数据 */ getValue(data: Data, keys: string): any, /** * 设置对象键值（可深层次设置值） * @example setValue(data,"a.b.c","haha") * @param data 对象数据 * @param keys 键值 * @returns 修改后的对象数据。 * @description 改变原来的数据 */ setValue(data: Data, keys: string, value: any): void, /** * 计算并返回一个对象中最大的层级数 * @param data 待检测对象数据 * @returns 最大层级数 */ getMaxDepth(data: Data): number, /** * 预览图片。 * @param {Object} url 必填 当前预览的图片链接。 * @param {Object} list 可以是url数组，也可以是对象，数据比如：["http:url"] or [{url:"https:url",...}] * @param {Object} rangKey 如果list是对象数组，需要提供url字段。 */ preview(url: string, list?: Array, rangKey?: string): void, /** * 数据分组 * @param {Array} oArr - 原数组列表 * @param {Number} length - 单个数组长度 * @return {Array} arr - 分组后的新数组 */ splitData(arr: Array, size: number): Array, /** * 剩余时间格式化 * @param {Number} t - 剩余多少秒 * @return {Object} format - 格式后的天时分秒对象 */ timeMuch(t: number): string, /** * 获取时间距离当前时间 * @param timestamp 当前时间 * @return 返回比如：不久前，1年前这样的格式文本 */ getDateToNewData(timestamp?: number | string | Date): string, /** * 打电话 * @param {String} phoneNumber - 数字字符串 * @return Promise */ callPhone(phoneNumber: string): Promise, /** * 调起客户端相机扫码。 * @param {Boolean} onlyFromCamera true 是否只允许相机扫码识别 * @param {Array} scanType ['barCode', 'qrCode', 'datamatrix','datamatrix'] * @returns Promise 成功返回相关数据结构 */ scanCode(onlyFromCamera: boolean, scanType: Array): Promise, /** * 设置剪切板内容。 * @param {String} data * @returns Promise true/false */ setClipboardData(data: string): Promise, /** * 获取剪切板内容 * @returns Promise 剪切板内容 */ getClipboardData(): Promise, /** * 设置cookie数据 * @param {String} key 键值 * @param {String} data 值 * @returns Boolean */ setCookie(key: string, data: any): boolean, /** * 删除一个本地cookie * @param {String} key 键值 * @returns Boolean */ delCookie(key: string): boolean, /** * 获取一个cookie数据 * 如果存入的是对象，返回的也是对象。如果是string返回的也是字符串。 * @param {String} key 键 * @returns json/string */ getCookie(key: string): Object | string, /** * 向地址连接追加参数。 * @param {string} uri 网址 * @param {string} key 字段 * @param {string} value 字段值 * @returns 网址 */ httpUrlAddKey(uri: string, key: string, value: string): string, /** * 取url参数 * @param {string} uri 网址 * @param {string} key 字段 * @returns string|undefined */ getQueryString(url: string, key: string): string, /** * 唯一标识 * @param rdix 1 随机因子 * @param length 12 取的长度 * @param isAddStr false 是否限制随机结果中的长度,不允许输出长度 * @returns String */ getUid(rdix?: number, length?: number, isAddStr?: boolean): number | string, /** * 防抖 * 防抖原理：在一定时间内，只有最后一次操作，再过wait毫秒后才执行函数 * @param {Function} func 要执行的回调函数 * @param {Number} wait 延迟的时间 * @param {Boolean} immediate 是否要立即执行 */ debounce(func: Function, wait?: number, immediate?: boolean): void, /** * 节流 * 节流原理：在一定时间内，只能触发一次 * @param {Function} func 要执行的回调函数 * @param {Number} wait 延时的时间 * @param {Boolean} immediate 是否立即执行 * @return void */ throttle(func: Function, wait?: number, immediate?: boolean, timer?: number, flags?: boolean): void, /** * 深度克隆 * @param {T} data 待大克隆复制的数据 * @return {T} any */ deepClone(data: T): T, /** * 等同：queryDom */ quereyDom(t: ComponentInternalInstance, node: string): Promise, /** * 查询文档节点信息 * @param t Vue上下文对象 * @param node 提供带#的id比如：'#id',在nvue中应该是元素上写明ref='id' * @returns vue页面返回查询的节点信息，nvue返回weex的节点信息。 */ queryDom(t: ComponentInternalInstance, node: string): Promise, /** * 深度合并对象 * @param FirstOBJ 需要合并的对象 * @param SecondOBJ 被合并的对象 * @returns 返回合并后的对象 */ deepObjectMerge(FirstOBJ: Record, SecondOBJ: Record): Record, /** * 是否是手机号码 * @param phone 号码 * @returns Boolean */ isPhone(phone: string | number): boolean, /** * 是否含有中文 * @param s 字符串 * @returns Boolean */ isChina(s: string): boolean, /** * 是否为空 * @description 判断是否是null,对象是否为空，数组是否为空。是否为 undefaind，是否为 “”空字符串。 * @param s 任意 */ isEmpty(s: any): boolean, /** * 是否邮箱 * @param s 字符串 * @returns Boolean */ isEmail(s: string): boolean, /** * 是否身份证号 * @param val 字符号或者数字 * @returns Boolean * @author https://cloud.tencent.com/developer/article/1114323 */ isIdCard(val: string | number): boolean, /** * 是否车牌 * @description 蓝牌5位，绿牌6位。 * @param s 字符串 * @returns Boolean */ isIdCar(s: string): boolean, /** * 纯数字密码验证 * @param s 字符串或者数字 * @param len 最小长度，默认6 * @param maxLen 最大长度，默认20 * @returns Boolean */ isPasswordOfNumber(s: number | string, le: number, maxLen: number): boolean, /** * 密码验证 * @param s 字符串或者数字 * @param len 最小长度，默认6 * @param maxLen 最大长度，默认20 * @param model 0数字和英文，1数字，英文必须包含，不允许有特殊字符，2数字和字母必须包含，可以有特殊字符。 * @returns Boolean */ isPasswordOfOther(s: string | number, len: number, maxLen: number, model: number): boolean, /** * 是否是一个有效的日期 * @param s 字符串，数字，日期对象 * @returns Boolean */ isDate(s: string | number | Date): boolean, /** * 显示信息 * @param word 标题 * @param mask 不允许穿透 * @param icon 图标 */ toast(word: string, mask?: boolean, icon?: any): void, /** * 获取屏幕窗口安全高度和宽度 * 注意是针对种屏幕的统一计算，统一高度，不再让uni获取有效高度而烦恼。 * 请一定要在onMounted或者onLoad中调用，否则不准确在h5端。 * @return {height,width,top,isCustomHeader,sysinfo} */ getWindow(): { width: number, height: number, top: number, bottom: number, statusBarHeight: number, isCustomHeader: Boolean, sysinfo: UniApp.GetSystemInfoResult }, /** * 打开页面路径 * @param url string 打开的页面路径 * @param type openUrlType "navigate" | "redirect" | "reLaunch" | "switchTab" | "navigateBack" */ routerTo(url: string, type?: openUrlType): void, /** * 将rpx转换为px * @param v 待转换的数字 * @param screenWidth 屏幕的宽度，如果不提供默认自动获取 * @return number */ torpx(v: number, screenWidth?: number): number /** * 将rpx转换为px * @param v 待转换的数字 * @return number */ topx(v: number, screenWidth?: number): number, /** * 在下一次前执行回调函数 * @param callback 回调函数 * @returns 一个id值，取消时cancelAnimationFrame(id)来取消 */ requestAnimationFrame(callback: Function): number, /** * 取消回调执行 * @param id requestAnimationFrame产生的id */ cancelAnimationFrame(id: number): void }, tmicon: Array<{ font: string, prefix: string, fontJson: Array<{ icon_id: string, name: string, font_class: string, unicode: string, unicode_decimal: number }> }>, /**tmui3.0的全局配置，以代替router,theme等的外围文件夹。解耦相关目录 */ config: Tmui.tmuiConfig }