@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
- // 跳转页面 id
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@netang/quasar",
3
- "version": "0.0.59",
3
+ "version": "0.0.60",
4
4
  "description": "netang-quasar",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1"
@@ -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>