uview-pro 0.1.0 → 0.1.1

package/libs/css/style.mp.scss

@@ -1,72 +1,72 @@
-/* start--微信小程序编译后页面有组件名的元素，特别处理--start */
-/* #ifdef MP-WEIXIN || MP-QQ */
-u-td,
-u-th {
-    flex: 1;
-    align-self: stretch;
-}
-
-.u-td {
-    height: 100%;
-}
-
-u-icon {
-    display: inline-flex;
-    align-items: center;
-}
-
-// 各家小程序宫格组件外层设置为100%，避免受到父元素display: flex;的影响
-u-grid {
-    width: 100%;
-    flex: 0 0 100%;
-}
-
-// 避免小程序线条组件因为父组件display: flex;而失效
-u-line {
-    flex: 1;
-}
-
-u-switch {
-    display: inline-flex;
-    align-items: center;
-}
-
-u-dropdown {
-    flex: 1;
-}
-/* #endif */
-/* end-微信小程序编译后页面有组件名的元素，特别处理--end */
-
-/* #ifdef MP-QQ || MP-TOUTIAO */
-// 需要做这一切额外的兼容，都是因为TX的无能
-u-icon {
-    line-height: 0;
-}
-/* #endif */
-
-/* start--头条小程序编译后页面有组件名的元素，特别处理--start */
-// 由于头条小程序不支持直接组件名形式写样式，目前只能在写组件的时候给组件加上对应的类名
-/* #ifdef MP-TOUTIAO */
-.u-td,
-.u-th,
-.u-tr {
-    flex: 1;
-    align-self: stretch;
-}
-
-.u-row,
-.u-col {
-    flex: 1;
-    align-self: stretch;
-}
-
-// 避免小程序线条组件因为父组件display: flex;而失效
-.u-line {
-    flex: 1;
-}
-
-.u-dropdown {
-    flex: 1;
-}
-/* #endif */
-/* end-头条小程序编译后页面有组件名的元素，特别处理--end */
+/* start--微信小程序编译后页面有组件名的元素，特别处理--start */
+/* #ifdef MP-WEIXIN || MP-QQ */
+u-td,
+u-th {
+    flex: 1;
+    align-self: stretch;
+}
+
+.u-td {
+    height: 100%;
+}
+
+u-icon {
+    display: inline-flex;
+    align-items: center;
+}
+
+// 各家小程序宫格组件外层设置为100%，避免受到父元素display: flex;的影响
+u-grid {
+    width: 100%;
+    flex: 0 0 100%;
+}
+
+// 避免小程序线条组件因为父组件display: flex;而失效
+u-line {
+    flex: 1;
+}
+
+u-switch {
+    display: inline-flex;
+    align-items: center;
+}
+
+u-dropdown {
+    flex: 1;
+}
+/* #endif */
+/* end-微信小程序编译后页面有组件名的元素，特别处理--end */
+
+/* #ifdef MP-QQ || MP-TOUTIAO */
+// 需要做这一切额外的兼容，都是因为TX的无能
+u-icon {
+    line-height: 0;
+}
+/* #endif */
+
+/* start--头条小程序编译后页面有组件名的元素，特别处理--start */
+// 由于头条小程序不支持直接组件名形式写样式，目前只能在写组件的时候给组件加上对应的类名
+/* #ifdef MP-TOUTIAO */
+.u-td,
+.u-th,
+.u-tr {
+    flex: 1;
+    align-self: stretch;
+}
+
+.u-row,
+.u-col {
+    flex: 1;
+    align-self: stretch;
+}
+
+// 避免小程序线条组件因为父组件display: flex;而失效
+.u-line {
+    flex: 1;
+}
+
+.u-dropdown {
+    flex: 1;
+}
+/* #endif */
+/* end-头条小程序编译后页面有组件名的元素，特别处理--end */

package/libs/css/style.nvue.scss

@@ -1,3 +1,3 @@
-.nvue {
-    font-size: 24rpx;
-}
+.nvue {
+    font-size: 24rpx;
+}

package/libs/css/style.vue.scss

@@ -1,177 +1,177 @@
-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: #f7f8f9 !important;
-}
-/* end--各种hover点击反馈相关的类名--end */
-
-/* start--文本行数限制--start */
-.u-line-1 {
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-}
-
-.u-line-2 {
-    -webkit-line-clamp: 2;
-}
-
-.u-line-3 {
-    -webkit-line-clamp: 3;
-}
-
-.u-line-4 {
-    -webkit-line-clamp: 4;
-}
-
-.u-line-5 {
-    -webkit-line-clamp: 5;
-}
-
-.u-line-2,
-.u-line-3,
-.u-line-4,
-.u-line-5 {
-    overflow: hidden;
-    word-break: break-all;
-    text-overflow: ellipsis;
-    display: -webkit-box; // 弹性伸缩盒
-    -webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式
-}
-
-/* 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 */
-.u-reset-button {
-    padding: 0;
-    font-size: inherit;
-    line-height: inherit;
-    background-color: transparent;
-    color: inherit;
-}
-
-.u-reset-button::after {
-    border: none;
-}
-/* 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: #f7f8f9 !important;
+}
+/* end--各种hover点击反馈相关的类名--end */
+
+/* start--文本行数限制--start */
+.u-line-1 {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+.u-line-2 {
+    -webkit-line-clamp: 2;
+}
+
+.u-line-3 {
+    -webkit-line-clamp: 3;
+}
+
+.u-line-4 {
+    -webkit-line-clamp: 4;
+}
+
+.u-line-5 {
+    -webkit-line-clamp: 5;
+}
+
+.u-line-2,
+.u-line-3,
+.u-line-4,
+.u-line-5 {
+    overflow: hidden;
+    word-break: break-all;
+    text-overflow: ellipsis;
+    display: -webkit-box; // 弹性伸缩盒
+    -webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式
+}
+
+/* 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 */
+.u-reset-button {
+    padding: 0;
+    font-size: inherit;
+    line-height: inherit;
+    background-color: transparent;
+    color: inherit;
+}
+
+.u-reset-button::after {
+    border: none;
+}
+/* end--去除button的所有默认样式--end */

package/libs/function/$parent.ts

@@ -1,21 +1,21 @@
-// 获取父组件的参数，因为支付宝小程序不支持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,13 +1,13 @@
-import validation from './test';
-
-/**
- * 添加单位，如果有rpx，%，px等单位结尾或者值为auto，直接返回，否则加上rpx单位结尾
- * @param value 输入值，可以为字符串或数字，默认'auto'
- * @param unit 单位，默认'rpx'
- * @returns 添加单位后的字符串
- */
-export default function addUnit(value: string | number = 'auto', unit: string = 'rpx'): string {
-    const strValue = String(value);
-    // 用uView内置验证规则中的number判断是否为数值
-    return validation.number(strValue) ? `${strValue}${unit}` : strValue;
-}
+import validation from './test';
+
+/**
+ * 添加单位，如果有rpx，%，px等单位结尾或者值为auto，直接返回，否则加上rpx单位结尾
+ * @param value 输入值，可以为字符串或数字，默认'auto'
+ * @param unit 单位，默认'rpx'
+ * @returns 添加单位后的字符串
+ */
+export default function addUnit(value: string | number = 'auto', unit: string = 'rpx'): string {
+    const strValue = String(value);
+    // 用uView内置验证规则中的number判断是否为数值
+    return validation.number(strValue) ? `${strValue}${unit}` : strValue;
+}

package/libs/function/color.ts

@@ -1,71 +1,37 @@
-// 为了让用户能够自定义主题，会逐步弃用此文件，各颜色通过css提供
-// 为了给某些特殊场景使用和向后兼容，无需删除此文件(2020-06-20)
-export type ThemeColor = Partial<{
-    primary: string;
-    primaryDark: string;
-    primaryDisabled: string;
-    primaryLight: string;
-    bgColor: string;
-
-    info: string;
-    infoDark: string;
-    infoDisabled: string;
-    infoLight: string;
-
-    warning: string;
-    warningDark: string;
-    warningDisabled: string;
-    warningLight: string;
-
-    error: string;
-    errorDark: string;
-    errorDisabled: string;
-    errorLight: string;
-
-    success: string;
-    successDark: string;
-    successDisabled: string;
-    successLight: string;
-
-    mainColor: string;
-    contentColor: string;
-    tipsColor: string;
-    lightColor: string;
-    borderColor: string;
-}>;
-
-const color: ThemeColor = {
-    primary: '#2979ff',
-    primaryDark: '#2b85e4',
-    primaryDisabled: '#a0cfff',
-    primaryLight: '#ecf5ff',
-    bgColor: '#f3f4f6',
-
-    info: '#909399',
-    infoDark: '#82848a',
-    infoDisabled: '#c8c9cc',
-    infoLight: '#f4f4f5',
-
-    warning: '#ff9900',
-    warningDark: '#f29100',
-    warningDisabled: '#fcbd71',
-    warningLight: '#fdf6ec',
-
-    error: '#fa3534',
-    errorDark: '#dd6161',
-    errorDisabled: '#fab6b6',
-    errorLight: '#fef0f0',
-
-    success: '#19be6b',
-    successDark: '#18b566',
-    successDisabled: '#71d5a1',
-    successLight: '#dbf1e1',
-
-    mainColor: '#303133',
-    contentColor: '#606266',
-    tipsColor: '#909399',
-    lightColor: '#c0c4cc',
-    borderColor: '#e4e7ed'
-};
-
-export default color;
+import type { ThemeColor } from '../../types/global';
+
+const color: ThemeColor = {
+    primary: '#2979ff',
+    primaryDark: '#2b85e4',
+    primaryDisabled: '#a0cfff',
+    primaryLight: '#ecf5ff',
+    bgColor: '#f3f4f6',
+
+    info: '#909399',
+    infoDark: '#82848a',
+    infoDisabled: '#c8c9cc',
+    infoLight: '#f4f4f5',
+
+    warning: '#ff9900',
+    warningDark: '#f29100',
+    warningDisabled: '#fcbd71',
+    warningLight: '#fdf6ec',
+
+    error: '#fa3534',
+    errorDark: '#dd6161',
+    errorDisabled: '#fab6b6',
+    errorLight: '#fef0f0',
+
+    success: '#19be6b',
+    successDark: '#18b566',
+    successDisabled: '#71d5a1',
+    successLight: '#dbf1e1',
+
+    mainColor: '#303133',
+    contentColor: '#606266',
+    tipsColor: '#909399',
+    lightColor: '#c0c4cc',
+    borderColor: '#e4e7ed'
+};
+
+export default color;