@cmstops/pro-compo 0.2.4 → 0.2.6

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.
@@ -154,15 +154,13 @@ const _sfc_main = defineComponent({
154
154
  createElementVNode("span", _hoisted_14, toDisplayString(((_a = _ctx.item.user) == null ? void 0 : _a.alias) || "--"), 1),
155
155
  createElementVNode("span", _hoisted_15, [
156
156
  createVNode(unref(Tooltip), {
157
- content: `\u53D1\u5E03\u65F6\u95F4: ${unref(timeFormat)(
158
- _ctx.item.publishTime || _ctx.item.updatedAt
159
- )}`,
157
+ content: `\u53D1\u5E03\u65F6\u95F4: ${unref(timeFormat)(_ctx.item.distributeTime)}`,
160
158
  position: "top"
161
159
  }, {
162
160
  default: withCtx(() => [
163
161
  createElementVNode("span", null, [
164
162
  createVNode(unref(IconSubscribed)),
165
- createTextVNode(" " + toDisplayString(unref(timeFormat)(_ctx.item.publishTime || _ctx.item.updatedAt)), 1)
163
+ createTextVNode(" " + toDisplayString(unref(timeFormat)(_ctx.item.distributeTime)), 1)
166
164
  ])
167
165
  ]),
168
166
  _: 1
@@ -173,13 +171,15 @@ const _sfc_main = defineComponent({
173
171
  }, toDisplayString(unref(matrixPublishFormalStateMap)[_ctx.item.platformState]), 3),
174
172
  createElementVNode("span", _hoisted_16, [
175
173
  createVNode(unref(Tooltip), {
176
- content: `\u5206\u53D1\u65F6\u95F4: ${unref(timeFormat)(_ctx.item.distributeTime)}`,
174
+ content: `\u5206\u53D1\u65F6\u95F4: ${unref(timeFormat)(
175
+ _ctx.item.publishTime || _ctx.item.updatedAt
176
+ )}`,
177
177
  position: "top"
178
178
  }, {
179
179
  default: withCtx(() => [
180
180
  createElementVNode("span", null, [
181
181
  createVNode(unref(IconSend)),
182
- createTextVNode(" " + toDisplayString(unref(timeFormat)(_ctx.item.distributeTime)), 1)
182
+ createTextVNode(" " + toDisplayString(unref(timeFormat)(_ctx.item.publishTime || _ctx.item.updatedAt)), 1)
183
183
  ])
184
184
  ]),
185
185
  _: 1
@@ -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
  }),
@@ -155,15 +155,13 @@ const _sfc_main = vue.defineComponent({
155
155
  vue.createElementVNode("span", _hoisted_14, vue.toDisplayString(((_a = _ctx.item.user) == null ? void 0 : _a.alias) || "--"), 1),
156
156
  vue.createElementVNode("span", _hoisted_15, [
157
157
  vue.createVNode(vue.unref(webVue.Tooltip), {
158
- content: `\u53D1\u5E03\u65F6\u95F4: ${vue.unref(index.timeFormat)(
159
- _ctx.item.publishTime || _ctx.item.updatedAt
160
- )}`,
158
+ content: `\u53D1\u5E03\u65F6\u95F4: ${vue.unref(index.timeFormat)(_ctx.item.distributeTime)}`,
161
159
  position: "top"
162
160
  }, {
163
161
  default: vue.withCtx(() => [
164
162
  vue.createElementVNode("span", null, [
165
163
  vue.createVNode(vue.unref(icon.IconSubscribed)),
166
- vue.createTextVNode(" " + vue.toDisplayString(vue.unref(index.timeFormat)(_ctx.item.publishTime || _ctx.item.updatedAt)), 1)
164
+ vue.createTextVNode(" " + vue.toDisplayString(vue.unref(index.timeFormat)(_ctx.item.distributeTime)), 1)
167
165
  ])
168
166
  ]),
169
167
  _: 1
@@ -174,13 +172,15 @@ const _sfc_main = vue.defineComponent({
174
172
  }, vue.toDisplayString(vue.unref(typeMap.matrixPublishFormalStateMap)[_ctx.item.platformState]), 3),
175
173
  vue.createElementVNode("span", _hoisted_16, [
176
174
  vue.createVNode(vue.unref(webVue.Tooltip), {
177
- content: `\u5206\u53D1\u65F6\u95F4: ${vue.unref(index.timeFormat)(_ctx.item.distributeTime)}`,
175
+ content: `\u5206\u53D1\u65F6\u95F4: ${vue.unref(index.timeFormat)(
176
+ _ctx.item.publishTime || _ctx.item.updatedAt
177
+ )}`,
178
178
  position: "top"
179
179
  }, {
180
180
  default: vue.withCtx(() => [
181
181
  vue.createElementVNode("span", null, [
182
182
  vue.createVNode(vue.unref(icon.IconSend)),
183
- vue.createTextVNode(" " + vue.toDisplayString(vue.unref(index.timeFormat)(_ctx.item.distributeTime)), 1)
183
+ vue.createTextVNode(" " + vue.toDisplayString(vue.unref(index.timeFormat)(_ctx.item.publishTime || _ctx.item.updatedAt)), 1)
184
184
  ])
185
185
  ]),
186
186
  _: 1
@@ -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
  }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cmstops/pro-compo",
3
- "version": "0.2.4",
3
+ "version": "0.2.6",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "vue",