@netang/quasar 0.0.59 → 0.0.60
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.
|
@@ -10,6 +10,26 @@
|
|
|
10
10
|
|
|
11
11
|
<template v-if="dataType">
|
|
12
12
|
|
|
13
|
+
<!-- 设置重定向 URL -->
|
|
14
|
+
<div class="col-xs-12 col-sm-6 col-md-3" v-if="! url">
|
|
15
|
+
|
|
16
|
+
<!-- 树 -->
|
|
17
|
+
<n-field-tree
|
|
18
|
+
class="n-field-fieldset"
|
|
19
|
+
:label="routeType === 0 ? '跳转页面' : '重定向 URL'"
|
|
20
|
+
outlined
|
|
21
|
+
clearable
|
|
22
|
+
stack-label
|
|
23
|
+
dense
|
|
24
|
+
|
|
25
|
+
v-model="formData.toPage"
|
|
26
|
+
:nodes="treeNodes"
|
|
27
|
+
:expanded="treeExpanded"
|
|
28
|
+
strict
|
|
29
|
+
accordion
|
|
30
|
+
/>
|
|
31
|
+
</div>
|
|
32
|
+
|
|
13
33
|
<!-- 列表有效 -->
|
|
14
34
|
<template v-if="dataType === dicts.POWER_DATA_TYPE__LIST">
|
|
15
35
|
|
|
@@ -35,31 +55,12 @@
|
|
|
35
55
|
|
|
36
56
|
</template>
|
|
37
57
|
|
|
58
|
+
<!-- 非列表有效 -->
|
|
38
59
|
<template v-else>
|
|
39
60
|
|
|
40
61
|
<!-- 新窗口有效 -->
|
|
41
62
|
<template v-if="dataType === dicts.POWER_DATA_TYPE__OPEN">
|
|
42
63
|
|
|
43
|
-
<!-- 设置跳转页面(没有路由类型) -->
|
|
44
|
-
<div class="col-xs-12 col-sm-6 col-md-3" v-if="routeType === 0">
|
|
45
|
-
|
|
46
|
-
<!-- 树 -->
|
|
47
|
-
<n-field-tree
|
|
48
|
-
class="n-field-fieldset"
|
|
49
|
-
label="跳转页面"
|
|
50
|
-
outlined
|
|
51
|
-
clearable
|
|
52
|
-
stack-label
|
|
53
|
-
dense
|
|
54
|
-
|
|
55
|
-
v-model="formData.toPage"
|
|
56
|
-
:nodes="treeNodes"
|
|
57
|
-
:expanded="treeExpanded"
|
|
58
|
-
strict
|
|
59
|
-
accordion
|
|
60
|
-
/>
|
|
61
|
-
</div>
|
|
62
|
-
|
|
63
64
|
<!-- 是否记录来源页面 -->
|
|
64
65
|
<div class="col-xs-12 col-sm-6 col-md-3">
|
|
65
66
|
<q-select
|
|
@@ -365,6 +366,8 @@ export default {
|
|
|
365
366
|
props: {
|
|
366
367
|
// 值
|
|
367
368
|
modelValue: String,
|
|
369
|
+
// URL
|
|
370
|
+
url: String,
|
|
368
371
|
// 数据类型
|
|
369
372
|
dataType: Number,
|
|
370
373
|
// 路由类型
|
|
@@ -449,7 +452,7 @@ export default {
|
|
|
449
452
|
show: '',
|
|
450
453
|
// 是否增加来源页面参数
|
|
451
454
|
addFromPageQuery: false,
|
|
452
|
-
// 跳转页面
|
|
455
|
+
// 页面 ID (跳转页面 / 重定向 URL)
|
|
453
456
|
toPage: '',
|
|
454
457
|
// 是否固定列
|
|
455
458
|
fixed: false,
|
|
@@ -730,9 +733,6 @@ export default {
|
|
|
730
733
|
})
|
|
731
734
|
return false
|
|
732
735
|
}
|
|
733
|
-
|
|
734
|
-
// 设置跳转页面 id
|
|
735
|
-
obj.toPage = data.toPage
|
|
736
736
|
}
|
|
737
737
|
|
|
738
738
|
// 如果增加来源页面参数
|
|
@@ -772,6 +772,22 @@ export default {
|
|
|
772
772
|
}
|
|
773
773
|
}
|
|
774
774
|
|
|
775
|
+
// 如果有 跳转页面 / 重定向 URL
|
|
776
|
+
if ($n_isValidValue(data.toPage)) {
|
|
777
|
+
|
|
778
|
+
// 如果定义了 url
|
|
779
|
+
if ($n_isValidValue(props.url)) {
|
|
780
|
+
// 轻提示
|
|
781
|
+
$n_toast({
|
|
782
|
+
message: `如果定义了【${props.routeType === 0 ? '跳转页面' : '重定向 URL'}】,则 URL 必须为空`,
|
|
783
|
+
})
|
|
784
|
+
return false
|
|
785
|
+
}
|
|
786
|
+
|
|
787
|
+
// 设置跳转页面 id
|
|
788
|
+
obj.toPage = data.toPage
|
|
789
|
+
}
|
|
790
|
+
|
|
775
791
|
// 自定义参数
|
|
776
792
|
const params = formatParams(data.params)
|
|
777
793
|
if ($n_isRequired(params)) {
|
package/package.json
CHANGED
package/components/arr/index.vue
DELETED
|
@@ -1,277 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<slot
|
|
3
|
-
:scope="current"
|
|
4
|
-
:emit="emitValue"
|
|
5
|
-
/>
|
|
6
|
-
</template>
|
|
7
|
-
|
|
8
|
-
<script>
|
|
9
|
-
import { ref, watch } from 'vue'
|
|
10
|
-
import $n_isFunction from 'lodash/isFunction'
|
|
11
|
-
import $n_uniq from 'lodash/uniq'
|
|
12
|
-
|
|
13
|
-
import $n_isValidArray from '@netang/utils/isValidArray'
|
|
14
|
-
import $n_split from '@netang/utils/split'
|
|
15
|
-
import $n_isValidValue from '@netang/utils/isValidValue'
|
|
16
|
-
import $n_trimString from '@netang/utils/trimString'
|
|
17
|
-
|
|
18
|
-
export default {
|
|
19
|
-
|
|
20
|
-
/**
|
|
21
|
-
* 关闭组件 attribute 透传行为
|
|
22
|
-
*/
|
|
23
|
-
inheritAttrs: false,
|
|
24
|
-
|
|
25
|
-
/**
|
|
26
|
-
* 标识
|
|
27
|
-
*/
|
|
28
|
-
name: 'NArr',
|
|
29
|
-
|
|
30
|
-
/**
|
|
31
|
-
* 声明属性
|
|
32
|
-
*/
|
|
33
|
-
props: {
|
|
34
|
-
// 值 v-model
|
|
35
|
-
modelValue: {
|
|
36
|
-
required: true,
|
|
37
|
-
},
|
|
38
|
-
// 修改前值
|
|
39
|
-
before: Function,
|
|
40
|
-
// 修改后值
|
|
41
|
-
after: Function,
|
|
42
|
-
// 不自动触发更新
|
|
43
|
-
noEmit: Boolean,
|
|
44
|
-
},
|
|
45
|
-
|
|
46
|
-
/**
|
|
47
|
-
* 声明事件
|
|
48
|
-
*/
|
|
49
|
-
emits: [
|
|
50
|
-
'update:modelValue',
|
|
51
|
-
],
|
|
52
|
-
|
|
53
|
-
/**
|
|
54
|
-
* 组合式
|
|
55
|
-
*/
|
|
56
|
-
setup(props, { emit }) {
|
|
57
|
-
|
|
58
|
-
// ==========【数据】============================================================================================
|
|
59
|
-
|
|
60
|
-
// 计数器
|
|
61
|
-
let num = 1
|
|
62
|
-
|
|
63
|
-
// 当前值
|
|
64
|
-
const currentValue = ref({
|
|
65
|
-
value: formatModelValue(props.modelValue),
|
|
66
|
-
})
|
|
67
|
-
|
|
68
|
-
// 如果是自动触发更新
|
|
69
|
-
if (! props.noEmit) {
|
|
70
|
-
// 触发更新值
|
|
71
|
-
// 此处用于判断声明值是否有改变
|
|
72
|
-
emitValue()
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
// ==========【监听数据】=========================================================================================
|
|
76
|
-
|
|
77
|
-
/**
|
|
78
|
-
* 监听声明值
|
|
79
|
-
*/
|
|
80
|
-
watch(() => props.modelValue, function (val) {
|
|
81
|
-
|
|
82
|
-
// 格式化声明值
|
|
83
|
-
current.value.value = formatModelValue(val)
|
|
84
|
-
|
|
85
|
-
}, {
|
|
86
|
-
// 深度监听
|
|
87
|
-
deep: true,
|
|
88
|
-
})
|
|
89
|
-
|
|
90
|
-
/**
|
|
91
|
-
* 监听当前值
|
|
92
|
-
*/
|
|
93
|
-
watch(current, function (value) {
|
|
94
|
-
|
|
95
|
-
// 如果是自动触发更新
|
|
96
|
-
if (! props.noEmit) {
|
|
97
|
-
|
|
98
|
-
// 立即执行触发更新值
|
|
99
|
-
emitValue(value.value)
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
}, {
|
|
103
|
-
// 深度监听
|
|
104
|
-
deep: true,
|
|
105
|
-
})
|
|
106
|
-
|
|
107
|
-
// ==========【方法】=============================================================================================
|
|
108
|
-
|
|
109
|
-
/**
|
|
110
|
-
* 格式化声明值
|
|
111
|
-
*/
|
|
112
|
-
function formatModelValue(value) {
|
|
113
|
-
return $n_isFunction(props.before)
|
|
114
|
-
// 如果有修改前值方法
|
|
115
|
-
? props.before({ value, formatArray, formatString })
|
|
116
|
-
// 返回值
|
|
117
|
-
: value
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
/**
|
|
121
|
-
* 触发更新值
|
|
122
|
-
*/
|
|
123
|
-
function emitValue() {
|
|
124
|
-
|
|
125
|
-
// if (
|
|
126
|
-
// value !== void 0
|
|
127
|
-
// && typeof value === 'object'
|
|
128
|
-
// && value instanceof Event
|
|
129
|
-
// ) {
|
|
130
|
-
// // 停止冒泡
|
|
131
|
-
// value.stopPropagation()
|
|
132
|
-
//
|
|
133
|
-
// // 获取当前值
|
|
134
|
-
// value = current.value.value
|
|
135
|
-
// }
|
|
136
|
-
|
|
137
|
-
// 获取当前值
|
|
138
|
-
const value = current.value.value
|
|
139
|
-
|
|
140
|
-
// 获取新值
|
|
141
|
-
const newValue = $n_isFunction(props.after) ?
|
|
142
|
-
// 如果有修改提交值方法
|
|
143
|
-
props.after({ value, formatArray, formatString })
|
|
144
|
-
// 否则返回当前值
|
|
145
|
-
: value
|
|
146
|
-
|
|
147
|
-
// 如果值有改变
|
|
148
|
-
if (newValue !== props.modelValue) {
|
|
149
|
-
|
|
150
|
-
// 触发更新值
|
|
151
|
-
emit('update:modelValue', newValue)
|
|
152
|
-
}
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
/**
|
|
156
|
-
* 格式化数组
|
|
157
|
-
*/
|
|
158
|
-
function formatArray(val, params) {
|
|
159
|
-
|
|
160
|
-
const o = Object.assign({
|
|
161
|
-
// 是否去重
|
|
162
|
-
unique: true,
|
|
163
|
-
// 分隔符
|
|
164
|
-
separator: ',',
|
|
165
|
-
// 是否给每个值去除首位空格
|
|
166
|
-
trim: true,
|
|
167
|
-
// 验证每个值是否为有效字符串/数字
|
|
168
|
-
isValidValue: true,
|
|
169
|
-
// 是否转字符串
|
|
170
|
-
toString: false,
|
|
171
|
-
}, params)
|
|
172
|
-
|
|
173
|
-
val = $n_isValidArray(val) ? val : []
|
|
174
|
-
|
|
175
|
-
// 如果数组有值
|
|
176
|
-
if (val.length) {
|
|
177
|
-
|
|
178
|
-
// 是否给每个值去除首位空格
|
|
179
|
-
if (o.trim) {
|
|
180
|
-
val = val.map(e => $n_trimString(e))
|
|
181
|
-
}
|
|
182
|
-
|
|
183
|
-
// 是否验证每个值是否为有效字符串/数字
|
|
184
|
-
if (o.isValidValue) {
|
|
185
|
-
val = val.filter(val => $n_isValidValue(val))
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
// 去重
|
|
189
|
-
if (o.unique) {
|
|
190
|
-
val = $n_uniq(val)
|
|
191
|
-
}
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
// 如果转字符串
|
|
195
|
-
if (o.toString) {
|
|
196
|
-
// 合并为字符串
|
|
197
|
-
return val.join(o.separator)
|
|
198
|
-
}
|
|
199
|
-
|
|
200
|
-
return []
|
|
201
|
-
}
|
|
202
|
-
|
|
203
|
-
/**
|
|
204
|
-
* 格式化字符串
|
|
205
|
-
*/
|
|
206
|
-
function formatString(val, params) {
|
|
207
|
-
|
|
208
|
-
const o = Object.assign({
|
|
209
|
-
// 是否给每个值去除首位空格
|
|
210
|
-
trim: true,
|
|
211
|
-
// 替换内容
|
|
212
|
-
replace: /\n|,|,|\s+/g,
|
|
213
|
-
// 是否去重
|
|
214
|
-
unique: true,
|
|
215
|
-
// 分隔符
|
|
216
|
-
separator: ',',
|
|
217
|
-
// 验证每个值是否为有效字符串/数字
|
|
218
|
-
isValidValue: true,
|
|
219
|
-
// 是否转数组
|
|
220
|
-
toArray: false,
|
|
221
|
-
}, params)
|
|
222
|
-
|
|
223
|
-
// 是否去除首尾空格
|
|
224
|
-
if (o.trim) {
|
|
225
|
-
// 去除首尾空格
|
|
226
|
-
val = $n_trimString(val)
|
|
227
|
-
|
|
228
|
-
// 否则转字符串
|
|
229
|
-
} else {
|
|
230
|
-
val = $n_isValidValue(val) ? String(val) : ''
|
|
231
|
-
}
|
|
232
|
-
|
|
233
|
-
// 如果有分割符
|
|
234
|
-
if ($n_isValidValue(o.separator, true)) {
|
|
235
|
-
|
|
236
|
-
// 是否替换
|
|
237
|
-
if (o.replace) {
|
|
238
|
-
val = val.replace(o.replace, o.separator)
|
|
239
|
-
}
|
|
240
|
-
|
|
241
|
-
// 分隔成数组
|
|
242
|
-
val = $n_split(val, o.separator)
|
|
243
|
-
|
|
244
|
-
// 如果去重
|
|
245
|
-
if (o.unique) {
|
|
246
|
-
val = $n_uniq(val)
|
|
247
|
-
}
|
|
248
|
-
|
|
249
|
-
// 如果验证每个值是否为有效字符串/数字
|
|
250
|
-
if (o.isValidValue) {
|
|
251
|
-
val = val.filter(val => $n_isValidValue(val))
|
|
252
|
-
}
|
|
253
|
-
|
|
254
|
-
// 如果转数组
|
|
255
|
-
if (o.toArray) {
|
|
256
|
-
// 则直接返回
|
|
257
|
-
return val
|
|
258
|
-
}
|
|
259
|
-
|
|
260
|
-
// 返回分隔符隔开的字符串
|
|
261
|
-
return val.join(o.separator)
|
|
262
|
-
}
|
|
263
|
-
|
|
264
|
-
return o.toArray ? [ val ] : ''
|
|
265
|
-
}
|
|
266
|
-
|
|
267
|
-
// ==========【返回】=============================================================================================
|
|
268
|
-
|
|
269
|
-
return {
|
|
270
|
-
// 当前值
|
|
271
|
-
current,
|
|
272
|
-
// 触发更新值
|
|
273
|
-
emitValue,
|
|
274
|
-
}
|
|
275
|
-
}
|
|
276
|
-
}
|
|
277
|
-
</script>
|