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.
@@ -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": 6867,
22801
- "./cms-image-group/View.vue": 6867,
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": 1222,
22806
- "./cms-image/View.vue": 1222,
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__, 6867));
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__, 1222));
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": 6867,
42110
- "./cms-image/View.vue": 1222,
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