mali-applet-ui 1.0.24 → 1.0.27

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.
@@ -64,10 +64,11 @@ export default {
64
64
  &:before {
65
65
  content: "";
66
66
  position: absolute;
67
- top: 0;
67
+ top: 50%;
68
68
  left: 0;
69
69
  width: 8rpx;
70
70
  height: 30rpx;
71
+ transform: translateY(-50%);
71
72
  background: $uni-color-primary;
72
73
  }
73
74
  }
@@ -46,10 +46,11 @@ export default {
46
46
  $spans: 4.16667%, 8.33333%, 12.5%, 16.66667%, 20.83333%, 25%, 29.16667%, 33.33333%,
47
47
  37.5%, 41.66667%, 45.83333%, 50%, 54.16667%, 58.33333%, 62.5%, 66.66667%,
48
48
  70.83333%, 75%, 79.16667%, 83.33333%, 87.5%, 91.66667%, 95.83333%, 100%;
49
- &.is-light {
50
- color: rgba(0, 0, 0, 0.45);
51
- }
49
+ // &.is-light {
50
+ // color: rgba(0, 0, 0, 0.45);
51
+ // }
52
52
  &.is-important {
53
+ color: $ml-font-color;
53
54
  padding-bottom: 10rpx;
54
55
  font-size: $ml-base-font-size;
55
56
  }
@@ -121,50 +121,50 @@ export default {
121
121
  }
122
122
  }
123
123
  &.is-round {
124
- padding: 8rpx 16rpx;
124
+ padding: 6rpx 20rpx;
125
125
  border-radius: $ml-border-radius;
126
- font-size: 24rpx;
126
+ font-size: $ml-describe-font-size;
127
127
  &.ss-primary {
128
- color: #ffffff;
129
- background: $uni-color-primary;
128
+ color: $uni-color-primary;
129
+ background: #e0efff;
130
130
  }
131
131
  &.ss-success {
132
- color: #ffffff;
133
- background: $uni-color-success;
132
+ color: $uni-color-success;
133
+ background: #e0f5e8;
134
134
  }
135
135
  &.ss-info {
136
- background: #909399;
136
+ background: #eaebed;
137
137
  }
138
138
  &.ss-warning {
139
139
  color: #ffffff;
140
140
  background: $uni-color-warning;
141
141
  }
142
142
  &.ss-danger {
143
- color: #ffffff;
144
- background: $uni-color-error;
143
+ color: $uni-color-error;
144
+ background: #ffeaec;
145
145
  }
146
146
  &.ss-gray {
147
147
  background: $ml-gray-color;
148
148
  }
149
149
  &.ss-blue {
150
- color: #ffffff;
151
- background: $ml-blue-color;
150
+ color: $ml-blue-color;
151
+ background: #e0efff;
152
152
  }
153
153
  &.ss-green {
154
- color: #ffffff;
155
- background: $ml-green-color;
154
+ color: $ml-green-color;
155
+ background: #e0f5e8;
156
156
  }
157
157
  &.ss-pink {
158
- color: #ffffff;
159
- background: $ml-pink-color;
158
+ color: $ml-pink-color;
159
+ background: #ffeaec;
160
160
  }
161
161
  &.ss-orange {
162
- color: #ffffff;
163
- background: $ml-orange-color;
162
+ color: $ml-orange-color;
163
+ background: #ffedd6;
164
164
  }
165
165
  &.ss-purple {
166
- color: #ffffff;
167
- background: $ml-purple-color;
166
+ color: $ml-purple-color;
167
+ background: #f2e9ff;
168
168
  }
169
169
  }
170
170
  &:not(.is-round) {
@@ -45,10 +45,11 @@ export default {
45
45
  &:before {
46
46
  content: "";
47
47
  position: absolute;
48
- top: 0;
48
+ top: 50%;
49
49
  left: 0;
50
50
  width: 8rpx;
51
51
  height: 30rpx;
52
+ transform: translateY(-50%);
52
53
  background: $uni-color-primary;
53
54
  }
54
55
  }
@@ -62,6 +62,9 @@ export default {
62
62
  },
63
63
  computed: {
64
64
  titleStyle () {
65
+ if (this.itemVertical) {
66
+ return ''
67
+ }
65
68
  return this.itemLabelWidth ? `width:${this.itemLabelWidth};` : ''
66
69
  },
67
70
  isFormBorder () {
@@ -188,6 +188,7 @@ export default {
188
188
  overflow: hidden;
189
189
  text-overflow: ellipsis;
190
190
  white-space: nowrap;
191
+ color: rgba(0, 0, 0, 0.45);
191
192
  }
192
193
  &.is-vertical {
193
194
  .ml-list-item-content {
@@ -292,9 +292,8 @@ export default {
292
292
  overflow: hidden;
293
293
  text-overflow: ellipsis;
294
294
  white-space: nowrap;
295
- color: #246BFD;
296
- background: #DAE6FF;
297
- border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
295
+ background: #F5F5F5;
296
+ border-bottom: 1px solid rgba(126, 134, 142, 0.16);
298
297
  box-sizing: border-box;
299
298
  &.is-sort {
300
299
  .th-title {
@@ -324,7 +323,6 @@ export default {
324
323
  .desc-btn {
325
324
  height: 18rpx;
326
325
  line-height: 18rpx;
327
- color: #ddeffe;
328
326
  &.active {
329
327
  color: #2982ea;
330
328
  }
@@ -335,7 +333,7 @@ export default {
335
333
  padding: 20rpx 10rpx;
336
334
  text-align: center;
337
335
  color: rgba(39, 42, 48, 0.65);
338
- border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
336
+ border-bottom: 1px solid rgba(126, 134, 142, 0.16);
339
337
  box-sizing: border-box;
340
338
  }
341
339
  .table-cell {
@@ -132,7 +132,7 @@ export default {
132
132
  .ml-textarea {
133
133
  display: block;
134
134
  width: 100%;
135
- padding: 20rpx 10rpx 10rpx 20rpx;
135
+ padding: 20rpx 10rpx 10rpx 10rpx;
136
136
  background: #fff;
137
137
  .ml-textarea-placeholder {
138
138
  color: $ml-input-color-placeholder;;
@@ -73,7 +73,10 @@ function uploadImageFiles (opts) {
73
73
  return new Promise((resolve, reject) => {
74
74
  uni.chooseImage({
75
75
  count: opts.count || 9,
76
- sourceType: opts.sourceType || ['album', 'camera'],
76
+ sourceType: opts.sourceType,
77
+ // #ifdef MP-WEIXIN
78
+ sizeType: opts.sizeType,
79
+ // #endif
77
80
  success (res) {
78
81
  resolve(normalizeChooseAndUploadFileRes(res, 'image'))
79
82
  },
@@ -147,6 +150,14 @@ export default {
147
150
  type: Object,
148
151
  default: () => ({})
149
152
  },
153
+ sizeType: {
154
+ type: Array,
155
+ default: () => ['original', 'compressed']
156
+ },
157
+ sourceType: {
158
+ type: Array,
159
+ default: () => ['album', 'camera']
160
+ },
150
161
  getFileUrl: Function,
151
162
  getThumbnailUrl: Function,
152
163
  uploadFile: Function,
@@ -424,6 +435,8 @@ export default {
424
435
  }
425
436
  const uploadMethod = this.uploadFile ? this.uploadFile : (globalStore.upload ? globalStore.upload.uploadFile : null)
426
437
  chooseMethod({
438
+ sizeType: this.sizeType,
439
+ sourceType: this.sourceType,
427
440
  count: this.limit - this.fileList.length
428
441
  }).then(res => {
429
442
  const { tempFiles } = res
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mali-applet-ui",
3
- "version": "1.0.24",
3
+ "version": "1.0.27",
4
4
  "description": "码里云小程序组件库",
5
5
  "files": [
6
6
  "lib",
package/theme.scss CHANGED
@@ -1,6 +1,9 @@
1
1
  // 页面宽度
2
2
  $ml-page-full-width: 100%;
3
3
 
4
+ // 文字颜色
5
+ $ml-font-color: rgba(0, 0, 0, 0.85);
6
+
4
7
  // 字体
5
8
  $ml-base-font-size: 34rpx;
6
9
  // 副标题体