hy-app 0.7.1 → 0.7.3

package/components/hy-list/props.ts

@@ -1,69 +1,69 @@
-import type { PropType } from 'vue'
-
-const listProps = {
-    /** 数据列表 */
-    list: {
-        type: Array,
-        default: () => []
-    },
-    /** 容器高度，必须给个高度，否则加载全部数据 */
-    containerHeight: {
-        type: String,
-        default: '100%'
-    },
-    /** 子容器的高度，必须和内容一致，否则计算有问题 */
-    itemHeight: {
-        type: [String, Number],
-        default: '40px'
-    },
-    /** 子容器的底部，会计算到容器内 */
-    marginBottom: {
-        type: [String, Number],
-        default: 0
-    },
-    /** 子容器的内边距 */
-    padding: {
-        type: [String, Number],
-        default: 10
-    },
-    /** 子容器的圆角，单位px */
-    borderRadius: {
-        type: [String, Number],
-        default: '3px'
-    },
-    /** 容器背景色 */
-    background: {
-        type: String,
-        default: 'transparent'
-    },
-    /** 是否显示边框 */
-    border: {
-        type: Boolean,
-        default: false
-    },
-    /** 展示几列 */
-    line: {
-        type: Number,
-        default: 1
-    },
-    /** 每一项的唯一标识key */
-    keyField: {
-        type: String,
-        default: 'id'
-    },
-    /**
-     * 加载状态
-     * @values loadMore,loading,noMore
-     * */
-    load: {
-        type: String,
-        default: 'loadMore'
-    },
-    /** 显示底部加载状态 */
-    showDivider: {
-        type: Boolean,
-        default: true
-    }
-}
-
-export default listProps
+import type { PropType } from 'vue'
+
+const listProps = {
+    /** 数据列表 */
+    list: {
+        type: Array,
+        default: () => []
+    },
+    /** 容器高度，必须给个高度，否则加载全部数据 */
+    containerHeight: {
+        type: String,
+        default: '100%'
+    },
+    /** 子容器的高度，必须和内容一致，否则计算有问题 */
+    itemHeight: {
+        type: [String, Number],
+        default: '40px'
+    },
+    /** 子容器的底部，会计算到容器内 */
+    marginBottom: {
+        type: [String, Number],
+        default: 0
+    },
+    /** 子容器的内边距 */
+    padding: {
+        type: [String, Number],
+        default: 10
+    },
+    /** 子容器的圆角，单位px */
+    borderRadius: {
+        type: [String, Number],
+        default: '3px'
+    },
+    /** 容器背景色 */
+    background: {
+        type: String,
+        default: 'transparent'
+    },
+    /** 是否显示边框 */
+    border: {
+        type: Boolean,
+        default: false
+    },
+    /** 展示几列 */
+    line: {
+        type: Number,
+        default: 1
+    },
+    /** 每一项的唯一标识key */
+    keyField: {
+        type: String,
+        default: 'id'
+    },
+    /**
+     * 加载状态
+     * @values loadMore,loading,noMore
+     * */
+    load: {
+        type: String,
+        default: 'loadMore'
+    },
+    /** 显示底部加载状态 */
+    showDivider: {
+        type: Boolean,
+        default: true
+    }
+}
+
+export default listProps

package/components/hy-modal/props.ts

@@ -89,6 +89,6 @@ const modalProps = {
         type: String,
         default: 'left'
     }
-} as const
+}
 
 export default modalProps

package/components/hy-modal/typing.d.ts

@@ -1,16 +1,52 @@
-import type { ExtractPropTypes } from 'vue'
-// import modalProps from './props'
-
-// export interface HyModalProps extends ExtractPropTypes<typeof modalProps> {}
-
-export interface IModalEmits {
-    /** 点击确认按钮时触发 */
-    (e: 'confirm'): void
-    /** 点击取消按钮时触发 */
-    (e: 'cancel'): void
-    /** 点击遮罩关闭时触发 */
-    (e: 'close'): void
-    /** 更新值触发 */
-    (e: 'update:modelValue', show: boolean): void
-    (e: 'update:loading', show: boolean): void
-}
+export interface HyModalProps {
+    /** 是否显示模态框 */
+    modelValue: boolean
+    /** 标题内容 */
+    title?: string
+    /** 模态框内容 */
+    content?: string
+    /** 确认按钮的文字 */
+    confirmText?: string
+    /** 取消按钮的文字 */
+    cancelText?: string
+    /** 是否显示确认按钮 */
+    showConfirmButton?: boolean
+    /** 是否显示取消按钮 */
+    showCancelButton?: boolean
+    /** 确认按钮的颜色 */
+    confirmColor?: string
+    /** 取消按钮的颜色 */
+    cancelColor?: string
+    /** 对调确认和取消的位置 */
+    buttonReverse?: boolean
+    /** 是否开启缩放模式 */
+    zoom?: boolean
+    /** 弹窗的圆角 */
+    round?: string | number
+    /** 点击确认按钮自动关闭 */
+    autoClose?: boolean
+    /** 加载按钮 */
+    loading?: boolean
+    /** 是否允许点击遮罩关闭Modal */
+    closeOnClickOverlay?: boolean
+    /** 往上偏移的值 */
+    negativeTop?: number
+    /** modal宽度 */
+    width?: string | number
+    /** 确认按钮的样式 */
+    confirmButtonShape?: 'circle' | 'square'
+    /** 文案对齐方式 */
+    contentTextAlign?: 'left' | 'center' | 'right'
+}
+
+export interface IModalEmits {
+    /** 点击确认按钮时触发 */
+    (e: 'confirm'): void
+    /** 点击取消按钮时触发 */
+    (e: 'cancel'): void
+    /** 点击遮罩关闭时触发 */
+    (e: 'close'): void
+    /** 更新值触发 */
+    (e: 'update:modelValue', show: boolean): void
+    (e: 'update:loading', show: boolean): void
+}

package/components/hy-number-step/hy-number-step.vue

@@ -92,7 +92,7 @@
             v-if="showPlus && $slots.plus"
             @touchend.stop="onClearTimeout"
         >
-            <slot name="plus" />
+            <slot name="plus" :disabled="isDisabled('plus')" />
         </view>
         <view
             v-else-if="showPlus"
@@ -175,7 +175,6 @@ const format = (value: number | string): number => {
     // 对比最大最小值，取在min和max之间的值
     value = Math.max(Math.min(props.max, value), props.min)
     // 如果设定了最大的小数位数，使用toFixed去进行格式化
-    console.log(value, 111)
     if (props.decimalLength !== null) {
         value = parseFloat(value.toFixed(props.decimalLength))
     }
@@ -197,7 +196,6 @@ watch(
         if (newValue !== currentValue.value) {
             currentValue.value = format(props.modelValue)
         }
-        console.log(currentValue.value)
     },
     { immediate: true }
 )

package/libs/common/versionControl.ts

@@ -1,102 +1,286 @@
-export const appInit = {
-    data() {
-        return {
-            version: ""
-        }
-    },
-    /**
-     * app更新下载版本
-     * @param version 最新版本号
-     * @param description 版本描述
-     * @param url 最新版本下载链接
-     * @returns
-     * */
-    updateVersion(content):void {
-        const { version, description, url } = content
-        plus.runtime.getProperty(plus.runtime.appid, (widgetInfo) => {
-            this.version = widgetInfo.version as string
-            let _this = this
-
-            // 1代表app新包版本号大于本地版本号
-            if (this.compareVersion(version, this.version) === 1) {
-                uni.showModal({
-                    title: `发现新版本V${version}`,
-                    content: `更新内容：${description}`,
-                    success: function (res1) {
-                        if (res1.confirm) {
-                            _this.downloadApp(url)
-                        }
-                    }
-                });
-            }
-        });
-    },
-    /**
-     * 进行版本更新检查操作
-     * */
-    compareVersion(version1: string, version2: string) {
-        const newVersion1 = `${version1}`.split('.').length < 3 ? `${version1}`.concat('.0') : `${version1}`;
-        const newVersion2 = `${version2}`.split('.').length < 3 ? `${version2}`.concat('.0') : `${version2}`;
-
-        return this.isUpdateVersion(newVersion1 ,newVersion2);
-    },
-    /**
-     * 计算版本号大小,转化大小
-     * */
-    toNum(a: number | string){
-        const c = a.toString().split('.');
-        const num_place = ["", "0", "00", "000", "0000"],
-            r = num_place.reverse();
-        for (let i = 0; i < c.length; i++){
-            const len=c[i].length;
-            c[i]=r[len]+c[i];
-        }
-        return c.join('');
-    },
-    /**
-     * 检测版本号是否需要更新
-     * */
-    isUpdateVersion(a: number | string, b: number | string) {
-        const numA = this.toNum(a);
-        const numB = this.toNum(b);
-        return numA > numB ? 1 : numA < numB ? -1 : 0;
-    },
-    /**
-     * 下载新的app版本
-     * */
-    downloadApp(downloadUrl: string) {
-        uni.showLoading({
-            title: '更新中……'
-        })
-        uni.downloadFile({
-            // 存放最新安装包的地址
-            url: downloadUrl,
-            success: (downloadResult) => {
-                uni.hideLoading();
-                if (downloadResult.statusCode === 200) {
-                    plus.runtime.install(downloadResult.tempFilePath,{
-                        force: false
-                    }, function() {
-                        plus.runtime.restart();
-                    }, function(e) {
-                        uni.showToast({
-                            title: "安装失败",
-                            icon: "none"
-                        })
-                    });
-                } else {
-                    uni.showToast({
-                        title: "更新失败",
-                        icon: "none"
-                    })
-                }
-            },
-            fail: (err) => {
-                uni.showToast({
-                    title: "下载失败",
-                    icon: "none"
-                })
-            }
-        });
-    }
-}
+export interface UpdateVersionOptions {
+    /** 最新版本号 */
+    version: string
+    /** 更新内容 */
+    description: string
+    /** 下载地址 */
+    url: string
+    /** 是否强制更新 */
+    force?: boolean
+    /** iOS AppStore地址 */
+    iosStoreUrl?: string
+    /** 下载进度 */
+    onProgress?: (progress: OnProgressDownloadResult) => void
+    /** 更新前回调 */
+    beforeUpdate?: (version: string) => boolean | void
+    /** 更新成功 */
+    onSuccess?: () => void
+    /** 更新失败 */
+    onFail?: (error: string) => void
+    /** 点击确认回调 */
+    onConfirm?: () => void
+    /** 点击取消回调 */
+    onCancel?: () => void
+}
+
+export const appInit = {
+    /**
+     * 检查更新
+     */
+    updateVersion(options: UpdateVersionOptions) {
+        const {
+            version,
+            description,
+            url,
+            force = false,
+            iosStoreUrl,
+            onProgress,
+            beforeUpdate,
+            onSuccess,
+            onFail,
+            onConfirm,
+            onCancel
+        } = options
+
+        if (!version) {
+            console.error('version不能为空')
+            return
+        }
+
+        plus.runtime.getProperty(plus.runtime.appid, (widgetInfo) => {
+            const localVersion = widgetInfo.version
+            const compareResult = this.compareVersion(version, localVersion)
+            if (compareResult !== 1) {
+                return uni.showToast({ title: '已是最新版本', icon: 'none' })
+            }
+
+            if (typeof beforeUpdate === 'function') {
+                const result = beforeUpdate(version)
+
+                if (result === false) {
+                    return
+                }
+            }
+
+            uni.showModal({
+                title: `发现新版本 V${version}`,
+                content: description,
+                showCancel: !force,
+                confirmText: '立即更新',
+                success: (res) => {
+                    if (!res.confirm) {
+                        if (typeof onCancel === 'function') {
+                            onCancel()
+                        }
+                        return
+                    }
+
+                    if (typeof onConfirm === 'function') {
+                        onConfirm()
+                    }
+
+                    const platform = uni.getSystemInfoSync().platform
+
+                    // iOS
+                    if (platform === 'ios') {
+                        if (iosStoreUrl) {
+                            plus.runtime.openURL(iosStoreUrl)
+                        } else {
+                            uni.showToast({
+                                title: '请配置AppStore地址',
+                                icon: 'none'
+                            })
+                        }
+                        return
+                    }
+
+                    // Android
+                    this.downloadApp(url, {
+                        onProgress,
+                        onSuccess,
+                        onFail
+                    })
+                }
+            })
+        })
+    },
+
+    /**
+     * 比较版本号
+     * @param serverVersion 服务端版本
+     * @param localVersion 本地版本
+     * @returns
+     *  1: 服务端版本更高
+     *  0: 版本相同
+     * -1: 本地版本更高
+     */
+    compareVersion(serverVersion: string, localVersion: string) {
+        if (!serverVersion || !localVersion) return 0
+        const v1 = serverVersion.split('.').map(Number)
+        const v2 = localVersion.split('.').map(Number)
+        const length = Math.max(v1.length, v2.length)
+
+        for (let i = 0; i < length; i++) {
+            const n1 = v1[i] || 0
+            const n2 = v2[i] || 0
+
+            if (n1 > n2) {
+                return 1
+            }
+
+            if (n1 < n2) {
+                return -1
+            }
+        }
+
+        return 0
+    },
+
+    /**
+     * 下载更新包
+     */
+    downloadApp(
+        downloadUrl: string,
+        callbacks?: {
+            onProgress?: (progress: OnProgressDownloadResult) => void
+            onSuccess?: () => void
+            onFail?: (error: string) => void
+        }
+    ) {
+        const { onProgress, onSuccess, onFail } = callbacks || {}
+
+        if (!downloadUrl) {
+            const msg = '下载地址不能为空'
+
+            uni.showToast({
+                title: msg,
+                icon: 'none'
+            })
+
+            onFail?.(msg)
+
+            return
+        }
+
+        const downloadTask = uni.downloadFile({
+            url: downloadUrl,
+
+            success: (res) => {
+                if (res.statusCode !== 200) {
+                    const msg = '下载失败'
+
+                    uni.showToast({
+                        title: msg,
+                        icon: 'none'
+                    })
+
+                    onFail?.(msg)
+
+                    return
+                }
+
+                this.installPackage(res.tempFilePath, downloadUrl, onSuccess, onFail)
+            },
+
+            fail: (err) => {
+                console.error('下载失败', err)
+
+                const msg = '下载失败'
+
+                uni.showToast({
+                    title: msg,
+                    icon: 'none'
+                })
+
+                onFail?.(msg)
+            }
+        })
+
+        downloadTask.onProgressUpdate((res) => {
+            onProgress?.(res)
+        })
+    },
+
+    /**
+     * 安装更新包
+     */
+    installPackage(
+        filePath: string,
+        downloadUrl: string,
+        onSuccess?: () => void,
+        onFail?: (error: string) => void
+    ) {
+        const isWgt = downloadUrl.toLowerCase().endsWith('.wgt')
+
+        const isApk = downloadUrl.toLowerCase().endsWith('.apk')
+
+        // WGT热更新
+        if (isWgt) {
+            plus.runtime.install(
+                filePath,
+                {
+                    force: false
+                },
+                () => {
+                    uni.showToast({
+                        title: '更新成功'
+                    })
+
+                    onSuccess?.()
+
+                    setTimeout(() => {
+                        plus.runtime.restart()
+                    }, 1000)
+                },
+                (err) => {
+                    console.error('安装失败', err)
+
+                    const msg = `安装失败:${err.message}`
+
+                    uni.showToast({
+                        title: msg,
+                        icon: 'none'
+                    })
+
+                    onFail?.(msg)
+                }
+            )
+
+            return
+        }
+
+        // APK整包更新
+        if (isApk) {
+            plus.runtime.openFile(
+                filePath,
+                {},
+                () => {
+                    onSuccess?.()
+                },
+                (err) => {
+                    console.error('APK安装失败', err)
+
+                    const msg = 'APK安装失败'
+
+                    uni.showToast({
+                        title: msg,
+                        icon: 'none'
+                    })
+
+                    onFail?.(msg)
+                }
+            )
+
+            return
+        }
+
+        const msg = '未知安装包格式'
+
+        uni.showToast({
+            title: msg,
+            icon: 'none'
+        })
+
+        onFail?.(msg)
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "hy-app",
-    "version": "0.7.1",
+    "version": "0.7.3",
     "description": "📱一个基于vue3+ts构建的uni-app组件库,拥有八十多个精美组件，适配多端，支持自定义主题",
     "main": "./index.ts",
     "private": false,