@cmstops/pro-compo 0.3.6 → 0.3.8
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.
- package/dist/index.css +2 -2
- package/dist/index.min.css +1 -1
- package/es/contentDetailList/components/Content/DocItem/index.js +29 -28
- package/es/contentDetailList/components/ShowQRCode/QrcodeView/index.js +78 -86
- package/es/contentDetailList/components/ShowQRCode/index.js +30 -20
- package/es/contentDetailList/style/DocItem.less +7 -5
- package/es/contentDetailList/style/index.css +2 -2
- package/es/editMetaInfo/components/metaInfoForm.js +33 -23
- package/es/index.css +2 -2
- package/es/selectThumb/component.js +18 -53
- package/es/utils/doc.js +1 -9
- package/lib/contentDetailList/components/Content/DocItem/index.js +28 -27
- package/lib/contentDetailList/components/ShowQRCode/QrcodeView/index.js +76 -84
- package/lib/contentDetailList/components/ShowQRCode/index.js +28 -18
- package/lib/contentDetailList/style/DocItem.less +7 -5
- package/lib/contentDetailList/style/index.css +2 -2
- package/lib/editMetaInfo/components/metaInfoForm.js +32 -22
- package/lib/index.css +2 -2
- package/lib/selectThumb/component.js +17 -52
- package/lib/utils/doc.js +0 -9
- package/package.json +1 -1
|
@@ -88,7 +88,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
88
88
|
const emit = __emit;
|
|
89
89
|
const props = __props;
|
|
90
90
|
const BASE_API = props.BASE_API || config.DEFAULT_BASE_API;
|
|
91
|
-
|
|
91
|
+
vue.ref(props.cropper || false);
|
|
92
92
|
const oldData = vue.ref(null);
|
|
93
93
|
const styleData = vue.ref({});
|
|
94
94
|
const thumbBannerModel = vue.ref("banner");
|
|
@@ -243,64 +243,29 @@ const _sfc_main = vue.defineComponent({
|
|
|
243
243
|
].includes(series);
|
|
244
244
|
});
|
|
245
245
|
const submitCallback = (data) => {
|
|
246
|
-
|
|
247
|
-
const isPcBaner = props.mode === "doc" && thumbBannerModel.value === "pcBanner" && !docSeriesShowTopThemeColor.value;
|
|
248
|
-
const _useCropper = ["thumb", "doc"].includes(props.mode) ? true : useCropper.value;
|
|
249
|
-
if (["smiple", "thumbs"].includes(props.mode)) {
|
|
250
|
-
dialogMediaSelectionShow.value = false;
|
|
251
|
-
const media = data[0];
|
|
252
|
-
const temp = JSON.parse(JSON.stringify(styleData.value.data || []));
|
|
253
|
-
temp[thumbOptionIndex.value] = { url: media.url, thumb: media.url };
|
|
254
|
-
styleData.value.data = temp;
|
|
255
|
-
callback(styleData.value);
|
|
256
|
-
} else if (isPcBaner || !_useCropper) {
|
|
257
|
-
dialogMediaSelectionShow.value = false;
|
|
246
|
+
if (thumbBannerModel.value === "pc_banner" && !docSeriesShowTopThemeColor.value) {
|
|
258
247
|
data.map(async (media) => {
|
|
259
248
|
const { width, height } = await loadImage(media.url);
|
|
260
249
|
styleData.value.pc_banner_url = `${media.url}?width=${width}&height=${height}`;
|
|
261
250
|
styleData.value.pc_banner_url_info = JSON.stringify({ width, height });
|
|
262
|
-
callback(styleData.value);
|
|
263
|
-
return media;
|
|
264
251
|
});
|
|
265
|
-
} else {
|
|
266
|
-
|
|
267
|
-
if (
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
}
|
|
273
|
-
if (thumbBannerModel.value === "thumb") {
|
|
274
|
-
aspectRatioProp.value = ((_c = props.cropperRatios) == null ? void 0 : _c[0]) || doc.docThumbRatioMap()[model.value];
|
|
275
|
-
if (data.length) {
|
|
276
|
-
const media = data[0];
|
|
277
|
-
const wh = [];
|
|
278
|
-
(_d = media.metas) == null ? void 0 : _d.map((item) => {
|
|
279
|
-
if (item.key === "width")
|
|
280
|
-
wh.unshift(parseInt(item.value, 10));
|
|
281
|
-
if (item.key === "height")
|
|
282
|
-
wh.push(parseInt(item.value, 10));
|
|
283
|
-
return item;
|
|
284
|
-
});
|
|
285
|
-
if (wh.length === 2 && Math.abs(wh[0] / wh[1] - curtemplate.value.ratio) <= 0.05) {
|
|
286
|
-
const [width, height] = wh;
|
|
287
|
-
const temp = JSON.parse(JSON.stringify(styleData.value.data || []));
|
|
288
|
-
temp[thumbOptionIndex.value] = {
|
|
289
|
-
url: `${media.url}?width=${width}&height=${height}`,
|
|
290
|
-
thumb: `${media.url}?width=${width}&height=${height}`
|
|
291
|
-
};
|
|
292
|
-
styleData.value.data = temp;
|
|
293
|
-
callback(styleData.value);
|
|
294
|
-
dialogMediaSelectionShow.value = false;
|
|
295
|
-
return false;
|
|
296
|
-
}
|
|
297
|
-
}
|
|
252
|
+
} else if (thumbBannerModel.value === "thumb") {
|
|
253
|
+
let temp = [];
|
|
254
|
+
if (model.value === "1") {
|
|
255
|
+
temp = JSON.parse(JSON.stringify(styleData.value.data));
|
|
256
|
+
temp[thumbOptionIndex.value] = { url: data[0].url, thumb: data[0].url };
|
|
257
|
+
} else {
|
|
258
|
+
temp = [{ url: data[0].url, thumb: data[0].url }];
|
|
298
259
|
}
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
260
|
+
styleData.value.data = temp;
|
|
261
|
+
} else if (thumbBannerModel.value === "banner") {
|
|
262
|
+
styleData.value.banner_url = data[0].url;
|
|
263
|
+
} else {
|
|
264
|
+
styleData.value.top_image_url = data[0].url;
|
|
265
|
+
styleData.value.pc_banner_url = data[0].url;
|
|
302
266
|
}
|
|
303
|
-
|
|
267
|
+
callback(styleData.value);
|
|
268
|
+
dialogMediaSelectionShow.value = false;
|
|
304
269
|
};
|
|
305
270
|
const cropConfirm = (data) => {
|
|
306
271
|
dialogMediaSelectionShow.value = false;
|
package/lib/utils/doc.js
CHANGED
|
@@ -46,14 +46,6 @@ const docThumbObjMap = {
|
|
|
46
46
|
5: { alias: "\u7AD6\u56FE", maxLength: 1, value: "5", ratioStr: "3:4", ratio: 3 / 4 },
|
|
47
47
|
7: { alias: "\u7A84\u56FE", maxLength: 1, value: "7", ratioStr: "4:1", ratio: 4 / 1 }
|
|
48
48
|
};
|
|
49
|
-
const docThumbRatioMap = () => {
|
|
50
|
-
const obj = {};
|
|
51
|
-
Object.keys(docThumbObjMap).map((key) => {
|
|
52
|
-
obj[key] = docThumbObjMap[key].ratio;
|
|
53
|
-
return {};
|
|
54
|
-
});
|
|
55
|
-
return obj;
|
|
56
|
-
};
|
|
57
49
|
const docThumbArrMap = () => {
|
|
58
50
|
return Object.values(docThumbObjMap);
|
|
59
51
|
};
|
|
@@ -124,7 +116,6 @@ exports.docStateMap = docStateMap;
|
|
|
124
116
|
exports.docThumbArrMap = docThumbArrMap;
|
|
125
117
|
exports.docThumbMap = docThumbMap;
|
|
126
118
|
exports.docThumbObjMap = docThumbObjMap;
|
|
127
|
-
exports.docThumbRatioMap = docThumbRatioMap;
|
|
128
119
|
exports.docThumbTypeMap = docThumbTypeMap;
|
|
129
120
|
exports.getDocThumb = getDocThumb;
|
|
130
121
|
exports.stateOptions = stateOptions;
|