mali-applet-ui 0.0.49 → 0.0.50

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.
Files changed (9) hide show
  1. package/components/ml-approval-select/ml-approval-select.vue +47 -31
  2. package/components/ml-form/ml-form.vue +11 -1
  3. package/components/ml-form-item/ml-form-item.vue +1 -0
  4. package/components/ml-list-group/ml-list-group.vue +2 -0
  5. package/components/ml-month-picker/ml-month-picker.vue +4 -0
  6. package/components/ml-select-picker/ml-select-picker.vue +1 -0
  7. package/components/ml-upload/ml-upload.vue +1 -1
  8. package/components/ml-year-picker/ml-year-picker.vue +4 -0
  9. package/package.json +14 -1
package/components/ml-approval-select/ml-approval-select.vue CHANGED
@@ -5,6 +5,7 @@
5
5
  </view>
6
6
  <view class="ml-approval-select-body">
7
7
  <view class="ml-approval-select-list" v-for="(group, gIndex) in options" :key="gIndex">
8
+ <view class="ml-approval-select-flow-line"></view>
8
9
  <view class="ml-approval-select-item">
9
10
  <view class="ml-approval-select-item-title">{{ group.name }}</view>
10
11
  </view>
@@ -12,9 +13,6 @@
12
13
  <view class="ml-approval-select-user-item" v-for="(item, uIndex) in group.users" :key="uIndex">
13
14
  <image class="ml-approval-select-user-picture" :src="item.picture" mode="scaleToFill"></image>
14
15
  <view class="ml-approval-select-user-name">{{ item.name }}</view>
15
- <view class="ml-approval-select-user-remove">
16
- <ml-icon name="close"></ml-icon>
17
- </view>
18
16
  </view>
19
17
  <view class="ml-approval-select-user-add" @click="openAddUser">
20
18
  <view class="ml-approval-select-user-add-icon">
@@ -24,11 +22,6 @@
24
22
  </view>
25
23
  </view>
26
24
  </view>
27
-
28
- <uni-popup ref="popup" type="bottom">
29
- <text>Popup</text>
30
- <button @click="close">关闭</button>
31
- </uni-popup>
32
25
  </view>
33
26
  </template>
34
27
 
@@ -38,11 +31,6 @@ export default {
38
31
  props: {
39
32
  value: Array,
40
33
  options: Array
41
- },
42
- methods: {
43
- openAddUser () {
44
- this.$refs.popup.open()
45
- }
46
34
  }
47
35
  }
48
36
  </script>
@@ -59,49 +47,77 @@ export default {
59
47
  line-height: 60rpx;
60
48
  }
61
49
  .ml-approval-select-list {
50
+ position: relative;
62
51
  padding-bottom: 10rpx;
52
+ .ml-approval-select-flow-line {
53
+ position: absolute;
54
+ top: 0;
55
+ left: 0;
56
+ height: 100%;
57
+ width: 4rpx;
58
+ background: #D9D9D9;
59
+ &::before {
60
+ content: "";
61
+ position: absolute;
62
+ top: 12rpx;
63
+ left: -10rpx;
64
+ width: 24rpx;
65
+ height: 24rpx;
66
+ border-radius: 50%;
67
+ background: #D9D9D9;
68
+ }
69
+ }
70
+ &:first-child {
71
+ .ml-approval-select-flow-line {
72
+ top: 12rpx;
73
+ &::before {
74
+ top: 0;
75
+ }
76
+ }
77
+ }
78
+ &:last-child {
79
+ .ml-approval-select-flow-line {
80
+ height: 30rpx;
81
+ }
82
+ }
63
83
  }
64
84
  .ml-approval-select-item-title {
65
- padding-left: 20rpx;
85
+ padding-left: 40rpx;
66
86
  line-height: 50rpx;
67
87
  }
68
88
  .ml-approval-select-users {
69
89
  display: flex;
70
90
  flex-direction: row;
71
- flex-wrap: wrap;
91
+ padding-left: 40rpx;
72
92
  }
73
93
  .ml-approval-select-user-item {
74
- position: relative;
94
+ display: flex;
95
+ flex-direction: column;
75
96
  padding: 10rpx;
76
- width: 150rpx;
77
97
  text-align: center;
98
+ width: 140rpx;
78
99
  .ml-approval-select-user-picture {
79
100
  width: 100rpx;
80
101
  height: 100rpx;
81
102
  border-radius: 50%;
103
+ margin: 0 auto;
82
104
  }
83
105
  .ml-approval-select-user-name {
106
+ display: inline-block;
107
+ vertical-align: middle;
108
+ max-width: 150rpx;
84
109
  overflow: hidden;
85
110
  text-overflow: ellipsis;
86
111
  white-space: nowrap;
112
+ margin-right: 10rpx;
87
113
  font-size: 24rpx;
88
- }
89
- .ml-approval-select-user-remove {
90
- position: absolute;
91
- top: 0;
92
- right: 10rpx;
93
- width: 40rpx;
94
- height: 40rpx;
95
- line-height: 40rpx;
96
- border-radius: 50%;
97
- text-align: center;
98
- color: #ffffff;
99
- background: rgba(0, 0, 0, 0.45);
114
+ color: rgba(0, 0, 0, 0.85);
100
115
  }
101
116
  }
102
117
  .ml-approval-select-user-add {
118
+ display: flex;
119
+ flex-direction: column;
103
120
  padding: 10rpx;
104
- width: 160rpx;
105
121
  text-align: center;
106
122
  .ml-approval-select-user-add-icon {
107
123
  width: 100rpx;
@@ -114,4 +130,4 @@ export default {
114
130
  overflow: hidden;
115
131
  }
116
132
  }
117
- </style>
133
+ </style>
package/components/ml-form/ml-form.vue CHANGED
@@ -3,7 +3,17 @@
3
3
  <slot>
4
4
  <view v-for="(item, index) in items" :key="index">
5
5
  <ml-form-group v-if="item.children && item.children.length" :title="item.title">
6
- <ml-form-item v-for="(cItem, cIndex) in item.children" :key="cIndex" :title="cItem.title" :field="cItem.field" :itemRender="cItem.itemRender" @modelvalue="updateModel"></ml-form-item>
6
+ <ml-form-item
7
+ v-for="(cItem, cIndex) in item.children"
8
+ :key="cIndex"
9
+ :title="cItem.title"
10
+ :field="cItem.field"
11
+ :vertical="cItem.vertical"
12
+ :align="cItem.align"
13
+ :titleAlign="cItem.titleAlign"
14
+ :itemRender="cItem.itemRender"
15
+ @modelvalue="updateModel">
16
+ </ml-form-item>
7
17
  </ml-form-group>
8
18
  <ml-form-item v-else :title="item.title" :field="item.field" :itemRender="item.itemRender" @modelvalue="updateModel"></ml-form-item>
9
19
  </view>
package/components/ml-form-item/ml-form-item.vue CHANGED
@@ -183,5 +183,6 @@ export default {
183
183
  .ml-form-item-content-warpper {
184
184
  flex-grow: 1;
185
185
  width: 100%;
186
+ padding: 10rpx 0;
186
187
  }
187
188
  </style>
package/components/ml-list-group/ml-list-group.vue CHANGED
@@ -4,6 +4,7 @@
4
4
  <scroll-view scroll-y>
5
5
  <slot></slot>
6
6
  </scroll-view>
7
+ <uni-load-more v-if="loadMore" v-show="!loading" :status="loadStatus"></uni-load-more>
7
8
  </view>
8
9
  </view>
9
10
  </template>
@@ -16,6 +17,7 @@ export default {
16
17
  },
17
18
  props: {
18
19
  title: String,
20
+ loadMore: Boolean,
19
21
  className: String
20
22
  }
21
23
  }
package/components/ml-month-picker/ml-month-picker.vue CHANGED
@@ -55,6 +55,10 @@ export default {
55
55
  }
56
56
  .ml-month-picker-text {
57
57
  flex-grow: 1;
58
+ padding-right: 10rpx;
59
+ overflow: hidden;
60
+ text-overflow: ellipsis;
61
+ white-space: nowrap;
58
62
  }
59
63
  .ml-month-picker-icon {
60
64
  color: #6a6a6a;
package/components/ml-select-picker/ml-select-picker.vue CHANGED
@@ -118,6 +118,7 @@ export default {
118
118
  }
119
119
  .ml-select-picker-text {
120
120
  flex-grow: 1;
121
+ padding-right: 10rpx;
121
122
  overflow: hidden;
122
123
  text-overflow: ellipsis;
123
124
  white-space: nowrap;
package/components/ml-upload/ml-upload.vue CHANGED
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <view class="ml-upload" :class="className">
2
+ <view class="ml-upload" :class="[className || '']">
3
3
  <view v-if="isFromReadonly">
4
4
  <view v-if="mediatype === 'image'" class="ml-upload-image-list">
5
5
  <view class="ml-upload-file-item" v-for="(item, index) in value" :key="index">
package/components/ml-year-picker/ml-year-picker.vue CHANGED
@@ -55,6 +55,10 @@ export default {
55
55
  }
56
56
  .ml-year-picker-text {
57
57
  flex-grow: 1;
58
+ padding-right: 10rpx;
59
+ overflow: hidden;
60
+ text-overflow: ellipsis;
61
+ white-space: nowrap;
58
62
  }
59
63
  .ml-year-picker-icon {
60
64
  color: #6a6a6a;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mali-applet-ui",
3
- "version": "0.0.49",
3
+ "version": "0.0.50",
4
4
  "description": "码里云小程序组件库",
5
5
  "files": [
6
6
  "components",
@@ -14,6 +14,19 @@
14
14
  "devDependencies": {
15
15
  "xe-utils": "3.5.6"
16
16
  },
17
+ "uni-app": {
18
+ "scripts": {
19
+ "mp-dingtalk": {
20
+ "title": "钉钉小程序",
21
+ "env": {
22
+ "UNI_PLATFORM": "mp-alipay"
23
+ },
24
+ "define": {
25
+ "MP-DINGTALK": true
26
+ }
27
+ }
28
+ }
29
+ },
17
30
  "author": "xu_liangzhan@163.com",
18
31
  "keywords": [
19
32
  "mali-ui",