uview-plus 3.1.4 → 3.1.8

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.
package/changelog.md CHANGED
@@ -1,3 +1,12 @@
1
+ ## 3.1.8(2022-09-07)
2
+ 修复u-checkbox-group双向绑定
3
+ 修复picker缺少emits定义
4
+ ## 3.1.7(2022-08-28)
5
+ 修复布局在微信小程序失效
6
+ ## 3.1.6(2022-08-25)
7
+ 修复微信小程序下tabbar样式问题
8
+ ## 3.1.5(2022-08-24)
9
+ 修复icon/text/tabs点击事件执行两次
1
10
  ## 3.1.4(2022-08-20)
2
11
  修复button组件点击事件执行两次
3
12
  ## 3.1.3(2022-08-11)
@@ -22,7 +22,6 @@
22
22
  :align="align"
23
23
  :wordWrap="wordWrap"
24
24
  :customStyle="customStyle"
25
- @click="$emit('click')"
26
25
  ></uvText>
27
26
  </template>
28
27
 
@@ -38,7 +37,7 @@ import mpMixin from '../../libs/mixin/mpMixin.js'
38
37
  import mixin from '../../libs/mixin/mixin.js'
39
38
  export default {
40
39
  name: "u--text",
41
- mixins: [mpMixin, mixin, props,],
40
+ mixins: [mpMixin, mixin, props,],
42
41
  components: {
43
42
  uvText,
44
43
  },
@@ -6,11 +6,20 @@ export default {
6
6
  type: String,
7
7
  default: defprops.checkboxGroup.name
8
8
  },
9
- // 绑定的值
10
- value: {
11
- type: Array,
12
- default: defprops.checkboxGroup.value
13
- },
9
+ // #ifdef VUE3
10
+ // 绑定的值
11
+ modelValue: {
12
+ type: Array,
13
+ default: defprops.checkboxGroup.value
14
+ },
15
+ // #endif
16
+ // #ifdef VUE2
17
+ // 绑定的值
18
+ value: {
19
+ type: Array,
20
+ default: defprops.checkboxGroup.value
21
+ },
22
+ // #endif
14
23
  // 形状,circle-圆形,square-方形
15
24
  shape: {
16
25
  type: String,
@@ -70,6 +70,9 @@
70
70
  created() {
71
71
  this.children = []
72
72
  },
73
+ // #ifdef VUE3
74
+ emits: ['update:modelValue', 'change'],
75
+ // #endif
73
76
  methods: {
74
77
  // 将其他的checkbox设置为未选中的状态
75
78
  unCheckedOther(childInstance) {
@@ -83,7 +86,11 @@
83
86
  // 发出事件
84
87
  this.$emit('change', values)
85
88
  // 修改通过v-model绑定的值
86
- this.$emit('input', values)
89
+ // #ifdef VUE3
90
+ this.$emit("update:modelValue", value);
91
+ // #endif
92
+ // #ifdef VUE2
93
+ this.$emit("input", value);
87
94
  },
88
95
  }
89
96
  }
@@ -41,6 +41,10 @@
41
41
  gridNum: 12
42
42
  }
43
43
  },
44
+ // 微信小程序中 options 选项
45
+ options: {
46
+ virtualHost: true // 将自定义节点设置成虚拟的,更加接近Vue组件的表现。我们不希望自定义组件的这个节点本身可以设置样式、响应 flex 布局等
47
+ },
44
48
  computed: {
45
49
  uJustify() {
46
50
  if (this.justify == 'end' || this.justify == 'start') return 'flex-' + this.justify
@@ -86,6 +86,7 @@
86
86
 
87
87
  }
88
88
  },
89
+ emits: ['click'],
89
90
  mixins: [mpMixin, mixin, props],
90
91
  computed: {
91
92
  uClasses() {
@@ -1,16 +1,20 @@
1
1
  import defprops from '../../libs/config/props';
2
2
  export default {
3
3
  props: {
4
- // 输入的值
5
- value: {
4
+ // #ifdef VUE3
5
+ // 绑定的值
6
+ modelValue: {
6
7
  type: [String, Number],
7
8
  default: defprops.input.value
8
9
  },
9
- modelValue: {
10
+ // #endif
11
+ // #ifdef VUE2
12
+ // 绑定的值
13
+ value: {
10
14
  type: [String, Number],
11
15
  default: defprops.input.value
12
16
  },
13
- // 输入框类型
17
+ // #endif
14
18
  // number-数字输入键盘,app-vue下可以输入浮点数,app-nvue和小程序平台下只能输入整数
15
19
  // idcard-身份证输入键盘,微信、支付宝、百度、QQ小程序
16
20
  // digit-带小数点的数字键盘,App的nvue页面、微信、支付宝、百度、头条、QQ小程序
@@ -110,6 +110,7 @@ export default {
110
110
  }
111
111
  },
112
112
  },
113
+ emits: ['close', 'cancel', 'confirm', 'change'],
113
114
  methods: {
114
115
  // 获取item需要显示的文字,判别为对象还是文本
115
116
  getItemText(item) {
@@ -212,6 +213,7 @@ export default {
212
213
  },
213
214
  // 设置整体各列的columns的值
214
215
  setColumns(columns) {
216
+ console.log(columns)
215
217
  this.innerColumns = uni.$u.deepClone(columns)
216
218
  // 如果在设置各列数据时,没有被设置默认的各列索引defaultIndex,那么用0去填充它,数组长度为列的数量
217
219
  if (this.innerIndex.length === 0) {
@@ -130,6 +130,7 @@
130
130
  &__item-wrapper {
131
131
  height: 50px;
132
132
  @include flex(row);
133
+ justify-content: space-around;
133
134
  }
134
135
  }
135
136
 
@@ -73,6 +73,10 @@
73
73
  }
74
74
  }
75
75
  },
76
+ // 微信小程序中 options 选项
77
+ options: {
78
+ virtualHost: true //将自定义节点设置成虚拟的,更加接近Vue组件的表现。我们不希望自定义组件的这个节点本身可以设置样式、响应 flex 布局等
79
+ },
76
80
  created() {
77
81
  this.init()
78
82
  },
@@ -114,12 +118,13 @@
114
118
 
115
119
  <style lang="scss" scoped>
116
120
  @import "../../libs/css/components.scss";
117
-
118
121
  .u-tabbar-item {
119
122
  @include flex(column);
120
123
  align-items: center;
121
124
  justify-content: center;
122
125
  flex: 1;
126
+ width: 100%;
127
+ height: 100%;
123
128
 
124
129
  &__icon {
125
130
  @include flex;
@@ -138,7 +143,8 @@
138
143
  /* #ifdef MP */
139
144
  // 由于小程序都使用shadow DOM形式实现,需要给影子宿主设置flex: 1才能让其撑开
140
145
  :host {
141
- flex: 1
146
+ flex: 1;
147
+ width: 100%;
142
148
  }
143
149
  /* #endif */
144
150
  </style>
@@ -156,6 +156,7 @@
156
156
  async mounted() {
157
157
  this.init()
158
158
  },
159
+ emits: ['click', 'change'],
159
160
  methods: {
160
161
  setLineLeft() {
161
162
  const tabItem = this.list[this.innerCurrent];
@@ -112,6 +112,7 @@ export default {
112
112
  // #ifndef MP
113
113
  mixins: [mpMixin, mixin, value, props],
114
114
  // #endif
115
+ emits: ['click'],
115
116
  computed: {
116
117
  valueStyle() {
117
118
  const style = {
@@ -1,5 +1,5 @@
1
1
  // 此版本发布于2022-08-07
2
- const version = '3.1.0'
2
+ const version = '3.1.6'
3
3
 
4
4
  // 开发环境才提示,生产环境不会提示
5
5
  if (process.env.NODE_ENV === 'development') {
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "id": "uview-plus",
3
3
  "name": "uview-plus",
4
4
  "displayName": "uview-plus3.0重磅发布,利剑出鞘,一统江湖",
5
- "version": "3.1.4",
5
+ "version": "3.1.8",
6
6
  "description": "uview-plus已兼容vue3,全面的组件和便捷的工具会让您信手拈来,如鱼得水",
7
7
  "keywords": [
8
8
  "uview",