jufubao-mall 2.0.32 → 2.0.34

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 (38) hide show
  1. package/package.json +1 -1
  2. package/src/components/CusCouponChose/CusCouponChose.vue +10 -13
  3. package/src/components/CusEnter/CusEnter.vue +9 -1
  4. package/src/components/CusListItem/CusListItem.vue +141 -0
  5. package/src/components/CusPoster/CusPoster.vue +17 -62
  6. package/src/components/CusPrice/CusPrice.vue +391 -0
  7. package/src/components/CusProduct/CusProduct.vue +576 -184
  8. package/src/components/CusShops/CusShops.vue +409 -209
  9. package/src/components/CusTab/CusTab.vue +159 -22
  10. package/src/components/CusVipList/CusVipList.vue +169 -0
  11. package/src/components/JfbMallConfirm/Api.js +1 -1
  12. package/src/components/JfbMallConfirm/Attr.js +167 -453
  13. package/src/components/JfbMallConfirm/JfbMallConfirm.vue +362 -162
  14. package/src/components/JfbMallConfirm/Mock.js +61 -43
  15. package/src/components/JfbMallConfirm/XdAddrDefault.vue +26 -13
  16. package/src/components/JfbMallConfirm/XdAddrOld.vue +9 -7
  17. package/src/components/JfbMallConfirm/XdListItem.vue +10 -2
  18. package/src/components/JfbMallConfirm/cusAttr/advanced.js +91 -0
  19. package/src/components/JfbMallConfirm/cusAttr/content.js +355 -0
  20. package/src/components/JfbMallConfirm/cusAttr/style.js +628 -0
  21. package/src/components/JfbMallConfirm/shopList.vue +84 -42
  22. package/src/components/JfbMallNetworkMedia/Api.js +94 -0
  23. package/src/components/JfbMallNetworkMedia/Attr.js +20 -0
  24. package/src/components/JfbMallNetworkMedia/JfbMallNetworkMedia.vue +1167 -0
  25. package/src/components/JfbMallNetworkMedia/JfbMallNetworkMediaLess.less +80 -0
  26. package/src/components/JfbMallNetworkMedia/JfbMallNetworkMediaMixin.js +30 -0
  27. package/src/components/JfbMallNetworkMedia/Mock.js +372 -0
  28. package/src/components/JfbMallNetworkMedia/cusAttr/advanced.js +60 -0
  29. package/src/components/JfbMallNetworkMedia/cusAttr/content.js +230 -0
  30. package/src/components/JfbMallNetworkMedia/cusAttr/font.js +123 -0
  31. package/src/components/JfbMallNetworkMedia/cusAttr/icon.js +257 -0
  32. package/src/components/JfbMallNetworkMedia/cusAttr/style.js +12 -0
  33. package/src/components/JfbMallProductInfo/cusAttr/content.js +2 -0
  34. package/src/components/JfbMallProductList/JfbMallProductList.vue +7 -1
  35. package/src/components/JfbMallProductList/XdCateV1.vue +0 -1
  36. package/src/components/JfbMallShop/JfbMallShop.vue +1 -1
  37. package/src/components/JfbMallShop/cusAttr/content.js +1 -1
  38. package/src/components/SkeProduct/SkeProduct.vue +88 -3
@@ -1,464 +1,178 @@
1
1
  'use strict';
2
+ import style from "./cusAttr/style";
3
+ import advanced from "./cusAttr/advanced";
4
+ import content from "./cusAttr/content";
2
5
 
3
6
  /**
4
7
  * @description 当表单组件中有联动操作时候,使用方法进行返回
5
8
  */
6
9
  export default {
7
10
  style: [],
8
- content: (data) => {
9
- return [
10
- {
11
- label: "跳过所有引导:",
12
- ele: "xd-radio",
13
- valueKey: "skipToPay",
14
- value: data['skipToPay'] || 'N',
15
- groupKey: "content",
16
- list: [
17
- {label: '是', value: 'Y'},
18
- {label: '否', value: 'N'},
19
- ]
20
- },
21
- {
22
- label: "支付时是否跳过补差提示:",
23
- ele: 'xd-radio',
24
- valueKey: "skipTip",
25
- value: data['skipTip'] || 'Y',
26
- groupKey:'content',
27
- list: [
28
- {label: '是', value: 'Y'},
29
- {label: '否', value: 'N'},
30
- ],
31
- },
32
- {
33
- label: '是否标明活动价:',
34
- ele: 'xd-radio',
35
- valueKey: 'showActivityPrice',
36
- value: data['showActivityPrice'] || 'N',
37
- placeholder: '请选择是否标明活动价',
38
- multiple: false,
39
- groupKey:'content',
40
- className: 'input80',
41
- list: [
42
- {label: '是', value: 'Y'},
43
- {label: '否', value: 'N'},
44
- ]
45
- },
46
- {
47
- label: "显示订购人信息",
48
- ele: "xd-radio",
49
- valueKey: "showBuyer",
50
- groupKey:'content',
51
- value: data.showBuyer || "",
52
- list: [
53
- {label: "显示", value: "Y"},
54
- {label: "隐藏", value: "N"}
55
- ]
56
- },
57
- {
58
- label: "显示订单备注信息",
59
- ele: "xd-radio",
60
- groupKey:'content',
61
- valueKey: "showOrderComment",
62
- value: data.showOrderComment || "",
63
- list: [
64
- {label: "显示", value: "Y"},
65
- {label: "隐藏", value: "N"}
66
- ]
67
- },
68
- {
69
- label: "选择业务线",
70
- ele: "xd-choose-namespace",
71
- valueKey: "xnamespace",
72
- value: data.xnamespace || "",
73
- groupKey:'advanced',
74
- className: 'input60',
75
- handleCustom: (cb) => {
76
- XdBus.getParentApi('getOptionsNamespaces')()
77
- .then(res => {
78
- cb(res.list)
79
- })
80
- .catch();
81
- }
82
- },
83
- {
84
- label: "开启礼包预览模式",
85
- ele: "xd-radio",
86
- groupKey:'advanced',
87
- valueKey: "preview",
88
- value: data.preview || "N",
89
- list: [
90
- {label: "开启", value: "Y"},
91
- {label: "关闭", value: "N"}
92
- ]
93
- },
94
- {
95
- label: '收货地址页跳转路径:',
96
- ele: 'xd-select-pages-path',
97
- valueKey: 'shipAddressPath',
98
- groupKey:'advanced',
99
- className: 'input100',
100
- placeholder: '请选择路径',
101
- value: data.shipAddressPath || null,
102
- setting: {
103
- router: XdBus.getParentApi('getPagesTree'),
104
- },
105
- inline: false,
106
- },
107
- {
108
- label: '去支付路径:',
109
- ele: 'xd-select-pages-path',
110
- valueKey: 'payPath',
111
- placeholder: '请选择支付路径',
112
- value: data.payPath || null,
113
- setting: {
114
- router: XdBus.getParentApi('getPagesTree'),
115
- },
116
- groupKey:'advanced',
117
- className: 'input100',
118
- },
119
- {
120
- label: '支付成功路径:',
121
- ele: 'xd-select-pages-path',
122
- valueKey: 'paySuccessPath',
123
- placeholder: '请选择支付成功路径',
124
- value: data.paySuccessPath || null,
125
- setting: {
126
- router: XdBus.getParentApi('getPagesTree'),
127
- },
128
- groupKey:'advanced',
129
- className: 'input100',
130
- },
131
- {
132
- label: '选择城市路径:',
133
- ele: 'xd-select-pages-path',
134
- valueKey: 'choseCityPath',
135
- placeholder: '选择城市路径路径',
136
- value: data.choseCityPath || null,
137
- setting: {
138
- router: XdBus.getParentApi('getPagesTree'),
139
- },
140
- groupKey:'advanced',
141
- className: 'input100',
142
- },
143
- {
144
- label: "是否可以使用新票券",
145
- ele: "xd-radio",
146
- valueKey: 'bindCard',
147
- value: data['bindCard'],
148
- groupKey: 'content',
149
- list: [
150
- {label: "是", value: "1"},
151
- {label: "否", value: "2"},
152
- ]
153
- },
154
- {
155
- label: "使用模式",
156
- ele: "xd-radio",
157
- valueKey: "useMode",
158
- value: data.useMode || "market",
159
- groupKey: 'content',
160
- list: [
161
- {label: "商城模式", value: "market"},
162
- {label: "礼包模式", value: "gift"},
163
- ]
164
- },
165
- data.useMode === 'gift' && {
166
- label: "是否展示价格",
167
- ele: "xd-radio",
168
- valueKey: "showPrice",
169
- value: data.showPrice || "N",
170
- groupKey: 'content',
171
- list: [
172
- {label: "展示", value: "Y"},
173
- {label: "不展示", value: "N"}
174
- ]
175
- },
176
- {
177
- label: "表单提示文字大小",
178
- ele: 'xd-site-select-list',
179
- valueKey: 'blessFontSize',
180
- value: data.blessFontSize,
181
- multiple: false,
182
- className: 'input50',
183
- groupKey:'content',
184
- handleCustom({action, data}) {
185
- XdBus.getParentApi('getOptionsSettingList')({
186
- setting_id: 'edtix_style_font_size'
187
- })
188
- .then(res => {
189
- data.cb(res.list)
190
- })
191
- .catch(error => {
192
- console.error(error);
193
- });
194
- },
195
- },
196
- {
197
- label: "收货地址配置",
198
- ele: "title",
199
- groupKey: "style",
200
- size: "small"
201
- },
202
- {
203
- label: "收货地址布局样式配置",
204
- ele: "xd-radio",
205
- valueKey: "address_layout",
206
- value: data.address_layout || 'old',
207
- list: [
208
- {label: '布局1', value: 'old'},
209
- {label: '布局2', value: 'tfk'},
210
- ],
211
- groupKey: "style",
212
- },
213
- {
214
- label: "展示配送地址顶部横线",
215
- ele: "xd-radio",
216
- valueKey: "showTopLine",
217
- value: data.showTopLine || "N",
218
- groupKey:'style',
219
- list: [
220
- {label: "展示", value: "Y"},
221
- {label: "不展示", value: "N"}
222
- ]
223
- },
224
- {
225
- label: "底部按钮配置",
226
- ele: "title",
227
- groupKey: "style",
228
- size: "small"
229
- },
230
- {
231
- label: "容器内边距:",
232
- ele: "xd-margin-padding",
233
- valueKey: 'bottomPadding',
234
- value: data['bottomPadding'] || null,
235
- groupKey:'style',
236
- setting: {
237
- type: 'padding',
238
- },
239
- placeholder: '请设置边距',
240
- inline: false,
241
- notice: '填充内边距,<span style="color: red">单位:像素</span>。默认值:20像素',
242
- },
243
- {
244
- label: "支付按钮圆角:",
245
- ele: 'xd-site-select-list',
246
- valueKey: 'bottomBtnRadius',
247
- groupKey:'style',
248
- value: data['bottomBtnRadius'] || 30,
249
- placeholder: '请选择内容圆角设置',
250
- multiple: false,
251
- className: 'input80',
252
- handleCustom({action, data}) {
253
- XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_radius'})
254
- .then(res => {
255
- data.cb(res.list)
256
- })
257
- .catch(error => {
258
- console.error(error);
259
- });
260
- },
261
- },
262
- {
263
- label: '支付按钮高度:',
264
- ele: 'el-input',
265
- type: 'number',
266
- valueKey: 'bottomBtnHeight',
267
- groupKey:'style',
268
- value: data['bottomBtnHeight'] || 60,
269
- placeholder: '请输入操作按钮高度',
270
- className: 'input80',
271
- },
272
- {
273
- label: '支付按钮文字',
274
- ele: "el-input",
275
- valueKey: 'bottomPayText',
276
- groupKey:'style',
277
- value: data['bottomPayText'] || '',
278
- placeholder: '请输入操作按钮文字',
279
- },
280
- {
281
- label: '支付价格位置',
282
- ele: "xd-radio",
283
- valueKey: 'bottomPricePosition',
284
- value: data['bottomPricePosition'] || 'left',
285
- groupKey:'style',
286
- list: [
287
- {label: "左侧", value: "flex-start"},
288
- {label: "右侧", value: "flex-end"},
289
- {label: "中间", value: "center"}
290
- ],
291
- },
292
- {
293
- label: "其他配置",
294
- ele: "title",
295
- groupKey: "style",
296
- size: "small"
297
- },
298
- {
299
- label: '品牌文字颜色:',
300
- ele: 'xd-color',
301
- valueKey: 'brandTextColor',
302
- groupKey:'style',
303
- value: data['brandTextColor'] || null,
304
- placeholder: '请选择品牌文字颜色',
305
- className: 'input80',
306
- },
307
- {
308
- label: "活动价格提示文字颜色",
309
- ele: 'xd-color',
310
- valueKey: 'priceTextColor',
311
- groupKey:'style',
312
- value: data['priceTextColor'] || null,
313
- placeholder: '请选择活动价格提示文字颜色',
314
- className: 'input80',
315
- },
316
- {
317
- label: "表单提示文字颜色",
318
- ele: 'xd-color',
319
- valueKey: 'blessTextColor',
320
- groupKey:'style',
321
- value: data['blessTextColor'] || null,
322
- placeholder: '请选择表单提示文字颜色',
323
- className: 'input80',
324
- },
325
- {
326
- label: '盒子间距设置:',
327
- ele: "el-input",
328
- valueKey: "sectionHeight",
329
- value: data.sectionHeight || 8,
330
- groupKey:'style',
331
- placeholder: '请输入片段间距',
332
- className: 'input60',
333
- notice: "像素"
334
- },
335
-
336
- {
337
- ele: "title",
338
- label: "订单金额信息内部盒子配置",
339
- size: "small",
340
- groupKey: "style",
341
- },
342
- {
343
- label: "盒子间距设置:",
344
- ele: "el-input",
345
- valueKey: "moneyBoxHeight",
346
- value: data.moneyBoxHeight || 16,
347
- groupKey:'style',
348
- placeholder: '请输入盒子间距',
349
- className: 'input60',
350
- notice: "像素"
351
- },
352
- {
353
- label: "订单金额信息行间距",
354
- ele: "el-input",
355
- valueKey: "orderInfoHeight",
356
- value: data.orderInfoHeight || 16,
357
- groupKey:'style',
358
- placeholder: '请输入订单信息行间距',
359
- className: 'input60',
360
- notice: "像素"
361
- },
362
- {
363
- ele: "title",
364
- label: "我的优惠券样式配置",
365
- size: "small",
366
- groupKey: "style",
367
- },
368
- {
369
- label: "优惠券左侧背景色设置:",
370
- ele: "xd-gradient-color",
371
- valueKey: "couponLeftBgColor",
372
- value: data.couponLeftBgColor || 'linear-gradient(180deg, #FFA852 0%, #FF5733 100%)',
373
- groupKey:'style',
374
- },
375
- {
376
- label: "圆角设置",
377
- ele: 'xd-site-select-list',
378
- valueKey: 'couponRadius',
379
- value: data['couponRadius'] || 16,
380
- groupKey:'style',
381
- placeholder: '请选择内容圆角设置',
382
- multiple: false,
383
- className: 'input80',
384
- handleCustom({ action, data }) {
385
- XdBus.getParentApi('getOptionsSettingList')({ setting_id: 'edtix_style_radius' })
386
- .then(res => {
387
- data.cb(res.list)
388
- })
389
- .catch(error => {
390
- console.error(error);
391
- });
392
- },
393
- },
394
- {
395
- label: "优惠券标题背景颜色设置:",
396
- ele: "xd-color",
397
- valueKey: "couponTitleBgColor",
398
- value: data.couponTitleBgColor || null,
399
- groupKey:'style',
400
- setting: {
401
- showAlpha: true,
402
- isAlpha: true
403
- },
404
- },
405
- {
406
- label: "去使用按钮文字背景色设置: ",
407
- ele: "xd-text-and-bgc",
408
- groupKey:'style',
409
- valueKey: "couponBtnTextStyle",
410
- value: data.couponBtnTextStyle || null,
411
- setting: {
412
- fontSize: true, //字体大小选择
413
- color: true, //文字颜色选项
414
- bgColor: true, //背景选项
415
- weight: true, //文字粗细
416
- },
417
- handleCustom({action, data}) {
418
- XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_font_size'})
419
- .then(res => {
420
- data.cb(res.list)
421
- })
422
- .catch(error => {
423
- console.error(error);
424
- data.cb([])
425
- });
426
- },
427
- },
428
- {
429
- label: "按钮内边距设置:",
430
- groupKey:'style',
431
- ele: 'xd-margin-padding',
432
- valueKey: 'couponUseBtnPadding',
433
- value: data.couponUseBtnPadding || null,
434
- setting: {
435
- type: 'padding',
436
- },
437
- placeholder: '请设置边距',
438
- inline: false,
439
- notice: '设置内边距,<span style="color: red">单位:像素</span>。默认值:<span style="color: red">20</span>像素',
440
- },
441
- {
442
- label: "按钮圆角设置",
443
- ele: 'xd-site-select-list',
444
- valueKey: 'couponBtnRadius',
445
- value: data['couponBtnRadius'] || 16,
446
- groupKey:'style',
447
- placeholder: '请选择内容圆角设置',
448
- multiple: false,
449
- className: 'input80',
450
- handleCustom({ action, data }) {
451
- XdBus.getParentApi('getOptionsSettingList')({ setting_id: 'edtix_style_radius' })
452
- .then(res => {
453
- data.cb(res.list)
454
- })
455
- .catch(error => {
456
- console.error(error);
457
- });
458
- },
459
- },
11
+ // content: (data) => {
12
+ // return [
13
+ // {
14
+ // label: "无其他支付时直接跳到支付页面:",
15
+ // ele: "xd-radio",
16
+ // valueKey: "skipToPay",
17
+ // value: data['skipToPay'] || 'N',
18
+ // groupKey: "content",
19
+ // list: [
20
+ // {label: '是', value: 'Y'},
21
+ // {label: '否', value: 'N'},
22
+ // ]
23
+ // },
24
+
25
+ // {
26
+ // label: "收货地址配置",
27
+ // ele: "title",
28
+ // groupKey: "style",
29
+ // size: "small"
30
+ // },
31
+ // {
32
+ // label: "收货地址布局样式配置",
33
+ // ele: "xd-radio",
34
+ // valueKey: "address_layout",
35
+ // value: data.address_layout || 'old',
36
+ // list: [
37
+ // {label: '布局1', value: 'old'},
38
+ // {label: '布局2', value: 'tfk'},
39
+ // ],
40
+ // groupKey: "style",
41
+ // },
42
+ // {
43
+ // ele: "title",
44
+ // label: "订单金额信息内部盒子配置",
45
+ // size: "small",
46
+ // groupKey: "style",
47
+ // },
48
+ // {
49
+ // label: "盒子间距设置:",
50
+ // ele: "el-input",
51
+ // valueKey: "moneyBoxHeight",
52
+ // value: data.moneyBoxHeight || 16,
53
+ // groupKey:'style',
54
+ // placeholder: '请输入盒子间距',
55
+ // className: 'input60',
56
+ // notice: "像素"
57
+ // },
58
+ // {
59
+ // label: "订单金额信息行间距",
60
+ // ele: "el-input",
61
+ // valueKey: "orderInfoHeight",
62
+ // value: data.orderInfoHeight || 16,
63
+ // groupKey:'style',
64
+ // placeholder: '请输入订单信息行间距',
65
+ // className: 'input60',
66
+ // notice: "像素"
67
+ // },
68
+ // {
69
+ // ele: "title",
70
+ // label: "我的优惠券样式配置",
71
+ // size: "small",
72
+ // groupKey: "style",
73
+ // },
74
+ // {
75
+ // label: "优惠券左侧背景色设置:",
76
+ // ele: "xd-gradient-color",
77
+ // valueKey: "couponLeftBgColor",
78
+ // value: data.couponLeftBgColor || 'linear-gradient(180deg, #FFA852 0%, #FF5733 100%)',
79
+ // groupKey:'style',
80
+ // },
81
+ // {
82
+ // label: "圆角设置",
83
+ // ele: 'xd-site-select-list',
84
+ // valueKey: 'couponRadius',
85
+ // value: data['couponRadius'] || 16,
86
+ // groupKey:'style',
87
+ // placeholder: '请选择内容圆角设置',
88
+ // multiple: false,
89
+ // className: 'input80',
90
+ // handleCustom({ action, data }) {
91
+ // XdBus.getParentApi('getOptionsSettingList')({ setting_id: 'edtix_style_radius' })
92
+ // .then(res => {
93
+ // data.cb(res.list)
94
+ // })
95
+ // .catch(error => {
96
+ // console.error(error);
97
+ // });
98
+ // },
99
+ // },
100
+ // {
101
+ // label: "优惠券标题背景颜色设置:",
102
+ // ele: "xd-color",
103
+ // valueKey: "couponTitleBgColor",
104
+ // value: data.couponTitleBgColor || null,
105
+ // groupKey:'style',
106
+ // setting: {
107
+ // showAlpha: true,
108
+ // isAlpha: true
109
+ // },
110
+ // },
111
+ // {
112
+ // label: "去使用按钮文字背景色设置: ",
113
+ // ele: "xd-text-and-bgc",
114
+ // groupKey:'style',
115
+ // valueKey: "couponBtnTextStyle",
116
+ // value: data.couponBtnTextStyle || null,
117
+ // setting: {
118
+ // fontSize: true, //字体大小选择
119
+ // color: true, //文字颜色选项
120
+ // bgColor: true, //背景选项
121
+ // weight: true, //文字粗细
122
+ // },
123
+ // handleCustom({action, data}) {
124
+ // XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_font_size'})
125
+ // .then(res => {
126
+ // data.cb(res.list)
127
+ // })
128
+ // .catch(error => {
129
+ // console.error(error);
130
+ // data.cb([])
131
+ // });
132
+ // },
133
+ // },
134
+ // {
135
+ // label: "按钮内边距设置:",
136
+ // groupKey:'style',
137
+ // ele: 'xd-margin-padding',
138
+ // valueKey: 'couponUseBtnPadding',
139
+ // value: data.couponUseBtnPadding || null,
140
+ // setting: {
141
+ // type: 'padding',
142
+ // },
143
+ // placeholder: '请设置边距',
144
+ // inline: false,
145
+ // notice: '设置内边距,<span style="color: red">单位:像素</span>。默认值:<span style="color: red">20</span>像素',
146
+ // },
147
+ // {
148
+ // label: "按钮圆角设置",
149
+ // ele: 'xd-site-select-list',
150
+ // valueKey: 'couponBtnRadius',
151
+ // value: data['couponBtnRadius'] || 16,
152
+ // groupKey:'style',
153
+ // placeholder: '请选择内容圆角设置',
154
+ // multiple: false,
155
+ // className: 'input80',
156
+ // handleCustom({ action, data }) {
157
+ // XdBus.getParentApi('getOptionsSettingList')({ setting_id: 'edtix_style_radius' })
158
+ // .then(res => {
159
+ // data.cb(res.list)
160
+ // })
161
+ // .catch(error => {
162
+ // console.error(error);
163
+ // });
164
+ // },
165
+ // },
460
166
 
167
+ // ].filter(i=>i)
168
+ // },
169
+ advanced: [],
170
+ content: (data, gValue, gColor, oldData={})=>{
171
+
172
+ return [
173
+ ...content(data, gValue,gColor,oldData),
174
+ ...style(data, gValue,gColor,oldData),
175
+ ...advanced(data),
461
176
  ].filter(i=>i)
462
177
  },
463
- advanced: [],
464
178
  };