@kengic/uni 0.3.2-beta.13 → 0.3.2-beta.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,146 +1,146 @@
1
- // @use "sass:math";
2
- @import 'functions';
3
- // 间距基础倍数
4
- $uni-space-root: 2 !default;
5
- // 边框半径默认值
6
- $uni-radius-root:5px !default;
7
- $uni-radius: () !default;
8
- // 边框半径断点
9
- $uni-radius: map-deep-merge(
10
- (
11
- 0: 0,
12
- // TODO 当前版本暂时不支持 sm 属性
13
- // 'sm': math.div($uni-radius-root, 2),
14
- null: $uni-radius-root,
15
- 'lg': $uni-radius-root * 2,
16
- 'xl': $uni-radius-root * 6,
17
- 'pill': 9999px,
18
- 'circle': 50%
19
- ),
20
- $uni-radius
21
- );
22
- // 字体家族
23
- $body-font-family: 'Roboto', sans-serif !default;
24
- // 文本
25
- $heading-font-family: $body-font-family !default;
26
- $uni-headings: () !default;
27
- $letterSpacing: -0.01562em;
28
- $uni-headings: map-deep-merge(
29
- (
30
- 'h1': (
31
- size: 32px,
32
- weight: 300,
33
- line-height: 50px,
34
- // letter-spacing:-0.01562em
35
- ),
36
- 'h2': (
37
- size: 28px,
38
- weight: 300,
39
- line-height: 40px,
40
- // letter-spacing: -0.00833em
41
- ),
42
- 'h3': (
43
- size: 24px,
44
- weight: 400,
45
- line-height: 32px,
46
- // letter-spacing: normal
47
- ),
48
- 'h4': (
49
- size: 20px,
50
- weight: 400,
51
- line-height: 30px,
52
- // letter-spacing: 0.00735em
53
- ),
54
- 'h5': (
55
- size: 16px,
56
- weight: 400,
57
- line-height: 24px,
58
- // letter-spacing: normal
59
- ),
60
- 'h6': (
61
- size: 14px,
62
- weight: 500,
63
- line-height: 18px,
64
- // letter-spacing: 0.0125em
65
- ),
66
- 'subtitle': (
67
- size: 12px,
68
- weight: 400,
69
- line-height: 20px,
70
- // letter-spacing: 0.00937em
71
- ),
72
- 'body': (
73
- font-size: 14px,
74
- font-weight: 400,
75
- line-height: 22px,
76
- // letter-spacing: 0.03125em
77
- ),
78
- 'caption': (
79
- 'size': 12px,
80
- 'weight': 400,
81
- 'line-height': 20px,
82
- // 'letter-spacing': 0.03333em,
83
- // 'text-transform': false
84
- )
85
- ),
86
- $uni-headings
87
- );
88
-
89
-
90
-
91
- // 主色
92
- $uni-primary: #2979ff !default;
93
- $uni-primary-disable:lighten($uni-primary,20%) !default;
94
- $uni-primary-light: lighten($uni-primary,25%) !default;
95
-
96
- // 辅助色
97
- // 除了主色外的场景色,需要在不同的场景中使用(例如危险色表示危险的操作)。
98
- $uni-success: #18bc37 !default;
99
- $uni-success-disable:lighten($uni-success,20%) !default;
100
- $uni-success-light: lighten($uni-success,25%) !default;
101
-
102
- $uni-warning: #f3a73f !default;
103
- $uni-warning-disable:lighten($uni-warning,20%) !default;
104
- $uni-warning-light: lighten($uni-warning,25%) !default;
105
-
106
- $uni-error: #e43d33 !default;
107
- $uni-error-disable:lighten($uni-error,20%) !default;
108
- $uni-error-light: lighten($uni-error,25%) !default;
109
-
110
- $uni-info: #8f939c !default;
111
- $uni-info-disable:lighten($uni-info,20%) !default;
112
- $uni-info-light: lighten($uni-info,25%) !default;
113
-
114
- // 中性色
115
- // 中性色用于文本、背景和边框颜色。通过运用不同的中性色,来表现层次结构。
116
- $uni-main-color: #3a3a3a !default; // 主要文字
117
- $uni-base-color: #6a6a6a !default; // 常规文字
118
- $uni-secondary-color: #909399 !default; // 次要文字
119
- $uni-extra-color: #c7c7c7 !default; // 辅助说明
120
-
121
- // 边框颜色
122
- $uni-border-1: #F0F0F0 !default;
123
- $uni-border-2: #EDEDED !default;
124
- $uni-border-3: #DCDCDC !default;
125
- $uni-border-4: #B9B9B9 !default;
126
-
127
- // 常规色
128
- $uni-black: #000000 !default;
129
- $uni-white: #ffffff !default;
130
- $uni-transparent: rgba($color: #000000, $alpha: 0) !default;
131
-
132
- // 背景色
133
- $uni-bg-color: #f7f7f7 !default;
134
-
135
- /* 水平间距 */
136
- $uni-spacing-sm: 8px !default;
137
- $uni-spacing-base: 15px !default;
138
- $uni-spacing-lg: 30px !default;
139
-
140
- // 阴影
141
- $uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5) !default;
142
- $uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2) !default;
143
- $uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5) !default;
144
-
145
- // 蒙版
146
- $uni-mask: rgba($color: #000000, $alpha: 0.4) !default;
1
+ // @use "sass:math";
2
+ @import '../tools/functions.scss';
3
+ // 间距基础倍数
4
+ $uni-space-root: 2 !default;
5
+ // 边框半径默认值
6
+ $uni-radius-root:5px !default;
7
+ $uni-radius: () !default;
8
+ // 边框半径断点
9
+ $uni-radius: map-deep-merge(
10
+ (
11
+ 0: 0,
12
+ // TODO 当前版本暂时不支持 sm 属性
13
+ // 'sm': math.div($uni-radius-root, 2),
14
+ null: $uni-radius-root,
15
+ 'lg': $uni-radius-root * 2,
16
+ 'xl': $uni-radius-root * 6,
17
+ 'pill': 9999px,
18
+ 'circle': 50%
19
+ ),
20
+ $uni-radius
21
+ );
22
+ // 字体家族
23
+ $body-font-family: 'Roboto', sans-serif !default;
24
+ // 文本
25
+ $heading-font-family: $body-font-family !default;
26
+ $uni-headings: () !default;
27
+ $letterSpacing: -0.01562em;
28
+ $uni-headings: map-deep-merge(
29
+ (
30
+ 'h1': (
31
+ size: 32px,
32
+ weight: 300,
33
+ line-height: 50px,
34
+ // letter-spacing:-0.01562em
35
+ ),
36
+ 'h2': (
37
+ size: 28px,
38
+ weight: 300,
39
+ line-height: 40px,
40
+ // letter-spacing: -0.00833em
41
+ ),
42
+ 'h3': (
43
+ size: 24px,
44
+ weight: 400,
45
+ line-height: 32px,
46
+ // letter-spacing: normal
47
+ ),
48
+ 'h4': (
49
+ size: 20px,
50
+ weight: 400,
51
+ line-height: 30px,
52
+ // letter-spacing: 0.00735em
53
+ ),
54
+ 'h5': (
55
+ size: 16px,
56
+ weight: 400,
57
+ line-height: 24px,
58
+ // letter-spacing: normal
59
+ ),
60
+ 'h6': (
61
+ size: 14px,
62
+ weight: 500,
63
+ line-height: 18px,
64
+ // letter-spacing: 0.0125em
65
+ ),
66
+ 'subtitle': (
67
+ size: 12px,
68
+ weight: 400,
69
+ line-height: 20px,
70
+ // letter-spacing: 0.00937em
71
+ ),
72
+ 'body': (
73
+ font-size: 14px,
74
+ font-weight: 400,
75
+ line-height: 22px,
76
+ // letter-spacing: 0.03125em
77
+ ),
78
+ 'caption': (
79
+ 'size': 12px,
80
+ 'weight': 400,
81
+ 'line-height': 20px,
82
+ // 'letter-spacing': 0.03333em,
83
+ // 'text-transform': false
84
+ )
85
+ ),
86
+ $uni-headings
87
+ );
88
+
89
+
90
+
91
+ // 主色
92
+ $uni-primary: #2979ff !default;
93
+ $uni-primary-disable:lighten($uni-primary,20%) !default;
94
+ $uni-primary-light: lighten($uni-primary,25%) !default;
95
+
96
+ // 辅助色
97
+ // 除了主色外的场景色,需要在不同的场景中使用(例如危险色表示危险的操作)。
98
+ $uni-success: #18bc37 !default;
99
+ $uni-success-disable:lighten($uni-success,20%) !default;
100
+ $uni-success-light: lighten($uni-success,25%) !default;
101
+
102
+ $uni-warning: #f3a73f !default;
103
+ $uni-warning-disable:lighten($uni-warning,20%) !default;
104
+ $uni-warning-light: lighten($uni-warning,25%) !default;
105
+
106
+ $uni-error: #e43d33 !default;
107
+ $uni-error-disable:lighten($uni-error,20%) !default;
108
+ $uni-error-light: lighten($uni-error,25%) !default;
109
+
110
+ $uni-info: #8f939c !default;
111
+ $uni-info-disable:lighten($uni-info,20%) !default;
112
+ $uni-info-light: lighten($uni-info,25%) !default;
113
+
114
+ // 中性色
115
+ // 中性色用于文本、背景和边框颜色。通过运用不同的中性色,来表现层次结构。
116
+ $uni-main-color: #3a3a3a !default; // 主要文字
117
+ $uni-base-color: #6a6a6a !default; // 常规文字
118
+ $uni-secondary-color: #909399 !default; // 次要文字
119
+ $uni-extra-color: #c7c7c7 !default; // 辅助说明
120
+
121
+ // 边框颜色
122
+ $uni-border-1: #F0F0F0 !default;
123
+ $uni-border-2: #EDEDED !default;
124
+ $uni-border-3: #DCDCDC !default;
125
+ $uni-border-4: #B9B9B9 !default;
126
+
127
+ // 常规色
128
+ $uni-black: #000000 !default;
129
+ $uni-white: #ffffff !default;
130
+ $uni-transparent: rgba($color: #000000, $alpha: 0) !default;
131
+
132
+ // 背景色
133
+ $uni-bg-color: #f7f7f7 !default;
134
+
135
+ /* 水平间距 */
136
+ $uni-spacing-sm: 8px !default;
137
+ $uni-spacing-base: 15px !default;
138
+ $uni-spacing-lg: 30px !default;
139
+
140
+ // 阴影
141
+ $uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5) !default;
142
+ $uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2) !default;
143
+ $uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5) !default;
144
+
145
+ // 蒙版
146
+ $uni-mask: rgba($color: #000000, $alpha: 0.4) !default;
@@ -1,19 +1,19 @@
1
- // 合并 map
2
- @function map-deep-merge($parent-map, $child-map){
3
- $result: $parent-map;
4
- @each $key, $child in $child-map {
5
- $parent-has-key: map-has-key($result, $key);
6
- $parent-value: map-get($result, $key);
7
- $parent-type: type-of($parent-value);
8
- $child-type: type-of($child);
9
- $parent-is-map: $parent-type == map;
10
- $child-is-map: $child-type == map;
11
-
12
- @if (not $parent-has-key) or ($parent-type != $child-type) or (not ($parent-is-map and $child-is-map)){
13
- $result: map-merge($result, ( $key: $child ));
14
- }@else {
15
- $result: map-merge($result, ( $key: map-deep-merge($parent-value, $child) ));
16
- }
17
- }
18
- @return $result;
19
- };
1
+ // 合并 map
2
+ @function map-deep-merge($parent-map, $child-map){
3
+ $result: $parent-map;
4
+ @each $key, $child in $child-map {
5
+ $parent-has-key: map-has-key($result, $key);
6
+ $parent-value: map-get($result, $key);
7
+ $parent-type: type-of($parent-value);
8
+ $child-type: type-of($child);
9
+ $parent-is-map: $parent-type == map;
10
+ $child-is-map: $child-type == map;
11
+
12
+ @if (not $parent-has-key) or ($parent-type != $child-type) or (not ($parent-is-map and $child-is-map)){
13
+ $result: map-merge($result, ( $key: $child ));
14
+ }@else {
15
+ $result: map-merge($result, ( $key: map-deep-merge($parent-value, $child) ));
16
+ }
17
+ }
18
+ @return $result;
19
+ };
@@ -1,31 +1,31 @@
1
- // 间距基础倍数
2
- $uni-space-root: 2;
3
- // 边框半径默认值
4
- $uni-radius-root:5px;
5
- // 主色
6
- $uni-primary: #2979ff;
7
- // 辅助色
8
- $uni-success: #4cd964;
9
- // 警告色
10
- $uni-warning: #f0ad4e;
11
- // 错误色
12
- $uni-error: #dd524d;
13
- // 描述色
14
- $uni-info: #909399;
15
- // 中性色
16
- $uni-main-color: #303133;
17
- $uni-base-color: #606266;
18
- $uni-secondary-color: #909399;
19
- $uni-extra-color: #C0C4CC;
20
- // 背景色
21
- $uni-bg-color: #f5f5f5;
22
- // 边框颜色
23
- $uni-border-1: #DCDFE6;
24
- $uni-border-2: #E4E7ED;
25
- $uni-border-3: #EBEEF5;
26
- $uni-border-4: #F2F6FC;
27
-
28
- // 常规色
29
- $uni-black: #000000;
30
- $uni-white: #ffffff;
31
- $uni-transparent: rgba($color: #000000, $alpha: 0);
1
+ // 间距基础倍数
2
+ $uni-space-root: 2;
3
+ // 边框半径默认值
4
+ $uni-radius-root:5px;
5
+ // 主色
6
+ $uni-primary: #2979ff;
7
+ // 辅助色
8
+ $uni-success: #4cd964;
9
+ // 警告色
10
+ $uni-warning: #f0ad4e;
11
+ // 错误色
12
+ $uni-error: #dd524d;
13
+ // 描述色
14
+ $uni-info: #909399;
15
+ // 中性色
16
+ $uni-main-color: #303133;
17
+ $uni-base-color: #606266;
18
+ $uni-secondary-color: #909399;
19
+ $uni-extra-color: #C0C4CC;
20
+ // 背景色
21
+ $uni-bg-color: #f5f5f5;
22
+ // 边框颜色
23
+ $uni-border-1: #DCDFE6;
24
+ $uni-border-2: #E4E7ED;
25
+ $uni-border-3: #EBEEF5;
26
+ $uni-border-4: #F2F6FC;
27
+
28
+ // 常规色
29
+ $uni-black: #000000;
30
+ $uni-white: #ffffff;
31
+ $uni-transparent: rgba($color: #000000, $alpha: 0);
@@ -1,62 +1,62 @@
1
- @import 'variables';
2
- // 间距基础倍数
3
- $uni-space-root: 2;
4
- // 边框半径默认值
5
- $uni-radius-root:5px;
6
-
7
- // 主色
8
- $uni-primary: #2979ff;
9
- $uni-primary-disable:mix(#fff,$uni-primary,50%);
10
- $uni-primary-light: mix(#fff,$uni-primary,80%);
11
-
12
- // 辅助色
13
- // 除了主色外的场景色,需要在不同的场景中使用(例如危险色表示危险的操作)。
14
- $uni-success: #18bc37;
15
- $uni-success-disable:mix(#fff,$uni-success,50%);
16
- $uni-success-light: mix(#fff,$uni-success,80%);
17
-
18
- $uni-warning: #f3a73f;
19
- $uni-warning-disable:mix(#fff,$uni-warning,50%);
20
- $uni-warning-light: mix(#fff,$uni-warning,80%);
21
-
22
- $uni-error: #e43d33;
23
- $uni-error-disable:mix(#fff,$uni-error,50%);
24
- $uni-error-light: mix(#fff,$uni-error,80%);
25
-
26
- $uni-info: #8f939c;
27
- $uni-info-disable:mix(#fff,$uni-info,50%);
28
- $uni-info-light: mix(#fff,$uni-info,80%);
29
-
30
- // 中性色
31
- // 中性色用于文本、背景和边框颜色。通过运用不同的中性色,来表现层次结构。
32
- $uni-main-color: #3a3a3a; // 主要文字
33
- $uni-base-color: #6a6a6a; // 常规文字
34
- $uni-secondary-color: #909399; // 次要文字
35
- $uni-extra-color: #c7c7c7; // 辅助说明
36
-
37
- // 边框颜色
38
- $uni-border-1: #F0F0F0;
39
- $uni-border-2: #EDEDED;
40
- $uni-border-3: #DCDCDC;
41
- $uni-border-4: #B9B9B9;
42
-
43
- // 常规色
44
- $uni-black: #000000;
45
- $uni-white: #ffffff;
46
- $uni-transparent: rgba($color: #000000, $alpha: 0);
47
-
48
- // 背景色
49
- $uni-bg-color: #f7f7f7;
50
-
51
- /* 水平间距 */
52
- $uni-spacing-sm: 8px;
53
- $uni-spacing-base: 15px;
54
- $uni-spacing-lg: 30px;
55
-
56
- // 阴影
57
- $uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5);
58
- $uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2);
59
- $uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5);
60
-
61
- // 蒙版
62
- $uni-mask: rgba($color: #000000, $alpha: 0.4);
1
+ @import './styles/setting/_variables.scss';
2
+ // 间距基础倍数
3
+ $uni-space-root: 2;
4
+ // 边框半径默认值
5
+ $uni-radius-root:5px;
6
+
7
+ // 主色
8
+ $uni-primary: #2979ff;
9
+ $uni-primary-disable:mix(#fff,$uni-primary,50%);
10
+ $uni-primary-light: mix(#fff,$uni-primary,80%);
11
+
12
+ // 辅助色
13
+ // 除了主色外的场景色,需要在不同的场景中使用(例如危险色表示危险的操作)。
14
+ $uni-success: #18bc37;
15
+ $uni-success-disable:mix(#fff,$uni-success,50%);
16
+ $uni-success-light: mix(#fff,$uni-success,80%);
17
+
18
+ $uni-warning: #f3a73f;
19
+ $uni-warning-disable:mix(#fff,$uni-warning,50%);
20
+ $uni-warning-light: mix(#fff,$uni-warning,80%);
21
+
22
+ $uni-error: #e43d33;
23
+ $uni-error-disable:mix(#fff,$uni-error,50%);
24
+ $uni-error-light: mix(#fff,$uni-error,80%);
25
+
26
+ $uni-info: #8f939c;
27
+ $uni-info-disable:mix(#fff,$uni-info,50%);
28
+ $uni-info-light: mix(#fff,$uni-info,80%);
29
+
30
+ // 中性色
31
+ // 中性色用于文本、背景和边框颜色。通过运用不同的中性色,来表现层次结构。
32
+ $uni-main-color: #3a3a3a; // 主要文字
33
+ $uni-base-color: #6a6a6a; // 常规文字
34
+ $uni-secondary-color: #909399; // 次要文字
35
+ $uni-extra-color: #c7c7c7; // 辅助说明
36
+
37
+ // 边框颜色
38
+ $uni-border-1: #F0F0F0;
39
+ $uni-border-2: #EDEDED;
40
+ $uni-border-3: #DCDCDC;
41
+ $uni-border-4: #B9B9B9;
42
+
43
+ // 常规色
44
+ $uni-black: #000000;
45
+ $uni-white: #ffffff;
46
+ $uni-transparent: rgba($color: #000000, $alpha: 0);
47
+
48
+ // 背景色
49
+ $uni-bg-color: #f7f7f7;
50
+
51
+ /* 水平间距 */
52
+ $uni-spacing-sm: 8px;
53
+ $uni-spacing-base: 15px;
54
+ $uni-spacing-lg: 30px;
55
+
56
+ // 阴影
57
+ $uni-shadow-sm:0 0 5px rgba($color: #d8d8d8, $alpha: 0.5);
58
+ $uni-shadow-base:0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2);
59
+ $uni-shadow-lg:0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5);
60
+
61
+ // 蒙版
62
+ $uni-mask: rgba($color: #000000, $alpha: 0.4);
@@ -103,7 +103,7 @@
103
103
  <!-- #endif -->
104
104
 
105
105
  </template>
106
- <script src='wx.wxs' module="wxsswipe" lang="wxs"></script>
106
+ <script src='./wx.wxs' module="wxsswipe" lang="wxs"></script>
107
107
 
108
108
  <script module="renderswipe" lang="renderjs">
109
109
  import render from './render.js'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kengic/uni",
3
- "version": "0.3.2-beta.13",
3
+ "version": "0.3.2-beta.15",
4
4
  "scripts": {
5
5
  "build": "rimraf dist && vue-tsc && vite build",
6
6
  "build:dev": "rimraf dist && vue-tsc && vite build --mode development",
@@ -111,6 +111,8 @@
111
111
  "./dist/uni/uni-ui/uni-popup-dialog/uni-popup-dialog.vue": "./dist/uni/uni-ui/uni-popup-dialog/uni-popup-dialog.vue",
112
112
  "./dist/uni/uni-ui/uni-popup-message/uni-popup-message.vue": "./dist/uni/uni-ui/uni-popup-message/uni-popup-message.vue",
113
113
  "./dist/uni/uni-ui/uni-popup-share/uni-popup-share.vue": "./dist/uni/uni-ui/uni-popup-share/uni-popup-share.vue",
114
+ "./dist/uni/uni-ui/uni-rate/uni-rate.vue": "./dist/uni/uni-ui/uni-rate/uni-rate.vue",
115
+ "./dist/uni/uni-ui/uni-row/uni-row.vue": "./dist/uni/uni-ui/uni-row/uni-row.vue",
114
116
  "./dist/uni/uni-ui/uni-search-bar/uni-search-bar.vue": "./dist/uni/uni-ui/uni-search-bar/uni-search-bar.vue",
115
117
  "./dist/uni/uni-ui/uni-section/uni-section.vue": "./dist/uni/uni-ui/uni-section/uni-section.vue",
116
118
  "./dist/uni/uni-ui/uni-segmented-control/uni-segmented-control.vue": "./dist/uni/uni-ui/uni-segmented-control/uni-segmented-control.vue",