cms-chenhj-ui 2.0.37 → 2.0.38
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/cms-chenhj-ui.common.js +642 -640
- package/cms-chenhj-ui.common.js.map +1 -1
- package/cms-chenhj-ui.css +1 -1
- package/cms-chenhj-ui.umd.js +608 -606
- package/cms-chenhj-ui.umd.js.map +1 -1
- package/cms-chenhj-ui.umd.min.js +2 -2
- package/cms-chenhj-ui.umd.min.js.map +1 -1
- package/package.json +1 -1
package/cms-chenhj-ui.umd.js
CHANGED
|
@@ -366,6 +366,361 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
366
366
|
|
|
367
367
|
/***/ }),
|
|
368
368
|
|
|
369
|
+
/***/ 153:
|
|
370
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
371
|
+
|
|
372
|
+
"use strict";
|
|
373
|
+
// ESM COMPAT FLAG
|
|
374
|
+
__webpack_require__.r(__webpack_exports__);
|
|
375
|
+
|
|
376
|
+
// EXPORTS
|
|
377
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
378
|
+
"default": function() { return /* binding */ View; }
|
|
379
|
+
});
|
|
380
|
+
|
|
381
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=template&id=1fc80050&scoped=true
|
|
382
|
+
var render = function render() {
|
|
383
|
+
var _vm = this,
|
|
384
|
+
_c = _vm._self._c;
|
|
385
|
+
return _c('BaseComp', _vm._b({
|
|
386
|
+
attrs: {
|
|
387
|
+
"data": _vm.data,
|
|
388
|
+
"nowCompId": _vm.nowCompId,
|
|
389
|
+
"isOpcacity": _vm.isOpcacity,
|
|
390
|
+
"lang": _vm.lang
|
|
391
|
+
},
|
|
392
|
+
on: {
|
|
393
|
+
"getConfigData": _vm.getConfigData
|
|
394
|
+
}
|
|
395
|
+
}, 'BaseComp', _vm.$attrs, false), [_c('section', {
|
|
396
|
+
staticClass: "cms-image-container",
|
|
397
|
+
class: [_vm.configData.customClass || '', {
|
|
398
|
+
'has-link': _vm.configData.zoomDynamic
|
|
399
|
+
}],
|
|
400
|
+
style: _vm.containerStyle
|
|
401
|
+
}, [_c('div', {
|
|
402
|
+
staticClass: "image-wrapper",
|
|
403
|
+
style: _vm.wrapperStyle,
|
|
404
|
+
on: {
|
|
405
|
+
"click": _vm.handleClick
|
|
406
|
+
}
|
|
407
|
+
}, [_vm.configData.imageUrl ? _c('img', {
|
|
408
|
+
staticClass: "cms-image",
|
|
409
|
+
style: _vm.imageStyle,
|
|
410
|
+
attrs: {
|
|
411
|
+
"src": _vm.configData.imageUrl,
|
|
412
|
+
"alt": _vm.configData.altText || '图片',
|
|
413
|
+
"title": _vm.configData.title
|
|
414
|
+
},
|
|
415
|
+
on: {
|
|
416
|
+
"load": _vm.onImageLoad,
|
|
417
|
+
"error": _vm.onImageError
|
|
418
|
+
}
|
|
419
|
+
}) : _c('div', {
|
|
420
|
+
staticClass: "image-placeholder",
|
|
421
|
+
style: _vm.placeholderStyle
|
|
422
|
+
}, [_c('img', {
|
|
423
|
+
staticStyle: {
|
|
424
|
+
"width": "200px",
|
|
425
|
+
"height": "200px"
|
|
426
|
+
},
|
|
427
|
+
attrs: {
|
|
428
|
+
"src": __webpack_require__(4806),
|
|
429
|
+
"alt": "Picture"
|
|
430
|
+
}
|
|
431
|
+
})])])]), _vm.configData.remark ? _c('div', {
|
|
432
|
+
staticClass: "f-c-c"
|
|
433
|
+
}, [_vm._v(_vm._s(_vm.configData.remark))]) : _vm._e()]);
|
|
434
|
+
};
|
|
435
|
+
var staticRenderFns = [];
|
|
436
|
+
|
|
437
|
+
;// ./package/cms-image/View.vue?vue&type=template&id=1fc80050&scoped=true
|
|
438
|
+
|
|
439
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
|
|
440
|
+
var es_iterator_constructor = __webpack_require__(8111);
|
|
441
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
|
|
442
|
+
var es_iterator_for_each = __webpack_require__(7588);
|
|
443
|
+
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
444
|
+
var baseComp = __webpack_require__(677);
|
|
445
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=script&lang=js
|
|
446
|
+
|
|
447
|
+
|
|
448
|
+
|
|
449
|
+
|
|
450
|
+
|
|
451
|
+
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
452
|
+
name: "cms-image",
|
|
453
|
+
components: {
|
|
454
|
+
BaseComp: baseComp["default"]
|
|
455
|
+
},
|
|
456
|
+
props: {
|
|
457
|
+
data: {
|
|
458
|
+
type: Object,
|
|
459
|
+
default: () => {
|
|
460
|
+
return {};
|
|
461
|
+
}
|
|
462
|
+
},
|
|
463
|
+
nowCompId: {
|
|
464
|
+
type: [String, Number],
|
|
465
|
+
default: ""
|
|
466
|
+
},
|
|
467
|
+
isOpcacity: {
|
|
468
|
+
type: Boolean,
|
|
469
|
+
default: true
|
|
470
|
+
},
|
|
471
|
+
lang: {
|
|
472
|
+
type: String,
|
|
473
|
+
default: "zh-HK"
|
|
474
|
+
}
|
|
475
|
+
},
|
|
476
|
+
data() {
|
|
477
|
+
return {
|
|
478
|
+
configData: {},
|
|
479
|
+
imageLoaded: false,
|
|
480
|
+
imageError: false,
|
|
481
|
+
// 默认配置数据
|
|
482
|
+
defaultConfig: {
|
|
483
|
+
// 图片设置
|
|
484
|
+
imageUrl: "",
|
|
485
|
+
altText: "图片",
|
|
486
|
+
title: "",
|
|
487
|
+
// 样式设置
|
|
488
|
+
borderRadius: 0,
|
|
489
|
+
cornerRadius: {
|
|
490
|
+
topLeft: "0",
|
|
491
|
+
topRight: "0",
|
|
492
|
+
bottomLeft: "0",
|
|
493
|
+
bottomRight: "0"
|
|
494
|
+
},
|
|
495
|
+
objectFit: "cover",
|
|
496
|
+
// 交互功能
|
|
497
|
+
linkUrl: "",
|
|
498
|
+
linkTarget: "_self",
|
|
499
|
+
// 高级配置
|
|
500
|
+
customClass: "",
|
|
501
|
+
customStyle: "",
|
|
502
|
+
lazyLoad: false,
|
|
503
|
+
zoomDynamic: false
|
|
504
|
+
}
|
|
505
|
+
};
|
|
506
|
+
},
|
|
507
|
+
mounted() {
|
|
508
|
+
this.initConfigData();
|
|
509
|
+
},
|
|
510
|
+
watch: {
|
|
511
|
+
configData: {
|
|
512
|
+
handler() {
|
|
513
|
+
this.updateStyles();
|
|
514
|
+
},
|
|
515
|
+
deep: true
|
|
516
|
+
}
|
|
517
|
+
},
|
|
518
|
+
computed: {
|
|
519
|
+
// 容器样式
|
|
520
|
+
containerStyle() {
|
|
521
|
+
const config = {
|
|
522
|
+
...this.defaultConfig,
|
|
523
|
+
...this.configData
|
|
524
|
+
};
|
|
525
|
+
return {
|
|
526
|
+
...this.parseCustomStyle(config.customStyle)
|
|
527
|
+
};
|
|
528
|
+
},
|
|
529
|
+
borderRadiusStyle() {
|
|
530
|
+
const config = {
|
|
531
|
+
...this.defaultConfig,
|
|
532
|
+
...this.configData
|
|
533
|
+
};
|
|
534
|
+
const fallback = config.borderRadius !== undefined && config.borderRadius !== null ? `${config.borderRadius}px` : "0px";
|
|
535
|
+
const radiusConfig = config.cornerRadius || {};
|
|
536
|
+
const legacyMap = {
|
|
537
|
+
topLeft: config.borderRadiusTopLeft,
|
|
538
|
+
topRight: config.borderRadiusTopRight,
|
|
539
|
+
bottomLeft: config.borderRadiusBottomLeft,
|
|
540
|
+
bottomRight: config.borderRadiusBottomRight
|
|
541
|
+
};
|
|
542
|
+
const resolveValue = corner => {
|
|
543
|
+
const value = radiusConfig[corner] !== undefined && radiusConfig[corner] !== null ? radiusConfig[corner] : legacyMap[corner];
|
|
544
|
+
if (value === "full") return "9999px";
|
|
545
|
+
if (value === undefined || value === null || value === "") {
|
|
546
|
+
return fallback;
|
|
547
|
+
}
|
|
548
|
+
const num = Number(value);
|
|
549
|
+
return Number.isNaN(num) ? fallback : `${num}px`;
|
|
550
|
+
};
|
|
551
|
+
return {
|
|
552
|
+
topLeft: resolveValue("topLeft"),
|
|
553
|
+
topRight: resolveValue("topRight"),
|
|
554
|
+
bottomLeft: resolveValue("bottomLeft"),
|
|
555
|
+
bottomRight: resolveValue("bottomRight")
|
|
556
|
+
};
|
|
557
|
+
},
|
|
558
|
+
// 包装器样式
|
|
559
|
+
wrapperStyle() {
|
|
560
|
+
const config = {
|
|
561
|
+
...this.defaultConfig,
|
|
562
|
+
...this.configData
|
|
563
|
+
};
|
|
564
|
+
return {
|
|
565
|
+
width: "100%",
|
|
566
|
+
height: "auto",
|
|
567
|
+
maxWidth: "100%",
|
|
568
|
+
borderTopLeftRadius: this.borderRadiusStyle.topLeft,
|
|
569
|
+
borderTopRightRadius: this.borderRadiusStyle.topRight,
|
|
570
|
+
borderBottomLeftRadius: this.borderRadiusStyle.bottomLeft,
|
|
571
|
+
borderBottomRightRadius: this.borderRadiusStyle.bottomRight,
|
|
572
|
+
overflow: "hidden",
|
|
573
|
+
cursor: config.linkUrl ? "pointer" : "default",
|
|
574
|
+
display: "block"
|
|
575
|
+
};
|
|
576
|
+
},
|
|
577
|
+
// 图片样式
|
|
578
|
+
imageStyle() {
|
|
579
|
+
const config = {
|
|
580
|
+
...this.defaultConfig,
|
|
581
|
+
...this.configData
|
|
582
|
+
};
|
|
583
|
+
return {
|
|
584
|
+
width: "100%",
|
|
585
|
+
height: "auto",
|
|
586
|
+
objectFit: config.objectFit,
|
|
587
|
+
display: "block"
|
|
588
|
+
};
|
|
589
|
+
},
|
|
590
|
+
// 占位符样式
|
|
591
|
+
placeholderStyle() {
|
|
592
|
+
const config = {
|
|
593
|
+
...this.defaultConfig,
|
|
594
|
+
...this.configData
|
|
595
|
+
};
|
|
596
|
+
return {
|
|
597
|
+
width: "100%",
|
|
598
|
+
minHeight: "150px",
|
|
599
|
+
backgroundColor: "#F2F9FF",
|
|
600
|
+
border: "1px dashed #dcdfe6",
|
|
601
|
+
borderTopLeftRadius: this.borderRadiusStyle.topLeft,
|
|
602
|
+
borderTopRightRadius: this.borderRadiusStyle.topRight,
|
|
603
|
+
borderBottomLeftRadius: this.borderRadiusStyle.bottomLeft,
|
|
604
|
+
borderBottomRightRadius: this.borderRadiusStyle.bottomRight,
|
|
605
|
+
display: "flex",
|
|
606
|
+
flexDirection: "column",
|
|
607
|
+
alignItems: "center",
|
|
608
|
+
justifyContent: "center",
|
|
609
|
+
color: "#909399",
|
|
610
|
+
fontSize: "14px"
|
|
611
|
+
};
|
|
612
|
+
}
|
|
613
|
+
},
|
|
614
|
+
methods: {
|
|
615
|
+
// 初始化配置数据
|
|
616
|
+
initConfigData() {
|
|
617
|
+
this.configData = this.getMergedConfig(this.configData);
|
|
618
|
+
},
|
|
619
|
+
// 获取配置数据
|
|
620
|
+
getConfigData(configData) {
|
|
621
|
+
this.configData = this.getMergedConfig(configData);
|
|
622
|
+
this.updateStyles();
|
|
623
|
+
},
|
|
624
|
+
// 更新样式
|
|
625
|
+
updateStyles() {
|
|
626
|
+
this.$nextTick(() => {
|
|
627
|
+
this.$forceUpdate();
|
|
628
|
+
});
|
|
629
|
+
},
|
|
630
|
+
getMergedConfig(configData = {}) {
|
|
631
|
+
const mergedCorner = {
|
|
632
|
+
...(this.defaultConfig.cornerRadius || {})
|
|
633
|
+
};
|
|
634
|
+
if (configData.cornerRadius) {
|
|
635
|
+
Object.assign(mergedCorner, configData.cornerRadius);
|
|
636
|
+
} else {
|
|
637
|
+
var _configData$borderRad, _configData$borderRad2, _configData$borderRad3, _configData$borderRad4;
|
|
638
|
+
mergedCorner.topLeft = (_configData$borderRad = configData.borderRadiusTopLeft) === null || _configData$borderRad === void 0 ? void 0 : _configData$borderRad.mergedCorner.topLeft;
|
|
639
|
+
mergedCorner.topRight = (_configData$borderRad2 = configData.borderRadiusTopRight) === null || _configData$borderRad2 === void 0 ? void 0 : _configData$borderRad2.mergedCorner.topRight;
|
|
640
|
+
mergedCorner.bottomLeft = (_configData$borderRad3 = configData.borderRadiusBottomLeft) === null || _configData$borderRad3 === void 0 ? void 0 : _configData$borderRad3.mergedCorner.bottomLeft;
|
|
641
|
+
mergedCorner.bottomRight = (_configData$borderRad4 = configData.borderRadiusBottomRight) === null || _configData$borderRad4 === void 0 ? void 0 : _configData$borderRad4.mergedCorner.bottomRight;
|
|
642
|
+
}
|
|
643
|
+
return {
|
|
644
|
+
...this.defaultConfig,
|
|
645
|
+
...configData,
|
|
646
|
+
cornerRadius: mergedCorner
|
|
647
|
+
};
|
|
648
|
+
},
|
|
649
|
+
// 处理点击事件
|
|
650
|
+
handleClick() {
|
|
651
|
+
if (this.configData.linkUrl) {
|
|
652
|
+
const target = this.configData.linkTarget || "_self";
|
|
653
|
+
if (target === "_blank") {
|
|
654
|
+
window.open(this.configData.linkUrl, "_blank");
|
|
655
|
+
} else {
|
|
656
|
+
window.location.href = this.configData.linkUrl;
|
|
657
|
+
}
|
|
658
|
+
}
|
|
659
|
+
},
|
|
660
|
+
// 图片加载成功
|
|
661
|
+
onImageLoad() {
|
|
662
|
+
this.imageLoaded = true;
|
|
663
|
+
this.imageError = false;
|
|
664
|
+
},
|
|
665
|
+
// 图片加载失败
|
|
666
|
+
onImageError() {
|
|
667
|
+
this.imageLoaded = false;
|
|
668
|
+
this.imageError = true;
|
|
669
|
+
},
|
|
670
|
+
// 解析自定义样式
|
|
671
|
+
parseCustomStyle(customStyle) {
|
|
672
|
+
if (!customStyle) return {};
|
|
673
|
+
try {
|
|
674
|
+
const styles = {};
|
|
675
|
+
const declarations = customStyle.split(";");
|
|
676
|
+
declarations.forEach(declaration => {
|
|
677
|
+
const [property, value] = declaration.split(":");
|
|
678
|
+
if (property && value) {
|
|
679
|
+
const camelCaseProperty = property.trim().replace(/-([a-z])/g, g => g[1].toUpperCase());
|
|
680
|
+
styles[camelCaseProperty] = value.trim();
|
|
681
|
+
}
|
|
682
|
+
});
|
|
683
|
+
return styles;
|
|
684
|
+
} catch (error) {
|
|
685
|
+
console.warn("解析自定义样式失败:", error);
|
|
686
|
+
return {};
|
|
687
|
+
}
|
|
688
|
+
}
|
|
689
|
+
}
|
|
690
|
+
});
|
|
691
|
+
;// ./package/cms-image/View.vue?vue&type=script&lang=js
|
|
692
|
+
/* harmony default export */ var cms_image_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
693
|
+
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=style&index=0&id=1fc80050&prod&lang=scss&scoped=true
|
|
694
|
+
// extracted by mini-css-extract-plugin
|
|
695
|
+
|
|
696
|
+
;// ./package/cms-image/View.vue?vue&type=style&index=0&id=1fc80050&prod&lang=scss&scoped=true
|
|
697
|
+
|
|
698
|
+
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
699
|
+
var componentNormalizer = __webpack_require__(1656);
|
|
700
|
+
;// ./package/cms-image/View.vue
|
|
701
|
+
|
|
702
|
+
|
|
703
|
+
|
|
704
|
+
;
|
|
705
|
+
|
|
706
|
+
|
|
707
|
+
/* normalize component */
|
|
708
|
+
|
|
709
|
+
var component = (0,componentNormalizer/* default */.A)(
|
|
710
|
+
cms_image_Viewvue_type_script_lang_js,
|
|
711
|
+
render,
|
|
712
|
+
staticRenderFns,
|
|
713
|
+
false,
|
|
714
|
+
null,
|
|
715
|
+
"1fc80050",
|
|
716
|
+
null
|
|
717
|
+
|
|
718
|
+
)
|
|
719
|
+
|
|
720
|
+
/* harmony default export */ var View = (component.exports);
|
|
721
|
+
|
|
722
|
+
/***/ }),
|
|
723
|
+
|
|
369
724
|
/***/ 165:
|
|
370
725
|
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
371
726
|
|
|
@@ -13927,360 +14282,6 @@ module.exports = {
|
|
|
13927
14282
|
};
|
|
13928
14283
|
|
|
13929
14284
|
|
|
13930
|
-
/***/ }),
|
|
13931
|
-
|
|
13932
|
-
/***/ 1222:
|
|
13933
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
13934
|
-
|
|
13935
|
-
"use strict";
|
|
13936
|
-
// ESM COMPAT FLAG
|
|
13937
|
-
__webpack_require__.r(__webpack_exports__);
|
|
13938
|
-
|
|
13939
|
-
// EXPORTS
|
|
13940
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
13941
|
-
"default": function() { return /* binding */ View; }
|
|
13942
|
-
});
|
|
13943
|
-
|
|
13944
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=template&id=768fd2d4&scoped=true
|
|
13945
|
-
var render = function render() {
|
|
13946
|
-
var _vm = this,
|
|
13947
|
-
_c = _vm._self._c;
|
|
13948
|
-
return _c('BaseComp', _vm._b({
|
|
13949
|
-
attrs: {
|
|
13950
|
-
"data": _vm.data,
|
|
13951
|
-
"nowCompId": _vm.nowCompId,
|
|
13952
|
-
"isOpcacity": _vm.isOpcacity,
|
|
13953
|
-
"lang": _vm.lang
|
|
13954
|
-
},
|
|
13955
|
-
on: {
|
|
13956
|
-
"getConfigData": _vm.getConfigData
|
|
13957
|
-
}
|
|
13958
|
-
}, 'BaseComp', _vm.$attrs, false), [_c('section', {
|
|
13959
|
-
staticClass: "cms-image-container",
|
|
13960
|
-
class: [_vm.configData.customClass || '', {
|
|
13961
|
-
'has-link': _vm.configData.zoomDynamic
|
|
13962
|
-
}],
|
|
13963
|
-
style: _vm.containerStyle
|
|
13964
|
-
}, [_c('div', {
|
|
13965
|
-
staticClass: "image-wrapper",
|
|
13966
|
-
style: _vm.wrapperStyle,
|
|
13967
|
-
on: {
|
|
13968
|
-
"click": _vm.handleClick
|
|
13969
|
-
}
|
|
13970
|
-
}, [_vm.configData.imageUrl ? _c('img', {
|
|
13971
|
-
staticClass: "cms-image",
|
|
13972
|
-
style: _vm.imageStyle,
|
|
13973
|
-
attrs: {
|
|
13974
|
-
"src": _vm.configData.imageUrl,
|
|
13975
|
-
"alt": _vm.configData.altText || '图片',
|
|
13976
|
-
"title": _vm.configData.title
|
|
13977
|
-
},
|
|
13978
|
-
on: {
|
|
13979
|
-
"load": _vm.onImageLoad,
|
|
13980
|
-
"error": _vm.onImageError
|
|
13981
|
-
}
|
|
13982
|
-
}) : _c('div', {
|
|
13983
|
-
staticClass: "image-placeholder",
|
|
13984
|
-
style: _vm.placeholderStyle
|
|
13985
|
-
}, [_c('img', {
|
|
13986
|
-
staticStyle: {
|
|
13987
|
-
"width": "200px",
|
|
13988
|
-
"height": "200px"
|
|
13989
|
-
},
|
|
13990
|
-
attrs: {
|
|
13991
|
-
"src": __webpack_require__(4806),
|
|
13992
|
-
"alt": "Picture"
|
|
13993
|
-
}
|
|
13994
|
-
})])])]), _vm.configData.remark ? _c('div', {
|
|
13995
|
-
staticClass: "f-c-c"
|
|
13996
|
-
}, [_vm._v(_vm._s(_vm.configData.remark))]) : _vm._e()]);
|
|
13997
|
-
};
|
|
13998
|
-
var staticRenderFns = [];
|
|
13999
|
-
|
|
14000
|
-
;// ./package/cms-image/View.vue?vue&type=template&id=768fd2d4&scoped=true
|
|
14001
|
-
|
|
14002
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
|
|
14003
|
-
var es_iterator_constructor = __webpack_require__(8111);
|
|
14004
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
|
|
14005
|
-
var es_iterator_for_each = __webpack_require__(7588);
|
|
14006
|
-
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
14007
|
-
var baseComp = __webpack_require__(677);
|
|
14008
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=script&lang=js
|
|
14009
|
-
|
|
14010
|
-
|
|
14011
|
-
|
|
14012
|
-
|
|
14013
|
-
|
|
14014
|
-
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
14015
|
-
name: "cms-image",
|
|
14016
|
-
components: {
|
|
14017
|
-
BaseComp: baseComp["default"]
|
|
14018
|
-
},
|
|
14019
|
-
props: {
|
|
14020
|
-
data: {
|
|
14021
|
-
type: Object,
|
|
14022
|
-
default: () => {
|
|
14023
|
-
return {};
|
|
14024
|
-
}
|
|
14025
|
-
},
|
|
14026
|
-
nowCompId: {
|
|
14027
|
-
type: [String, Number],
|
|
14028
|
-
default: ""
|
|
14029
|
-
},
|
|
14030
|
-
isOpcacity: {
|
|
14031
|
-
type: Boolean,
|
|
14032
|
-
default: true
|
|
14033
|
-
},
|
|
14034
|
-
lang: {
|
|
14035
|
-
type: String,
|
|
14036
|
-
default: "zh-HK"
|
|
14037
|
-
}
|
|
14038
|
-
},
|
|
14039
|
-
data() {
|
|
14040
|
-
return {
|
|
14041
|
-
configData: {},
|
|
14042
|
-
imageLoaded: false,
|
|
14043
|
-
imageError: false,
|
|
14044
|
-
// 默认配置数据
|
|
14045
|
-
defaultConfig: {
|
|
14046
|
-
// 图片设置
|
|
14047
|
-
imageUrl: "",
|
|
14048
|
-
altText: "图片",
|
|
14049
|
-
title: "",
|
|
14050
|
-
// 样式设置
|
|
14051
|
-
borderRadius: 0,
|
|
14052
|
-
cornerRadius: {
|
|
14053
|
-
topLeft: "0",
|
|
14054
|
-
topRight: "0",
|
|
14055
|
-
bottomLeft: "0",
|
|
14056
|
-
bottomRight: "0"
|
|
14057
|
-
},
|
|
14058
|
-
objectFit: "cover",
|
|
14059
|
-
// 交互功能
|
|
14060
|
-
linkUrl: "",
|
|
14061
|
-
linkTarget: "_self",
|
|
14062
|
-
// 高级配置
|
|
14063
|
-
customClass: "",
|
|
14064
|
-
customStyle: "",
|
|
14065
|
-
lazyLoad: false,
|
|
14066
|
-
zoomDynamic: false
|
|
14067
|
-
}
|
|
14068
|
-
};
|
|
14069
|
-
},
|
|
14070
|
-
mounted() {
|
|
14071
|
-
this.initConfigData();
|
|
14072
|
-
},
|
|
14073
|
-
watch: {
|
|
14074
|
-
configData: {
|
|
14075
|
-
handler() {
|
|
14076
|
-
this.updateStyles();
|
|
14077
|
-
},
|
|
14078
|
-
deep: true
|
|
14079
|
-
}
|
|
14080
|
-
},
|
|
14081
|
-
computed: {
|
|
14082
|
-
// 容器样式
|
|
14083
|
-
containerStyle() {
|
|
14084
|
-
const config = {
|
|
14085
|
-
...this.defaultConfig,
|
|
14086
|
-
...this.configData
|
|
14087
|
-
};
|
|
14088
|
-
return {
|
|
14089
|
-
...this.parseCustomStyle(config.customStyle)
|
|
14090
|
-
};
|
|
14091
|
-
},
|
|
14092
|
-
borderRadiusStyle() {
|
|
14093
|
-
const config = {
|
|
14094
|
-
...this.defaultConfig,
|
|
14095
|
-
...this.configData
|
|
14096
|
-
};
|
|
14097
|
-
const fallback = config.borderRadius !== undefined && config.borderRadius !== null ? `${config.borderRadius}px` : "0px";
|
|
14098
|
-
const radiusConfig = config.cornerRadius || {};
|
|
14099
|
-
const legacyMap = {
|
|
14100
|
-
topLeft: config.borderRadiusTopLeft,
|
|
14101
|
-
topRight: config.borderRadiusTopRight,
|
|
14102
|
-
bottomLeft: config.borderRadiusBottomLeft,
|
|
14103
|
-
bottomRight: config.borderRadiusBottomRight
|
|
14104
|
-
};
|
|
14105
|
-
const resolveValue = corner => {
|
|
14106
|
-
const value = radiusConfig[corner] !== undefined && radiusConfig[corner] !== null ? radiusConfig[corner] : legacyMap[corner];
|
|
14107
|
-
if (value === "full") return "9999px";
|
|
14108
|
-
if (value === undefined || value === null || value === "") {
|
|
14109
|
-
return fallback;
|
|
14110
|
-
}
|
|
14111
|
-
const num = Number(value);
|
|
14112
|
-
return Number.isNaN(num) ? fallback : `${num}px`;
|
|
14113
|
-
};
|
|
14114
|
-
return {
|
|
14115
|
-
topLeft: resolveValue("topLeft"),
|
|
14116
|
-
topRight: resolveValue("topRight"),
|
|
14117
|
-
bottomLeft: resolveValue("bottomLeft"),
|
|
14118
|
-
bottomRight: resolveValue("bottomRight")
|
|
14119
|
-
};
|
|
14120
|
-
},
|
|
14121
|
-
// 包装器样式
|
|
14122
|
-
wrapperStyle() {
|
|
14123
|
-
const config = {
|
|
14124
|
-
...this.defaultConfig,
|
|
14125
|
-
...this.configData
|
|
14126
|
-
};
|
|
14127
|
-
return {
|
|
14128
|
-
width: "100%",
|
|
14129
|
-
height: "auto",
|
|
14130
|
-
maxWidth: "100%",
|
|
14131
|
-
borderTopLeftRadius: this.borderRadiusStyle.topLeft,
|
|
14132
|
-
borderTopRightRadius: this.borderRadiusStyle.topRight,
|
|
14133
|
-
borderBottomLeftRadius: this.borderRadiusStyle.bottomLeft,
|
|
14134
|
-
borderBottomRightRadius: this.borderRadiusStyle.bottomRight,
|
|
14135
|
-
overflow: "hidden",
|
|
14136
|
-
cursor: config.linkUrl ? "pointer" : "default",
|
|
14137
|
-
display: "block"
|
|
14138
|
-
};
|
|
14139
|
-
},
|
|
14140
|
-
// 图片样式
|
|
14141
|
-
imageStyle() {
|
|
14142
|
-
const config = {
|
|
14143
|
-
...this.defaultConfig,
|
|
14144
|
-
...this.configData
|
|
14145
|
-
};
|
|
14146
|
-
return {
|
|
14147
|
-
width: "100%",
|
|
14148
|
-
height: "auto",
|
|
14149
|
-
objectFit: config.objectFit,
|
|
14150
|
-
display: "block"
|
|
14151
|
-
};
|
|
14152
|
-
},
|
|
14153
|
-
// 占位符样式
|
|
14154
|
-
placeholderStyle() {
|
|
14155
|
-
const config = {
|
|
14156
|
-
...this.defaultConfig,
|
|
14157
|
-
...this.configData
|
|
14158
|
-
};
|
|
14159
|
-
return {
|
|
14160
|
-
width: "100%",
|
|
14161
|
-
minHeight: "150px",
|
|
14162
|
-
backgroundColor: "#F2F9FF",
|
|
14163
|
-
border: "1px dashed #dcdfe6",
|
|
14164
|
-
borderTopLeftRadius: this.borderRadiusStyle.topLeft,
|
|
14165
|
-
borderTopRightRadius: this.borderRadiusStyle.topRight,
|
|
14166
|
-
borderBottomLeftRadius: this.borderRadiusStyle.bottomLeft,
|
|
14167
|
-
borderBottomRightRadius: this.borderRadiusStyle.bottomRight,
|
|
14168
|
-
display: "flex",
|
|
14169
|
-
flexDirection: "column",
|
|
14170
|
-
alignItems: "center",
|
|
14171
|
-
justifyContent: "center",
|
|
14172
|
-
color: "#909399",
|
|
14173
|
-
fontSize: "14px"
|
|
14174
|
-
};
|
|
14175
|
-
}
|
|
14176
|
-
},
|
|
14177
|
-
methods: {
|
|
14178
|
-
// 初始化配置数据
|
|
14179
|
-
initConfigData() {
|
|
14180
|
-
this.configData = this.getMergedConfig(this.configData);
|
|
14181
|
-
},
|
|
14182
|
-
// 获取配置数据
|
|
14183
|
-
getConfigData(configData) {
|
|
14184
|
-
this.configData = this.getMergedConfig(configData);
|
|
14185
|
-
this.updateStyles();
|
|
14186
|
-
},
|
|
14187
|
-
// 更新样式
|
|
14188
|
-
updateStyles() {
|
|
14189
|
-
this.$nextTick(() => {
|
|
14190
|
-
this.$forceUpdate();
|
|
14191
|
-
});
|
|
14192
|
-
},
|
|
14193
|
-
getMergedConfig(configData = {}) {
|
|
14194
|
-
const mergedCorner = {
|
|
14195
|
-
...(this.defaultConfig.cornerRadius || {})
|
|
14196
|
-
};
|
|
14197
|
-
if (configData.cornerRadius) {
|
|
14198
|
-
Object.assign(mergedCorner, configData.cornerRadius);
|
|
14199
|
-
} else {
|
|
14200
|
-
mergedCorner.topLeft = configData.borderRadiusTopLeft ?? mergedCorner.topLeft;
|
|
14201
|
-
mergedCorner.topRight = configData.borderRadiusTopRight ?? mergedCorner.topRight;
|
|
14202
|
-
mergedCorner.bottomLeft = configData.borderRadiusBottomLeft ?? mergedCorner.bottomLeft;
|
|
14203
|
-
mergedCorner.bottomRight = configData.borderRadiusBottomRight ?? mergedCorner.bottomRight;
|
|
14204
|
-
}
|
|
14205
|
-
return {
|
|
14206
|
-
...this.defaultConfig,
|
|
14207
|
-
...configData,
|
|
14208
|
-
cornerRadius: mergedCorner
|
|
14209
|
-
};
|
|
14210
|
-
},
|
|
14211
|
-
// 处理点击事件
|
|
14212
|
-
handleClick() {
|
|
14213
|
-
if (this.configData.linkUrl) {
|
|
14214
|
-
const target = this.configData.linkTarget || "_self";
|
|
14215
|
-
if (target === "_blank") {
|
|
14216
|
-
window.open(this.configData.linkUrl, "_blank");
|
|
14217
|
-
} else {
|
|
14218
|
-
window.location.href = this.configData.linkUrl;
|
|
14219
|
-
}
|
|
14220
|
-
}
|
|
14221
|
-
},
|
|
14222
|
-
// 图片加载成功
|
|
14223
|
-
onImageLoad() {
|
|
14224
|
-
this.imageLoaded = true;
|
|
14225
|
-
this.imageError = false;
|
|
14226
|
-
},
|
|
14227
|
-
// 图片加载失败
|
|
14228
|
-
onImageError() {
|
|
14229
|
-
this.imageLoaded = false;
|
|
14230
|
-
this.imageError = true;
|
|
14231
|
-
},
|
|
14232
|
-
// 解析自定义样式
|
|
14233
|
-
parseCustomStyle(customStyle) {
|
|
14234
|
-
if (!customStyle) return {};
|
|
14235
|
-
try {
|
|
14236
|
-
const styles = {};
|
|
14237
|
-
const declarations = customStyle.split(";");
|
|
14238
|
-
declarations.forEach(declaration => {
|
|
14239
|
-
const [property, value] = declaration.split(":");
|
|
14240
|
-
if (property && value) {
|
|
14241
|
-
const camelCaseProperty = property.trim().replace(/-([a-z])/g, g => g[1].toUpperCase());
|
|
14242
|
-
styles[camelCaseProperty] = value.trim();
|
|
14243
|
-
}
|
|
14244
|
-
});
|
|
14245
|
-
return styles;
|
|
14246
|
-
} catch (error) {
|
|
14247
|
-
console.warn("解析自定义样式失败:", error);
|
|
14248
|
-
return {};
|
|
14249
|
-
}
|
|
14250
|
-
}
|
|
14251
|
-
}
|
|
14252
|
-
});
|
|
14253
|
-
;// ./package/cms-image/View.vue?vue&type=script&lang=js
|
|
14254
|
-
/* harmony default export */ var cms_image_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
14255
|
-
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=style&index=0&id=768fd2d4&prod&lang=scss&scoped=true
|
|
14256
|
-
// extracted by mini-css-extract-plugin
|
|
14257
|
-
|
|
14258
|
-
;// ./package/cms-image/View.vue?vue&type=style&index=0&id=768fd2d4&prod&lang=scss&scoped=true
|
|
14259
|
-
|
|
14260
|
-
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
14261
|
-
var componentNormalizer = __webpack_require__(1656);
|
|
14262
|
-
;// ./package/cms-image/View.vue
|
|
14263
|
-
|
|
14264
|
-
|
|
14265
|
-
|
|
14266
|
-
;
|
|
14267
|
-
|
|
14268
|
-
|
|
14269
|
-
/* normalize component */
|
|
14270
|
-
|
|
14271
|
-
var component = (0,componentNormalizer/* default */.A)(
|
|
14272
|
-
cms_image_Viewvue_type_script_lang_js,
|
|
14273
|
-
render,
|
|
14274
|
-
staticRenderFns,
|
|
14275
|
-
false,
|
|
14276
|
-
null,
|
|
14277
|
-
"768fd2d4",
|
|
14278
|
-
null
|
|
14279
|
-
|
|
14280
|
-
)
|
|
14281
|
-
|
|
14282
|
-
/* harmony default export */ var View = (component.exports);
|
|
14283
|
-
|
|
14284
14285
|
/***/ }),
|
|
14285
14286
|
|
|
14286
14287
|
/***/ 1291:
|
|
@@ -22797,13 +22798,13 @@ var map = {
|
|
|
22797
22798
|
"./cms-image": 3513,
|
|
22798
22799
|
"./cms-image-group": 2987,
|
|
22799
22800
|
"./cms-image-group/": 2987,
|
|
22800
|
-
"./cms-image-group/View":
|
|
22801
|
-
"./cms-image-group/View.vue":
|
|
22801
|
+
"./cms-image-group/View": 7800,
|
|
22802
|
+
"./cms-image-group/View.vue": 7800,
|
|
22802
22803
|
"./cms-image-group/index": 2987,
|
|
22803
22804
|
"./cms-image-group/index.js": 2987,
|
|
22804
22805
|
"./cms-image/": 3513,
|
|
22805
|
-
"./cms-image/View":
|
|
22806
|
-
"./cms-image/View.vue":
|
|
22806
|
+
"./cms-image/View": 153,
|
|
22807
|
+
"./cms-image/View.vue": 153,
|
|
22807
22808
|
"./cms-image/index": 3513,
|
|
22808
22809
|
"./cms-image/index.js": 3513,
|
|
22809
22810
|
"./cms-imgFour": 3395,
|
|
@@ -27856,7 +27857,7 @@ module.exports = Math.pow;
|
|
|
27856
27857
|
__webpack_require__.r(__webpack_exports__);
|
|
27857
27858
|
/* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
|
|
27858
27859
|
|
|
27859
|
-
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__,
|
|
27860
|
+
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 7800));
|
|
27860
27861
|
const langData = {
|
|
27861
27862
|
colNums: 1,
|
|
27862
27863
|
defaultCol: 12,
|
|
@@ -28717,7 +28718,7 @@ module.exports = function (argument) {
|
|
|
28717
28718
|
__webpack_require__.r(__webpack_exports__);
|
|
28718
28719
|
/* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
|
|
28719
28720
|
|
|
28720
|
-
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__,
|
|
28721
|
+
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 153));
|
|
28721
28722
|
const langData = {
|
|
28722
28723
|
// 图片设置
|
|
28723
28724
|
remark: "",
|
|
@@ -42106,8 +42107,8 @@ var map = {
|
|
|
42106
42107
|
"./cms-description/View.vue": 6296,
|
|
42107
42108
|
"./cms-dynamic-comp/View.vue": 471,
|
|
42108
42109
|
"./cms-iconFour/View.vue": 2946,
|
|
42109
|
-
"./cms-image-group/View.vue":
|
|
42110
|
-
"./cms-image/View.vue":
|
|
42110
|
+
"./cms-image-group/View.vue": 7800,
|
|
42111
|
+
"./cms-image/View.vue": 153,
|
|
42111
42112
|
"./cms-imgFour/View.vue": 9545,
|
|
42112
42113
|
"./cms-lineFive/View.vue": 1716,
|
|
42113
42114
|
"./cms-lineFour/View.vue": 8067,
|
|
@@ -48980,250 +48981,6 @@ module.exports = function (O, key, value, options) {
|
|
|
48980
48981
|
};
|
|
48981
48982
|
|
|
48982
48983
|
|
|
48983
|
-
/***/ }),
|
|
48984
|
-
|
|
48985
|
-
/***/ 6867:
|
|
48986
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
48987
|
-
|
|
48988
|
-
"use strict";
|
|
48989
|
-
// ESM COMPAT FLAG
|
|
48990
|
-
__webpack_require__.r(__webpack_exports__);
|
|
48991
|
-
|
|
48992
|
-
// EXPORTS
|
|
48993
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
48994
|
-
"default": function() { return /* binding */ View; }
|
|
48995
|
-
});
|
|
48996
|
-
|
|
48997
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image-group/View.vue?vue&type=template&id=e0f7e068&scoped=true
|
|
48998
|
-
var render = function render() {
|
|
48999
|
-
var _vm = this,
|
|
49000
|
-
_c = _vm._self._c;
|
|
49001
|
-
return _c('BaseComp', _vm._b({
|
|
49002
|
-
attrs: {
|
|
49003
|
-
"data": _vm.data,
|
|
49004
|
-
"nowCompId": _vm.nowCompId,
|
|
49005
|
-
"isOpcacity": _vm.isOpcacity,
|
|
49006
|
-
"isMask": false,
|
|
49007
|
-
"lang": _vm.lang
|
|
49008
|
-
},
|
|
49009
|
-
on: {
|
|
49010
|
-
"getConfigData": _vm.getConfigData
|
|
49011
|
-
}
|
|
49012
|
-
}, 'BaseComp', _vm.$attrs, false), [_c('section', {
|
|
49013
|
-
staticClass: "cmhk-home_main"
|
|
49014
|
-
}, [_c('div', {
|
|
49015
|
-
staticClass: "wrap",
|
|
49016
|
-
style: _vm.wrapStyle
|
|
49017
|
-
}, _vm._l(_vm.showVideoList, function (item) {
|
|
49018
|
-
return _c('cms-image', {
|
|
49019
|
-
key: item.componentId,
|
|
49020
|
-
staticStyle: {
|
|
49021
|
-
"overflow": "hidden"
|
|
49022
|
-
},
|
|
49023
|
-
attrs: {
|
|
49024
|
-
"data": item,
|
|
49025
|
-
"nowCompId": _vm.nowCompId,
|
|
49026
|
-
"isOpcacity": _vm.isOpcacity,
|
|
49027
|
-
"isMask": false,
|
|
49028
|
-
"lang": _vm.lang
|
|
49029
|
-
}
|
|
49030
|
-
});
|
|
49031
|
-
}), 1), _vm.isShowPannel ? [_c('div', {
|
|
49032
|
-
staticClass: "view-more-container"
|
|
49033
|
-
}, [_c('div', {
|
|
49034
|
-
staticClass: "view-more-btn",
|
|
49035
|
-
on: {
|
|
49036
|
-
"click": _vm.foldMessText
|
|
49037
|
-
}
|
|
49038
|
-
}, [_c('span', {
|
|
49039
|
-
staticClass: "view-more-text"
|
|
49040
|
-
}, [_vm._v(" " + _vm._s(_vm.messFold ? _vm.$t("roamIndex.Collpase") : _vm.$t("roamIndex.More")) + " ")]), _c('i', {
|
|
49041
|
-
class: ['view-more-icon', _vm.messFold ? 'el-icon-arrow-up' : 'el-icon-arrow-down']
|
|
49042
|
-
})])])] : _vm._e()], 2)]);
|
|
49043
|
-
};
|
|
49044
|
-
var staticRenderFns = [];
|
|
49045
|
-
|
|
49046
|
-
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
49047
|
-
var baseComp = __webpack_require__(677);
|
|
49048
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image-group/View.vue?vue&type=script&lang=js
|
|
49049
|
-
|
|
49050
|
-
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
49051
|
-
name: "cms-image-group",
|
|
49052
|
-
components: {
|
|
49053
|
-
BaseComp: baseComp["default"]
|
|
49054
|
-
},
|
|
49055
|
-
props: {
|
|
49056
|
-
data: {
|
|
49057
|
-
type: Object,
|
|
49058
|
-
default: () => {
|
|
49059
|
-
return {};
|
|
49060
|
-
}
|
|
49061
|
-
},
|
|
49062
|
-
nowCompId: {
|
|
49063
|
-
type: [String, Number],
|
|
49064
|
-
default: ""
|
|
49065
|
-
},
|
|
49066
|
-
isOpcacity: {
|
|
49067
|
-
type: Boolean,
|
|
49068
|
-
default: true
|
|
49069
|
-
},
|
|
49070
|
-
lang: {
|
|
49071
|
-
type: String,
|
|
49072
|
-
default: "zh-HK"
|
|
49073
|
-
}
|
|
49074
|
-
},
|
|
49075
|
-
data() {
|
|
49076
|
-
return {
|
|
49077
|
-
configData: {},
|
|
49078
|
-
messFold: false,
|
|
49079
|
-
// 默认配置数据
|
|
49080
|
-
defaultConfig: {
|
|
49081
|
-
colNums: 1,
|
|
49082
|
-
defaultCol: 12,
|
|
49083
|
-
gap: 10,
|
|
49084
|
-
cornerRadius: {
|
|
49085
|
-
topLeft: "0",
|
|
49086
|
-
topRight: "0",
|
|
49087
|
-
bottomLeft: "0",
|
|
49088
|
-
bottomRight: "0"
|
|
49089
|
-
}
|
|
49090
|
-
},
|
|
49091
|
-
isShowPannel: false
|
|
49092
|
-
};
|
|
49093
|
-
},
|
|
49094
|
-
mounted() {},
|
|
49095
|
-
watch: {
|
|
49096
|
-
configData: {
|
|
49097
|
-
handler() {
|
|
49098
|
-
this.updateStyles();
|
|
49099
|
-
},
|
|
49100
|
-
deep: true
|
|
49101
|
-
}
|
|
49102
|
-
},
|
|
49103
|
-
computed: {
|
|
49104
|
-
showVideoList() {
|
|
49105
|
-
if (this.isShowPannel && !this.messFold) return this.data.childList.slice(0, this.configData.colNums * this.configData.defaultCol);
|
|
49106
|
-
return this.data.childList;
|
|
49107
|
-
},
|
|
49108
|
-
isConfigPage() {
|
|
49109
|
-
return this.$EventBus && this.isOpcacity;
|
|
49110
|
-
},
|
|
49111
|
-
borderRadiusStyle() {
|
|
49112
|
-
const config = {
|
|
49113
|
-
...this.defaultConfig,
|
|
49114
|
-
...this.configData
|
|
49115
|
-
};
|
|
49116
|
-
const radiusConfig = config.cornerRadius || {};
|
|
49117
|
-
const legacyMap = {
|
|
49118
|
-
topLeft: config.borderRadiusTopLeft,
|
|
49119
|
-
topRight: config.borderRadiusTopRight,
|
|
49120
|
-
bottomLeft: config.borderRadiusBottomLeft,
|
|
49121
|
-
bottomRight: config.borderRadiusBottomRight
|
|
49122
|
-
};
|
|
49123
|
-
const formatRadius = value => {
|
|
49124
|
-
if (value === "full") return "9999px";
|
|
49125
|
-
if (value === undefined || value === null || value === "") {
|
|
49126
|
-
return "0px";
|
|
49127
|
-
}
|
|
49128
|
-
const num = Number(value);
|
|
49129
|
-
return Number.isNaN(num) ? "0px" : `${num}px`;
|
|
49130
|
-
};
|
|
49131
|
-
const resolveValue = corner => {
|
|
49132
|
-
const value = radiusConfig[corner] !== undefined && radiusConfig[corner] !== null ? radiusConfig[corner] : legacyMap[corner];
|
|
49133
|
-
return formatRadius(value);
|
|
49134
|
-
};
|
|
49135
|
-
return {
|
|
49136
|
-
topLeft: resolveValue("topLeft"),
|
|
49137
|
-
topRight: resolveValue("topRight"),
|
|
49138
|
-
bottomLeft: resolveValue("bottomLeft"),
|
|
49139
|
-
bottomRight: resolveValue("bottomRight")
|
|
49140
|
-
};
|
|
49141
|
-
},
|
|
49142
|
-
wrapStyle() {
|
|
49143
|
-
const config = {
|
|
49144
|
-
...this.defaultConfig,
|
|
49145
|
-
...this.configData
|
|
49146
|
-
};
|
|
49147
|
-
return {
|
|
49148
|
-
gridTemplateColumns: `repeat(${config.colNums}, 1fr)`,
|
|
49149
|
-
gridGap: `${config.gap}px`,
|
|
49150
|
-
borderTopLeftRadius: this.borderRadiusStyle.topLeft,
|
|
49151
|
-
borderTopRightRadius: this.borderRadiusStyle.topRight,
|
|
49152
|
-
borderBottomLeftRadius: this.borderRadiusStyle.bottomLeft,
|
|
49153
|
-
borderBottomRightRadius: this.borderRadiusStyle.bottomRight,
|
|
49154
|
-
overflow: "hidden"
|
|
49155
|
-
};
|
|
49156
|
-
}
|
|
49157
|
-
},
|
|
49158
|
-
methods: {
|
|
49159
|
-
// 获取配置数据
|
|
49160
|
-
getConfigData(configData) {
|
|
49161
|
-
this.configData = this.getMergedConfig(configData);
|
|
49162
|
-
this.updateStyles();
|
|
49163
|
-
this.isShowPannel = this.configData.colNums * this.configData.defaultCol < this.data.childList.length;
|
|
49164
|
-
},
|
|
49165
|
-
// 更新样式
|
|
49166
|
-
updateStyles() {
|
|
49167
|
-
this.$nextTick(() => {
|
|
49168
|
-
// 触发样式更新
|
|
49169
|
-
this.$forceUpdate();
|
|
49170
|
-
});
|
|
49171
|
-
},
|
|
49172
|
-
// 折叠/展开文本
|
|
49173
|
-
foldMessText() {
|
|
49174
|
-
this.messFold = !this.messFold;
|
|
49175
|
-
},
|
|
49176
|
-
getMergedConfig(configData = {}) {
|
|
49177
|
-
const mergedCorner = {
|
|
49178
|
-
...(this.defaultConfig.cornerRadius || {})
|
|
49179
|
-
};
|
|
49180
|
-
if (configData.cornerRadius) {
|
|
49181
|
-
Object.assign(mergedCorner, configData.cornerRadius);
|
|
49182
|
-
} else {
|
|
49183
|
-
mergedCorner.topLeft = configData.borderRadiusTopLeft ?? mergedCorner.topLeft;
|
|
49184
|
-
mergedCorner.topRight = configData.borderRadiusTopRight ?? mergedCorner.topRight;
|
|
49185
|
-
mergedCorner.bottomLeft = configData.borderRadiusBottomLeft ?? mergedCorner.bottomLeft;
|
|
49186
|
-
mergedCorner.bottomRight = configData.borderRadiusBottomRight ?? mergedCorner.bottomRight;
|
|
49187
|
-
}
|
|
49188
|
-
return {
|
|
49189
|
-
...this.defaultConfig,
|
|
49190
|
-
...configData,
|
|
49191
|
-
cornerRadius: mergedCorner
|
|
49192
|
-
};
|
|
49193
|
-
}
|
|
49194
|
-
}
|
|
49195
|
-
});
|
|
49196
|
-
;// ./package/cms-image-group/View.vue?vue&type=script&lang=js
|
|
49197
|
-
/* harmony default export */ var cms_image_group_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
49198
|
-
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image-group/View.vue?vue&type=style&index=0&id=e0f7e068&prod&lang=scss&scoped=true
|
|
49199
|
-
// extracted by mini-css-extract-plugin
|
|
49200
|
-
|
|
49201
|
-
;// ./package/cms-image-group/View.vue?vue&type=style&index=0&id=e0f7e068&prod&lang=scss&scoped=true
|
|
49202
|
-
|
|
49203
|
-
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
49204
|
-
var componentNormalizer = __webpack_require__(1656);
|
|
49205
|
-
;// ./package/cms-image-group/View.vue
|
|
49206
|
-
|
|
49207
|
-
|
|
49208
|
-
|
|
49209
|
-
;
|
|
49210
|
-
|
|
49211
|
-
|
|
49212
|
-
/* normalize component */
|
|
49213
|
-
|
|
49214
|
-
var component = (0,componentNormalizer/* default */.A)(
|
|
49215
|
-
cms_image_group_Viewvue_type_script_lang_js,
|
|
49216
|
-
render,
|
|
49217
|
-
staticRenderFns,
|
|
49218
|
-
false,
|
|
49219
|
-
null,
|
|
49220
|
-
"e0f7e068",
|
|
49221
|
-
null
|
|
49222
|
-
|
|
49223
|
-
)
|
|
49224
|
-
|
|
49225
|
-
/* harmony default export */ var View = (component.exports);
|
|
49226
|
-
|
|
49227
48984
|
/***/ }),
|
|
49228
48985
|
|
|
49229
48986
|
/***/ 6946:
|
|
@@ -51796,6 +51553,251 @@ var component = (0,componentNormalizer/* default */.A)(
|
|
|
51796
51553
|
|
|
51797
51554
|
/***/ }),
|
|
51798
51555
|
|
|
51556
|
+
/***/ 7800:
|
|
51557
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
51558
|
+
|
|
51559
|
+
"use strict";
|
|
51560
|
+
// ESM COMPAT FLAG
|
|
51561
|
+
__webpack_require__.r(__webpack_exports__);
|
|
51562
|
+
|
|
51563
|
+
// EXPORTS
|
|
51564
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
51565
|
+
"default": function() { return /* binding */ View; }
|
|
51566
|
+
});
|
|
51567
|
+
|
|
51568
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image-group/View.vue?vue&type=template&id=a0772124&scoped=true
|
|
51569
|
+
var render = function render() {
|
|
51570
|
+
var _vm = this,
|
|
51571
|
+
_c = _vm._self._c;
|
|
51572
|
+
return _c('BaseComp', _vm._b({
|
|
51573
|
+
attrs: {
|
|
51574
|
+
"data": _vm.data,
|
|
51575
|
+
"nowCompId": _vm.nowCompId,
|
|
51576
|
+
"isOpcacity": _vm.isOpcacity,
|
|
51577
|
+
"isMask": false,
|
|
51578
|
+
"lang": _vm.lang
|
|
51579
|
+
},
|
|
51580
|
+
on: {
|
|
51581
|
+
"getConfigData": _vm.getConfigData
|
|
51582
|
+
}
|
|
51583
|
+
}, 'BaseComp', _vm.$attrs, false), [_c('section', {
|
|
51584
|
+
staticClass: "cmhk-home_main"
|
|
51585
|
+
}, [_c('div', {
|
|
51586
|
+
staticClass: "wrap",
|
|
51587
|
+
style: _vm.wrapStyle
|
|
51588
|
+
}, _vm._l(_vm.showVideoList, function (item) {
|
|
51589
|
+
return _c('cms-image', {
|
|
51590
|
+
key: item.componentId,
|
|
51591
|
+
staticStyle: {
|
|
51592
|
+
"overflow": "hidden"
|
|
51593
|
+
},
|
|
51594
|
+
attrs: {
|
|
51595
|
+
"data": item,
|
|
51596
|
+
"nowCompId": _vm.nowCompId,
|
|
51597
|
+
"isOpcacity": _vm.isOpcacity,
|
|
51598
|
+
"isMask": false,
|
|
51599
|
+
"lang": _vm.lang
|
|
51600
|
+
}
|
|
51601
|
+
});
|
|
51602
|
+
}), 1), _vm.isShowPannel ? [_c('div', {
|
|
51603
|
+
staticClass: "view-more-container"
|
|
51604
|
+
}, [_c('div', {
|
|
51605
|
+
staticClass: "view-more-btn",
|
|
51606
|
+
on: {
|
|
51607
|
+
"click": _vm.foldMessText
|
|
51608
|
+
}
|
|
51609
|
+
}, [_c('span', {
|
|
51610
|
+
staticClass: "view-more-text"
|
|
51611
|
+
}, [_vm._v(" " + _vm._s(_vm.messFold ? _vm.$t("roamIndex.Collpase") : _vm.$t("roamIndex.More")) + " ")]), _c('i', {
|
|
51612
|
+
class: ['view-more-icon', _vm.messFold ? 'el-icon-arrow-up' : 'el-icon-arrow-down']
|
|
51613
|
+
})])])] : _vm._e()], 2)]);
|
|
51614
|
+
};
|
|
51615
|
+
var staticRenderFns = [];
|
|
51616
|
+
|
|
51617
|
+
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
51618
|
+
var baseComp = __webpack_require__(677);
|
|
51619
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image-group/View.vue?vue&type=script&lang=js
|
|
51620
|
+
|
|
51621
|
+
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
51622
|
+
name: "cms-image-group",
|
|
51623
|
+
components: {
|
|
51624
|
+
BaseComp: baseComp["default"]
|
|
51625
|
+
},
|
|
51626
|
+
props: {
|
|
51627
|
+
data: {
|
|
51628
|
+
type: Object,
|
|
51629
|
+
default: () => {
|
|
51630
|
+
return {};
|
|
51631
|
+
}
|
|
51632
|
+
},
|
|
51633
|
+
nowCompId: {
|
|
51634
|
+
type: [String, Number],
|
|
51635
|
+
default: ""
|
|
51636
|
+
},
|
|
51637
|
+
isOpcacity: {
|
|
51638
|
+
type: Boolean,
|
|
51639
|
+
default: true
|
|
51640
|
+
},
|
|
51641
|
+
lang: {
|
|
51642
|
+
type: String,
|
|
51643
|
+
default: "zh-HK"
|
|
51644
|
+
}
|
|
51645
|
+
},
|
|
51646
|
+
data() {
|
|
51647
|
+
return {
|
|
51648
|
+
configData: {},
|
|
51649
|
+
messFold: false,
|
|
51650
|
+
// 默认配置数据
|
|
51651
|
+
defaultConfig: {
|
|
51652
|
+
colNums: 1,
|
|
51653
|
+
defaultCol: 12,
|
|
51654
|
+
gap: 10,
|
|
51655
|
+
cornerRadius: {
|
|
51656
|
+
topLeft: "0",
|
|
51657
|
+
topRight: "0",
|
|
51658
|
+
bottomLeft: "0",
|
|
51659
|
+
bottomRight: "0"
|
|
51660
|
+
}
|
|
51661
|
+
},
|
|
51662
|
+
isShowPannel: false
|
|
51663
|
+
};
|
|
51664
|
+
},
|
|
51665
|
+
mounted() {},
|
|
51666
|
+
watch: {
|
|
51667
|
+
configData: {
|
|
51668
|
+
handler() {
|
|
51669
|
+
this.updateStyles();
|
|
51670
|
+
},
|
|
51671
|
+
deep: true
|
|
51672
|
+
}
|
|
51673
|
+
},
|
|
51674
|
+
computed: {
|
|
51675
|
+
showVideoList() {
|
|
51676
|
+
if (this.isShowPannel && !this.messFold) return this.data.childList.slice(0, this.configData.colNums * this.configData.defaultCol);
|
|
51677
|
+
return this.data.childList;
|
|
51678
|
+
},
|
|
51679
|
+
isConfigPage() {
|
|
51680
|
+
return this.$EventBus && this.isOpcacity;
|
|
51681
|
+
},
|
|
51682
|
+
borderRadiusStyle() {
|
|
51683
|
+
const config = {
|
|
51684
|
+
...this.defaultConfig,
|
|
51685
|
+
...this.configData
|
|
51686
|
+
};
|
|
51687
|
+
const radiusConfig = config.cornerRadius || {};
|
|
51688
|
+
const legacyMap = {
|
|
51689
|
+
topLeft: config.borderRadiusTopLeft,
|
|
51690
|
+
topRight: config.borderRadiusTopRight,
|
|
51691
|
+
bottomLeft: config.borderRadiusBottomLeft,
|
|
51692
|
+
bottomRight: config.borderRadiusBottomRight
|
|
51693
|
+
};
|
|
51694
|
+
const formatRadius = value => {
|
|
51695
|
+
if (value === "full") return "9999px";
|
|
51696
|
+
if (value === undefined || value === null || value === "") {
|
|
51697
|
+
return "0px";
|
|
51698
|
+
}
|
|
51699
|
+
const num = Number(value);
|
|
51700
|
+
return Number.isNaN(num) ? "0px" : `${num}px`;
|
|
51701
|
+
};
|
|
51702
|
+
const resolveValue = corner => {
|
|
51703
|
+
const value = radiusConfig[corner] !== undefined && radiusConfig[corner] !== null ? radiusConfig[corner] : legacyMap[corner];
|
|
51704
|
+
return formatRadius(value);
|
|
51705
|
+
};
|
|
51706
|
+
return {
|
|
51707
|
+
topLeft: resolveValue("topLeft"),
|
|
51708
|
+
topRight: resolveValue("topRight"),
|
|
51709
|
+
bottomLeft: resolveValue("bottomLeft"),
|
|
51710
|
+
bottomRight: resolveValue("bottomRight")
|
|
51711
|
+
};
|
|
51712
|
+
},
|
|
51713
|
+
wrapStyle() {
|
|
51714
|
+
const config = {
|
|
51715
|
+
...this.defaultConfig,
|
|
51716
|
+
...this.configData
|
|
51717
|
+
};
|
|
51718
|
+
return {
|
|
51719
|
+
gridTemplateColumns: `repeat(${config.colNums}, 1fr)`,
|
|
51720
|
+
gridGap: `${config.gap}px`,
|
|
51721
|
+
borderTopLeftRadius: this.borderRadiusStyle.topLeft,
|
|
51722
|
+
borderTopRightRadius: this.borderRadiusStyle.topRight,
|
|
51723
|
+
borderBottomLeftRadius: this.borderRadiusStyle.bottomLeft,
|
|
51724
|
+
borderBottomRightRadius: this.borderRadiusStyle.bottomRight,
|
|
51725
|
+
overflow: "hidden"
|
|
51726
|
+
};
|
|
51727
|
+
}
|
|
51728
|
+
},
|
|
51729
|
+
methods: {
|
|
51730
|
+
// 获取配置数据
|
|
51731
|
+
getConfigData(configData) {
|
|
51732
|
+
this.configData = this.getMergedConfig(configData);
|
|
51733
|
+
this.updateStyles();
|
|
51734
|
+
this.isShowPannel = this.configData.colNums * this.configData.defaultCol < this.data.childList.length;
|
|
51735
|
+
},
|
|
51736
|
+
// 更新样式
|
|
51737
|
+
updateStyles() {
|
|
51738
|
+
this.$nextTick(() => {
|
|
51739
|
+
// 触发样式更新
|
|
51740
|
+
this.$forceUpdate();
|
|
51741
|
+
});
|
|
51742
|
+
},
|
|
51743
|
+
// 折叠/展开文本
|
|
51744
|
+
foldMessText() {
|
|
51745
|
+
this.messFold = !this.messFold;
|
|
51746
|
+
},
|
|
51747
|
+
getMergedConfig(configData = {}) {
|
|
51748
|
+
const mergedCorner = {
|
|
51749
|
+
...(this.defaultConfig.cornerRadius || {})
|
|
51750
|
+
};
|
|
51751
|
+
if (configData.cornerRadius) {
|
|
51752
|
+
Object.assign(mergedCorner, configData.cornerRadius);
|
|
51753
|
+
} else {
|
|
51754
|
+
var _configData$borderRad, _configData$borderRad2, _configData$borderRad3, _configData$borderRad4;
|
|
51755
|
+
mergedCorner.topLeft = (_configData$borderRad = configData.borderRadiusTopLeft) === null || _configData$borderRad === void 0 ? void 0 : _configData$borderRad.mergedCorner.topLeft;
|
|
51756
|
+
mergedCorner.topRight = (_configData$borderRad2 = configData.borderRadiusTopRight) === null || _configData$borderRad2 === void 0 ? void 0 : _configData$borderRad2.mergedCorner.topRight;
|
|
51757
|
+
mergedCorner.bottomLeft = (_configData$borderRad3 = configData.borderRadiusBottomLeft) === null || _configData$borderRad3 === void 0 ? void 0 : _configData$borderRad3.mergedCorner.bottomLeft;
|
|
51758
|
+
mergedCorner.bottomRight = (_configData$borderRad4 = configData.borderRadiusBottomRight) === null || _configData$borderRad4 === void 0 ? void 0 : _configData$borderRad4.mergedCorner.bottomRight;
|
|
51759
|
+
}
|
|
51760
|
+
return {
|
|
51761
|
+
...this.defaultConfig,
|
|
51762
|
+
...configData,
|
|
51763
|
+
cornerRadius: mergedCorner
|
|
51764
|
+
};
|
|
51765
|
+
}
|
|
51766
|
+
}
|
|
51767
|
+
});
|
|
51768
|
+
;// ./package/cms-image-group/View.vue?vue&type=script&lang=js
|
|
51769
|
+
/* harmony default export */ var cms_image_group_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
51770
|
+
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image-group/View.vue?vue&type=style&index=0&id=a0772124&prod&lang=scss&scoped=true
|
|
51771
|
+
// extracted by mini-css-extract-plugin
|
|
51772
|
+
|
|
51773
|
+
;// ./package/cms-image-group/View.vue?vue&type=style&index=0&id=a0772124&prod&lang=scss&scoped=true
|
|
51774
|
+
|
|
51775
|
+
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
51776
|
+
var componentNormalizer = __webpack_require__(1656);
|
|
51777
|
+
;// ./package/cms-image-group/View.vue
|
|
51778
|
+
|
|
51779
|
+
|
|
51780
|
+
|
|
51781
|
+
;
|
|
51782
|
+
|
|
51783
|
+
|
|
51784
|
+
/* normalize component */
|
|
51785
|
+
|
|
51786
|
+
var component = (0,componentNormalizer/* default */.A)(
|
|
51787
|
+
cms_image_group_Viewvue_type_script_lang_js,
|
|
51788
|
+
render,
|
|
51789
|
+
staticRenderFns,
|
|
51790
|
+
false,
|
|
51791
|
+
null,
|
|
51792
|
+
"a0772124",
|
|
51793
|
+
null
|
|
51794
|
+
|
|
51795
|
+
)
|
|
51796
|
+
|
|
51797
|
+
/* harmony default export */ var View = (component.exports);
|
|
51798
|
+
|
|
51799
|
+
/***/ }),
|
|
51800
|
+
|
|
51799
51801
|
/***/ 7811:
|
|
51800
51802
|
/***/ (function(module) {
|
|
51801
51803
|
|