byt-ui 0.1.19 → 0.1.21

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "byt-ui",
3
- "version": "0.1.19",
3
+ "version": "0.1.21",
4
4
  "private": false,
5
5
  "description": "byt组件库",
6
6
  "author": {
@@ -2,7 +2,7 @@
2
2
  * @Description:
3
3
  * @Author: 王国火
4
4
  * @Date: 2022-07-12 17:47:20
5
- * @LastEditTime: 2024-04-18 16:27:18
5
+ * @LastEditTime: 2025-02-20 17:18:21
6
6
  * @LastEditors: 王国火
7
7
  -->
8
8
 
@@ -139,8 +139,8 @@ export default {
139
139
  props: {
140
140
  // 表单label宽度
141
141
  labelWidth: {
142
- type: Number,
143
- default: 80
142
+ type: [Number, String],
143
+ default: '—'
144
144
  },
145
145
  /** 搜索行内表单配置*/
146
146
  searchList: {
@@ -2,11 +2,18 @@
2
2
  * @Description:
3
3
  * @Author: 王国火
4
4
  * @Date: 2022-07-13 08:46:34
5
- * @LastEditTime: 2024-11-08 10:20:28
6
- * @LastEditors: hcm
5
+ * @LastEditTime: 2025-02-20 17:20:31
6
+ * @LastEditors: 王国火
7
7
  -->
8
8
  <template>
9
- <el-form ref="form" :model="form" :inline="inline" :label-width="`${labelWidth}px`" @submit.native.prevent>
9
+ <el-form
10
+ :class="{'search-inline-form':inline}"
11
+ ref="form"
12
+ :model="form"
13
+ :inline="inline"
14
+ :label-width="usedLabelWidth"
15
+ @submit.native.prevent
16
+ >
10
17
  <el-form-item :label="item.label" :key="index" v-for="(item,index) in searchList">
11
18
  <template v-if="item.type=='input' || !item.type">
12
19
  <!-- update by hcm 回车触发过滤 -->
@@ -94,8 +101,8 @@ export default {
94
101
  name: 'BytFormView',
95
102
  props: {
96
103
  labelWidth: {
97
- type: Number,
98
- default: 80
104
+ type: [Number, String],
105
+ default: '—'
99
106
  },
100
107
  inline: {
101
108
  type: Boolean,
@@ -145,7 +152,21 @@ export default {
145
152
  };
146
153
  },
147
154
  components: {},
148
- computed: {},
155
+ computed: {
156
+ usedLabelWidth() {
157
+ let width = '—';
158
+ const w = this.labelWidth
159
+ if (this.inline) {
160
+ if (typeof w === 'number') {
161
+ width = `${w}px`
162
+ } else {
163
+ width = w
164
+ }
165
+ return width
166
+ }
167
+ return w
168
+ }
169
+ },
149
170
  mounted() {
150
171
 
151
172
  },
@@ -237,4 +258,11 @@ export default {
237
258
 
238
259
  </script>
239
260
  <style lang='scss' scoped>
261
+ .search-inline-form{
262
+ ::v-deep{
263
+ .el-form-item{
264
+ margin-bottom: 10px;
265
+ }
266
+ }
267
+ }
240
268
  </style>
@@ -2,7 +2,7 @@
2
2
  * @Author: hcm
3
3
  * @Date: 2023-05-29 13:18:19
4
4
  * @LastEditors: 王国火
5
- * @LastEditTime: 2024-04-18 17:59:13
5
+ * @LastEditTime: 2025-02-20 17:41:48
6
6
  * @Description: 消息推送选择目标组件
7
7
  -->
8
8
  <template>
@@ -228,10 +228,6 @@ export default {
228
228
  display: flex;
229
229
  justify-content: space-between;
230
230
  align-items: center;
231
- margin-bottom: 15px;
232
- // border: 1px solid #dadada;
233
- // border-radius: 4px;
234
- // padding: 4px;
235
231
  }
236
232
  .mpt-target {
237
233
  position: relative;