uview-pro 0.6.18 → 0.6.19

package/libs/css/style.vue.scss

@@ -1,188 +1,188 @@
-page {
-    color: $u-main-color;
-    font-size: 28rpx;
-}
-
-/* start--去除webkit的默认样式--start */
-.u-fix-ios-appearance {
-    -webkit-appearance: none;
-}
-/* end--去除webkit的默认样式--end */
-
-/* start--icon图标外层套一个view，让其达到更好的垂直居中的效果--start */
-.u-icon-wrap {
-    display: flex;
-    align-items: center;
-}
-/* end-icon图标外层套一个view，让其达到更好的垂直居中的效果--end */
-
-/* start--iPhoneX底部安全区定义--start */
-@each $d in top, right, bottom, left {
-    .safe-area-inset-#{$d} {
-        padding-#{$d}: 0;
-        padding-#{$d}: constant(safe-area-inset-#{$d});
-        padding-#{$d}: env(safe-area-inset-#{$d});
-    }
-}
-/* end-iPhoneX底部安全区定义--end */
-
-/* start--各种hover点击反馈相关的类名-start */
-.u-hover-class {
-    // background-color: #f7f8f9!important;
-    opacity: 0.6;
-}
-
-.u-cell-hover {
-    background-color: $u-bg-gray-light !important;
-}
-/* end--各种hover点击反馈相关的类名--end */
-
-/* start--文本行数限制--start */
-// 超出行数，自动显示行尾省略号，最多5行
-// 来自uView的温馨提示：当您在控制台看到此报错，说明需要在App.vue的style标签加上【lang="scss"】
-@for $i from 1 through 5 {
-    .u-line-#{$i} {
-        /* #ifdef APP-NVUE */
-        // nvue下，可以直接使用lines属性，这是weex特有样式
-        lines: $i;
-        text-overflow: ellipsis;
-        overflow: hidden;
-        flex: 1;
-        /* #endif */
-
-        /* #ifndef APP-NVUE */
-        // vue下，单行和多行显示省略号需要单独处理
-        @if $i == 1 {
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-        } @else {
-            display: -webkit-box;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            word-break: break-all;
-            -webkit-line-clamp: $i;
-            -webkit-box-orient: vertical;
-        }
-        /* #endif */
-    }
-}
-
-.u-line-force {
-    display: -webkit-box !important;
-    -webkit-box-orient: vertical !important;
-}
-
-/* end--文本行数限制--end */
-
-/* start--Retina 屏幕下的 1px 边框--start */
-.u-border,
-.u-border-bottom,
-.u-border-left,
-.u-border-right,
-.u-border-top,
-.u-border-top-bottom {
-    position: relative;
-}
-
-.u-border-bottom:after,
-.u-border-left:after,
-.u-border-right:after,
-.u-border-top-bottom:after,
-.u-border-top:after,
-.u-border:after {
-    /* #ifndef APP-NVUE */
-    content: ' ';
-    /* #endif */
-    position: absolute;
-    left: 0;
-    top: 0;
-    pointer-events: none;
-    box-sizing: border-box;
-    -webkit-transform-origin: 0 0;
-    transform-origin: 0 0;
-    // 多加0.1%，能解决有时候边框缺失的问题
-    width: 199.8%;
-    height: 199.7%;
-    transform: scale(0.5, 0.5);
-    border: 0 solid $u-border-color;
-    z-index: 2;
-}
-
-.u-border-top:after {
-    border-top-width: 1px;
-}
-
-.u-border-left:after {
-    border-left-width: 1px;
-}
-
-.u-border-right:after {
-    border-right-width: 1px;
-}
-
-.u-border-bottom:after {
-    border-bottom-width: 1px;
-}
-
-.u-border-top-bottom:after {
-    border-width: 1px 0;
-}
-
-.u-border:after {
-    border-width: 1px;
-}
-/* end--Retina 屏幕下的 1px 边框--end */
-
-/* start--clearfix--start */
-.u-clearfix:after,
-.clearfix:after {
-    /* #ifndef APP-NVUE */
-    content: '';
-    /* #endif */
-    display: table;
-    clear: both;
-}
-/* end--clearfix--end */
-
-/* start--高斯模糊tabbar底部处理--start */
-.u-blur-effect-inset {
-    width: 750rpx;
-    height: var(--window-bottom);
-    background-color: #ffffff;
-}
-/* end--高斯模糊tabbar底部处理--end */
-
-/* start--提升H5端uni.toast()的层级，避免被uView的modal等遮盖--start */
-/* #ifdef H5 */
-uni-toast {
-    z-index: 10090;
-}
-uni-toast .uni-toast {
-    z-index: 10090;
-}
-/* #endif */
-/* end--提升H5端uni.toast()的层级，避免被uView的modal等遮盖--end */
-
-/* start--去除button的所有默认样式--start */
-// 去除button的所有默认样式，让其表现跟普通的view、text元素一样
-.u-reset-button {
-    padding: 0;
-    margin: 0;
-    background-color: transparent;
-    /* #ifndef APP-PLUS */
-    font-size: inherit;
-    line-height: inherit;
-    color: inherit;
-    /* #endif */
-    /* #ifdef APP-NVUE */
-    border-width: 0;
-    /* #endif */
-}
-
-/* #ifndef APP-NVUE */
-.u-reset-button::after {
-    border: none;
-}
-/* #endif */
-/* end--去除button的所有默认样式--end */
+page {
+    color: $u-main-color;
+    font-size: 28rpx;
+}
+
+/* start--去除webkit的默认样式--start */
+.u-fix-ios-appearance {
+    -webkit-appearance: none;
+}
+/* end--去除webkit的默认样式--end */
+
+/* start--icon图标外层套一个view，让其达到更好的垂直居中的效果--start */
+.u-icon-wrap {
+    display: flex;
+    align-items: center;
+}
+/* end-icon图标外层套一个view，让其达到更好的垂直居中的效果--end */
+
+/* start--iPhoneX底部安全区定义--start */
+@each $d in top, right, bottom, left {
+    .safe-area-inset-#{$d} {
+        padding-#{$d}: 0;
+        padding-#{$d}: constant(safe-area-inset-#{$d});
+        padding-#{$d}: env(safe-area-inset-#{$d});
+    }
+}
+/* end-iPhoneX底部安全区定义--end */
+
+/* start--各种hover点击反馈相关的类名-start */
+.u-hover-class {
+    // background-color: #f7f8f9!important;
+    opacity: 0.6;
+}
+
+.u-cell-hover {
+    background-color: $u-bg-gray-light !important;
+}
+/* end--各种hover点击反馈相关的类名--end */
+
+/* start--文本行数限制--start */
+// 超出行数，自动显示行尾省略号，最多5行
+// 来自uView的温馨提示：当您在控制台看到此报错，说明需要在App.vue的style标签加上【lang="scss"】
+@for $i from 1 through 5 {
+    .u-line-#{$i} {
+        /* #ifdef APP-NVUE */
+        // nvue下，可以直接使用lines属性，这是weex特有样式
+        lines: $i;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        flex: 1;
+        /* #endif */
+
+        /* #ifndef APP-NVUE */
+        // vue下，单行和多行显示省略号需要单独处理
+        @if $i == 1 {
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+        } @else {
+            display: -webkit-box;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            word-break: break-all;
+            -webkit-line-clamp: $i;
+            -webkit-box-orient: vertical;
+        }
+        /* #endif */
+    }
+}
+
+.u-line-force {
+    display: -webkit-box !important;
+    -webkit-box-orient: vertical !important;
+}
+
+/* end--文本行数限制--end */
+
+/* start--Retina 屏幕下的 1px 边框--start */
+.u-border,
+.u-border-bottom,
+.u-border-left,
+.u-border-right,
+.u-border-top,
+.u-border-top-bottom {
+    position: relative;
+}
+
+.u-border-bottom:after,
+.u-border-left:after,
+.u-border-right:after,
+.u-border-top-bottom:after,
+.u-border-top:after,
+.u-border:after {
+    /* #ifndef APP-NVUE */
+    content: ' ';
+    /* #endif */
+    position: absolute;
+    left: 0;
+    top: 0;
+    pointer-events: none;
+    box-sizing: border-box;
+    -webkit-transform-origin: 0 0;
+    transform-origin: 0 0;
+    // 多加0.1%，能解决有时候边框缺失的问题
+    width: 199.8%;
+    height: 199.7%;
+    transform: scale(0.5, 0.5);
+    border: 0 solid $u-border-color;
+    z-index: 2;
+}
+
+.u-border-top:after {
+    border-top-width: 1px;
+}
+
+.u-border-left:after {
+    border-left-width: 1px;
+}
+
+.u-border-right:after {
+    border-right-width: 1px;
+}
+
+.u-border-bottom:after {
+    border-bottom-width: 1px;
+}
+
+.u-border-top-bottom:after {
+    border-width: 1px 0;
+}
+
+.u-border:after {
+    border-width: 1px;
+}
+/* end--Retina 屏幕下的 1px 边框--end */
+
+/* start--clearfix--start */
+.u-clearfix:after,
+.clearfix:after {
+    /* #ifndef APP-NVUE */
+    content: '';
+    /* #endif */
+    display: table;
+    clear: both;
+}
+/* end--clearfix--end */
+
+/* start--高斯模糊tabbar底部处理--start */
+.u-blur-effect-inset {
+    width: 750rpx;
+    height: var(--window-bottom);
+    background-color: #ffffff;
+}
+/* end--高斯模糊tabbar底部处理--end */
+
+/* start--提升H5端uni.toast()的层级，避免被uView的modal等遮盖--start */
+/* #ifdef H5 */
+uni-toast {
+    z-index: 10090;
+}
+uni-toast .uni-toast {
+    z-index: 10090;
+}
+/* #endif */
+/* end--提升H5端uni.toast()的层级，避免被uView的modal等遮盖--end */
+
+/* start--去除button的所有默认样式--start */
+// 去除button的所有默认样式，让其表现跟普通的view、text元素一样
+.u-reset-button {
+    padding: 0;
+    margin: 0;
+    background-color: transparent;
+    /* #ifndef APP-PLUS */
+    font-size: inherit;
+    line-height: inherit;
+    color: inherit;
+    /* #endif */
+    /* #ifdef APP-NVUE */
+    border-width: 0;
+    /* #endif */
+}
+
+/* #ifndef APP-NVUE */
+.u-reset-button::after {
+    border: none;
+}
+/* #endif */
+/* end--去除button的所有默认样式--end */

package/libs/function/$parent.ts

@@ -1,24 +1,24 @@
-// 获取父组件的参数，因为支付宝小程序不支持provide/inject的写法
-// this.$parent在非H5中，可以准确获取到父组件，但是在H5中，需要多次this.$parent.$parent.xxx
-// 这里默认值等于undefined有它的含义，因为最顶层元素(组件)的$parent就是undefined，意味着不传name
-// 值(默认为undefined)，就是查找最顶层的$parent
-import { type ComponentInternalInstance, getCurrentInstance } from 'vue';
-
-export default function $parent(
-    componentName?: string,
-    _instance: ComponentInternalInstance | null | undefined = null
-) {
-    const instance: ComponentInternalInstance | null | undefined = _instance || getCurrentInstance();
-    let parent = instance && (instance.parent as ComponentInternalInstance | null | undefined);
-
-    if (!componentName) return parent;
-
-    while (parent) {
-        const name = (parent.type as any)?.name as string | undefined;
-        if (name === componentName) {
-            return parent;
-        }
-        parent = parent.parent;
-    }
-    return null;
-}
+// 获取父组件的参数，因为支付宝小程序不支持provide/inject的写法
+// this.$parent在非H5中，可以准确获取到父组件，但是在H5中，需要多次this.$parent.$parent.xxx
+// 这里默认值等于undefined有它的含义，因为最顶层元素(组件)的$parent就是undefined，意味着不传name
+// 值(默认为undefined)，就是查找最顶层的$parent
+import { type ComponentInternalInstance, getCurrentInstance } from 'vue';
+
+export default function $parent(
+    componentName?: string,
+    _instance: ComponentInternalInstance | null | undefined = null
+) {
+    const instance: ComponentInternalInstance | null | undefined = _instance || getCurrentInstance();
+    let parent = instance && (instance.parent as ComponentInternalInstance | null | undefined);
+
+    if (!componentName) return parent;
+
+    while (parent) {
+        const name = (parent.type as any)?.name as string | undefined;
+        if (name === componentName) {
+            return parent;
+        }
+        parent = parent.parent;
+    }
+    return null;
+}

package/libs/function/addUnit.ts

@@ -1,50 +1,50 @@
-import validation from './test';
-
-/**
- * 添加单位，支持以下场景：
- * 1. 单值：如果有rpx、%、px等单位结尾或者值为auto，直接返回，否则加上rpx单位结尾
- * 2. 多值（空格分隔）：分别处理每个值，如 "10 20" => "10rpx 20rpx"
- *
- * @example
- * ```ts
- * addUnit(10) => "10rpx"
- * addUnit('10px') => "10px"
- * addUnit('auto') => "auto"
- * addUnit('10 20') => "10rpx 20rpx"
- * addUnit('10rpx 20') => "10rpx 20rpx"
- * ```
- *
- * @param value 输入值，可以为字符串或数字，默认'auto'。支持空格分隔的多值（用于 padding、margin 等）
- * @param unit 单位，默认'rpx'
- * @returns 添加单位后的字符串
- */
-export default function addUnit(value: string | number = 'auto', unit: string = 'rpx'): string {
-    // 若传入 number 类型，转为 string
-    const strValue = String(value);
-
-    // 如果是空值，直接返回
-    if (!strValue) return '';
-
-    // auto 直接返回
-    if (strValue === 'auto') return strValue;
-
-    // 检查是否包含空格（多值场景）
-    if (strValue.includes(' ')) {
-        // 分割每个值并单独处理
-        return strValue
-            .split(' ')
-            .map(s => {
-                // 如果当前值已有单位或为 auto，直接返回
-                if (s === 'auto' || /^-?\d*\.?\d+(%|px|rpx|em|rem|vh|vw)$/.test(s)) return s;
-                // 数字类型的值添加单位
-                return validation.number(s) ? `${s}${unit}` : s;
-            })
-            .join(' ');
-    }
-
-    // 单值场景：如果已有单位或为 auto，直接返回
-    if (/^-?\d*\.?\d+(%|px|rpx|em|rem|vh|vw)$/.test(strValue)) return strValue;
-
-    // 用 uView 内置验证规则判断是否为数值，是则加上单位
-    return validation.number(strValue) ? `${strValue}${unit}` : strValue;
-}
+import validation from './test';
+
+/**
+ * 添加单位，支持以下场景：
+ * 1. 单值：如果有rpx、%、px等单位结尾或者值为auto，直接返回，否则加上rpx单位结尾
+ * 2. 多值（空格分隔）：分别处理每个值，如 "10 20" => "10rpx 20rpx"
+ *
+ * @example
+ * ```ts
+ * addUnit(10) => "10rpx"
+ * addUnit('10px') => "10px"
+ * addUnit('auto') => "auto"
+ * addUnit('10 20') => "10rpx 20rpx"
+ * addUnit('10rpx 20') => "10rpx 20rpx"
+ * ```
+ *
+ * @param value 输入值，可以为字符串或数字，默认'auto'。支持空格分隔的多值（用于 padding、margin 等）
+ * @param unit 单位，默认'rpx'
+ * @returns 添加单位后的字符串
+ */
+export default function addUnit(value: string | number = 'auto', unit: string = 'rpx'): string {
+    // 若传入 number 类型，转为 string
+    const strValue = String(value);
+
+    // 如果是空值，直接返回
+    if (!strValue) return '';
+
+    // auto 直接返回
+    if (strValue === 'auto') return strValue;
+
+    // 检查是否包含空格（多值场景）
+    if (strValue.includes(' ')) {
+        // 分割每个值并单独处理
+        return strValue
+            .split(' ')
+            .map(s => {
+                // 如果当前值已有单位或为 auto，直接返回
+                if (s === 'auto' || /^-?\d*\.?\d+(%|px|rpx|em|rem|vh|vw)$/.test(s)) return s;
+                // 数字类型的值添加单位
+                return validation.number(s) ? `${s}${unit}` : s;
+            })
+            .join(' ');
+    }
+
+    // 单值场景：如果已有单位或为 auto，直接返回
+    if (/^-?\d*\.?\d+(%|px|rpx|em|rem|vh|vw)$/.test(strValue)) return strValue;
+
+    // 用 uView 内置验证规则判断是否为数值，是则加上单位
+    return validation.number(strValue) ? `${strValue}${unit}` : strValue;
+}

package/libs/function/clipboard.ts

@@ -1,73 +1,73 @@
-function H5Copy(text: string, config: TClipboardOptions) {
-    const success = (result: string) => {
-        if (config.showToast) {
-            uni.showToast({
-                title: '复制成功',
-                icon: 'none'
-            });
-        }
-        config.success?.(result);
-        config.complete?.(result);
-    };
-    const fail = (err: string) => {
-        if (config.showToast) {
-            uni.showToast({
-                title: '复制失败',
-                icon: 'none'
-            });
-        }
-        config.fail?.(err);
-        config.complete?.(err);
-    };
-
-    const textarea = document.createElement('textarea');
-    textarea.value = text;
-    textarea.readOnly = true;
-    textarea.style.position = 'absolute';
-    textarea.style.left = '-9999px';
-    document.body.appendChild(textarea);
-
-    textarea.select();
-    textarea.setSelectionRange(0, text.length);
-
-    try {
-        const result = document.execCommand('copy');
-        if (result) {
-            success('复制成功');
-        } else {
-            // console.error(`复制失败，可能不是用户主动触发点击的方式调用,因web安全性，不能js直接调用!`);
-            fail('复制失败，可能不是用户主动触发点击的方式调用,因browser安全性，不能js直接调用!');
-        }
-    } catch (err) {
-        // console.error('【Clipboard Error】:', err);
-        fail(String(err));
-    } finally {
-        document.body.removeChild(textarea);
-    }
-}
-
-function UniCopy(text: string, config: TClipboardOptions) {
-    const opt = Object.assign({ data: text }, config);
-    uni.setClipboardData(opt);
-}
-
-type TClipboardOptions = Omit<UniNamespace.SetClipboardDataOptions, 'data'>;
-
-export function clipboard(content: string, options?: TClipboardOptions) {
-    const text = String(content);
-    const defaultOpt = {
-        showToast: true,
-        success: () => {},
-        fail: () => {},
-        complete: () => {}
-    };
-    const config = Object.assign(defaultOpt, options);
-
-    // #ifdef H5
-    H5Copy(text, config);
-    // #endif
-
-    // #ifndef H5
-    UniCopy(text, config);
-    // #endif
-}
+function H5Copy(text: string, config: TClipboardOptions) {
+    const success = (result: string) => {
+        if (config.showToast) {
+            uni.showToast({
+                title: '复制成功',
+                icon: 'none'
+            });
+        }
+        config.success?.(result);
+        config.complete?.(result);
+    };
+    const fail = (err: string) => {
+        if (config.showToast) {
+            uni.showToast({
+                title: '复制失败',
+                icon: 'none'
+            });
+        }
+        config.fail?.(err);
+        config.complete?.(err);
+    };
+
+    const textarea = document.createElement('textarea');
+    textarea.value = text;
+    textarea.readOnly = true;
+    textarea.style.position = 'absolute';
+    textarea.style.left = '-9999px';
+    document.body.appendChild(textarea);
+
+    textarea.select();
+    textarea.setSelectionRange(0, text.length);
+
+    try {
+        const result = document.execCommand('copy');
+        if (result) {
+            success('复制成功');
+        } else {
+            // console.error(`复制失败，可能不是用户主动触发点击的方式调用,因web安全性，不能js直接调用!`);
+            fail('复制失败，可能不是用户主动触发点击的方式调用,因browser安全性，不能js直接调用!');
+        }
+    } catch (err) {
+        // console.error('【Clipboard Error】:', err);
+        fail(String(err));
+    } finally {
+        document.body.removeChild(textarea);
+    }
+}
+
+function UniCopy(text: string, config: TClipboardOptions) {
+    const opt = Object.assign({ data: text }, config);
+    uni.setClipboardData(opt);
+}
+
+type TClipboardOptions = Omit<UniNamespace.SetClipboardDataOptions, 'data'>;
+
+export function clipboard(content: string, options?: TClipboardOptions) {
+    const text = String(content);
+    const defaultOpt = {
+        showToast: true,
+        success: () => {},
+        fail: () => {},
+        complete: () => {}
+    };
+    const config = Object.assign(defaultOpt, options);
+
+    // #ifdef H5
+    H5Copy(text, config);
+    // #endif
+
+    // #ifndef H5
+    UniCopy(text, config);
+    // #endif
+}