@cmstops/pro-compo 0.2.4 → 0.2.5
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.
|
@@ -11,6 +11,7 @@ const _sfc_main = defineComponent({
|
|
|
11
11
|
__name: "component",
|
|
12
12
|
props: {
|
|
13
13
|
BASE_API: {},
|
|
14
|
+
showTitle: { type: Boolean, default: true },
|
|
14
15
|
title: { default: "\u5C01\u9762" },
|
|
15
16
|
titleValid: { type: Boolean, default: false },
|
|
16
17
|
topImageTitle: { default: "\u5C01\u9762\u5934\u56FE" },
|
|
@@ -38,6 +39,8 @@ const _sfc_main = defineComponent({
|
|
|
38
39
|
id: message.id,
|
|
39
40
|
title: message.title,
|
|
40
41
|
series: message.series,
|
|
42
|
+
state: message.state,
|
|
43
|
+
payload: message.payload,
|
|
41
44
|
...message.meta
|
|
42
45
|
};
|
|
43
46
|
}
|
|
@@ -84,13 +87,14 @@ const _sfc_main = defineComponent({
|
|
|
84
87
|
ref_key: "metaInfoFormRef",
|
|
85
88
|
ref: metaInfoFormRef,
|
|
86
89
|
BASE_API: unref(BASE_API),
|
|
90
|
+
showTitle: _ctx.showTitle,
|
|
87
91
|
title: _ctx.title,
|
|
88
92
|
"top-image-title": _ctx.topImageTitle,
|
|
89
93
|
"title-valid": _ctx.titleValid,
|
|
90
94
|
"top-image-title-valid": _ctx.topImageTitleValid,
|
|
91
95
|
"init-data": editorDataPubInfo.value,
|
|
92
96
|
onUpload: _cache[0] || (_cache[0] = (e) => _ctx.$emit("upload", e))
|
|
93
|
-
}, null, 8, ["BASE_API", "title", "top-image-title", "title-valid", "top-image-title-valid", "init-data"])
|
|
97
|
+
}, null, 8, ["BASE_API", "showTitle", "title", "top-image-title", "title-valid", "top-image-title-valid", "init-data"])
|
|
94
98
|
])
|
|
95
99
|
]),
|
|
96
100
|
_: 1
|
|
@@ -23,6 +23,7 @@ const _sfc_main = defineComponent({
|
|
|
23
23
|
__name: "metaInfoForm",
|
|
24
24
|
props: {
|
|
25
25
|
initData: {},
|
|
26
|
+
showTitle: { type: Boolean },
|
|
26
27
|
title: {},
|
|
27
28
|
topImageTitle: {},
|
|
28
29
|
titleValid: { type: Boolean },
|
|
@@ -82,6 +83,20 @@ const _sfc_main = defineComponent({
|
|
|
82
83
|
var _a;
|
|
83
84
|
return (_a = props.initData) == null ? void 0 : _a.series;
|
|
84
85
|
});
|
|
86
|
+
const localLiveType = computed(() => {
|
|
87
|
+
if (series.value === "local_live") {
|
|
88
|
+
return JSON.parse(props.initData.payload).type;
|
|
89
|
+
}
|
|
90
|
+
return "";
|
|
91
|
+
});
|
|
92
|
+
const customScale = computed(() => {
|
|
93
|
+
return series.value === "local_live" && localLiveType.value === 1 ? ["", 16 / 9, 6 / 13] : [];
|
|
94
|
+
});
|
|
95
|
+
const disabledDatePickerOnlineTime = computed(() => {
|
|
96
|
+
if (!props.initData)
|
|
97
|
+
return false;
|
|
98
|
+
return [14, 15, 19].includes(props.initData.state);
|
|
99
|
+
});
|
|
85
100
|
const showBrief = computed(() => {
|
|
86
101
|
return [
|
|
87
102
|
"video",
|
|
@@ -227,6 +242,16 @@ const _sfc_main = defineComponent({
|
|
|
227
242
|
() => {
|
|
228
243
|
if (props.initData) {
|
|
229
244
|
loadData();
|
|
245
|
+
setTimeout(() => {
|
|
246
|
+
if (localLiveType.value === 1) {
|
|
247
|
+
const backgroundThumb = document.querySelector(
|
|
248
|
+
".select-thumb-container #pc-banner-card"
|
|
249
|
+
);
|
|
250
|
+
backgroundThumb.style.height = "217px";
|
|
251
|
+
backgroundThumb.style.width = "100px";
|
|
252
|
+
backgroundThumb.parentNode.previousElementSibling.children[1].innerText = "(\u5EFA\u8BAE\u6BD4\u4F8B\uFF1A6:13)";
|
|
253
|
+
}
|
|
254
|
+
}, 0);
|
|
230
255
|
}
|
|
231
256
|
},
|
|
232
257
|
{ immediate: true }
|
|
@@ -299,14 +324,16 @@ const _sfc_main = defineComponent({
|
|
|
299
324
|
"onUpdate:dataValue": _cache[2] || (_cache[2] = ($event) => form.value.style = $event),
|
|
300
325
|
"media-use-type": 1,
|
|
301
326
|
series: series.value,
|
|
327
|
+
"show-title": _ctx.showTitle,
|
|
302
328
|
title: _ctx.title,
|
|
303
329
|
topImageTitle: _ctx.topImageTitle,
|
|
304
330
|
titleValid: _ctx.titleValid,
|
|
305
331
|
topImageTitleValid: _ctx.topImageTitleValid,
|
|
332
|
+
cropperRatios: customScale.value,
|
|
306
333
|
class: "select-thumb-wrap",
|
|
307
334
|
mode: "doc",
|
|
308
335
|
onUpload: _cache[3] || (_cache[3] = (e) => _ctx.$emit("upload", e))
|
|
309
|
-
}, null, 8, ["dataValue", "series", "title", "topImageTitle", "titleValid", "topImageTitleValid"])
|
|
336
|
+
}, null, 8, ["dataValue", "series", "show-title", "title", "topImageTitle", "titleValid", "topImageTitleValid", "cropperRatios"])
|
|
310
337
|
]),
|
|
311
338
|
_: 1
|
|
312
339
|
}),
|
|
@@ -537,10 +564,11 @@ const _sfc_main = defineComponent({
|
|
|
537
564
|
"onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => form.value.online_time = $event),
|
|
538
565
|
"disabled-date": disabledStartTime,
|
|
539
566
|
"time-picker-props": { defaultValue: "12:00:00" },
|
|
567
|
+
disabled: disabledDatePickerOnlineTime.value,
|
|
540
568
|
placeholder: "\u9009\u62E9\u4E0A\u7EBF\u65F6\u95F4",
|
|
541
569
|
"show-time": "",
|
|
542
570
|
"value-format": "timestamp"
|
|
543
|
-
}, null, 8, ["modelValue"])
|
|
571
|
+
}, null, 8, ["modelValue", "disabled"])
|
|
544
572
|
]),
|
|
545
573
|
_: 1
|
|
546
574
|
}),
|
|
@@ -12,6 +12,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
12
12
|
__name: "component",
|
|
13
13
|
props: {
|
|
14
14
|
BASE_API: {},
|
|
15
|
+
showTitle: { type: Boolean, default: true },
|
|
15
16
|
title: { default: "\u5C01\u9762" },
|
|
16
17
|
titleValid: { type: Boolean, default: false },
|
|
17
18
|
topImageTitle: { default: "\u5C01\u9762\u5934\u56FE" },
|
|
@@ -39,6 +40,8 @@ const _sfc_main = vue.defineComponent({
|
|
|
39
40
|
id: message.id,
|
|
40
41
|
title: message.title,
|
|
41
42
|
series: message.series,
|
|
43
|
+
state: message.state,
|
|
44
|
+
payload: message.payload,
|
|
42
45
|
...message.meta
|
|
43
46
|
};
|
|
44
47
|
}
|
|
@@ -85,13 +88,14 @@ const _sfc_main = vue.defineComponent({
|
|
|
85
88
|
ref_key: "metaInfoFormRef",
|
|
86
89
|
ref: metaInfoFormRef,
|
|
87
90
|
BASE_API: vue.unref(BASE_API),
|
|
91
|
+
showTitle: _ctx.showTitle,
|
|
88
92
|
title: _ctx.title,
|
|
89
93
|
"top-image-title": _ctx.topImageTitle,
|
|
90
94
|
"title-valid": _ctx.titleValid,
|
|
91
95
|
"top-image-title-valid": _ctx.topImageTitleValid,
|
|
92
96
|
"init-data": editorDataPubInfo.value,
|
|
93
97
|
onUpload: _cache[0] || (_cache[0] = (e) => _ctx.$emit("upload", e))
|
|
94
|
-
}, null, 8, ["BASE_API", "title", "top-image-title", "title-valid", "top-image-title-valid", "init-data"])
|
|
98
|
+
}, null, 8, ["BASE_API", "showTitle", "title", "top-image-title", "title-valid", "top-image-title-valid", "init-data"])
|
|
95
99
|
])
|
|
96
100
|
]),
|
|
97
101
|
_: 1
|
|
@@ -24,6 +24,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
24
24
|
__name: "metaInfoForm",
|
|
25
25
|
props: {
|
|
26
26
|
initData: {},
|
|
27
|
+
showTitle: { type: Boolean },
|
|
27
28
|
title: {},
|
|
28
29
|
topImageTitle: {},
|
|
29
30
|
titleValid: { type: Boolean },
|
|
@@ -83,6 +84,20 @@ const _sfc_main = vue.defineComponent({
|
|
|
83
84
|
var _a;
|
|
84
85
|
return (_a = props.initData) == null ? void 0 : _a.series;
|
|
85
86
|
});
|
|
87
|
+
const localLiveType = vue.computed(() => {
|
|
88
|
+
if (series.value === "local_live") {
|
|
89
|
+
return JSON.parse(props.initData.payload).type;
|
|
90
|
+
}
|
|
91
|
+
return "";
|
|
92
|
+
});
|
|
93
|
+
const customScale = vue.computed(() => {
|
|
94
|
+
return series.value === "local_live" && localLiveType.value === 1 ? ["", 16 / 9, 6 / 13] : [];
|
|
95
|
+
});
|
|
96
|
+
const disabledDatePickerOnlineTime = vue.computed(() => {
|
|
97
|
+
if (!props.initData)
|
|
98
|
+
return false;
|
|
99
|
+
return [14, 15, 19].includes(props.initData.state);
|
|
100
|
+
});
|
|
86
101
|
const showBrief = vue.computed(() => {
|
|
87
102
|
return [
|
|
88
103
|
"video",
|
|
@@ -228,6 +243,16 @@ const _sfc_main = vue.defineComponent({
|
|
|
228
243
|
() => {
|
|
229
244
|
if (props.initData) {
|
|
230
245
|
loadData();
|
|
246
|
+
setTimeout(() => {
|
|
247
|
+
if (localLiveType.value === 1) {
|
|
248
|
+
const backgroundThumb = document.querySelector(
|
|
249
|
+
".select-thumb-container #pc-banner-card"
|
|
250
|
+
);
|
|
251
|
+
backgroundThumb.style.height = "217px";
|
|
252
|
+
backgroundThumb.style.width = "100px";
|
|
253
|
+
backgroundThumb.parentNode.previousElementSibling.children[1].innerText = "(\u5EFA\u8BAE\u6BD4\u4F8B\uFF1A6:13)";
|
|
254
|
+
}
|
|
255
|
+
}, 0);
|
|
231
256
|
}
|
|
232
257
|
},
|
|
233
258
|
{ immediate: true }
|
|
@@ -300,14 +325,16 @@ const _sfc_main = vue.defineComponent({
|
|
|
300
325
|
"onUpdate:dataValue": _cache[2] || (_cache[2] = ($event) => form.value.style = $event),
|
|
301
326
|
"media-use-type": 1,
|
|
302
327
|
series: series.value,
|
|
328
|
+
"show-title": _ctx.showTitle,
|
|
303
329
|
title: _ctx.title,
|
|
304
330
|
topImageTitle: _ctx.topImageTitle,
|
|
305
331
|
titleValid: _ctx.titleValid,
|
|
306
332
|
topImageTitleValid: _ctx.topImageTitleValid,
|
|
333
|
+
cropperRatios: customScale.value,
|
|
307
334
|
class: "select-thumb-wrap",
|
|
308
335
|
mode: "doc",
|
|
309
336
|
onUpload: _cache[3] || (_cache[3] = (e) => _ctx.$emit("upload", e))
|
|
310
|
-
}, null, 8, ["dataValue", "series", "title", "topImageTitle", "titleValid", "topImageTitleValid"])
|
|
337
|
+
}, null, 8, ["dataValue", "series", "show-title", "title", "topImageTitle", "titleValid", "topImageTitleValid", "cropperRatios"])
|
|
311
338
|
]),
|
|
312
339
|
_: 1
|
|
313
340
|
}),
|
|
@@ -538,10 +565,11 @@ const _sfc_main = vue.defineComponent({
|
|
|
538
565
|
"onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => form.value.online_time = $event),
|
|
539
566
|
"disabled-date": disabledStartTime,
|
|
540
567
|
"time-picker-props": { defaultValue: "12:00:00" },
|
|
568
|
+
disabled: disabledDatePickerOnlineTime.value,
|
|
541
569
|
placeholder: "\u9009\u62E9\u4E0A\u7EBF\u65F6\u95F4",
|
|
542
570
|
"show-time": "",
|
|
543
571
|
"value-format": "timestamp"
|
|
544
|
-
}, null, 8, ["modelValue"])
|
|
572
|
+
}, null, 8, ["modelValue", "disabled"])
|
|
545
573
|
]),
|
|
546
574
|
_: 1
|
|
547
575
|
}),
|