cms-chenhj-ui 2.0.10 → 2.0.12
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 +1776 -1673
- package/cms-chenhj-ui.common.js.map +1 -1
- package/cms-chenhj-ui.css +1 -1
- package/cms-chenhj-ui.umd.js +1793 -1690
- package/cms-chenhj-ui.umd.js.map +1 -1
- package/cms-chenhj-ui.umd.min.js +3 -3
- package/cms-chenhj-ui.umd.min.js.map +1 -1
- package/package.json +1 -1
package/cms-chenhj-ui.common.js
CHANGED
|
@@ -101,6 +101,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
101
101
|
widthValue: {
|
|
102
102
|
label: "宽度数值",
|
|
103
103
|
widgetType: "el-input-number",
|
|
104
|
+
size: "small",
|
|
104
105
|
min: 1,
|
|
105
106
|
max: 2000,
|
|
106
107
|
step: 1,
|
|
@@ -126,6 +127,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
126
127
|
heightValue: {
|
|
127
128
|
label: "高度数值",
|
|
128
129
|
widgetType: "el-input-number",
|
|
130
|
+
size: "small",
|
|
129
131
|
min: 1,
|
|
130
132
|
max: 2000,
|
|
131
133
|
step: 1,
|
|
@@ -162,6 +164,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
162
164
|
maxWidth: {
|
|
163
165
|
label: "最大宽度(px)",
|
|
164
166
|
widgetType: "el-input-number",
|
|
167
|
+
size: "small",
|
|
165
168
|
min: 0,
|
|
166
169
|
max: 2000,
|
|
167
170
|
step: 1,
|
|
@@ -170,6 +173,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
170
173
|
maxHeight: {
|
|
171
174
|
label: "最大高度(px)",
|
|
172
175
|
widgetType: "el-input-number",
|
|
176
|
+
size: "small",
|
|
173
177
|
min: 0,
|
|
174
178
|
max: 2000,
|
|
175
179
|
step: 1,
|
|
@@ -179,22 +183,24 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
179
183
|
borderRadius: {
|
|
180
184
|
label: "圆角(px)",
|
|
181
185
|
widgetType: "el-input-number",
|
|
186
|
+
size: "small",
|
|
182
187
|
min: 0,
|
|
183
188
|
max: 100,
|
|
184
189
|
step: 1
|
|
185
|
-
},
|
|
186
|
-
// 高级配置
|
|
187
|
-
customClass: {
|
|
188
|
-
label: "自定义CSS类",
|
|
189
|
-
widgetType: "el-input",
|
|
190
|
-
placeholder: "请输入CSS类名"
|
|
191
|
-
},
|
|
192
|
-
customStyle: {
|
|
193
|
-
label: "自定义样式",
|
|
194
|
-
widgetType: "el-input",
|
|
195
|
-
type: "textarea",
|
|
196
|
-
placeholder: "请输入CSS样式,如: box-shadow: 0 2px 4px rgba(0,0,0,0.1);"
|
|
197
190
|
}
|
|
191
|
+
|
|
192
|
+
// 高级配置
|
|
193
|
+
// customClass: {
|
|
194
|
+
// label: "自定义CSS类",
|
|
195
|
+
// widgetType: "el-input",
|
|
196
|
+
// placeholder: "请输入CSS类名",
|
|
197
|
+
// },
|
|
198
|
+
// customStyle: {
|
|
199
|
+
// label: "自定义样式",
|
|
200
|
+
// widgetType: "el-input",
|
|
201
|
+
// type: "textarea",
|
|
202
|
+
// placeholder: "请输入CSS样式,如: box-shadow: 0 2px 4px rgba(0,0,0,0.1);",
|
|
203
|
+
// },
|
|
198
204
|
});
|
|
199
205
|
const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSchema)(langData);
|
|
200
206
|
/* harmony default export */ __webpack_exports__["default"] = ({
|
|
@@ -563,7 +569,7 @@ var swiper = __webpack_require__(2791);
|
|
|
563
569
|
// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
|
|
564
570
|
var swiper_esm_bundle = __webpack_require__(4418);
|
|
565
571
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
566
|
-
var baseComp = __webpack_require__(
|
|
572
|
+
var baseComp = __webpack_require__(6228);
|
|
567
573
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-aLineThreeLeftOne/View.vue?vue&type=script&lang=js
|
|
568
574
|
|
|
569
575
|
|
|
@@ -845,7 +851,7 @@ module.exports = {
|
|
|
845
851
|
__webpack_require__.r(__webpack_exports__);
|
|
846
852
|
/* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(649);
|
|
847
853
|
|
|
848
|
-
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__,
|
|
854
|
+
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 1452));
|
|
849
855
|
const langData = {
|
|
850
856
|
// 内容编辑
|
|
851
857
|
textContent: "请输入文本内容",
|
|
@@ -862,10 +868,10 @@ const langData = {
|
|
|
862
868
|
textDecoration: "none",
|
|
863
869
|
fontFamily: "inherit",
|
|
864
870
|
// 布局设置
|
|
865
|
-
paddingTop:
|
|
866
|
-
paddingBottom:
|
|
867
|
-
paddingLeft:
|
|
868
|
-
paddingRight:
|
|
871
|
+
paddingTop: 0,
|
|
872
|
+
paddingBottom: 0,
|
|
873
|
+
paddingLeft: 0,
|
|
874
|
+
paddingRight: 0,
|
|
869
875
|
marginTop: 0,
|
|
870
876
|
marginBottom: 0,
|
|
871
877
|
marginLeft: 0,
|
|
@@ -909,15 +915,15 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
909
915
|
rows: 4,
|
|
910
916
|
placeholder: "请输入文本内容,支持换行"
|
|
911
917
|
},
|
|
912
|
-
isRichText: {
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
},
|
|
916
|
-
richTextContent: {
|
|
917
|
-
|
|
918
|
-
|
|
919
|
-
|
|
920
|
-
},
|
|
918
|
+
// isRichText: {
|
|
919
|
+
// label: "启用富文本",
|
|
920
|
+
// widgetType: "el-switch",
|
|
921
|
+
// },
|
|
922
|
+
// richTextContent: {
|
|
923
|
+
// label: "富文本内容",
|
|
924
|
+
// widgetType: "isRichText",
|
|
925
|
+
// placeholder: "请输入富文本内容",
|
|
926
|
+
// },
|
|
921
927
|
enableLineBreak: {
|
|
922
928
|
label: "支持换行",
|
|
923
929
|
widgetType: "el-switch"
|
|
@@ -943,6 +949,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
943
949
|
fontSize: {
|
|
944
950
|
label: "字体大小(px)",
|
|
945
951
|
widgetType: "el-input-number",
|
|
952
|
+
size: "small",
|
|
946
953
|
min: 10,
|
|
947
954
|
max: 72,
|
|
948
955
|
step: 1
|
|
@@ -950,6 +957,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
950
957
|
lineHeight: {
|
|
951
958
|
label: "行高",
|
|
952
959
|
widgetType: "el-input-number",
|
|
960
|
+
size: "small",
|
|
953
961
|
min: 1,
|
|
954
962
|
max: 3,
|
|
955
963
|
step: 0.1,
|
|
@@ -958,6 +966,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
958
966
|
letterSpacing: {
|
|
959
967
|
label: "字间距(px)",
|
|
960
968
|
widgetType: "el-input-number",
|
|
969
|
+
size: "small",
|
|
961
970
|
min: -5,
|
|
962
971
|
max: 20,
|
|
963
972
|
step: 0.5
|
|
@@ -1069,48 +1078,56 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
1069
1078
|
paddingTop: {
|
|
1070
1079
|
label: "上内边距(px)",
|
|
1071
1080
|
widgetType: "el-input-number",
|
|
1081
|
+
size: "small",
|
|
1072
1082
|
min: 0,
|
|
1073
1083
|
max: 100
|
|
1074
1084
|
},
|
|
1075
1085
|
paddingBottom: {
|
|
1076
1086
|
label: "下内边距(px)",
|
|
1077
1087
|
widgetType: "el-input-number",
|
|
1088
|
+
size: "small",
|
|
1078
1089
|
min: 0,
|
|
1079
1090
|
max: 100
|
|
1080
1091
|
},
|
|
1081
1092
|
paddingLeft: {
|
|
1082
1093
|
label: "左内边距(px)",
|
|
1083
1094
|
widgetType: "el-input-number",
|
|
1095
|
+
size: "small",
|
|
1084
1096
|
min: 0,
|
|
1085
1097
|
max: 100
|
|
1086
1098
|
},
|
|
1087
1099
|
paddingRight: {
|
|
1088
1100
|
label: "右内边距(px)",
|
|
1089
1101
|
widgetType: "el-input-number",
|
|
1102
|
+
size: "small",
|
|
1090
1103
|
min: 0,
|
|
1091
1104
|
max: 100
|
|
1092
1105
|
},
|
|
1093
1106
|
marginTop: {
|
|
1094
1107
|
label: "上外边距(px)",
|
|
1095
1108
|
widgetType: "el-input-number",
|
|
1109
|
+
size: "small",
|
|
1096
1110
|
min: 0,
|
|
1097
1111
|
max: 100
|
|
1098
1112
|
},
|
|
1099
1113
|
marginBottom: {
|
|
1100
1114
|
label: "下外边距(px)",
|
|
1101
1115
|
widgetType: "el-input-number",
|
|
1116
|
+
size: "small",
|
|
1102
1117
|
min: 0,
|
|
1103
1118
|
max: 100
|
|
1104
1119
|
},
|
|
1105
1120
|
marginLeft: {
|
|
1106
1121
|
label: "左外边距(px)",
|
|
1107
1122
|
widgetType: "el-input-number",
|
|
1123
|
+
size: "small",
|
|
1108
1124
|
min: 0,
|
|
1109
1125
|
max: 100
|
|
1110
1126
|
},
|
|
1111
1127
|
marginRight: {
|
|
1112
1128
|
label: "右外边距(px)",
|
|
1113
1129
|
widgetType: "el-input-number",
|
|
1130
|
+
size: "small",
|
|
1114
1131
|
min: 0,
|
|
1115
1132
|
max: 100
|
|
1116
1133
|
},
|
|
@@ -1122,6 +1139,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
1122
1139
|
borderWidth: {
|
|
1123
1140
|
label: "边框宽度(px)",
|
|
1124
1141
|
widgetType: "el-input-number",
|
|
1142
|
+
size: "small",
|
|
1125
1143
|
min: 0,
|
|
1126
1144
|
max: 10
|
|
1127
1145
|
},
|
|
@@ -1149,14 +1167,16 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
1149
1167
|
borderRadius: {
|
|
1150
1168
|
label: "圆角(px)",
|
|
1151
1169
|
widgetType: "el-input-number",
|
|
1170
|
+
size: "small",
|
|
1152
1171
|
min: 0,
|
|
1153
1172
|
max: 50
|
|
1154
1173
|
},
|
|
1155
|
-
boxShadow: {
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
|
|
1159
|
-
},
|
|
1174
|
+
// boxShadow: {
|
|
1175
|
+
// label: "阴影效果",
|
|
1176
|
+
// widgetType: "el-input",
|
|
1177
|
+
// placeholder: "如: 0 2px 4px rgba(0,0,0,0.1)",
|
|
1178
|
+
// },
|
|
1179
|
+
|
|
1160
1180
|
// 交互功能配置
|
|
1161
1181
|
linkUrl: {
|
|
1162
1182
|
label: "链接地址",
|
|
@@ -1183,17 +1203,17 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
1183
1203
|
widgetType: "el-switch"
|
|
1184
1204
|
},
|
|
1185
1205
|
// 高级配置
|
|
1186
|
-
customClass: {
|
|
1187
|
-
|
|
1188
|
-
|
|
1189
|
-
|
|
1190
|
-
},
|
|
1191
|
-
customStyle: {
|
|
1192
|
-
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
|
|
1196
|
-
},
|
|
1206
|
+
// customClass: {
|
|
1207
|
+
// label: "自定义CSS类",
|
|
1208
|
+
// widgetType: "el-input",
|
|
1209
|
+
// placeholder: "请输入CSS类名",
|
|
1210
|
+
// },
|
|
1211
|
+
// customStyle: {
|
|
1212
|
+
// label: "自定义样式",
|
|
1213
|
+
// widgetType: "el-input",
|
|
1214
|
+
// type: "textarea",
|
|
1215
|
+
// placeholder: "请输入CSS样式,如: color: red; font-size: 18px;",
|
|
1216
|
+
// },
|
|
1197
1217
|
enableAnimation: {
|
|
1198
1218
|
label: "启用动画",
|
|
1199
1219
|
widgetType: "el-switch"
|
|
@@ -1224,6 +1244,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
1224
1244
|
animationDuration: {
|
|
1225
1245
|
label: "动画时长(ms)",
|
|
1226
1246
|
widgetType: "el-input-number",
|
|
1247
|
+
size: "small",
|
|
1227
1248
|
min: 100,
|
|
1228
1249
|
max: 2000,
|
|
1229
1250
|
step: 100
|
|
@@ -3271,6 +3292,420 @@ module.exports = function transformData(data, headers, fns) {
|
|
|
3271
3292
|
|
|
3272
3293
|
/***/ }),
|
|
3273
3294
|
|
|
3295
|
+
/***/ 1452:
|
|
3296
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
3297
|
+
|
|
3298
|
+
"use strict";
|
|
3299
|
+
// ESM COMPAT FLAG
|
|
3300
|
+
__webpack_require__.r(__webpack_exports__);
|
|
3301
|
+
|
|
3302
|
+
// EXPORTS
|
|
3303
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
3304
|
+
"default": function() { return /* binding */ View; }
|
|
3305
|
+
});
|
|
3306
|
+
|
|
3307
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-text/View.vue?vue&type=template&id=7fe7dfef&scoped=true
|
|
3308
|
+
var render = function render() {
|
|
3309
|
+
var _vm = this,
|
|
3310
|
+
_c = _vm._self._c;
|
|
3311
|
+
return _c('BaseComp', _vm._b({
|
|
3312
|
+
attrs: {
|
|
3313
|
+
"data": _vm.data,
|
|
3314
|
+
"nowCompId": _vm.nowCompId,
|
|
3315
|
+
"isOpcacity": _vm.isOpcacity,
|
|
3316
|
+
"lang": _vm.lang
|
|
3317
|
+
},
|
|
3318
|
+
on: {
|
|
3319
|
+
"getConfigData": _vm.getConfigData
|
|
3320
|
+
}
|
|
3321
|
+
}, 'BaseComp', _vm.$attrs, false), [_c('section', {
|
|
3322
|
+
staticClass: "cms-text-container",
|
|
3323
|
+
class: [`align-${_vm.configData.textAlign || 'left'}`, _vm.configData.customClass || '', {
|
|
3324
|
+
'has-link': _vm.configData.linkUrl,
|
|
3325
|
+
'hover-effect': _vm.configData.hoverEffect && _vm.configData.linkUrl
|
|
3326
|
+
}],
|
|
3327
|
+
style: _vm.containerStyle,
|
|
3328
|
+
attrs: {
|
|
3329
|
+
"aria-label": _vm.configData.ariaLabel,
|
|
3330
|
+
"tabindex": _vm.configData.tabIndex,
|
|
3331
|
+
"role": _vm.configData.role,
|
|
3332
|
+
"title": _vm.configData.seoTitle || _vm.configData.seoDescription
|
|
3333
|
+
},
|
|
3334
|
+
on: {
|
|
3335
|
+
"click": _vm.handleClick
|
|
3336
|
+
}
|
|
3337
|
+
}, [_c('div', {
|
|
3338
|
+
staticClass: "text-content",
|
|
3339
|
+
style: _vm.textStyle
|
|
3340
|
+
}, _vm._l(_vm.textLines, function (line, index) {
|
|
3341
|
+
return _c('p', {
|
|
3342
|
+
key: index,
|
|
3343
|
+
staticClass: "text-line",
|
|
3344
|
+
style: _vm.lineStyle
|
|
3345
|
+
}, [_vm._v(" " + _vm._s(line) + " ")]);
|
|
3346
|
+
}), 0), _vm.configData.linkUrl && _vm.configData.showLinkIcon ? _c('div', {
|
|
3347
|
+
staticClass: "link-indicator"
|
|
3348
|
+
}, [_c('i', {
|
|
3349
|
+
staticClass: "el-icon-link"
|
|
3350
|
+
})]) : _vm._e()])]);
|
|
3351
|
+
};
|
|
3352
|
+
var staticRenderFns = [];
|
|
3353
|
+
|
|
3354
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
|
|
3355
|
+
var es_iterator_constructor = __webpack_require__(8111);
|
|
3356
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.filter.js
|
|
3357
|
+
var es_iterator_filter = __webpack_require__(2489);
|
|
3358
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
|
|
3359
|
+
var es_iterator_for_each = __webpack_require__(7588);
|
|
3360
|
+
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
3361
|
+
var baseComp = __webpack_require__(6228);
|
|
3362
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-text/View.vue?vue&type=script&lang=js
|
|
3363
|
+
|
|
3364
|
+
|
|
3365
|
+
|
|
3366
|
+
|
|
3367
|
+
|
|
3368
|
+
|
|
3369
|
+
|
|
3370
|
+
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
3371
|
+
name: "cms-text",
|
|
3372
|
+
components: {
|
|
3373
|
+
BaseComp: baseComp["default"]
|
|
3374
|
+
},
|
|
3375
|
+
props: {
|
|
3376
|
+
data: {
|
|
3377
|
+
type: Object,
|
|
3378
|
+
default: () => {
|
|
3379
|
+
return {};
|
|
3380
|
+
}
|
|
3381
|
+
},
|
|
3382
|
+
nowCompId: {
|
|
3383
|
+
type: [String, Number],
|
|
3384
|
+
default: ""
|
|
3385
|
+
},
|
|
3386
|
+
isOpcacity: {
|
|
3387
|
+
type: Boolean,
|
|
3388
|
+
default: true
|
|
3389
|
+
},
|
|
3390
|
+
lang: {
|
|
3391
|
+
type: String,
|
|
3392
|
+
default: "zh-HK"
|
|
3393
|
+
}
|
|
3394
|
+
},
|
|
3395
|
+
data() {
|
|
3396
|
+
return {
|
|
3397
|
+
configData: {},
|
|
3398
|
+
// 默认配置数据
|
|
3399
|
+
defaultConfig: {
|
|
3400
|
+
// 内容编辑
|
|
3401
|
+
textContent: "请输入文本内容",
|
|
3402
|
+
enableLineBreak: true,
|
|
3403
|
+
// 排版控制
|
|
3404
|
+
textAlign: "left",
|
|
3405
|
+
fontSize: 16,
|
|
3406
|
+
lineHeight: 1.5,
|
|
3407
|
+
letterSpacing: 0,
|
|
3408
|
+
// 样式美化
|
|
3409
|
+
fontColor: "#333333",
|
|
3410
|
+
fontWeight: "normal",
|
|
3411
|
+
fontStyle: "normal",
|
|
3412
|
+
textDecoration: "none",
|
|
3413
|
+
fontFamily: "inherit",
|
|
3414
|
+
// 布局设置
|
|
3415
|
+
paddingTop: 0,
|
|
3416
|
+
paddingBottom: 0,
|
|
3417
|
+
paddingLeft: 0,
|
|
3418
|
+
paddingRight: 0,
|
|
3419
|
+
marginTop: 0,
|
|
3420
|
+
marginBottom: 0,
|
|
3421
|
+
marginLeft: 0,
|
|
3422
|
+
marginRight: 0,
|
|
3423
|
+
backgroundColor: "",
|
|
3424
|
+
// 视觉效果
|
|
3425
|
+
borderWidth: 0,
|
|
3426
|
+
borderStyle: "solid",
|
|
3427
|
+
borderColor: "#dcdfe6",
|
|
3428
|
+
borderRadius: 0,
|
|
3429
|
+
boxShadow: "",
|
|
3430
|
+
// 交互功能
|
|
3431
|
+
linkUrl: "",
|
|
3432
|
+
linkTarget: "_self",
|
|
3433
|
+
showLinkIcon: false,
|
|
3434
|
+
hoverEffect: false,
|
|
3435
|
+
// 高级配置
|
|
3436
|
+
customClass: "",
|
|
3437
|
+
customStyle: "",
|
|
3438
|
+
enableAnimation: false,
|
|
3439
|
+
animationType: "fadeIn",
|
|
3440
|
+
animationDuration: 300,
|
|
3441
|
+
// 可访问性配置
|
|
3442
|
+
ariaLabel: "",
|
|
3443
|
+
tabIndex: 0,
|
|
3444
|
+
role: "",
|
|
3445
|
+
// SEO配置
|
|
3446
|
+
seoTitle: "",
|
|
3447
|
+
seoDescription: "",
|
|
3448
|
+
// 响应式配置
|
|
3449
|
+
mobileTextAlign: "",
|
|
3450
|
+
mobileFontSize: 0,
|
|
3451
|
+
tabletFontSize: 0
|
|
3452
|
+
}
|
|
3453
|
+
};
|
|
3454
|
+
},
|
|
3455
|
+
mounted() {
|
|
3456
|
+
this.initConfigData();
|
|
3457
|
+
this.setCSSVariables();
|
|
3458
|
+
},
|
|
3459
|
+
watch: {
|
|
3460
|
+
configData: {
|
|
3461
|
+
handler() {
|
|
3462
|
+
this.updateStyles();
|
|
3463
|
+
},
|
|
3464
|
+
deep: true
|
|
3465
|
+
}
|
|
3466
|
+
},
|
|
3467
|
+
computed: {
|
|
3468
|
+
// 文本行数组(支持换行)
|
|
3469
|
+
textLines() {
|
|
3470
|
+
if (!this.configData.textContent) return [];
|
|
3471
|
+
if (!this.configData.enableLineBreak) {
|
|
3472
|
+
return [this.configData.textContent];
|
|
3473
|
+
}
|
|
3474
|
+
return this.configData.textContent.split("\n").filter(line => line.trim() !== "");
|
|
3475
|
+
},
|
|
3476
|
+
// 容器样式
|
|
3477
|
+
containerStyle() {
|
|
3478
|
+
const config = {
|
|
3479
|
+
...this.defaultConfig,
|
|
3480
|
+
...this.configData
|
|
3481
|
+
};
|
|
3482
|
+
return {
|
|
3483
|
+
padding: `${config.paddingTop}px ${config.paddingRight}px ${config.paddingBottom}px ${config.paddingLeft}px`,
|
|
3484
|
+
margin: `${config.marginTop}px ${config.marginRight}px ${config.marginBottom}px ${config.marginLeft}px`,
|
|
3485
|
+
backgroundColor: config.backgroundColor || "transparent",
|
|
3486
|
+
border: config.borderWidth ? `${config.borderWidth}px ${config.borderStyle} ${config.borderColor}` : "none",
|
|
3487
|
+
borderRadius: `${config.borderRadius}px`,
|
|
3488
|
+
boxShadow: config.boxShadow || "none",
|
|
3489
|
+
cursor: config.linkUrl ? "pointer" : "default",
|
|
3490
|
+
transition: config.hoverEffect ? "all 0.3s ease" : "none",
|
|
3491
|
+
animation: config.enableAnimation ? this.getAnimationStyle() : "none",
|
|
3492
|
+
...this.parseCustomStyle(config.customStyle)
|
|
3493
|
+
};
|
|
3494
|
+
},
|
|
3495
|
+
// 文本样式
|
|
3496
|
+
textStyle() {
|
|
3497
|
+
const config = {
|
|
3498
|
+
...this.defaultConfig,
|
|
3499
|
+
...this.configData
|
|
3500
|
+
};
|
|
3501
|
+
return {
|
|
3502
|
+
color: config.fontColor,
|
|
3503
|
+
fontSize: `${config.fontSize}px`,
|
|
3504
|
+
fontWeight: config.fontWeight,
|
|
3505
|
+
fontStyle: config.fontStyle,
|
|
3506
|
+
textDecoration: config.textDecoration,
|
|
3507
|
+
fontFamily: config.fontFamily,
|
|
3508
|
+
lineHeight: config.lineHeight,
|
|
3509
|
+
letterSpacing: `${config.letterSpacing}px`,
|
|
3510
|
+
textAlign: config.textAlign,
|
|
3511
|
+
wordBreak: "break-word",
|
|
3512
|
+
wordWrap: "break-word",
|
|
3513
|
+
cursor: config.linkUrl ? "pointer" : "default"
|
|
3514
|
+
};
|
|
3515
|
+
},
|
|
3516
|
+
// 行样式
|
|
3517
|
+
lineStyle() {
|
|
3518
|
+
return {
|
|
3519
|
+
margin: "0",
|
|
3520
|
+
padding: "0"
|
|
3521
|
+
};
|
|
3522
|
+
}
|
|
3523
|
+
},
|
|
3524
|
+
methods: {
|
|
3525
|
+
// 初始化配置数据
|
|
3526
|
+
initConfigData() {
|
|
3527
|
+
this.configData = {
|
|
3528
|
+
...this.defaultConfig,
|
|
3529
|
+
...this.configData
|
|
3530
|
+
};
|
|
3531
|
+
},
|
|
3532
|
+
// 获取配置数据
|
|
3533
|
+
getConfigData(configData) {
|
|
3534
|
+
this.configData = {
|
|
3535
|
+
...this.defaultConfig,
|
|
3536
|
+
...configData
|
|
3537
|
+
};
|
|
3538
|
+
this.updateStyles();
|
|
3539
|
+
},
|
|
3540
|
+
// 更新样式
|
|
3541
|
+
updateStyles() {
|
|
3542
|
+
this.$nextTick(() => {
|
|
3543
|
+
this.setCSSVariables();
|
|
3544
|
+
this.$forceUpdate();
|
|
3545
|
+
});
|
|
3546
|
+
},
|
|
3547
|
+
// 设置CSS变量
|
|
3548
|
+
setCSSVariables() {
|
|
3549
|
+
if (!this.$el) return;
|
|
3550
|
+
const config = {
|
|
3551
|
+
...this.defaultConfig,
|
|
3552
|
+
...this.configData
|
|
3553
|
+
};
|
|
3554
|
+
|
|
3555
|
+
// 设置响应式字体大小
|
|
3556
|
+
if (config.mobileFontSize > 0) {
|
|
3557
|
+
this.$el.style.setProperty("--mobile-font-size", `${config.mobileFontSize}px`);
|
|
3558
|
+
}
|
|
3559
|
+
if (config.tabletFontSize > 0) {
|
|
3560
|
+
this.$el.style.setProperty("--tablet-font-size", `${config.tabletFontSize}px`);
|
|
3561
|
+
}
|
|
3562
|
+
|
|
3563
|
+
// 设置移动端文本对齐
|
|
3564
|
+
if (config.mobileTextAlign) {
|
|
3565
|
+
this.$el.style.setProperty("--mobile-text-align", config.mobileTextAlign);
|
|
3566
|
+
}
|
|
3567
|
+
},
|
|
3568
|
+
// 处理点击事件
|
|
3569
|
+
handleClick() {
|
|
3570
|
+
if (this.configData.linkUrl) {
|
|
3571
|
+
const target = this.configData.linkTarget || "_self";
|
|
3572
|
+
if (target === "_blank") {
|
|
3573
|
+
window.open(this.configData.linkUrl, "_blank");
|
|
3574
|
+
} else {
|
|
3575
|
+
window.location.href = this.configData.linkUrl;
|
|
3576
|
+
}
|
|
3577
|
+
}
|
|
3578
|
+
},
|
|
3579
|
+
// 获取动画样式
|
|
3580
|
+
getAnimationStyle() {
|
|
3581
|
+
const animationType = this.configData.animationType || this.defaultConfig.animationType;
|
|
3582
|
+
const duration = this.configData.animationDuration || this.defaultConfig.animationDuration;
|
|
3583
|
+
if (!this.configData.enableAnimation || animationType === "none") return "";
|
|
3584
|
+
return `${animationType} ${duration}ms ease-in-out`;
|
|
3585
|
+
},
|
|
3586
|
+
// 解析自定义样式
|
|
3587
|
+
parseCustomStyle(customStyle) {
|
|
3588
|
+
if (!customStyle) return {};
|
|
3589
|
+
try {
|
|
3590
|
+
// 简单的CSS样式解析
|
|
3591
|
+
const styles = {};
|
|
3592
|
+
const declarations = customStyle.split(";");
|
|
3593
|
+
declarations.forEach(declaration => {
|
|
3594
|
+
const [property, value] = declaration.split(":");
|
|
3595
|
+
if (property && value) {
|
|
3596
|
+
const camelCaseProperty = property.trim().replace(/-([a-z])/g, g => g[1].toUpperCase());
|
|
3597
|
+
styles[camelCaseProperty] = value.trim();
|
|
3598
|
+
}
|
|
3599
|
+
});
|
|
3600
|
+
return styles;
|
|
3601
|
+
} catch (error) {
|
|
3602
|
+
console.warn("解析自定义样式失败:", error);
|
|
3603
|
+
return {};
|
|
3604
|
+
}
|
|
3605
|
+
},
|
|
3606
|
+
// 文本内容验证
|
|
3607
|
+
validateTextContent() {
|
|
3608
|
+
const content = this.configData.textContent;
|
|
3609
|
+
if (!content || content.trim() === "") {
|
|
3610
|
+
console.warn("文本内容为空");
|
|
3611
|
+
return false;
|
|
3612
|
+
}
|
|
3613
|
+
return true;
|
|
3614
|
+
},
|
|
3615
|
+
// 获取纯文本内容
|
|
3616
|
+
getPlainTextContent() {
|
|
3617
|
+
return this.configData.textContent || "";
|
|
3618
|
+
},
|
|
3619
|
+
// 获取文本长度
|
|
3620
|
+
getTextLength() {
|
|
3621
|
+
return this.getPlainTextContent().length;
|
|
3622
|
+
},
|
|
3623
|
+
// 复制文本内容到剪贴板
|
|
3624
|
+
copyTextToClipboard() {
|
|
3625
|
+
const text = this.getPlainTextContent();
|
|
3626
|
+
if (navigator.clipboard && window.isSecureContext) {
|
|
3627
|
+
navigator.clipboard.writeText(text).then(() => {
|
|
3628
|
+
var _this$$message;
|
|
3629
|
+
(_this$$message = this.$message) === null || _this$$message === void 0 ? void 0 : _this$$message.success("文本已复制到剪贴板");
|
|
3630
|
+
}).catch(err => {
|
|
3631
|
+
console.error("复制失败:", err);
|
|
3632
|
+
});
|
|
3633
|
+
} else {
|
|
3634
|
+
// 降级方案
|
|
3635
|
+
const textArea = document.createElement("textarea");
|
|
3636
|
+
textArea.value = text;
|
|
3637
|
+
document.body.appendChild(textArea);
|
|
3638
|
+
textArea.select();
|
|
3639
|
+
try {
|
|
3640
|
+
var _this$$message2;
|
|
3641
|
+
document.execCommand("copy");
|
|
3642
|
+
(_this$$message2 = this.$message) === null || _this$$message2 === void 0 ? void 0 : _this$$message2.success("文本已复制到剪贴板");
|
|
3643
|
+
} catch (err) {
|
|
3644
|
+
console.error("复制失败:", err);
|
|
3645
|
+
}
|
|
3646
|
+
document.body.removeChild(textArea);
|
|
3647
|
+
}
|
|
3648
|
+
},
|
|
3649
|
+
// 文本搜索高亮
|
|
3650
|
+
highlightText(searchTerm) {
|
|
3651
|
+
if (!searchTerm) return;
|
|
3652
|
+
const content = this.getPlainTextContent();
|
|
3653
|
+
const regex = new RegExp(`(${searchTerm})`, "gi");
|
|
3654
|
+
const highlightedContent = content.replace(regex, "<mark>$1</mark>");
|
|
3655
|
+
|
|
3656
|
+
// 这里可以根据需要实现高亮显示逻辑
|
|
3657
|
+
console.log("高亮内容:", highlightedContent);
|
|
3658
|
+
},
|
|
3659
|
+
// 文本统计信息
|
|
3660
|
+
getTextStats() {
|
|
3661
|
+
const text = this.getPlainTextContent();
|
|
3662
|
+
const words = text.split(/\s+/).filter(word => word.length > 0);
|
|
3663
|
+
const lines = text.split("\n").length;
|
|
3664
|
+
const characters = text.length;
|
|
3665
|
+
const charactersNoSpaces = text.replace(/\s/g, "").length;
|
|
3666
|
+
return {
|
|
3667
|
+
characters,
|
|
3668
|
+
charactersNoSpaces,
|
|
3669
|
+
words: words.length,
|
|
3670
|
+
lines,
|
|
3671
|
+
paragraphs: text.split(/\n\s*\n/).filter(p => p.trim().length > 0).length
|
|
3672
|
+
};
|
|
3673
|
+
}
|
|
3674
|
+
}
|
|
3675
|
+
});
|
|
3676
|
+
;// ./package/cms-text/View.vue?vue&type=script&lang=js
|
|
3677
|
+
/* harmony default export */ var cms_text_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
3678
|
+
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.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-text/View.vue?vue&type=style&index=0&id=7fe7dfef&prod&lang=scss&scoped=true
|
|
3679
|
+
// extracted by mini-css-extract-plugin
|
|
3680
|
+
|
|
3681
|
+
;// ./package/cms-text/View.vue?vue&type=style&index=0&id=7fe7dfef&prod&lang=scss&scoped=true
|
|
3682
|
+
|
|
3683
|
+
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
3684
|
+
var componentNormalizer = __webpack_require__(1656);
|
|
3685
|
+
;// ./package/cms-text/View.vue
|
|
3686
|
+
|
|
3687
|
+
|
|
3688
|
+
|
|
3689
|
+
;
|
|
3690
|
+
|
|
3691
|
+
|
|
3692
|
+
/* normalize component */
|
|
3693
|
+
|
|
3694
|
+
var component = (0,componentNormalizer/* default */.A)(
|
|
3695
|
+
cms_text_Viewvue_type_script_lang_js,
|
|
3696
|
+
render,
|
|
3697
|
+
staticRenderFns,
|
|
3698
|
+
false,
|
|
3699
|
+
null,
|
|
3700
|
+
"7fe7dfef",
|
|
3701
|
+
null
|
|
3702
|
+
|
|
3703
|
+
)
|
|
3704
|
+
|
|
3705
|
+
/* harmony default export */ var View = (component.exports);
|
|
3706
|
+
|
|
3707
|
+
/***/ }),
|
|
3708
|
+
|
|
3274
3709
|
/***/ 1453:
|
|
3275
3710
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
3276
3711
|
|
|
@@ -9025,8 +9460,8 @@ const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSc
|
|
|
9025
9460
|
|
|
9026
9461
|
var map = {
|
|
9027
9462
|
"./": 176,
|
|
9028
|
-
"./baseComp":
|
|
9029
|
-
"./baseComp.vue":
|
|
9463
|
+
"./baseComp": 6228,
|
|
9464
|
+
"./baseComp.vue": 6228,
|
|
9030
9465
|
"./baseConfig": 649,
|
|
9031
9466
|
"./baseConfig.js": 649,
|
|
9032
9467
|
"./cms-aLineThreeLeftOne": 5041,
|
|
@@ -9076,13 +9511,13 @@ var map = {
|
|
|
9076
9511
|
"./cms-column": 3923,
|
|
9077
9512
|
"./cms-column-card": 5340,
|
|
9078
9513
|
"./cms-column-card/": 5340,
|
|
9079
|
-
"./cms-column-card/View":
|
|
9080
|
-
"./cms-column-card/View.vue":
|
|
9514
|
+
"./cms-column-card/View": 3164,
|
|
9515
|
+
"./cms-column-card/View.vue": 3164,
|
|
9081
9516
|
"./cms-column-card/index": 5340,
|
|
9082
9517
|
"./cms-column-card/index.js": 5340,
|
|
9083
9518
|
"./cms-column/": 3923,
|
|
9084
|
-
"./cms-column/View":
|
|
9085
|
-
"./cms-column/View.vue":
|
|
9519
|
+
"./cms-column/View": 9886,
|
|
9520
|
+
"./cms-column/View.vue": 9886,
|
|
9086
9521
|
"./cms-column/index": 3923,
|
|
9087
9522
|
"./cms-column/index.js": 3923,
|
|
9088
9523
|
"./cms-description": 1921,
|
|
@@ -9189,8 +9624,8 @@ var map = {
|
|
|
9189
9624
|
"./cms-termsAndConditions/index.js": 9387,
|
|
9190
9625
|
"./cms-text": 394,
|
|
9191
9626
|
"./cms-text/": 394,
|
|
9192
|
-
"./cms-text/View":
|
|
9193
|
-
"./cms-text/View.vue":
|
|
9627
|
+
"./cms-text/View": 1452,
|
|
9628
|
+
"./cms-text/View.vue": 1452,
|
|
9194
9629
|
"./cms-text/index": 394,
|
|
9195
9630
|
"./cms-text/index.js": 394,
|
|
9196
9631
|
"./cms-threeScroll": 4670,
|
|
@@ -9532,7 +9967,7 @@ var render = function render() {
|
|
|
9532
9967
|
var staticRenderFns = [];
|
|
9533
9968
|
|
|
9534
9969
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
9535
|
-
var baseComp = __webpack_require__(
|
|
9970
|
+
var baseComp = __webpack_require__(6228);
|
|
9536
9971
|
// EXTERNAL MODULE: ./package/patch.js
|
|
9537
9972
|
var patch = __webpack_require__(1618);
|
|
9538
9973
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-dynamic-comp/View.vue?vue&type=script&lang=js
|
|
@@ -10699,6 +11134,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
10699
11134
|
fontSize: {
|
|
10700
11135
|
label: "字体大小(px)",
|
|
10701
11136
|
widgetType: "el-input-number",
|
|
11137
|
+
size: "small",
|
|
10702
11138
|
min: 10,
|
|
10703
11139
|
max: 48,
|
|
10704
11140
|
step: 1
|
|
@@ -10756,6 +11192,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
10756
11192
|
borderRadius: {
|
|
10757
11193
|
label: "圆角(px)",
|
|
10758
11194
|
widgetType: "el-input-number",
|
|
11195
|
+
size: "small",
|
|
10759
11196
|
min: 0,
|
|
10760
11197
|
max: 50,
|
|
10761
11198
|
step: 1
|
|
@@ -10763,6 +11200,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
10763
11200
|
borderWidth: {
|
|
10764
11201
|
label: "边框宽度(px)",
|
|
10765
11202
|
widgetType: "el-input-number",
|
|
11203
|
+
size: "small",
|
|
10766
11204
|
min: 0,
|
|
10767
11205
|
max: 10,
|
|
10768
11206
|
step: 1
|
|
@@ -10792,6 +11230,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
10792
11230
|
paddingTop: {
|
|
10793
11231
|
label: "上内边距(px)",
|
|
10794
11232
|
widgetType: "el-input-number",
|
|
11233
|
+
size: "small",
|
|
10795
11234
|
min: 0,
|
|
10796
11235
|
max: 50,
|
|
10797
11236
|
step: 1
|
|
@@ -10799,6 +11238,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
10799
11238
|
paddingBottom: {
|
|
10800
11239
|
label: "下内边距(px)",
|
|
10801
11240
|
widgetType: "el-input-number",
|
|
11241
|
+
size: "small",
|
|
10802
11242
|
min: 0,
|
|
10803
11243
|
max: 50,
|
|
10804
11244
|
step: 1
|
|
@@ -10806,6 +11246,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
10806
11246
|
paddingLeft: {
|
|
10807
11247
|
label: "左内边距(px)",
|
|
10808
11248
|
widgetType: "el-input-number",
|
|
11249
|
+
size: "small",
|
|
10809
11250
|
min: 0,
|
|
10810
11251
|
max: 50,
|
|
10811
11252
|
step: 1
|
|
@@ -10813,6 +11254,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
10813
11254
|
paddingRight: {
|
|
10814
11255
|
label: "右内边距(px)",
|
|
10815
11256
|
widgetType: "el-input-number",
|
|
11257
|
+
size: "small",
|
|
10816
11258
|
min: 0,
|
|
10817
11259
|
max: 50,
|
|
10818
11260
|
step: 1
|
|
@@ -10820,6 +11262,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
10820
11262
|
marginTop: {
|
|
10821
11263
|
label: "上外边距(px)",
|
|
10822
11264
|
widgetType: "el-input-number",
|
|
11265
|
+
size: "small",
|
|
10823
11266
|
min: 0,
|
|
10824
11267
|
max: 100,
|
|
10825
11268
|
step: 1
|
|
@@ -10827,6 +11270,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
10827
11270
|
marginBottom: {
|
|
10828
11271
|
label: "下外边距(px)",
|
|
10829
11272
|
widgetType: "el-input-number",
|
|
11273
|
+
size: "small",
|
|
10830
11274
|
min: 0,
|
|
10831
11275
|
max: 100,
|
|
10832
11276
|
step: 1
|
|
@@ -10834,6 +11278,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
10834
11278
|
marginLeft: {
|
|
10835
11279
|
label: "左外边距(px)",
|
|
10836
11280
|
widgetType: "el-input-number",
|
|
11281
|
+
size: "small",
|
|
10837
11282
|
min: 0,
|
|
10838
11283
|
max: 100,
|
|
10839
11284
|
step: 1
|
|
@@ -10841,6 +11286,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
10841
11286
|
marginRight: {
|
|
10842
11287
|
label: "右外边距(px)",
|
|
10843
11288
|
widgetType: "el-input-number",
|
|
11289
|
+
size: "small",
|
|
10844
11290
|
min: 0,
|
|
10845
11291
|
max: 100,
|
|
10846
11292
|
step: 1
|
|
@@ -10895,6 +11341,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
10895
11341
|
minWidth: {
|
|
10896
11342
|
label: "最小宽度(px)",
|
|
10897
11343
|
widgetType: "el-input-number",
|
|
11344
|
+
size: "small",
|
|
10898
11345
|
min: 20,
|
|
10899
11346
|
max: 500,
|
|
10900
11347
|
step: 1
|
|
@@ -10902,6 +11349,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
10902
11349
|
minHeight: {
|
|
10903
11350
|
label: "最小高度(px)",
|
|
10904
11351
|
widgetType: "el-input-number",
|
|
11352
|
+
size: "small",
|
|
10905
11353
|
min: 20,
|
|
10906
11354
|
max: 100,
|
|
10907
11355
|
step: 1
|
|
@@ -10927,18 +11375,18 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
10927
11375
|
label: "禁用状态",
|
|
10928
11376
|
widgetType: "el-switch"
|
|
10929
11377
|
},
|
|
10930
|
-
// 高级配置
|
|
10931
|
-
customClass: {
|
|
10932
|
-
|
|
10933
|
-
|
|
10934
|
-
|
|
10935
|
-
},
|
|
10936
|
-
customStyle: {
|
|
10937
|
-
|
|
10938
|
-
|
|
10939
|
-
|
|
10940
|
-
|
|
10941
|
-
},
|
|
11378
|
+
// // 高级配置
|
|
11379
|
+
// customClass: {
|
|
11380
|
+
// label: "自定义CSS类",
|
|
11381
|
+
// widgetType: "el-input",
|
|
11382
|
+
// placeholder: "请输入CSS类名"
|
|
11383
|
+
// },
|
|
11384
|
+
// customStyle: {
|
|
11385
|
+
// label: "自定义样式",
|
|
11386
|
+
// widgetType: "el-input",
|
|
11387
|
+
// type: "textarea",
|
|
11388
|
+
// placeholder: "请输入CSS样式,如: box-shadow: 0 2px 4px rgba(0,0,0,0.1);"
|
|
11389
|
+
// },
|
|
10942
11390
|
hoverEffect: {
|
|
10943
11391
|
label: "悬停效果",
|
|
10944
11392
|
widgetType: "el-switch"
|
|
@@ -11323,7 +11771,7 @@ var es_iterator_constructor = __webpack_require__(8111);
|
|
|
11323
11771
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
|
|
11324
11772
|
var es_iterator_for_each = __webpack_require__(7588);
|
|
11325
11773
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
11326
|
-
var baseComp = __webpack_require__(
|
|
11774
|
+
var baseComp = __webpack_require__(6228);
|
|
11327
11775
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-button/View.vue?vue&type=script&lang=js
|
|
11328
11776
|
|
|
11329
11777
|
|
|
@@ -15327,7 +15775,7 @@ var swiper_esm_bundle = __webpack_require__(4418);
|
|
|
15327
15775
|
// EXTERNAL MODULE: ./src/utils/jumpUrl.js
|
|
15328
15776
|
var jumpUrl = __webpack_require__(813);
|
|
15329
15777
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
15330
|
-
var baseComp = __webpack_require__(
|
|
15778
|
+
var baseComp = __webpack_require__(6228);
|
|
15331
15779
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-banner/View.vue?vue&type=script&lang=js
|
|
15332
15780
|
|
|
15333
15781
|
|
|
@@ -24208,34 +24656,7 @@ module.exports = function callBoundIntrinsic(name, allowMissing) {
|
|
|
24208
24656
|
|
|
24209
24657
|
/***/ }),
|
|
24210
24658
|
|
|
24211
|
-
/***/
|
|
24212
|
-
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
24213
|
-
|
|
24214
|
-
"use strict";
|
|
24215
|
-
|
|
24216
|
-
var isCallable = __webpack_require__(4901);
|
|
24217
|
-
var isObject = __webpack_require__(34);
|
|
24218
|
-
var setPrototypeOf = __webpack_require__(2967);
|
|
24219
|
-
|
|
24220
|
-
// makes subclassing work correct for wrapped built-ins
|
|
24221
|
-
module.exports = function ($this, dummy, Wrapper) {
|
|
24222
|
-
var NewTarget, NewTargetPrototype;
|
|
24223
|
-
if (
|
|
24224
|
-
// it can work only with native `setPrototypeOf`
|
|
24225
|
-
setPrototypeOf &&
|
|
24226
|
-
// we haven't completely correct pre-ES6 way for getting `new.target`, so use this
|
|
24227
|
-
isCallable(NewTarget = dummy.constructor) &&
|
|
24228
|
-
NewTarget !== Wrapper &&
|
|
24229
|
-
isObject(NewTargetPrototype = NewTarget.prototype) &&
|
|
24230
|
-
NewTargetPrototype !== Wrapper.prototype
|
|
24231
|
-
) setPrototypeOf($this, NewTargetPrototype);
|
|
24232
|
-
return $this;
|
|
24233
|
-
};
|
|
24234
|
-
|
|
24235
|
-
|
|
24236
|
-
/***/ }),
|
|
24237
|
-
|
|
24238
|
-
/***/ 3203:
|
|
24659
|
+
/***/ 3164:
|
|
24239
24660
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
24240
24661
|
|
|
24241
24662
|
"use strict";
|
|
@@ -24247,7 +24668,15 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
24247
24668
|
"default": function() { return /* binding */ View; }
|
|
24248
24669
|
});
|
|
24249
24670
|
|
|
24250
|
-
|
|
24671
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
|
|
24672
|
+
var es_iterator_constructor = __webpack_require__(8111);
|
|
24673
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.drop.js
|
|
24674
|
+
var es_iterator_drop = __webpack_require__(9314);
|
|
24675
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-column-card/View.vue?vue&type=template&id=971892d6&scoped=true
|
|
24676
|
+
|
|
24677
|
+
|
|
24678
|
+
|
|
24679
|
+
|
|
24251
24680
|
var render = function render() {
|
|
24252
24681
|
var _vm = this,
|
|
24253
24682
|
_c = _vm._self._c;
|
|
@@ -24256,209 +24685,635 @@ var render = function render() {
|
|
|
24256
24685
|
"data": _vm.data,
|
|
24257
24686
|
"nowCompId": _vm.nowCompId,
|
|
24258
24687
|
"isOpcacity": _vm.isOpcacity,
|
|
24259
|
-
"
|
|
24688
|
+
"isMask": false,
|
|
24689
|
+
"lang": _vm.lang,
|
|
24690
|
+
"showDel": false
|
|
24260
24691
|
},
|
|
24261
24692
|
on: {
|
|
24262
24693
|
"getConfigData": _vm.getConfigData
|
|
24263
24694
|
}
|
|
24264
|
-
}, 'BaseComp', _vm.$attrs, false), [_c('
|
|
24265
|
-
staticClass: "
|
|
24266
|
-
|
|
24267
|
-
|
|
24268
|
-
|
|
24269
|
-
staticClass: "inner"
|
|
24270
|
-
}, [_c('p', [_vm._v(_vm._s(_vm.configData.input1))])])])])]);
|
|
24271
|
-
};
|
|
24272
|
-
var staticRenderFns = [];
|
|
24273
|
-
|
|
24274
|
-
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
24275
|
-
var baseComp = __webpack_require__(8770);
|
|
24276
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-description/View.vue?vue&type=script&lang=js
|
|
24277
|
-
|
|
24278
|
-
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
24279
|
-
name: "cms-description",
|
|
24280
|
-
components: {
|
|
24281
|
-
BaseComp: baseComp["default"]
|
|
24282
|
-
},
|
|
24283
|
-
props: {
|
|
24284
|
-
data: {
|
|
24285
|
-
type: Object,
|
|
24286
|
-
default: () => {
|
|
24287
|
-
return {};
|
|
24288
|
-
}
|
|
24289
|
-
},
|
|
24290
|
-
nowCompId: {
|
|
24291
|
-
type: [String, Number],
|
|
24292
|
-
default: ""
|
|
24293
|
-
},
|
|
24294
|
-
isOpcacity: {
|
|
24295
|
-
type: Boolean,
|
|
24296
|
-
default: true
|
|
24695
|
+
}, 'BaseComp', _vm.$attrs, false), [_vm.$EventBus && _vm.isOpcacity ? _c('div', {
|
|
24696
|
+
staticClass: "main_drag",
|
|
24697
|
+
style: _vm.cardContainerStyle,
|
|
24698
|
+
attrs: {
|
|
24699
|
+
"id": `cardTarget${_vm.data.componentId}`
|
|
24297
24700
|
},
|
|
24298
|
-
|
|
24299
|
-
|
|
24300
|
-
|
|
24701
|
+
on: {
|
|
24702
|
+
"dragover": _vm.dragover,
|
|
24703
|
+
"dragend": function ($event) {
|
|
24704
|
+
_vm.showAddCom = false;
|
|
24705
|
+
},
|
|
24706
|
+
"drop": _vm.drop
|
|
24301
24707
|
}
|
|
24302
|
-
},
|
|
24303
|
-
|
|
24304
|
-
|
|
24305
|
-
configData: {},
|
|
24306
|
-
messFold: true
|
|
24307
|
-
};
|
|
24308
|
-
},
|
|
24309
|
-
mounted() {},
|
|
24310
|
-
watch: {},
|
|
24311
|
-
methods: {
|
|
24312
|
-
getConfigData(configData) {
|
|
24313
|
-
this.configData = configData;
|
|
24314
|
-
},
|
|
24315
|
-
foldMessText() {
|
|
24316
|
-
this.messFold = !this.messFold;
|
|
24708
|
+
}, [_c('Draggable', {
|
|
24709
|
+
staticStyle: {
|
|
24710
|
+
"position": "relative"
|
|
24317
24711
|
},
|
|
24318
|
-
decodeJumpUrl(url) {
|
|
24319
|
-
if (!url) return;
|
|
24320
|
-
top.location.href = url;
|
|
24321
|
-
}
|
|
24322
|
-
}
|
|
24323
|
-
});
|
|
24324
|
-
;// ./package/cms-description/View.vue?vue&type=script&lang=js
|
|
24325
|
-
/* harmony default export */ var cms_description_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
24326
|
-
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.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-description/View.vue?vue&type=style&index=0&id=23ce51d8&prod&lang=scss&scoped=true
|
|
24327
|
-
// extracted by mini-css-extract-plugin
|
|
24328
|
-
|
|
24329
|
-
;// ./package/cms-description/View.vue?vue&type=style&index=0&id=23ce51d8&prod&lang=scss&scoped=true
|
|
24330
|
-
|
|
24331
|
-
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
24332
|
-
var componentNormalizer = __webpack_require__(1656);
|
|
24333
|
-
;// ./package/cms-description/View.vue
|
|
24334
|
-
|
|
24335
|
-
|
|
24336
|
-
|
|
24337
|
-
;
|
|
24338
|
-
|
|
24339
|
-
|
|
24340
|
-
/* normalize component */
|
|
24341
|
-
|
|
24342
|
-
var component = (0,componentNormalizer/* default */.A)(
|
|
24343
|
-
cms_description_Viewvue_type_script_lang_js,
|
|
24344
|
-
render,
|
|
24345
|
-
staticRenderFns,
|
|
24346
|
-
false,
|
|
24347
|
-
null,
|
|
24348
|
-
"23ce51d8",
|
|
24349
|
-
null
|
|
24350
|
-
|
|
24351
|
-
)
|
|
24352
|
-
|
|
24353
|
-
/* harmony default export */ var View = (component.exports);
|
|
24354
|
-
|
|
24355
|
-
/***/ }),
|
|
24356
|
-
|
|
24357
|
-
/***/ 3238:
|
|
24358
|
-
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
24359
|
-
|
|
24360
|
-
"use strict";
|
|
24361
|
-
|
|
24362
|
-
var globalThis = __webpack_require__(4576);
|
|
24363
|
-
var NATIVE_ARRAY_BUFFER = __webpack_require__(7811);
|
|
24364
|
-
var arrayBufferByteLength = __webpack_require__(7394);
|
|
24365
|
-
|
|
24366
|
-
var DataView = globalThis.DataView;
|
|
24367
|
-
|
|
24368
|
-
module.exports = function (O) {
|
|
24369
|
-
if (!NATIVE_ARRAY_BUFFER || arrayBufferByteLength(O) !== 0) return false;
|
|
24370
|
-
try {
|
|
24371
|
-
// eslint-disable-next-line no-new -- thrower
|
|
24372
|
-
new DataView(O);
|
|
24373
|
-
return false;
|
|
24374
|
-
} catch (error) {
|
|
24375
|
-
return true;
|
|
24376
|
-
}
|
|
24377
|
-
};
|
|
24378
|
-
|
|
24379
|
-
|
|
24380
|
-
/***/ }),
|
|
24381
|
-
|
|
24382
|
-
/***/ 3249:
|
|
24383
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
24384
|
-
|
|
24385
|
-
"use strict";
|
|
24386
|
-
// ESM COMPAT FLAG
|
|
24387
|
-
__webpack_require__.r(__webpack_exports__);
|
|
24388
|
-
|
|
24389
|
-
// EXPORTS
|
|
24390
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
24391
|
-
"default": function() { return /* binding */ View; }
|
|
24392
|
-
});
|
|
24393
|
-
|
|
24394
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-lineTwo/View.vue?vue&type=template&id=16651063&scoped=true
|
|
24395
|
-
var render = function render() {
|
|
24396
|
-
var _vm = this,
|
|
24397
|
-
_c = _vm._self._c;
|
|
24398
|
-
return _c('BaseComp', _vm._b({
|
|
24399
24712
|
attrs: {
|
|
24400
|
-
"
|
|
24401
|
-
"
|
|
24402
|
-
"
|
|
24403
|
-
"
|
|
24713
|
+
"chosen-class": "chosen",
|
|
24714
|
+
"force-fallback": "true",
|
|
24715
|
+
"animation": "1000",
|
|
24716
|
+
"move": _vm.onMove
|
|
24404
24717
|
},
|
|
24405
24718
|
on: {
|
|
24406
|
-
"
|
|
24719
|
+
"start": _vm.onStart,
|
|
24720
|
+
"end": function ($event) {
|
|
24721
|
+
_vm.showAddCom = false;
|
|
24722
|
+
}
|
|
24723
|
+
},
|
|
24724
|
+
model: {
|
|
24725
|
+
value: _vm.data.childList,
|
|
24726
|
+
callback: function ($$v) {
|
|
24727
|
+
_vm.$set(_vm.data, "childList", $$v);
|
|
24728
|
+
},
|
|
24729
|
+
expression: "data.childList"
|
|
24407
24730
|
}
|
|
24408
|
-
},
|
|
24409
|
-
staticClass: "cmhk-home_main"
|
|
24410
|
-
}, [_c('div', {
|
|
24411
|
-
staticClass: "dataTransferTips"
|
|
24412
|
-
}, [_c('div', {
|
|
24413
|
-
staticClass: "pageCenter"
|
|
24414
|
-
}, [_c('div', {
|
|
24415
|
-
staticClass: "tab"
|
|
24416
|
-
}, [_c('div', {
|
|
24417
|
-
staticClass: "main"
|
|
24418
|
-
}, [_c('div', {
|
|
24419
|
-
staticClass: "tpl-marketingnew-activity"
|
|
24420
|
-
}, [_c('div', {
|
|
24421
|
-
staticClass: "marketingnew_activity"
|
|
24422
|
-
}, [_c('div', {
|
|
24423
|
-
staticClass: "marketingnew_activity_list common_width_container"
|
|
24424
|
-
}, _vm._l(_vm.configList, function (item, index) {
|
|
24731
|
+
}, [_vm._l(_vm.data.childList, function (item, index) {
|
|
24425
24732
|
return _c('div', {
|
|
24426
|
-
key:
|
|
24427
|
-
|
|
24733
|
+
key: item.componentId,
|
|
24734
|
+
staticStyle: {
|
|
24735
|
+
"position": "relative"
|
|
24736
|
+
}
|
|
24428
24737
|
}, [_c('div', {
|
|
24429
|
-
|
|
24430
|
-
|
|
24738
|
+
directives: [{
|
|
24739
|
+
name: "show",
|
|
24740
|
+
rawName: "v-show",
|
|
24741
|
+
value: _vm.showAddCom,
|
|
24742
|
+
expression: "showAddCom"
|
|
24743
|
+
}],
|
|
24744
|
+
staticClass: "up_insert",
|
|
24431
24745
|
attrs: {
|
|
24432
|
-
"
|
|
24433
|
-
"target": "_blank"
|
|
24746
|
+
"id": `${item.componentId}-cardTargetup`
|
|
24434
24747
|
}
|
|
24435
|
-
}, [_c('
|
|
24436
|
-
staticClass: "
|
|
24748
|
+
}, [_c('i', {
|
|
24749
|
+
staticClass: "icon-up",
|
|
24437
24750
|
attrs: {
|
|
24438
|
-
"
|
|
24439
|
-
"alt": item.imagePcATL
|
|
24751
|
+
"id": `${item.componentId}-upi`
|
|
24440
24752
|
}
|
|
24441
|
-
}), _c('
|
|
24442
|
-
staticClass: "mobile-show",
|
|
24753
|
+
}), _c('span', {
|
|
24443
24754
|
attrs: {
|
|
24444
|
-
"
|
|
24445
|
-
"alt": item.imageH5ATL
|
|
24755
|
+
"id": `${item.componentId}-upspan`
|
|
24446
24756
|
}
|
|
24447
|
-
})])]), _c(
|
|
24448
|
-
|
|
24449
|
-
|
|
24450
|
-
|
|
24757
|
+
}, [_vm._v("插入组件")])]), _c(item.cmsCompName, {
|
|
24758
|
+
key: item.componentId,
|
|
24759
|
+
tag: "component",
|
|
24760
|
+
style: {
|
|
24761
|
+
marginTop: _vm.showAddCom && index == 0 ? '20px' : '0px'
|
|
24762
|
+
},
|
|
24763
|
+
attrs: {
|
|
24764
|
+
"data": item,
|
|
24765
|
+
"lang": _vm.lang,
|
|
24766
|
+
"isOpcacity": _vm.isOpcacity,
|
|
24767
|
+
"nowCompId": _vm.nowCompId
|
|
24768
|
+
}
|
|
24769
|
+
})], 1);
|
|
24770
|
+
}), _c('div', {
|
|
24771
|
+
directives: [{
|
|
24772
|
+
name: "show",
|
|
24773
|
+
rawName: "v-show",
|
|
24774
|
+
value: _vm.showAddCom,
|
|
24775
|
+
expression: "showAddCom"
|
|
24776
|
+
}],
|
|
24777
|
+
staticClass: "up_insert insert_bottom",
|
|
24778
|
+
style: {
|
|
24779
|
+
bottom: _vm.data.childList.length ? '0px' : '-24px'
|
|
24780
|
+
},
|
|
24781
|
+
attrs: {
|
|
24782
|
+
"id": `-cardTargetdown`
|
|
24783
|
+
}
|
|
24784
|
+
}, [_c('i', {
|
|
24785
|
+
staticClass: "icon-up"
|
|
24786
|
+
}), _c('span', [_vm._v("插入组件")])])], 2)], 1) : _c('cms-view', _vm._b({
|
|
24787
|
+
style: _vm.cardContainerStyle,
|
|
24788
|
+
attrs: {
|
|
24789
|
+
"data": _vm.data.childList,
|
|
24790
|
+
"lang": _vm.lang,
|
|
24791
|
+
"isOpcacity": false
|
|
24792
|
+
}
|
|
24793
|
+
}, 'cms-view', _vm.$attrs, false))], 1);
|
|
24451
24794
|
};
|
|
24452
24795
|
var staticRenderFns = [];
|
|
24453
24796
|
|
|
24797
|
+
;// ./package/cms-column-card/View.vue?vue&type=template&id=971892d6&scoped=true
|
|
24798
|
+
|
|
24799
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
|
|
24800
|
+
var es_array_push = __webpack_require__(4114);
|
|
24454
24801
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
24455
|
-
var baseComp = __webpack_require__(
|
|
24456
|
-
|
|
24802
|
+
var baseComp = __webpack_require__(6228);
|
|
24803
|
+
// EXTERNAL MODULE: ./node_modules/vuedraggable/dist/vuedraggable.umd.js
|
|
24804
|
+
var vuedraggable_umd = __webpack_require__(1527);
|
|
24805
|
+
var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_umd);
|
|
24806
|
+
// EXTERNAL MODULE: ./package/baseConfig.js
|
|
24807
|
+
var baseConfig = __webpack_require__(649);
|
|
24808
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-column-card/View.vue?vue&type=script&lang=js
|
|
24809
|
+
|
|
24810
|
+
|
|
24811
|
+
|
|
24812
|
+
|
|
24457
24813
|
|
|
24458
24814
|
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
24459
|
-
name: "cms-
|
|
24815
|
+
name: "cms-column-card",
|
|
24460
24816
|
components: {
|
|
24461
|
-
BaseComp: baseComp["default"]
|
|
24817
|
+
BaseComp: baseComp["default"],
|
|
24818
|
+
Draggable: (vuedraggable_umd_default())
|
|
24819
|
+
},
|
|
24820
|
+
props: {
|
|
24821
|
+
data: {
|
|
24822
|
+
type: Object,
|
|
24823
|
+
default: () => {
|
|
24824
|
+
return {};
|
|
24825
|
+
}
|
|
24826
|
+
},
|
|
24827
|
+
nowCompId: {
|
|
24828
|
+
type: [String, Number],
|
|
24829
|
+
default: ""
|
|
24830
|
+
},
|
|
24831
|
+
isOpcacity: {
|
|
24832
|
+
type: Boolean,
|
|
24833
|
+
default: true
|
|
24834
|
+
},
|
|
24835
|
+
lang: {
|
|
24836
|
+
type: String,
|
|
24837
|
+
default: "zh-HK"
|
|
24838
|
+
}
|
|
24839
|
+
},
|
|
24840
|
+
data() {
|
|
24841
|
+
return {
|
|
24842
|
+
configData: {},
|
|
24843
|
+
messFold: true,
|
|
24844
|
+
showAddCom: false
|
|
24845
|
+
};
|
|
24846
|
+
},
|
|
24847
|
+
computed: {
|
|
24848
|
+
// 卡片容器样式
|
|
24849
|
+
cardContainerStyle() {
|
|
24850
|
+
return {
|
|
24851
|
+
backgroundImage: this.configData.backgroundImage ? `url('${this.configData.backgroundImage}')` : "none",
|
|
24852
|
+
backgroundSize: "cover",
|
|
24853
|
+
backgroundRepeat: "no-repeat",
|
|
24854
|
+
backgroundPosition: "center center",
|
|
24855
|
+
height: this.getContainerHeight(),
|
|
24856
|
+
border: this.getContainerBorder(),
|
|
24857
|
+
borderRadius: this.getContainerBorderRadius(),
|
|
24858
|
+
backgroundColor: this.configData.backgroundColor || "transparent",
|
|
24859
|
+
boxShadow: this.configData.boxShadow || "none"
|
|
24860
|
+
};
|
|
24861
|
+
}
|
|
24862
|
+
},
|
|
24863
|
+
mounted() {
|
|
24864
|
+
if (this.$EventBus) {
|
|
24865
|
+
this.$EventBus.$on("handleDragEnd", () => {
|
|
24866
|
+
this.showAddCom = false;
|
|
24867
|
+
});
|
|
24868
|
+
}
|
|
24869
|
+
},
|
|
24870
|
+
watch: {},
|
|
24871
|
+
methods: {
|
|
24872
|
+
// 获取容器高度
|
|
24873
|
+
getContainerHeight() {
|
|
24874
|
+
if (this.configData.heightType === "fixed") {
|
|
24875
|
+
return `${this.configData.fixedHeight}px`;
|
|
24876
|
+
}
|
|
24877
|
+
return this.isOpcacity ? "100%" : "auto";
|
|
24878
|
+
},
|
|
24879
|
+
// 获取容器边框
|
|
24880
|
+
getContainerBorder() {
|
|
24881
|
+
if (this.configData.borderWidth) {
|
|
24882
|
+
return `${this.configData.borderWidth}px ${this.configData.borderStyle} ${this.configData.borderColor}`;
|
|
24883
|
+
}
|
|
24884
|
+
return "none";
|
|
24885
|
+
},
|
|
24886
|
+
// 获取容器圆角
|
|
24887
|
+
getContainerBorderRadius() {
|
|
24888
|
+
if (this.configData.borderRadius) {
|
|
24889
|
+
return `${this.configData.borderRadius}px`;
|
|
24890
|
+
}
|
|
24891
|
+
return "0";
|
|
24892
|
+
},
|
|
24893
|
+
getConfigData(configData) {
|
|
24894
|
+
this.configData = configData;
|
|
24895
|
+
},
|
|
24896
|
+
foldMessText() {
|
|
24897
|
+
this.messFold = !this.messFold;
|
|
24898
|
+
},
|
|
24899
|
+
decodeJumpUrl(url) {
|
|
24900
|
+
if (!url) return;
|
|
24901
|
+
top.location.href = url;
|
|
24902
|
+
},
|
|
24903
|
+
onStart(evt) {
|
|
24904
|
+
console.log("drag start in column-card", evt);
|
|
24905
|
+
this.showAddCom = true;
|
|
24906
|
+
},
|
|
24907
|
+
// 限制拖拽的组件类型
|
|
24908
|
+
onMove(evt) {
|
|
24909
|
+
const {
|
|
24910
|
+
draggedContext
|
|
24911
|
+
} = evt;
|
|
24912
|
+
|
|
24913
|
+
// 允许的组件类型
|
|
24914
|
+
const allowedComponents = ["cms-text", "cms-image", "cms-video", "cms-button", "cms-richText", "cms-column" // 允许拖入 cms-column
|
|
24915
|
+
];
|
|
24916
|
+
|
|
24917
|
+
// 如果是从外部拖入的组件
|
|
24918
|
+
if (draggedContext && draggedContext.element) {
|
|
24919
|
+
const componentType = draggedContext.element.cmsCompName;
|
|
24920
|
+
if (componentType && !allowedComponents.includes(componentType)) {
|
|
24921
|
+
console.log(`组件类型 ${componentType} 不允许拖入 column-card`);
|
|
24922
|
+
return false;
|
|
24923
|
+
}
|
|
24924
|
+
|
|
24925
|
+
// 特殊处理 cms-column:检查嵌套层级
|
|
24926
|
+
if (componentType === "cms-column") {
|
|
24927
|
+
if (!this.checkColumnNestingLevel()) {
|
|
24928
|
+
console.log("cms-column 嵌套层级超出限制");
|
|
24929
|
+
return false;
|
|
24930
|
+
}
|
|
24931
|
+
}
|
|
24932
|
+
}
|
|
24933
|
+
return true;
|
|
24934
|
+
},
|
|
24935
|
+
// 检查 cms-column 嵌套层级
|
|
24936
|
+
checkColumnNestingLevel() {
|
|
24937
|
+
// 检查当前 column-card 是否已经在 cms-column 内部
|
|
24938
|
+
let parent = this.$parent;
|
|
24939
|
+
let columnDepth = 0;
|
|
24940
|
+
while (parent) {
|
|
24941
|
+
// 检查父组件是否是 cms-column 或包含 cms-column
|
|
24942
|
+
if (parent.$options.name === "cms-column" || parent.$data && parent.$data.data && parent.$data.data.cmsCompName === "cms-column") {
|
|
24943
|
+
columnDepth++;
|
|
24944
|
+
}
|
|
24945
|
+
|
|
24946
|
+
// 如果已经有一层 cms-column,则不允许再嵌套
|
|
24947
|
+
if (columnDepth >= 2) {
|
|
24948
|
+
console.log(`检测到 cms-column 嵌套层级: ${columnDepth}, 超出限制`);
|
|
24949
|
+
return false;
|
|
24950
|
+
}
|
|
24951
|
+
parent = parent.$parent;
|
|
24952
|
+
}
|
|
24953
|
+
console.log(`cms-column 嵌套层级检查通过: ${columnDepth}`);
|
|
24954
|
+
return true;
|
|
24955
|
+
},
|
|
24956
|
+
// 处理拖拽悬停
|
|
24957
|
+
dragover(e) {
|
|
24958
|
+
e.preventDefault();
|
|
24959
|
+
this.showAddCom = true;
|
|
24960
|
+
},
|
|
24961
|
+
// 处理拖拽放置
|
|
24962
|
+
drop(e) {
|
|
24963
|
+
console.log("cms-colum-card-drop");
|
|
24964
|
+
e.preventDefault();
|
|
24965
|
+
const componentKey = e.dataTransfer.getData("componentKey");
|
|
24966
|
+
if (!componentKey) return;
|
|
24967
|
+
|
|
24968
|
+
// 允许的组件类型
|
|
24969
|
+
const allowedComponents = ["cms-text", "cms-image", "cms-video", "cms-button", "cms-richText", "cms-column" // 允许拖入 cms-column
|
|
24970
|
+
];
|
|
24971
|
+
|
|
24972
|
+
// 检查组件类型是否允许
|
|
24973
|
+
if (!allowedComponents.includes(componentKey)) {
|
|
24974
|
+
console.log(`组件类型 ${componentKey} 不允许拖入 column-card`);
|
|
24975
|
+
this.$message && this.$message.warning(`该组件类型不支持拖入卡片容器`);
|
|
24976
|
+
this.showAddCom = false;
|
|
24977
|
+
return;
|
|
24978
|
+
}
|
|
24979
|
+
|
|
24980
|
+
// 特殊处理 cms-column:检查嵌套层级
|
|
24981
|
+
if (componentKey === "cms-column") {
|
|
24982
|
+
if (!this.checkColumnNestingLevel()) {
|
|
24983
|
+
console.log("cms-column 嵌套层级超出限制");
|
|
24984
|
+
this.$message && this.$message.warning(`cms-column 只能嵌套一层`);
|
|
24985
|
+
this.showAddCom = false;
|
|
24986
|
+
return;
|
|
24987
|
+
}
|
|
24988
|
+
}
|
|
24989
|
+
this.addOneComp(e, componentKey);
|
|
24990
|
+
},
|
|
24991
|
+
// 添加组件到卡片容器
|
|
24992
|
+
addOneComp(e, componentKey) {
|
|
24993
|
+
this.showAddCom = false;
|
|
24994
|
+
console.log("drop to column-card", componentKey);
|
|
24995
|
+
|
|
24996
|
+
// 动态导入组件配置
|
|
24997
|
+
let initCompData;
|
|
24998
|
+
try {
|
|
24999
|
+
initCompData = __webpack_require__(1640)(`./${componentKey}`).default.settings(componentKey);
|
|
25000
|
+
initCompData = {
|
|
25001
|
+
...initCompData,
|
|
25002
|
+
styleConfig: {
|
|
25003
|
+
pc: componentKey == "cms-text" ? [...(0,baseConfig.styleBaseConfig)(16, 16, 0, 0, "px")] : [...(0,baseConfig.styleBaseConfig)(0, 0, 0, 0, "px")],
|
|
25004
|
+
mb: componentKey == "cms-text" ? [...(0,baseConfig.styleBaseConfig)(12, 12, 0, 0, "px")] : [...(0,baseConfig.styleBaseConfig)(0, 0, 0, 0, "px")]
|
|
25005
|
+
}
|
|
25006
|
+
};
|
|
25007
|
+
} catch (error) {
|
|
25008
|
+
console.error(`无法加载组件 ${componentKey}:`, error);
|
|
25009
|
+
this.$message && this.$message.error(`组件加载失败`);
|
|
25010
|
+
return;
|
|
25011
|
+
}
|
|
25012
|
+
const toElementId = e.toElement.id;
|
|
25013
|
+
if (toElementId === `cardTarget${this.data.componentId}` || toElementId.includes("cardTargetdown")) {
|
|
25014
|
+
// 添加到卡片容器末尾
|
|
25015
|
+
this.data.childList.push(initCompData);
|
|
25016
|
+
} else if (toElementId.includes("cardTargetup")) {
|
|
25017
|
+
// 插入到指定位置
|
|
25018
|
+
const underComponentId = toElementId.split("-cardTargetup")[0];
|
|
25019
|
+
const index = this.data.childList.findIndex(item => item.componentId === underComponentId);
|
|
25020
|
+
if (index !== -1) {
|
|
25021
|
+
this.data.childList.splice(index, 0, initCompData);
|
|
25022
|
+
}
|
|
25023
|
+
}
|
|
25024
|
+
|
|
25025
|
+
// 触发数据更新
|
|
25026
|
+
this.$emit("update:data", this.data);
|
|
25027
|
+
if (componentKey === "cms-column") {
|
|
25028
|
+
this.$EventBus.$emit("handleNowComp", initCompData);
|
|
25029
|
+
}
|
|
25030
|
+
}
|
|
25031
|
+
}
|
|
25032
|
+
});
|
|
25033
|
+
;// ./package/cms-column-card/View.vue?vue&type=script&lang=js
|
|
25034
|
+
/* harmony default export */ var cms_column_card_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
25035
|
+
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.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-column-card/View.vue?vue&type=style&index=0&id=971892d6&prod&lang=scss&scoped=true
|
|
25036
|
+
// extracted by mini-css-extract-plugin
|
|
25037
|
+
|
|
25038
|
+
;// ./package/cms-column-card/View.vue?vue&type=style&index=0&id=971892d6&prod&lang=scss&scoped=true
|
|
25039
|
+
|
|
25040
|
+
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
25041
|
+
var componentNormalizer = __webpack_require__(1656);
|
|
25042
|
+
;// ./package/cms-column-card/View.vue
|
|
25043
|
+
|
|
25044
|
+
|
|
25045
|
+
|
|
25046
|
+
;
|
|
25047
|
+
|
|
25048
|
+
|
|
25049
|
+
/* normalize component */
|
|
25050
|
+
|
|
25051
|
+
var component = (0,componentNormalizer/* default */.A)(
|
|
25052
|
+
cms_column_card_Viewvue_type_script_lang_js,
|
|
25053
|
+
render,
|
|
25054
|
+
staticRenderFns,
|
|
25055
|
+
false,
|
|
25056
|
+
null,
|
|
25057
|
+
"971892d6",
|
|
25058
|
+
null
|
|
25059
|
+
|
|
25060
|
+
)
|
|
25061
|
+
|
|
25062
|
+
/* harmony default export */ var View = (component.exports);
|
|
25063
|
+
|
|
25064
|
+
/***/ }),
|
|
25065
|
+
|
|
25066
|
+
/***/ 3167:
|
|
25067
|
+
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
25068
|
+
|
|
25069
|
+
"use strict";
|
|
25070
|
+
|
|
25071
|
+
var isCallable = __webpack_require__(4901);
|
|
25072
|
+
var isObject = __webpack_require__(34);
|
|
25073
|
+
var setPrototypeOf = __webpack_require__(2967);
|
|
25074
|
+
|
|
25075
|
+
// makes subclassing work correct for wrapped built-ins
|
|
25076
|
+
module.exports = function ($this, dummy, Wrapper) {
|
|
25077
|
+
var NewTarget, NewTargetPrototype;
|
|
25078
|
+
if (
|
|
25079
|
+
// it can work only with native `setPrototypeOf`
|
|
25080
|
+
setPrototypeOf &&
|
|
25081
|
+
// we haven't completely correct pre-ES6 way for getting `new.target`, so use this
|
|
25082
|
+
isCallable(NewTarget = dummy.constructor) &&
|
|
25083
|
+
NewTarget !== Wrapper &&
|
|
25084
|
+
isObject(NewTargetPrototype = NewTarget.prototype) &&
|
|
25085
|
+
NewTargetPrototype !== Wrapper.prototype
|
|
25086
|
+
) setPrototypeOf($this, NewTargetPrototype);
|
|
25087
|
+
return $this;
|
|
25088
|
+
};
|
|
25089
|
+
|
|
25090
|
+
|
|
25091
|
+
/***/ }),
|
|
25092
|
+
|
|
25093
|
+
/***/ 3203:
|
|
25094
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
25095
|
+
|
|
25096
|
+
"use strict";
|
|
25097
|
+
// ESM COMPAT FLAG
|
|
25098
|
+
__webpack_require__.r(__webpack_exports__);
|
|
25099
|
+
|
|
25100
|
+
// EXPORTS
|
|
25101
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
25102
|
+
"default": function() { return /* binding */ View; }
|
|
25103
|
+
});
|
|
25104
|
+
|
|
25105
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-description/View.vue?vue&type=template&id=23ce51d8&scoped=true
|
|
25106
|
+
var render = function render() {
|
|
25107
|
+
var _vm = this,
|
|
25108
|
+
_c = _vm._self._c;
|
|
25109
|
+
return _c('BaseComp', _vm._b({
|
|
25110
|
+
attrs: {
|
|
25111
|
+
"data": _vm.data,
|
|
25112
|
+
"nowCompId": _vm.nowCompId,
|
|
25113
|
+
"isOpcacity": _vm.isOpcacity,
|
|
25114
|
+
"lang": _vm.lang
|
|
25115
|
+
},
|
|
25116
|
+
on: {
|
|
25117
|
+
"getConfigData": _vm.getConfigData
|
|
25118
|
+
}
|
|
25119
|
+
}, 'BaseComp', _vm.$attrs, false), [_c('section', {
|
|
25120
|
+
staticClass: "cmhk-home_main"
|
|
25121
|
+
}, [_c('div', {
|
|
25122
|
+
class: ['cartoon-mess cartoon-mess_container mgb-0', _vm.messFold ? 'all' : '']
|
|
25123
|
+
}, [_c('div', {
|
|
25124
|
+
staticClass: "inner"
|
|
25125
|
+
}, [_c('p', [_vm._v(_vm._s(_vm.configData.input1))])])])])]);
|
|
25126
|
+
};
|
|
25127
|
+
var staticRenderFns = [];
|
|
25128
|
+
|
|
25129
|
+
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
25130
|
+
var baseComp = __webpack_require__(6228);
|
|
25131
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-description/View.vue?vue&type=script&lang=js
|
|
25132
|
+
|
|
25133
|
+
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
25134
|
+
name: "cms-description",
|
|
25135
|
+
components: {
|
|
25136
|
+
BaseComp: baseComp["default"]
|
|
25137
|
+
},
|
|
25138
|
+
props: {
|
|
25139
|
+
data: {
|
|
25140
|
+
type: Object,
|
|
25141
|
+
default: () => {
|
|
25142
|
+
return {};
|
|
25143
|
+
}
|
|
25144
|
+
},
|
|
25145
|
+
nowCompId: {
|
|
25146
|
+
type: [String, Number],
|
|
25147
|
+
default: ""
|
|
25148
|
+
},
|
|
25149
|
+
isOpcacity: {
|
|
25150
|
+
type: Boolean,
|
|
25151
|
+
default: true
|
|
25152
|
+
},
|
|
25153
|
+
lang: {
|
|
25154
|
+
type: String,
|
|
25155
|
+
default: "zh-HK"
|
|
25156
|
+
}
|
|
25157
|
+
},
|
|
25158
|
+
data() {
|
|
25159
|
+
return {
|
|
25160
|
+
configData: {},
|
|
25161
|
+
messFold: true
|
|
25162
|
+
};
|
|
25163
|
+
},
|
|
25164
|
+
mounted() {},
|
|
25165
|
+
watch: {},
|
|
25166
|
+
methods: {
|
|
25167
|
+
getConfigData(configData) {
|
|
25168
|
+
this.configData = configData;
|
|
25169
|
+
},
|
|
25170
|
+
foldMessText() {
|
|
25171
|
+
this.messFold = !this.messFold;
|
|
25172
|
+
},
|
|
25173
|
+
decodeJumpUrl(url) {
|
|
25174
|
+
if (!url) return;
|
|
25175
|
+
top.location.href = url;
|
|
25176
|
+
}
|
|
25177
|
+
}
|
|
25178
|
+
});
|
|
25179
|
+
;// ./package/cms-description/View.vue?vue&type=script&lang=js
|
|
25180
|
+
/* harmony default export */ var cms_description_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
25181
|
+
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.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-description/View.vue?vue&type=style&index=0&id=23ce51d8&prod&lang=scss&scoped=true
|
|
25182
|
+
// extracted by mini-css-extract-plugin
|
|
25183
|
+
|
|
25184
|
+
;// ./package/cms-description/View.vue?vue&type=style&index=0&id=23ce51d8&prod&lang=scss&scoped=true
|
|
25185
|
+
|
|
25186
|
+
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
25187
|
+
var componentNormalizer = __webpack_require__(1656);
|
|
25188
|
+
;// ./package/cms-description/View.vue
|
|
25189
|
+
|
|
25190
|
+
|
|
25191
|
+
|
|
25192
|
+
;
|
|
25193
|
+
|
|
25194
|
+
|
|
25195
|
+
/* normalize component */
|
|
25196
|
+
|
|
25197
|
+
var component = (0,componentNormalizer/* default */.A)(
|
|
25198
|
+
cms_description_Viewvue_type_script_lang_js,
|
|
25199
|
+
render,
|
|
25200
|
+
staticRenderFns,
|
|
25201
|
+
false,
|
|
25202
|
+
null,
|
|
25203
|
+
"23ce51d8",
|
|
25204
|
+
null
|
|
25205
|
+
|
|
25206
|
+
)
|
|
25207
|
+
|
|
25208
|
+
/* harmony default export */ var View = (component.exports);
|
|
25209
|
+
|
|
25210
|
+
/***/ }),
|
|
25211
|
+
|
|
25212
|
+
/***/ 3238:
|
|
25213
|
+
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
25214
|
+
|
|
25215
|
+
"use strict";
|
|
25216
|
+
|
|
25217
|
+
var globalThis = __webpack_require__(4576);
|
|
25218
|
+
var NATIVE_ARRAY_BUFFER = __webpack_require__(7811);
|
|
25219
|
+
var arrayBufferByteLength = __webpack_require__(7394);
|
|
25220
|
+
|
|
25221
|
+
var DataView = globalThis.DataView;
|
|
25222
|
+
|
|
25223
|
+
module.exports = function (O) {
|
|
25224
|
+
if (!NATIVE_ARRAY_BUFFER || arrayBufferByteLength(O) !== 0) return false;
|
|
25225
|
+
try {
|
|
25226
|
+
// eslint-disable-next-line no-new -- thrower
|
|
25227
|
+
new DataView(O);
|
|
25228
|
+
return false;
|
|
25229
|
+
} catch (error) {
|
|
25230
|
+
return true;
|
|
25231
|
+
}
|
|
25232
|
+
};
|
|
25233
|
+
|
|
25234
|
+
|
|
25235
|
+
/***/ }),
|
|
25236
|
+
|
|
25237
|
+
/***/ 3249:
|
|
25238
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
25239
|
+
|
|
25240
|
+
"use strict";
|
|
25241
|
+
// ESM COMPAT FLAG
|
|
25242
|
+
__webpack_require__.r(__webpack_exports__);
|
|
25243
|
+
|
|
25244
|
+
// EXPORTS
|
|
25245
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
25246
|
+
"default": function() { return /* binding */ View; }
|
|
25247
|
+
});
|
|
25248
|
+
|
|
25249
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-lineTwo/View.vue?vue&type=template&id=16651063&scoped=true
|
|
25250
|
+
var render = function render() {
|
|
25251
|
+
var _vm = this,
|
|
25252
|
+
_c = _vm._self._c;
|
|
25253
|
+
return _c('BaseComp', _vm._b({
|
|
25254
|
+
attrs: {
|
|
25255
|
+
"data": _vm.data,
|
|
25256
|
+
"nowCompId": _vm.nowCompId,
|
|
25257
|
+
"isOpcacity": _vm.isOpcacity,
|
|
25258
|
+
"lang": _vm.lang
|
|
25259
|
+
},
|
|
25260
|
+
on: {
|
|
25261
|
+
"getConfigData": _vm.getConfigData
|
|
25262
|
+
}
|
|
25263
|
+
}, 'BaseComp', _vm.$attrs, false), [_c('section', {
|
|
25264
|
+
staticClass: "cmhk-home_main"
|
|
25265
|
+
}, [_c('div', {
|
|
25266
|
+
staticClass: "dataTransferTips"
|
|
25267
|
+
}, [_c('div', {
|
|
25268
|
+
staticClass: "pageCenter"
|
|
25269
|
+
}, [_c('div', {
|
|
25270
|
+
staticClass: "tab"
|
|
25271
|
+
}, [_c('div', {
|
|
25272
|
+
staticClass: "main"
|
|
25273
|
+
}, [_c('div', {
|
|
25274
|
+
staticClass: "tpl-marketingnew-activity"
|
|
25275
|
+
}, [_c('div', {
|
|
25276
|
+
staticClass: "marketingnew_activity"
|
|
25277
|
+
}, [_c('div', {
|
|
25278
|
+
staticClass: "marketingnew_activity_list common_width_container"
|
|
25279
|
+
}, _vm._l(_vm.configList, function (item, index) {
|
|
25280
|
+
return _c('div', {
|
|
25281
|
+
key: `${index}${item === null || item === void 0 ? void 0 : item.id}`,
|
|
25282
|
+
staticClass: "activity_item activity_link_item"
|
|
25283
|
+
}, [_c('div', {
|
|
25284
|
+
staticClass: "activity_item_img"
|
|
25285
|
+
}, [_c('a', {
|
|
25286
|
+
attrs: {
|
|
25287
|
+
"href": item.jumpUrl,
|
|
25288
|
+
"target": "_blank"
|
|
25289
|
+
}
|
|
25290
|
+
}, [_c('img', {
|
|
25291
|
+
staticClass: "pc-show",
|
|
25292
|
+
attrs: {
|
|
25293
|
+
"src": item.uploadImagePC,
|
|
25294
|
+
"alt": item.imagePcATL
|
|
25295
|
+
}
|
|
25296
|
+
}), _c('img', {
|
|
25297
|
+
staticClass: "mobile-show",
|
|
25298
|
+
attrs: {
|
|
25299
|
+
"src": item.uploadImageH5,
|
|
25300
|
+
"alt": item.imageH5ATL
|
|
25301
|
+
}
|
|
25302
|
+
})])]), _c('p', {
|
|
25303
|
+
staticClass: "activity_item_text"
|
|
25304
|
+
}, [_vm._v(" " + _vm._s(item.input1) + " > ")])]);
|
|
25305
|
+
}), 0)])])])])])])])]);
|
|
25306
|
+
};
|
|
25307
|
+
var staticRenderFns = [];
|
|
25308
|
+
|
|
25309
|
+
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
25310
|
+
var baseComp = __webpack_require__(6228);
|
|
25311
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-lineTwo/View.vue?vue&type=script&lang=js
|
|
25312
|
+
|
|
25313
|
+
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
25314
|
+
name: "cms-lineTwo",
|
|
25315
|
+
components: {
|
|
25316
|
+
BaseComp: baseComp["default"]
|
|
24462
25317
|
},
|
|
24463
25318
|
props: {
|
|
24464
25319
|
data: {
|
|
@@ -24726,7 +25581,7 @@ var render = function render() {
|
|
|
24726
25581
|
var staticRenderFns = [];
|
|
24727
25582
|
|
|
24728
25583
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
24729
|
-
var baseComp = __webpack_require__(
|
|
25584
|
+
var baseComp = __webpack_require__(6228);
|
|
24730
25585
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-richText/View.vue?vue&type=script&lang=js
|
|
24731
25586
|
|
|
24732
25587
|
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
@@ -25289,7 +26144,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
25289
26144
|
__webpack_require__.r(__webpack_exports__);
|
|
25290
26145
|
/* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(649);
|
|
25291
26146
|
|
|
25292
|
-
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__,
|
|
26147
|
+
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 9886));
|
|
25293
26148
|
const langData = {
|
|
25294
26149
|
// 布局配置
|
|
25295
26150
|
layoutType: "100",
|
|
@@ -25303,7 +26158,7 @@ const langData = {
|
|
|
25303
26158
|
borderColor: "#409eff",
|
|
25304
26159
|
borderRadius: 0,
|
|
25305
26160
|
// 背景配置
|
|
25306
|
-
backgroundColor: "",
|
|
26161
|
+
backgroundColor: "#FFF",
|
|
25307
26162
|
backgroundImage: "",
|
|
25308
26163
|
boxShadow: "",
|
|
25309
26164
|
// 间距配置
|
|
@@ -25385,6 +26240,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
25385
26240
|
fixedHeight: {
|
|
25386
26241
|
label: "固定高度(px)",
|
|
25387
26242
|
widgetType: "el-input-number",
|
|
26243
|
+
size: "small",
|
|
25388
26244
|
min: 100,
|
|
25389
26245
|
max: 1000
|
|
25390
26246
|
},
|
|
@@ -25392,6 +26248,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
25392
26248
|
borderWidth: {
|
|
25393
26249
|
label: "边框宽度(px)",
|
|
25394
26250
|
widgetType: "el-input-number",
|
|
26251
|
+
size: "small",
|
|
25395
26252
|
min: 0,
|
|
25396
26253
|
max: 10
|
|
25397
26254
|
},
|
|
@@ -25419,6 +26276,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
25419
26276
|
borderRadius: {
|
|
25420
26277
|
label: "圆角(px)",
|
|
25421
26278
|
widgetType: "el-input-number",
|
|
26279
|
+
size: "small",
|
|
25422
26280
|
min: 0,
|
|
25423
26281
|
max: 50
|
|
25424
26282
|
},
|
|
@@ -25431,21 +26289,24 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
25431
26289
|
label: "背景图片",
|
|
25432
26290
|
widgetType: "UploadWidgetCMS"
|
|
25433
26291
|
},
|
|
25434
|
-
boxShadow: {
|
|
25435
|
-
|
|
25436
|
-
|
|
25437
|
-
|
|
25438
|
-
},
|
|
26292
|
+
// boxShadow: {
|
|
26293
|
+
// label: "阴影效果",
|
|
26294
|
+
// widgetType: "el-input",
|
|
26295
|
+
// placeholder: "如: 0 2px 4px rgba(0,0,0,0.1)",
|
|
26296
|
+
// },
|
|
26297
|
+
|
|
25439
26298
|
// 间距配置
|
|
25440
26299
|
columnGap: {
|
|
25441
26300
|
label: "列间距(px)",
|
|
25442
26301
|
widgetType: "el-input-number",
|
|
26302
|
+
size: "small",
|
|
25443
26303
|
min: 0,
|
|
25444
26304
|
max: 100
|
|
25445
26305
|
},
|
|
25446
26306
|
rowGap: {
|
|
25447
26307
|
label: "行间距(px)",
|
|
25448
26308
|
widgetType: "el-input-number",
|
|
26309
|
+
size: "small",
|
|
25449
26310
|
min: 0,
|
|
25450
26311
|
max: 100
|
|
25451
26312
|
},
|
|
@@ -25470,31 +26331,33 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
25470
26331
|
label: "显示描述",
|
|
25471
26332
|
widgetType: "el-switch"
|
|
25472
26333
|
},
|
|
25473
|
-
// 响应式配置
|
|
25474
|
-
responsiveBreakpoint: {
|
|
25475
|
-
|
|
25476
|
-
|
|
25477
|
-
|
|
25478
|
-
|
|
25479
|
-
|
|
26334
|
+
// // 响应式配置
|
|
26335
|
+
// responsiveBreakpoint: {
|
|
26336
|
+
// label: "响应式断点(px)",
|
|
26337
|
+
// widgetType: "el-input-number",
|
|
26338
|
+
size: "small"
|
|
26339
|
+
// min: 320,
|
|
26340
|
+
// max: 1200
|
|
26341
|
+
// },
|
|
26342
|
+
|
|
25480
26343
|
// 高级配置
|
|
25481
|
-
customClass: {
|
|
25482
|
-
|
|
25483
|
-
|
|
25484
|
-
},
|
|
25485
|
-
customStyle: {
|
|
25486
|
-
|
|
25487
|
-
|
|
25488
|
-
|
|
25489
|
-
},
|
|
25490
|
-
enableLazyLoad: {
|
|
25491
|
-
|
|
25492
|
-
|
|
25493
|
-
},
|
|
25494
|
-
enableSEO: {
|
|
25495
|
-
|
|
25496
|
-
|
|
25497
|
-
}
|
|
26344
|
+
// customClass: {
|
|
26345
|
+
// label: "自定义CSS类",
|
|
26346
|
+
// widgetType: "el-input"
|
|
26347
|
+
// },
|
|
26348
|
+
// customStyle: {
|
|
26349
|
+
// label: "自定义样式",
|
|
26350
|
+
// widgetType: "el-input",
|
|
26351
|
+
// type: "textarea"
|
|
26352
|
+
// },
|
|
26353
|
+
// enableLazyLoad: {
|
|
26354
|
+
// label: "启用懒加载",
|
|
26355
|
+
// widgetType: "el-switch"
|
|
26356
|
+
// },
|
|
26357
|
+
// enableSEO: {
|
|
26358
|
+
// label: "启用SEO优化",
|
|
26359
|
+
// widgetType: "el-switch"
|
|
26360
|
+
// }
|
|
25498
26361
|
});
|
|
25499
26362
|
const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSchema)(langData);
|
|
25500
26363
|
/* harmony default export */ __webpack_exports__["default"] = ({
|
|
@@ -25505,7 +26368,8 @@ const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSc
|
|
|
25505
26368
|
settings: cmsCompName => {
|
|
25506
26369
|
return (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getInitCompData)({
|
|
25507
26370
|
cmsCompName,
|
|
25508
|
-
langData
|
|
26371
|
+
langData,
|
|
26372
|
+
isLangAll: true
|
|
25509
26373
|
});
|
|
25510
26374
|
}
|
|
25511
26375
|
});
|
|
@@ -25759,7 +26623,7 @@ var es_iterator_constructor = __webpack_require__(8111);
|
|
|
25759
26623
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.reduce.js
|
|
25760
26624
|
var es_iterator_reduce = __webpack_require__(8237);
|
|
25761
26625
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
25762
|
-
var baseComp = __webpack_require__(
|
|
26626
|
+
var baseComp = __webpack_require__(6228);
|
|
25763
26627
|
// EXTERNAL MODULE: ./package/patch.js
|
|
25764
26628
|
var patch = __webpack_require__(1618);
|
|
25765
26629
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-servePlan-tab/View.vue?vue&type=script&lang=js
|
|
@@ -34813,7 +35677,7 @@ var render = function render() {
|
|
|
34813
35677
|
var staticRenderFns = [];
|
|
34814
35678
|
|
|
34815
35679
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
34816
|
-
var baseComp = __webpack_require__(
|
|
35680
|
+
var baseComp = __webpack_require__(6228);
|
|
34817
35681
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-lineFive/View.vue?vue&type=script&lang=js
|
|
34818
35682
|
|
|
34819
35683
|
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
@@ -34995,7 +35859,7 @@ var es_iterator_for_each = __webpack_require__(7588);
|
|
|
34995
35859
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.map.js
|
|
34996
35860
|
var es_iterator_map = __webpack_require__(1701);
|
|
34997
35861
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
34998
|
-
var baseComp = __webpack_require__(
|
|
35862
|
+
var baseComp = __webpack_require__(6228);
|
|
34999
35863
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-video/View.vue?vue&type=script&lang=js
|
|
35000
35864
|
|
|
35001
35865
|
|
|
@@ -36333,7 +37197,7 @@ var es_iterator_constructor = __webpack_require__(8111);
|
|
|
36333
37197
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
|
|
36334
37198
|
var es_iterator_for_each = __webpack_require__(7588);
|
|
36335
37199
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
36336
|
-
var baseComp = __webpack_require__(
|
|
37200
|
+
var baseComp = __webpack_require__(6228);
|
|
36337
37201
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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
|
|
36338
37202
|
|
|
36339
37203
|
|
|
@@ -37677,8 +38541,8 @@ var map = {
|
|
|
37677
38541
|
"./cms-banner/View.vue": 2646,
|
|
37678
38542
|
"./cms-button/View.vue": 2404,
|
|
37679
38543
|
"./cms-cells/View.vue": 5700,
|
|
37680
|
-
"./cms-column-card/View.vue":
|
|
37681
|
-
"./cms-column/View.vue":
|
|
38544
|
+
"./cms-column-card/View.vue": 3164,
|
|
38545
|
+
"./cms-column/View.vue": 9886,
|
|
37682
38546
|
"./cms-description/View.vue": 3203,
|
|
37683
38547
|
"./cms-dynamic-comp/View.vue": 1705,
|
|
37684
38548
|
"./cms-iconFour/View.vue": 8235,
|
|
@@ -37696,7 +38560,7 @@ var map = {
|
|
|
37696
38560
|
"./cms-servePlan-tab/View.vue": 4193,
|
|
37697
38561
|
"./cms-servePlan-text/View.vue": 9487,
|
|
37698
38562
|
"./cms-termsAndConditions/View.vue": 8073,
|
|
37699
|
-
"./cms-text/View.vue":
|
|
38563
|
+
"./cms-text/View.vue": 1452,
|
|
37700
38564
|
"./cms-threeScroll/View.vue": 8045,
|
|
37701
38565
|
"./cms-titleCenter/View.vue": 8106,
|
|
37702
38566
|
"./cms-titleLeft/View.vue": 9004,
|
|
@@ -37758,7 +38622,7 @@ module.exports = Number.isNaN || function isNaN(a) {
|
|
|
37758
38622
|
__webpack_require__.r(__webpack_exports__);
|
|
37759
38623
|
/* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(649);
|
|
37760
38624
|
|
|
37761
|
-
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__,
|
|
38625
|
+
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 3164));
|
|
37762
38626
|
|
|
37763
38627
|
// 默认配置数据
|
|
37764
38628
|
const langData = {
|
|
@@ -37768,7 +38632,7 @@ const langData = {
|
|
|
37768
38632
|
// 边框设置
|
|
37769
38633
|
borderWidth: 1,
|
|
37770
38634
|
borderStyle: "solid",
|
|
37771
|
-
borderColor: "#
|
|
38635
|
+
borderColor: "#1c4fc6ff",
|
|
37772
38636
|
borderRadius: 0,
|
|
37773
38637
|
// 背景设置
|
|
37774
38638
|
backgroundColor: "",
|
|
@@ -37794,6 +38658,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
37794
38658
|
fixedHeight: {
|
|
37795
38659
|
label: "高度值(px)",
|
|
37796
38660
|
widgetType: "el-input-number",
|
|
38661
|
+
size: "small",
|
|
37797
38662
|
min: 100,
|
|
37798
38663
|
max: 2000,
|
|
37799
38664
|
step: 1
|
|
@@ -37802,6 +38667,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
37802
38667
|
borderWidth: {
|
|
37803
38668
|
label: "边框宽度(px)",
|
|
37804
38669
|
widgetType: "el-input-number",
|
|
38670
|
+
size: "small",
|
|
37805
38671
|
min: 0,
|
|
37806
38672
|
max: 20,
|
|
37807
38673
|
step: 1
|
|
@@ -37830,6 +38696,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
37830
38696
|
borderRadius: {
|
|
37831
38697
|
label: "圆角(px)",
|
|
37832
38698
|
widgetType: "el-input-number",
|
|
38699
|
+
size: "small",
|
|
37833
38700
|
min: 0,
|
|
37834
38701
|
max: 100,
|
|
37835
38702
|
step: 1
|
|
@@ -37844,13 +38711,14 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
37844
38711
|
widgetType: "UploadWidgetCMS",
|
|
37845
38712
|
uploadType: "image",
|
|
37846
38713
|
placeholder: "请选择或输入图片地址"
|
|
37847
|
-
},
|
|
37848
|
-
// 阴影设置配置
|
|
37849
|
-
boxShadow: {
|
|
37850
|
-
label: "阴影",
|
|
37851
|
-
widgetType: "el-input",
|
|
37852
|
-
placeholder: "如: 0 2px 4px rgba(0,0,0,0.1)"
|
|
37853
38714
|
}
|
|
38715
|
+
|
|
38716
|
+
// 阴影设置配置
|
|
38717
|
+
// boxShadow: {
|
|
38718
|
+
// label: "阴影",
|
|
38719
|
+
// widgetType: "el-input",
|
|
38720
|
+
// placeholder: "如: 0 2px 4px rgba(0,0,0,0.1)",
|
|
38721
|
+
// },
|
|
37854
38722
|
});
|
|
37855
38723
|
const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSchema)(langData);
|
|
37856
38724
|
/* harmony default export */ __webpack_exports__["default"] = ({
|
|
@@ -38064,7 +38932,7 @@ var swiper = __webpack_require__(2791);
|
|
|
38064
38932
|
// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
|
|
38065
38933
|
var swiper_esm_bundle = __webpack_require__(4418);
|
|
38066
38934
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
38067
|
-
var baseComp = __webpack_require__(
|
|
38935
|
+
var baseComp = __webpack_require__(6228);
|
|
38068
38936
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-aLineThreeLeftTwo/View.vue?vue&type=script&lang=js
|
|
38069
38937
|
|
|
38070
38938
|
|
|
@@ -38379,7 +39247,7 @@ var render = function render() {
|
|
|
38379
39247
|
var staticRenderFns = [];
|
|
38380
39248
|
|
|
38381
39249
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
38382
|
-
var baseComp = __webpack_require__(
|
|
39250
|
+
var baseComp = __webpack_require__(6228);
|
|
38383
39251
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-cells/View.vue?vue&type=script&lang=js
|
|
38384
39252
|
|
|
38385
39253
|
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
@@ -38869,6 +39737,269 @@ module.exports = function (obj) {
|
|
|
38869
39737
|
};
|
|
38870
39738
|
|
|
38871
39739
|
|
|
39740
|
+
/***/ }),
|
|
39741
|
+
|
|
39742
|
+
/***/ 6228:
|
|
39743
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
39744
|
+
|
|
39745
|
+
"use strict";
|
|
39746
|
+
// ESM COMPAT FLAG
|
|
39747
|
+
__webpack_require__.r(__webpack_exports__);
|
|
39748
|
+
|
|
39749
|
+
// EXPORTS
|
|
39750
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
39751
|
+
"default": function() { return /* binding */ baseComp; }
|
|
39752
|
+
});
|
|
39753
|
+
|
|
39754
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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/baseComp.vue?vue&type=template&id=1a96e3b2&scoped=true
|
|
39755
|
+
var render = function render() {
|
|
39756
|
+
var _vm = this,
|
|
39757
|
+
_c = _vm._self._c;
|
|
39758
|
+
return _vm.$EventBus && _vm.isOpcacity ? _c('div', {
|
|
39759
|
+
key: _vm.data.componentId,
|
|
39760
|
+
class: [_vm.nowCompId !== '' && _vm.nowCompId == _vm.data.componentId ? 'highLight' : ''],
|
|
39761
|
+
style: _vm.showStyleConfig,
|
|
39762
|
+
on: {
|
|
39763
|
+
"click": function ($event) {
|
|
39764
|
+
$event.stopPropagation();
|
|
39765
|
+
return _vm.handleNowComp.apply(null, arguments);
|
|
39766
|
+
}
|
|
39767
|
+
}
|
|
39768
|
+
}, [_c('div', {
|
|
39769
|
+
staticClass: "mask-wrap"
|
|
39770
|
+
}, [_vm._t("default", null, {
|
|
39771
|
+
"isMobile": _vm.isMobile
|
|
39772
|
+
}), _vm.isMask ? _c('div', {
|
|
39773
|
+
staticClass: "mask",
|
|
39774
|
+
on: {
|
|
39775
|
+
"click": _vm.handleNowComp
|
|
39776
|
+
}
|
|
39777
|
+
}) : _vm._e()], 2), _vm.nowCompId !== '' && _vm.nowCompId == _vm.data.componentId ? _c('div', {
|
|
39778
|
+
staticClass: "com-delete"
|
|
39779
|
+
}, [_vm.showDel ? _c('i', {
|
|
39780
|
+
staticClass: "el-icon-delete",
|
|
39781
|
+
on: {
|
|
39782
|
+
"click": function ($event) {
|
|
39783
|
+
$event.stopPropagation();
|
|
39784
|
+
return _vm.delComp.apply(null, arguments);
|
|
39785
|
+
}
|
|
39786
|
+
}
|
|
39787
|
+
}) : _vm._e(), _c('i', {
|
|
39788
|
+
staticClass: "el-icon-top",
|
|
39789
|
+
on: {
|
|
39790
|
+
"click": function ($event) {
|
|
39791
|
+
$event.stopPropagation();
|
|
39792
|
+
return _vm.selectParentDom.apply(null, arguments);
|
|
39793
|
+
}
|
|
39794
|
+
}
|
|
39795
|
+
})]) : _vm._e()]) : _vm.showSlot ? _c('div', {
|
|
39796
|
+
key: _vm.data.componentId,
|
|
39797
|
+
ref: "targetElement",
|
|
39798
|
+
style: _vm.showStyleConfig
|
|
39799
|
+
}, [_vm._t("default")], 2) : _vm._e();
|
|
39800
|
+
};
|
|
39801
|
+
var staticRenderFns = [];
|
|
39802
|
+
|
|
39803
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
|
|
39804
|
+
var es_iterator_constructor = __webpack_require__(8111);
|
|
39805
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.reduce.js
|
|
39806
|
+
var es_iterator_reduce = __webpack_require__(8237);
|
|
39807
|
+
// EXTERNAL MODULE: ./package/patch.js
|
|
39808
|
+
var patch = __webpack_require__(1618);
|
|
39809
|
+
// EXTERNAL MODULE: ./node_modules/dayjs/dayjs.min.js
|
|
39810
|
+
var dayjs_min = __webpack_require__(1576);
|
|
39811
|
+
var dayjs_min_default = /*#__PURE__*/__webpack_require__.n(dayjs_min);
|
|
39812
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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/baseComp.vue?vue&type=script&lang=js
|
|
39813
|
+
|
|
39814
|
+
|
|
39815
|
+
|
|
39816
|
+
|
|
39817
|
+
// 待办:判断移动pc端填充不同的样式
|
|
39818
|
+
|
|
39819
|
+
|
|
39820
|
+
/* harmony default export */ var baseCompvue_type_script_lang_js = ({
|
|
39821
|
+
name: "baseComp",
|
|
39822
|
+
props: {
|
|
39823
|
+
data: {
|
|
39824
|
+
type: Object,
|
|
39825
|
+
default: () => {
|
|
39826
|
+
return {};
|
|
39827
|
+
}
|
|
39828
|
+
},
|
|
39829
|
+
nowCompId: {
|
|
39830
|
+
type: [String, Number],
|
|
39831
|
+
default: ""
|
|
39832
|
+
},
|
|
39833
|
+
isOpcacity: {
|
|
39834
|
+
type: Boolean,
|
|
39835
|
+
default: true
|
|
39836
|
+
},
|
|
39837
|
+
isMask: {
|
|
39838
|
+
type: Boolean,
|
|
39839
|
+
default: true
|
|
39840
|
+
},
|
|
39841
|
+
lang: {
|
|
39842
|
+
type: String,
|
|
39843
|
+
default: "zh-HK"
|
|
39844
|
+
},
|
|
39845
|
+
timeline: {
|
|
39846
|
+
type: String,
|
|
39847
|
+
default: ""
|
|
39848
|
+
},
|
|
39849
|
+
cmhkChannel: {
|
|
39850
|
+
type: String,
|
|
39851
|
+
default: "WWW"
|
|
39852
|
+
},
|
|
39853
|
+
showDel: {
|
|
39854
|
+
type: Boolean,
|
|
39855
|
+
default: true
|
|
39856
|
+
}
|
|
39857
|
+
},
|
|
39858
|
+
data() {
|
|
39859
|
+
return {
|
|
39860
|
+
styleConfig_mb: {},
|
|
39861
|
+
styleConfig_pc: {},
|
|
39862
|
+
configData: {},
|
|
39863
|
+
elementWidth: 0,
|
|
39864
|
+
resizeObserver: null
|
|
39865
|
+
};
|
|
39866
|
+
},
|
|
39867
|
+
watch: {
|
|
39868
|
+
data: {
|
|
39869
|
+
handler(val) {
|
|
39870
|
+
this.getStyleConfig(val, "pc");
|
|
39871
|
+
this.getStyleConfig(val, "mb");
|
|
39872
|
+
this.getValue(this.lang);
|
|
39873
|
+
},
|
|
39874
|
+
deep: true,
|
|
39875
|
+
immediate: true
|
|
39876
|
+
},
|
|
39877
|
+
lang: {
|
|
39878
|
+
handler(val) {
|
|
39879
|
+
this.getValue(val);
|
|
39880
|
+
},
|
|
39881
|
+
deep: true,
|
|
39882
|
+
immediate: true
|
|
39883
|
+
}
|
|
39884
|
+
},
|
|
39885
|
+
mounted() {
|
|
39886
|
+
if (this.$EventBus && this.isOpcacity) {
|
|
39887
|
+
this.elementWidth = 800;
|
|
39888
|
+
this.$EventBus.$on("handleDeviceChange", isMobile => {
|
|
39889
|
+
this.elementWidth = isMobile ? 700 : 800;
|
|
39890
|
+
});
|
|
39891
|
+
} else if (this.showSlot) {
|
|
39892
|
+
this.resizeObserver = new ResizeObserver(entries => {
|
|
39893
|
+
for (let entry of entries) {
|
|
39894
|
+
this.elementWidth = entry.contentRect.width;
|
|
39895
|
+
// 可以在这里触发自定义逻辑
|
|
39896
|
+
// this.onWidthChange(this.elementWidth);
|
|
39897
|
+
}
|
|
39898
|
+
});
|
|
39899
|
+
const element = document.getElementById("app");
|
|
39900
|
+
this.resizeObserver.observe(element);
|
|
39901
|
+
}
|
|
39902
|
+
},
|
|
39903
|
+
beforeDestroy() {
|
|
39904
|
+
// 组件销毁时停止观察
|
|
39905
|
+
if (this.resizeObserver) {
|
|
39906
|
+
this.resizeObserver.disconnect();
|
|
39907
|
+
}
|
|
39908
|
+
},
|
|
39909
|
+
methods: {
|
|
39910
|
+
selectParentDom() {
|
|
39911
|
+
if (!this.isOpcacity) return;
|
|
39912
|
+
this.$EventBus.$emit("handleParentComp", this.data);
|
|
39913
|
+
},
|
|
39914
|
+
onWidthChange(newWidth) {
|
|
39915
|
+
console.log("新宽度:", newWidth, this.isMobile);
|
|
39916
|
+
},
|
|
39917
|
+
getValue(cur_lang) {
|
|
39918
|
+
var _this$data, _this$data$settings;
|
|
39919
|
+
const obj = {
|
|
39920
|
+
"zh-CN": "lang_sc",
|
|
39921
|
+
"zh-HK": "lang_tc",
|
|
39922
|
+
"en-US": "lang_en"
|
|
39923
|
+
};
|
|
39924
|
+
if ((_this$data = this.data) !== null && _this$data !== void 0 && (_this$data$settings = _this$data.settings) !== null && _this$data$settings !== void 0 && _this$data$settings.settings) {
|
|
39925
|
+
const baseInfo = (0,patch.transfor)(this.data);
|
|
39926
|
+
this.configData = baseInfo.contentConfig.lang_all ? baseInfo.contentConfig.lang_all : baseInfo.contentConfig[`${obj[cur_lang]}`];
|
|
39927
|
+
} else {
|
|
39928
|
+
this.configData = this.data.contentConfig.lang_all ? this.data.contentConfig.lang_all : this.data.contentConfig[`${obj[cur_lang]}`];
|
|
39929
|
+
}
|
|
39930
|
+
this.$emit("getConfigData", this.configData);
|
|
39931
|
+
},
|
|
39932
|
+
getStyleConfig(data, type) {
|
|
39933
|
+
this[`styleConfig_${type}`] = data.styleConfig[type].reduce((pre, cur) => {
|
|
39934
|
+
pre[cur.key] = cur.value + cur.unit;
|
|
39935
|
+
return pre;
|
|
39936
|
+
}, {});
|
|
39937
|
+
},
|
|
39938
|
+
handleNowComp() {
|
|
39939
|
+
if (!this.isOpcacity) return;
|
|
39940
|
+
this.$EventBus.$emit("handleNowComp", this.data);
|
|
39941
|
+
},
|
|
39942
|
+
delComp() {
|
|
39943
|
+
this.$EventBus.$emit("handleDeleteComp", this.data.componentId);
|
|
39944
|
+
}
|
|
39945
|
+
},
|
|
39946
|
+
computed: {
|
|
39947
|
+
showStyleConfig() {
|
|
39948
|
+
if (!this.elementWidth) return {};
|
|
39949
|
+
return this.isMobile ? this.styleConfig_mb : this.styleConfig_pc;
|
|
39950
|
+
},
|
|
39951
|
+
isMobile() {
|
|
39952
|
+
return this.elementWidth < 760;
|
|
39953
|
+
},
|
|
39954
|
+
showSlot() {
|
|
39955
|
+
if (this.$EventBus && this.isOpcacity) return false;
|
|
39956
|
+
const {
|
|
39957
|
+
cmhkChannelConfList = [],
|
|
39958
|
+
startTime = "",
|
|
39959
|
+
endTime = ""
|
|
39960
|
+
} = this.data.baseConfig;
|
|
39961
|
+
console.log("this.cmhkChannel", this.cmhkChannel, this.data.baseConfig);
|
|
39962
|
+
const channelVisable = cmhkChannelConfList.includes("ALL") || cmhkChannelConfList.includes(this.cmhkChannel);
|
|
39963
|
+
if (!channelVisable) return false;
|
|
39964
|
+
if (!startTime && !endTime) return true;
|
|
39965
|
+
const currentTime = this.timeline ? dayjs_min_default()(this.timeline) : dayjs_min_default()();
|
|
39966
|
+
const isStart = startTime ? dayjs_min_default()(currentTime).isAfter(dayjs_min_default()(startTime)) || dayjs_min_default()(currentTime).isSame(dayjs_min_default()(startTime)) : true;
|
|
39967
|
+
const isEnd = endTime ? dayjs_min_default()(currentTime).isBefore(dayjs_min_default()(endTime)) || dayjs_min_default()(currentTime).isSame(dayjs_min_default()(endTime)) : true;
|
|
39968
|
+
return isStart && isEnd;
|
|
39969
|
+
}
|
|
39970
|
+
}
|
|
39971
|
+
});
|
|
39972
|
+
;// ./package/baseComp.vue?vue&type=script&lang=js
|
|
39973
|
+
/* harmony default export */ var package_baseCompvue_type_script_lang_js = (baseCompvue_type_script_lang_js);
|
|
39974
|
+
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.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/baseComp.vue?vue&type=style&index=0&id=1a96e3b2&prod&lang=scss&scoped=true
|
|
39975
|
+
// extracted by mini-css-extract-plugin
|
|
39976
|
+
|
|
39977
|
+
;// ./package/baseComp.vue?vue&type=style&index=0&id=1a96e3b2&prod&lang=scss&scoped=true
|
|
39978
|
+
|
|
39979
|
+
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
39980
|
+
var componentNormalizer = __webpack_require__(1656);
|
|
39981
|
+
;// ./package/baseComp.vue
|
|
39982
|
+
|
|
39983
|
+
|
|
39984
|
+
|
|
39985
|
+
;
|
|
39986
|
+
|
|
39987
|
+
|
|
39988
|
+
/* normalize component */
|
|
39989
|
+
|
|
39990
|
+
var component = (0,componentNormalizer/* default */.A)(
|
|
39991
|
+
package_baseCompvue_type_script_lang_js,
|
|
39992
|
+
render,
|
|
39993
|
+
staticRenderFns,
|
|
39994
|
+
false,
|
|
39995
|
+
null,
|
|
39996
|
+
"1a96e3b2",
|
|
39997
|
+
null
|
|
39998
|
+
|
|
39999
|
+
)
|
|
40000
|
+
|
|
40001
|
+
/* harmony default export */ var baseComp = (component.exports);
|
|
40002
|
+
|
|
38872
40003
|
/***/ }),
|
|
38873
40004
|
|
|
38874
40005
|
/***/ 6269:
|
|
@@ -39199,7 +40330,7 @@ var render = function render() {
|
|
|
39199
40330
|
var staticRenderFns = [];
|
|
39200
40331
|
|
|
39201
40332
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
39202
|
-
var baseComp = __webpack_require__(
|
|
40333
|
+
var baseComp = __webpack_require__(6228);
|
|
39203
40334
|
// EXTERNAL MODULE: ./src/utils/jumpUrl.js
|
|
39204
40335
|
var jumpUrl = __webpack_require__(813);
|
|
39205
40336
|
// EXTERNAL MODULE: ./node_modules/vue/dist/vue.runtime.esm.js
|
|
@@ -39342,381 +40473,6 @@ if (DESCRIPTORS && !('detached' in ArrayBufferPrototype)) {
|
|
|
39342
40473
|
}
|
|
39343
40474
|
|
|
39344
40475
|
|
|
39345
|
-
/***/ }),
|
|
39346
|
-
|
|
39347
|
-
/***/ 6649:
|
|
39348
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
39349
|
-
|
|
39350
|
-
"use strict";
|
|
39351
|
-
// ESM COMPAT FLAG
|
|
39352
|
-
__webpack_require__.r(__webpack_exports__);
|
|
39353
|
-
|
|
39354
|
-
// EXPORTS
|
|
39355
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
39356
|
-
"default": function() { return /* binding */ View; }
|
|
39357
|
-
});
|
|
39358
|
-
|
|
39359
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
|
|
39360
|
-
var es_iterator_constructor = __webpack_require__(8111);
|
|
39361
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.drop.js
|
|
39362
|
-
var es_iterator_drop = __webpack_require__(9314);
|
|
39363
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-column-card/View.vue?vue&type=template&id=1955cfa4&scoped=true
|
|
39364
|
-
|
|
39365
|
-
|
|
39366
|
-
|
|
39367
|
-
|
|
39368
|
-
var render = function render() {
|
|
39369
|
-
var _vm = this,
|
|
39370
|
-
_c = _vm._self._c;
|
|
39371
|
-
return _c('BaseComp', _vm._b({
|
|
39372
|
-
attrs: {
|
|
39373
|
-
"data": _vm.data,
|
|
39374
|
-
"nowCompId": _vm.nowCompId,
|
|
39375
|
-
"isOpcacity": _vm.isOpcacity,
|
|
39376
|
-
"isMask": false,
|
|
39377
|
-
"lang": _vm.lang,
|
|
39378
|
-
"showDel": false
|
|
39379
|
-
},
|
|
39380
|
-
on: {
|
|
39381
|
-
"getConfigData": _vm.getConfigData
|
|
39382
|
-
}
|
|
39383
|
-
}, 'BaseComp', _vm.$attrs, false), [_vm.$EventBus && _vm.isOpcacity ? _c('div', {
|
|
39384
|
-
staticClass: "main_drag",
|
|
39385
|
-
style: _vm.cardContainerStyle,
|
|
39386
|
-
attrs: {
|
|
39387
|
-
"id": `cardTarget${_vm.data.componentId}`
|
|
39388
|
-
},
|
|
39389
|
-
on: {
|
|
39390
|
-
"dragover": _vm.dragover,
|
|
39391
|
-
"drop": _vm.drop
|
|
39392
|
-
}
|
|
39393
|
-
}, [_c('Draggable', {
|
|
39394
|
-
attrs: {
|
|
39395
|
-
"chosen-class": "chosen",
|
|
39396
|
-
"force-fallback": "true",
|
|
39397
|
-
"animation": "1000",
|
|
39398
|
-
"move": _vm.onMove
|
|
39399
|
-
},
|
|
39400
|
-
on: {
|
|
39401
|
-
"start": _vm.onStart,
|
|
39402
|
-
"end": function ($event) {
|
|
39403
|
-
_vm.showAddCom = false;
|
|
39404
|
-
}
|
|
39405
|
-
},
|
|
39406
|
-
model: {
|
|
39407
|
-
value: _vm.data.childList,
|
|
39408
|
-
callback: function ($$v) {
|
|
39409
|
-
_vm.$set(_vm.data, "childList", $$v);
|
|
39410
|
-
},
|
|
39411
|
-
expression: "data.childList"
|
|
39412
|
-
}
|
|
39413
|
-
}, _vm._l(_vm.data.childList, function (item, index) {
|
|
39414
|
-
return _c('div', {
|
|
39415
|
-
key: item.componentId,
|
|
39416
|
-
staticStyle: {
|
|
39417
|
-
"position": "relative"
|
|
39418
|
-
}
|
|
39419
|
-
}, [_c('div', {
|
|
39420
|
-
directives: [{
|
|
39421
|
-
name: "show",
|
|
39422
|
-
rawName: "v-show",
|
|
39423
|
-
value: _vm.showAddCom,
|
|
39424
|
-
expression: "showAddCom"
|
|
39425
|
-
}],
|
|
39426
|
-
staticClass: "up_insert",
|
|
39427
|
-
attrs: {
|
|
39428
|
-
"id": `${item.componentId}-cardTargetup`
|
|
39429
|
-
}
|
|
39430
|
-
}, [_c('i', {
|
|
39431
|
-
staticClass: "icon-up",
|
|
39432
|
-
attrs: {
|
|
39433
|
-
"id": `${item.componentId}-upi`
|
|
39434
|
-
}
|
|
39435
|
-
}), _c('span', {
|
|
39436
|
-
attrs: {
|
|
39437
|
-
"id": `${item.componentId}-upspan`
|
|
39438
|
-
}
|
|
39439
|
-
}, [_vm._v("上方插入")])]), _c(item.cmsCompName, {
|
|
39440
|
-
key: item.componentId,
|
|
39441
|
-
tag: "component",
|
|
39442
|
-
style: {
|
|
39443
|
-
marginTop: _vm.showAddCom && index == 0 ? '20px' : '0px'
|
|
39444
|
-
},
|
|
39445
|
-
attrs: {
|
|
39446
|
-
"data": item,
|
|
39447
|
-
"lang": _vm.lang,
|
|
39448
|
-
"nowCompId": _vm.nowCompId
|
|
39449
|
-
}
|
|
39450
|
-
})], 1);
|
|
39451
|
-
}), 0)], 1) : _c('cms-view', _vm._b({
|
|
39452
|
-
style: _vm.cardContainerStyle,
|
|
39453
|
-
attrs: {
|
|
39454
|
-
"data": _vm.data.childList,
|
|
39455
|
-
"lang": _vm.lang,
|
|
39456
|
-
"isOpcacity": false
|
|
39457
|
-
}
|
|
39458
|
-
}, 'cms-view', _vm.$attrs, false))], 1);
|
|
39459
|
-
};
|
|
39460
|
-
var staticRenderFns = [];
|
|
39461
|
-
|
|
39462
|
-
;// ./package/cms-column-card/View.vue?vue&type=template&id=1955cfa4&scoped=true
|
|
39463
|
-
|
|
39464
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
|
|
39465
|
-
var es_array_push = __webpack_require__(4114);
|
|
39466
|
-
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
39467
|
-
var baseComp = __webpack_require__(8770);
|
|
39468
|
-
// EXTERNAL MODULE: ./node_modules/vuedraggable/dist/vuedraggable.umd.js
|
|
39469
|
-
var vuedraggable_umd = __webpack_require__(1527);
|
|
39470
|
-
var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_umd);
|
|
39471
|
-
// EXTERNAL MODULE: ./package/baseConfig.js
|
|
39472
|
-
var baseConfig = __webpack_require__(649);
|
|
39473
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-column-card/View.vue?vue&type=script&lang=js
|
|
39474
|
-
|
|
39475
|
-
|
|
39476
|
-
|
|
39477
|
-
|
|
39478
|
-
|
|
39479
|
-
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
39480
|
-
name: "cms-column-card",
|
|
39481
|
-
components: {
|
|
39482
|
-
BaseComp: baseComp["default"],
|
|
39483
|
-
Draggable: (vuedraggable_umd_default())
|
|
39484
|
-
},
|
|
39485
|
-
props: {
|
|
39486
|
-
data: {
|
|
39487
|
-
type: Object,
|
|
39488
|
-
default: () => {
|
|
39489
|
-
return {};
|
|
39490
|
-
}
|
|
39491
|
-
},
|
|
39492
|
-
nowCompId: {
|
|
39493
|
-
type: [String, Number],
|
|
39494
|
-
default: ""
|
|
39495
|
-
},
|
|
39496
|
-
isOpcacity: {
|
|
39497
|
-
type: Boolean,
|
|
39498
|
-
default: true
|
|
39499
|
-
},
|
|
39500
|
-
lang: {
|
|
39501
|
-
type: String,
|
|
39502
|
-
default: "zh-HK"
|
|
39503
|
-
}
|
|
39504
|
-
},
|
|
39505
|
-
data() {
|
|
39506
|
-
return {
|
|
39507
|
-
configData: {},
|
|
39508
|
-
messFold: true,
|
|
39509
|
-
showAddCom: false
|
|
39510
|
-
};
|
|
39511
|
-
},
|
|
39512
|
-
computed: {
|
|
39513
|
-
// 卡片容器样式
|
|
39514
|
-
cardContainerStyle() {
|
|
39515
|
-
return {
|
|
39516
|
-
backgroundImage: this.configData.backgroundImage ? `url('${this.configData.backgroundImage}')` : 'none',
|
|
39517
|
-
backgroundSize: 'cover',
|
|
39518
|
-
backgroundRepeat: 'no-repeat',
|
|
39519
|
-
backgroundPosition: 'center center',
|
|
39520
|
-
height: this.getContainerHeight(),
|
|
39521
|
-
border: this.getContainerBorder(),
|
|
39522
|
-
borderRadius: this.getContainerBorderRadius(),
|
|
39523
|
-
backgroundColor: this.configData.backgroundColor || 'transparent',
|
|
39524
|
-
boxShadow: this.configData.boxShadow || 'none'
|
|
39525
|
-
};
|
|
39526
|
-
}
|
|
39527
|
-
},
|
|
39528
|
-
mounted() {},
|
|
39529
|
-
watch: {},
|
|
39530
|
-
methods: {
|
|
39531
|
-
// 获取容器高度
|
|
39532
|
-
getContainerHeight() {
|
|
39533
|
-
if (this.configData.heightType === 'fixed') {
|
|
39534
|
-
return `${this.configData.fixedHeight}px`;
|
|
39535
|
-
}
|
|
39536
|
-
return this.isOpcacity ? '100%' : 'auto';
|
|
39537
|
-
},
|
|
39538
|
-
// 获取容器边框
|
|
39539
|
-
getContainerBorder() {
|
|
39540
|
-
if (this.configData.borderWidth) {
|
|
39541
|
-
return `${this.configData.borderWidth}px ${this.configData.borderStyle} ${this.configData.borderColor}`;
|
|
39542
|
-
}
|
|
39543
|
-
return 'none';
|
|
39544
|
-
},
|
|
39545
|
-
// 获取容器圆角
|
|
39546
|
-
getContainerBorderRadius() {
|
|
39547
|
-
if (this.configData.borderRadius) {
|
|
39548
|
-
return `${this.configData.borderRadius}px`;
|
|
39549
|
-
}
|
|
39550
|
-
return '0';
|
|
39551
|
-
},
|
|
39552
|
-
getConfigData(configData) {
|
|
39553
|
-
this.configData = configData;
|
|
39554
|
-
},
|
|
39555
|
-
foldMessText() {
|
|
39556
|
-
this.messFold = !this.messFold;
|
|
39557
|
-
},
|
|
39558
|
-
decodeJumpUrl(url) {
|
|
39559
|
-
if (!url) return;
|
|
39560
|
-
top.location.href = url;
|
|
39561
|
-
},
|
|
39562
|
-
onStart(evt) {
|
|
39563
|
-
console.log("drag start in column-card", evt);
|
|
39564
|
-
this.showAddCom = true;
|
|
39565
|
-
},
|
|
39566
|
-
// 限制拖拽的组件类型
|
|
39567
|
-
onMove(evt) {
|
|
39568
|
-
const {
|
|
39569
|
-
draggedContext
|
|
39570
|
-
} = evt;
|
|
39571
|
-
|
|
39572
|
-
// 允许的组件类型
|
|
39573
|
-
const allowedComponents = ["cms-text", "cms-image", "cms-video", "cms-button", "cms-richText", "cms-column" // 允许拖入 cms-column
|
|
39574
|
-
];
|
|
39575
|
-
|
|
39576
|
-
// 如果是从外部拖入的组件
|
|
39577
|
-
if (draggedContext && draggedContext.element) {
|
|
39578
|
-
const componentType = draggedContext.element.cmsCompName;
|
|
39579
|
-
if (componentType && !allowedComponents.includes(componentType)) {
|
|
39580
|
-
console.log(`组件类型 ${componentType} 不允许拖入 column-card`);
|
|
39581
|
-
return false;
|
|
39582
|
-
}
|
|
39583
|
-
|
|
39584
|
-
// 特殊处理 cms-column:检查嵌套层级
|
|
39585
|
-
if (componentType === "cms-column") {
|
|
39586
|
-
if (!this.checkColumnNestingLevel()) {
|
|
39587
|
-
console.log("cms-column 嵌套层级超出限制");
|
|
39588
|
-
return false;
|
|
39589
|
-
}
|
|
39590
|
-
}
|
|
39591
|
-
}
|
|
39592
|
-
return true;
|
|
39593
|
-
},
|
|
39594
|
-
// 检查 cms-column 嵌套层级
|
|
39595
|
-
checkColumnNestingLevel() {
|
|
39596
|
-
// 检查当前 column-card 是否已经在 cms-column 内部
|
|
39597
|
-
let parent = this.$parent;
|
|
39598
|
-
let columnDepth = 0;
|
|
39599
|
-
while (parent) {
|
|
39600
|
-
// 检查父组件是否是 cms-column 或包含 cms-column
|
|
39601
|
-
if (parent.$options.name === "cms-column" || parent.$data && parent.$data.data && parent.$data.data.cmsCompName === "cms-column") {
|
|
39602
|
-
columnDepth++;
|
|
39603
|
-
}
|
|
39604
|
-
|
|
39605
|
-
// 如果已经有一层 cms-column,则不允许再嵌套
|
|
39606
|
-
if (columnDepth >= 2) {
|
|
39607
|
-
console.log(`检测到 cms-column 嵌套层级: ${columnDepth}, 超出限制`);
|
|
39608
|
-
return false;
|
|
39609
|
-
}
|
|
39610
|
-
parent = parent.$parent;
|
|
39611
|
-
}
|
|
39612
|
-
console.log(`cms-column 嵌套层级检查通过: ${columnDepth}`);
|
|
39613
|
-
return true;
|
|
39614
|
-
},
|
|
39615
|
-
// 处理拖拽悬停
|
|
39616
|
-
dragover(e) {
|
|
39617
|
-
e.preventDefault();
|
|
39618
|
-
this.showAddCom = true;
|
|
39619
|
-
},
|
|
39620
|
-
// 处理拖拽放置
|
|
39621
|
-
drop(e) {
|
|
39622
|
-
console.log("cms-colum-card-drop");
|
|
39623
|
-
e.preventDefault();
|
|
39624
|
-
const componentKey = e.dataTransfer.getData("componentKey");
|
|
39625
|
-
if (!componentKey) return;
|
|
39626
|
-
|
|
39627
|
-
// 允许的组件类型
|
|
39628
|
-
const allowedComponents = ["cms-text", "cms-image", "cms-video", "cms-button", "cms-richText", "cms-column" // 允许拖入 cms-column
|
|
39629
|
-
];
|
|
39630
|
-
|
|
39631
|
-
// 检查组件类型是否允许
|
|
39632
|
-
if (!allowedComponents.includes(componentKey)) {
|
|
39633
|
-
console.log(`组件类型 ${componentKey} 不允许拖入 column-card`);
|
|
39634
|
-
this.$message && this.$message.warning(`该组件类型不支持拖入卡片容器`);
|
|
39635
|
-
this.showAddCom = false;
|
|
39636
|
-
return;
|
|
39637
|
-
}
|
|
39638
|
-
|
|
39639
|
-
// 特殊处理 cms-column:检查嵌套层级
|
|
39640
|
-
if (componentKey === "cms-column") {
|
|
39641
|
-
if (!this.checkColumnNestingLevel()) {
|
|
39642
|
-
console.log("cms-column 嵌套层级超出限制");
|
|
39643
|
-
this.$message && this.$message.warning(`cms-column 只能嵌套一层`);
|
|
39644
|
-
this.showAddCom = false;
|
|
39645
|
-
return;
|
|
39646
|
-
}
|
|
39647
|
-
}
|
|
39648
|
-
this.addOneComp(e, componentKey);
|
|
39649
|
-
},
|
|
39650
|
-
// 添加组件到卡片容器
|
|
39651
|
-
addOneComp(e, componentKey) {
|
|
39652
|
-
this.showAddCom = false;
|
|
39653
|
-
console.log("drop to column-card", componentKey);
|
|
39654
|
-
|
|
39655
|
-
// 动态导入组件配置
|
|
39656
|
-
let initCompData;
|
|
39657
|
-
try {
|
|
39658
|
-
initCompData = __webpack_require__(1640)(`./${componentKey}`).default.settings(componentKey);
|
|
39659
|
-
initCompData = {
|
|
39660
|
-
...initCompData,
|
|
39661
|
-
styleConfig: {
|
|
39662
|
-
pc: [...(0,baseConfig.styleBaseConfig)(8, 8, 0, 0, "px")],
|
|
39663
|
-
mb: [...(0,baseConfig.styleBaseConfig)(6, 6, 0, 0, "px")]
|
|
39664
|
-
}
|
|
39665
|
-
};
|
|
39666
|
-
} catch (error) {
|
|
39667
|
-
console.error(`无法加载组件 ${componentKey}:`, error);
|
|
39668
|
-
this.$message && this.$message.error(`组件加载失败`);
|
|
39669
|
-
return;
|
|
39670
|
-
}
|
|
39671
|
-
const toElementId = e.toElement.id;
|
|
39672
|
-
if (toElementId === `cardTarget${this.data.componentId}`) {
|
|
39673
|
-
// 添加到卡片容器末尾
|
|
39674
|
-
this.data.childList.push(initCompData);
|
|
39675
|
-
} else if (toElementId.includes("cardTargetup")) {
|
|
39676
|
-
// 插入到指定位置
|
|
39677
|
-
const underComponentId = toElementId.split("-cardTargetup")[0];
|
|
39678
|
-
const index = this.data.childList.findIndex(item => item.componentId === underComponentId);
|
|
39679
|
-
if (index !== -1) {
|
|
39680
|
-
this.data.childList.splice(index, 0, initCompData);
|
|
39681
|
-
}
|
|
39682
|
-
}
|
|
39683
|
-
|
|
39684
|
-
// 触发数据更新
|
|
39685
|
-
this.$emit("update:data", this.data);
|
|
39686
|
-
}
|
|
39687
|
-
}
|
|
39688
|
-
});
|
|
39689
|
-
;// ./package/cms-column-card/View.vue?vue&type=script&lang=js
|
|
39690
|
-
/* harmony default export */ var cms_column_card_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
39691
|
-
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.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-column-card/View.vue?vue&type=style&index=0&id=1955cfa4&prod&lang=scss&scoped=true
|
|
39692
|
-
// extracted by mini-css-extract-plugin
|
|
39693
|
-
|
|
39694
|
-
;// ./package/cms-column-card/View.vue?vue&type=style&index=0&id=1955cfa4&prod&lang=scss&scoped=true
|
|
39695
|
-
|
|
39696
|
-
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
39697
|
-
var componentNormalizer = __webpack_require__(1656);
|
|
39698
|
-
;// ./package/cms-column-card/View.vue
|
|
39699
|
-
|
|
39700
|
-
|
|
39701
|
-
|
|
39702
|
-
;
|
|
39703
|
-
|
|
39704
|
-
|
|
39705
|
-
/* normalize component */
|
|
39706
|
-
|
|
39707
|
-
var component = (0,componentNormalizer/* default */.A)(
|
|
39708
|
-
cms_column_card_Viewvue_type_script_lang_js,
|
|
39709
|
-
render,
|
|
39710
|
-
staticRenderFns,
|
|
39711
|
-
false,
|
|
39712
|
-
null,
|
|
39713
|
-
"1955cfa4",
|
|
39714
|
-
null
|
|
39715
|
-
|
|
39716
|
-
)
|
|
39717
|
-
|
|
39718
|
-
/* harmony default export */ var View = (component.exports);
|
|
39719
|
-
|
|
39720
40476
|
/***/ }),
|
|
39721
40477
|
|
|
39722
40478
|
/***/ 6699:
|
|
@@ -39927,7 +40683,7 @@ var staticRenderFns = [];
|
|
|
39927
40683
|
;// ./package/cms-prodCustomization/View.vue?vue&type=template&id=61a0a18c&scoped=true
|
|
39928
40684
|
|
|
39929
40685
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
39930
|
-
var baseComp = __webpack_require__(
|
|
40686
|
+
var baseComp = __webpack_require__(6228);
|
|
39931
40687
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-prodCustomization/View.vue?vue&type=script&lang=js
|
|
39932
40688
|
|
|
39933
40689
|
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
@@ -48248,7 +49004,7 @@ var render = function render() {
|
|
|
48248
49004
|
var staticRenderFns = [];
|
|
48249
49005
|
|
|
48250
49006
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
48251
|
-
var baseComp = __webpack_require__(
|
|
49007
|
+
var baseComp = __webpack_require__(6228);
|
|
48252
49008
|
// EXTERNAL MODULE: ./package/patch.js
|
|
48253
49009
|
var patch = __webpack_require__(1618);
|
|
48254
49010
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-via-storedValueCard/View.vue?vue&type=script&lang=js
|
|
@@ -48526,420 +49282,6 @@ module.exports = function (fn) {
|
|
|
48526
49282
|
};
|
|
48527
49283
|
|
|
48528
49284
|
|
|
48529
|
-
/***/ }),
|
|
48530
|
-
|
|
48531
|
-
/***/ 7549:
|
|
48532
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
48533
|
-
|
|
48534
|
-
"use strict";
|
|
48535
|
-
// ESM COMPAT FLAG
|
|
48536
|
-
__webpack_require__.r(__webpack_exports__);
|
|
48537
|
-
|
|
48538
|
-
// EXPORTS
|
|
48539
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
48540
|
-
"default": function() { return /* binding */ View; }
|
|
48541
|
-
});
|
|
48542
|
-
|
|
48543
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-text/View.vue?vue&type=template&id=2b086daf&scoped=true
|
|
48544
|
-
var render = function render() {
|
|
48545
|
-
var _vm = this,
|
|
48546
|
-
_c = _vm._self._c;
|
|
48547
|
-
return _c('BaseComp', _vm._b({
|
|
48548
|
-
attrs: {
|
|
48549
|
-
"data": _vm.data,
|
|
48550
|
-
"nowCompId": _vm.nowCompId,
|
|
48551
|
-
"isOpcacity": _vm.isOpcacity,
|
|
48552
|
-
"lang": _vm.lang
|
|
48553
|
-
},
|
|
48554
|
-
on: {
|
|
48555
|
-
"getConfigData": _vm.getConfigData
|
|
48556
|
-
}
|
|
48557
|
-
}, 'BaseComp', _vm.$attrs, false), [_c('section', {
|
|
48558
|
-
staticClass: "cms-text-container",
|
|
48559
|
-
class: [`align-${_vm.configData.textAlign || 'left'}`, _vm.configData.customClass || '', {
|
|
48560
|
-
'has-link': _vm.configData.linkUrl,
|
|
48561
|
-
'hover-effect': _vm.configData.hoverEffect && _vm.configData.linkUrl
|
|
48562
|
-
}],
|
|
48563
|
-
style: _vm.containerStyle,
|
|
48564
|
-
attrs: {
|
|
48565
|
-
"aria-label": _vm.configData.ariaLabel,
|
|
48566
|
-
"tabindex": _vm.configData.tabIndex,
|
|
48567
|
-
"role": _vm.configData.role,
|
|
48568
|
-
"title": _vm.configData.seoTitle || _vm.configData.seoDescription
|
|
48569
|
-
},
|
|
48570
|
-
on: {
|
|
48571
|
-
"click": _vm.handleClick
|
|
48572
|
-
}
|
|
48573
|
-
}, [_c('div', {
|
|
48574
|
-
staticClass: "text-content",
|
|
48575
|
-
style: _vm.textStyle
|
|
48576
|
-
}, _vm._l(_vm.textLines, function (line, index) {
|
|
48577
|
-
return _c('p', {
|
|
48578
|
-
key: index,
|
|
48579
|
-
staticClass: "text-line",
|
|
48580
|
-
style: _vm.lineStyle
|
|
48581
|
-
}, [_vm._v(" " + _vm._s(line) + " ")]);
|
|
48582
|
-
}), 0), _vm.configData.linkUrl && _vm.configData.showLinkIcon ? _c('div', {
|
|
48583
|
-
staticClass: "link-indicator"
|
|
48584
|
-
}, [_c('i', {
|
|
48585
|
-
staticClass: "el-icon-link"
|
|
48586
|
-
})]) : _vm._e()])]);
|
|
48587
|
-
};
|
|
48588
|
-
var staticRenderFns = [];
|
|
48589
|
-
|
|
48590
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
|
|
48591
|
-
var es_iterator_constructor = __webpack_require__(8111);
|
|
48592
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.filter.js
|
|
48593
|
-
var es_iterator_filter = __webpack_require__(2489);
|
|
48594
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
|
|
48595
|
-
var es_iterator_for_each = __webpack_require__(7588);
|
|
48596
|
-
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
48597
|
-
var baseComp = __webpack_require__(8770);
|
|
48598
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-text/View.vue?vue&type=script&lang=js
|
|
48599
|
-
|
|
48600
|
-
|
|
48601
|
-
|
|
48602
|
-
|
|
48603
|
-
|
|
48604
|
-
|
|
48605
|
-
|
|
48606
|
-
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
48607
|
-
name: "cms-text",
|
|
48608
|
-
components: {
|
|
48609
|
-
BaseComp: baseComp["default"]
|
|
48610
|
-
},
|
|
48611
|
-
props: {
|
|
48612
|
-
data: {
|
|
48613
|
-
type: Object,
|
|
48614
|
-
default: () => {
|
|
48615
|
-
return {};
|
|
48616
|
-
}
|
|
48617
|
-
},
|
|
48618
|
-
nowCompId: {
|
|
48619
|
-
type: [String, Number],
|
|
48620
|
-
default: ""
|
|
48621
|
-
},
|
|
48622
|
-
isOpcacity: {
|
|
48623
|
-
type: Boolean,
|
|
48624
|
-
default: true
|
|
48625
|
-
},
|
|
48626
|
-
lang: {
|
|
48627
|
-
type: String,
|
|
48628
|
-
default: "zh-HK"
|
|
48629
|
-
}
|
|
48630
|
-
},
|
|
48631
|
-
data() {
|
|
48632
|
-
return {
|
|
48633
|
-
configData: {},
|
|
48634
|
-
// 默认配置数据
|
|
48635
|
-
defaultConfig: {
|
|
48636
|
-
// 内容编辑
|
|
48637
|
-
textContent: "请输入文本内容",
|
|
48638
|
-
enableLineBreak: true,
|
|
48639
|
-
// 排版控制
|
|
48640
|
-
textAlign: "left",
|
|
48641
|
-
fontSize: 16,
|
|
48642
|
-
lineHeight: 1.5,
|
|
48643
|
-
letterSpacing: 0,
|
|
48644
|
-
// 样式美化
|
|
48645
|
-
fontColor: "#333333",
|
|
48646
|
-
fontWeight: "normal",
|
|
48647
|
-
fontStyle: "normal",
|
|
48648
|
-
textDecoration: "none",
|
|
48649
|
-
fontFamily: "inherit",
|
|
48650
|
-
// 布局设置
|
|
48651
|
-
paddingTop: 16,
|
|
48652
|
-
paddingBottom: 16,
|
|
48653
|
-
paddingLeft: 16,
|
|
48654
|
-
paddingRight: 16,
|
|
48655
|
-
marginTop: 0,
|
|
48656
|
-
marginBottom: 0,
|
|
48657
|
-
marginLeft: 0,
|
|
48658
|
-
marginRight: 0,
|
|
48659
|
-
backgroundColor: "",
|
|
48660
|
-
// 视觉效果
|
|
48661
|
-
borderWidth: 0,
|
|
48662
|
-
borderStyle: "solid",
|
|
48663
|
-
borderColor: "#dcdfe6",
|
|
48664
|
-
borderRadius: 0,
|
|
48665
|
-
boxShadow: "",
|
|
48666
|
-
// 交互功能
|
|
48667
|
-
linkUrl: "",
|
|
48668
|
-
linkTarget: "_self",
|
|
48669
|
-
showLinkIcon: false,
|
|
48670
|
-
hoverEffect: false,
|
|
48671
|
-
// 高级配置
|
|
48672
|
-
customClass: "",
|
|
48673
|
-
customStyle: "",
|
|
48674
|
-
enableAnimation: false,
|
|
48675
|
-
animationType: "fadeIn",
|
|
48676
|
-
animationDuration: 300,
|
|
48677
|
-
// 可访问性配置
|
|
48678
|
-
ariaLabel: "",
|
|
48679
|
-
tabIndex: 0,
|
|
48680
|
-
role: "",
|
|
48681
|
-
// SEO配置
|
|
48682
|
-
seoTitle: "",
|
|
48683
|
-
seoDescription: "",
|
|
48684
|
-
// 响应式配置
|
|
48685
|
-
mobileTextAlign: "",
|
|
48686
|
-
mobileFontSize: 0,
|
|
48687
|
-
tabletFontSize: 0
|
|
48688
|
-
}
|
|
48689
|
-
};
|
|
48690
|
-
},
|
|
48691
|
-
mounted() {
|
|
48692
|
-
this.initConfigData();
|
|
48693
|
-
this.setCSSVariables();
|
|
48694
|
-
},
|
|
48695
|
-
watch: {
|
|
48696
|
-
configData: {
|
|
48697
|
-
handler() {
|
|
48698
|
-
this.updateStyles();
|
|
48699
|
-
},
|
|
48700
|
-
deep: true
|
|
48701
|
-
}
|
|
48702
|
-
},
|
|
48703
|
-
computed: {
|
|
48704
|
-
// 文本行数组(支持换行)
|
|
48705
|
-
textLines() {
|
|
48706
|
-
if (!this.configData.textContent) return [];
|
|
48707
|
-
if (!this.configData.enableLineBreak) {
|
|
48708
|
-
return [this.configData.textContent];
|
|
48709
|
-
}
|
|
48710
|
-
return this.configData.textContent.split("\n").filter(line => line.trim() !== "");
|
|
48711
|
-
},
|
|
48712
|
-
// 容器样式
|
|
48713
|
-
containerStyle() {
|
|
48714
|
-
const config = {
|
|
48715
|
-
...this.defaultConfig,
|
|
48716
|
-
...this.configData
|
|
48717
|
-
};
|
|
48718
|
-
return {
|
|
48719
|
-
padding: `${config.paddingTop}px ${config.paddingRight}px ${config.paddingBottom}px ${config.paddingLeft}px`,
|
|
48720
|
-
margin: `${config.marginTop}px ${config.marginRight}px ${config.marginBottom}px ${config.marginLeft}px`,
|
|
48721
|
-
backgroundColor: config.backgroundColor || "transparent",
|
|
48722
|
-
border: config.borderWidth ? `${config.borderWidth}px ${config.borderStyle} ${config.borderColor}` : "none",
|
|
48723
|
-
borderRadius: `${config.borderRadius}px`,
|
|
48724
|
-
boxShadow: config.boxShadow || "none",
|
|
48725
|
-
cursor: config.linkUrl ? "pointer" : "default",
|
|
48726
|
-
transition: config.hoverEffect ? "all 0.3s ease" : "none",
|
|
48727
|
-
animation: config.enableAnimation ? this.getAnimationStyle() : "none",
|
|
48728
|
-
...this.parseCustomStyle(config.customStyle)
|
|
48729
|
-
};
|
|
48730
|
-
},
|
|
48731
|
-
// 文本样式
|
|
48732
|
-
textStyle() {
|
|
48733
|
-
const config = {
|
|
48734
|
-
...this.defaultConfig,
|
|
48735
|
-
...this.configData
|
|
48736
|
-
};
|
|
48737
|
-
return {
|
|
48738
|
-
color: config.fontColor,
|
|
48739
|
-
fontSize: `${config.fontSize}px`,
|
|
48740
|
-
fontWeight: config.fontWeight,
|
|
48741
|
-
fontStyle: config.fontStyle,
|
|
48742
|
-
textDecoration: config.textDecoration,
|
|
48743
|
-
fontFamily: config.fontFamily,
|
|
48744
|
-
lineHeight: config.lineHeight,
|
|
48745
|
-
letterSpacing: `${config.letterSpacing}px`,
|
|
48746
|
-
textAlign: config.textAlign,
|
|
48747
|
-
wordBreak: "break-word",
|
|
48748
|
-
wordWrap: "break-word",
|
|
48749
|
-
cursor: config.linkUrl ? "pointer" : "default"
|
|
48750
|
-
};
|
|
48751
|
-
},
|
|
48752
|
-
// 行样式
|
|
48753
|
-
lineStyle() {
|
|
48754
|
-
return {
|
|
48755
|
-
margin: "0",
|
|
48756
|
-
padding: "0"
|
|
48757
|
-
};
|
|
48758
|
-
}
|
|
48759
|
-
},
|
|
48760
|
-
methods: {
|
|
48761
|
-
// 初始化配置数据
|
|
48762
|
-
initConfigData() {
|
|
48763
|
-
this.configData = {
|
|
48764
|
-
...this.defaultConfig,
|
|
48765
|
-
...this.configData
|
|
48766
|
-
};
|
|
48767
|
-
},
|
|
48768
|
-
// 获取配置数据
|
|
48769
|
-
getConfigData(configData) {
|
|
48770
|
-
this.configData = {
|
|
48771
|
-
...this.defaultConfig,
|
|
48772
|
-
...configData
|
|
48773
|
-
};
|
|
48774
|
-
this.updateStyles();
|
|
48775
|
-
},
|
|
48776
|
-
// 更新样式
|
|
48777
|
-
updateStyles() {
|
|
48778
|
-
this.$nextTick(() => {
|
|
48779
|
-
this.setCSSVariables();
|
|
48780
|
-
this.$forceUpdate();
|
|
48781
|
-
});
|
|
48782
|
-
},
|
|
48783
|
-
// 设置CSS变量
|
|
48784
|
-
setCSSVariables() {
|
|
48785
|
-
if (!this.$el) return;
|
|
48786
|
-
const config = {
|
|
48787
|
-
...this.defaultConfig,
|
|
48788
|
-
...this.configData
|
|
48789
|
-
};
|
|
48790
|
-
|
|
48791
|
-
// 设置响应式字体大小
|
|
48792
|
-
if (config.mobileFontSize > 0) {
|
|
48793
|
-
this.$el.style.setProperty("--mobile-font-size", `${config.mobileFontSize}px`);
|
|
48794
|
-
}
|
|
48795
|
-
if (config.tabletFontSize > 0) {
|
|
48796
|
-
this.$el.style.setProperty("--tablet-font-size", `${config.tabletFontSize}px`);
|
|
48797
|
-
}
|
|
48798
|
-
|
|
48799
|
-
// 设置移动端文本对齐
|
|
48800
|
-
if (config.mobileTextAlign) {
|
|
48801
|
-
this.$el.style.setProperty("--mobile-text-align", config.mobileTextAlign);
|
|
48802
|
-
}
|
|
48803
|
-
},
|
|
48804
|
-
// 处理点击事件
|
|
48805
|
-
handleClick() {
|
|
48806
|
-
if (this.configData.linkUrl) {
|
|
48807
|
-
const target = this.configData.linkTarget || "_self";
|
|
48808
|
-
if (target === "_blank") {
|
|
48809
|
-
window.open(this.configData.linkUrl, "_blank");
|
|
48810
|
-
} else {
|
|
48811
|
-
window.location.href = this.configData.linkUrl;
|
|
48812
|
-
}
|
|
48813
|
-
}
|
|
48814
|
-
},
|
|
48815
|
-
// 获取动画样式
|
|
48816
|
-
getAnimationStyle() {
|
|
48817
|
-
const animationType = this.configData.animationType || this.defaultConfig.animationType;
|
|
48818
|
-
const duration = this.configData.animationDuration || this.defaultConfig.animationDuration;
|
|
48819
|
-
if (!this.configData.enableAnimation || animationType === "none") return "";
|
|
48820
|
-
return `${animationType} ${duration}ms ease-in-out`;
|
|
48821
|
-
},
|
|
48822
|
-
// 解析自定义样式
|
|
48823
|
-
parseCustomStyle(customStyle) {
|
|
48824
|
-
if (!customStyle) return {};
|
|
48825
|
-
try {
|
|
48826
|
-
// 简单的CSS样式解析
|
|
48827
|
-
const styles = {};
|
|
48828
|
-
const declarations = customStyle.split(";");
|
|
48829
|
-
declarations.forEach(declaration => {
|
|
48830
|
-
const [property, value] = declaration.split(":");
|
|
48831
|
-
if (property && value) {
|
|
48832
|
-
const camelCaseProperty = property.trim().replace(/-([a-z])/g, g => g[1].toUpperCase());
|
|
48833
|
-
styles[camelCaseProperty] = value.trim();
|
|
48834
|
-
}
|
|
48835
|
-
});
|
|
48836
|
-
return styles;
|
|
48837
|
-
} catch (error) {
|
|
48838
|
-
console.warn("解析自定义样式失败:", error);
|
|
48839
|
-
return {};
|
|
48840
|
-
}
|
|
48841
|
-
},
|
|
48842
|
-
// 文本内容验证
|
|
48843
|
-
validateTextContent() {
|
|
48844
|
-
const content = this.configData.textContent;
|
|
48845
|
-
if (!content || content.trim() === "") {
|
|
48846
|
-
console.warn("文本内容为空");
|
|
48847
|
-
return false;
|
|
48848
|
-
}
|
|
48849
|
-
return true;
|
|
48850
|
-
},
|
|
48851
|
-
// 获取纯文本内容
|
|
48852
|
-
getPlainTextContent() {
|
|
48853
|
-
return this.configData.textContent || "";
|
|
48854
|
-
},
|
|
48855
|
-
// 获取文本长度
|
|
48856
|
-
getTextLength() {
|
|
48857
|
-
return this.getPlainTextContent().length;
|
|
48858
|
-
},
|
|
48859
|
-
// 复制文本内容到剪贴板
|
|
48860
|
-
copyTextToClipboard() {
|
|
48861
|
-
const text = this.getPlainTextContent();
|
|
48862
|
-
if (navigator.clipboard && window.isSecureContext) {
|
|
48863
|
-
navigator.clipboard.writeText(text).then(() => {
|
|
48864
|
-
var _this$$message;
|
|
48865
|
-
(_this$$message = this.$message) === null || _this$$message === void 0 ? void 0 : _this$$message.success("文本已复制到剪贴板");
|
|
48866
|
-
}).catch(err => {
|
|
48867
|
-
console.error("复制失败:", err);
|
|
48868
|
-
});
|
|
48869
|
-
} else {
|
|
48870
|
-
// 降级方案
|
|
48871
|
-
const textArea = document.createElement("textarea");
|
|
48872
|
-
textArea.value = text;
|
|
48873
|
-
document.body.appendChild(textArea);
|
|
48874
|
-
textArea.select();
|
|
48875
|
-
try {
|
|
48876
|
-
var _this$$message2;
|
|
48877
|
-
document.execCommand("copy");
|
|
48878
|
-
(_this$$message2 = this.$message) === null || _this$$message2 === void 0 ? void 0 : _this$$message2.success("文本已复制到剪贴板");
|
|
48879
|
-
} catch (err) {
|
|
48880
|
-
console.error("复制失败:", err);
|
|
48881
|
-
}
|
|
48882
|
-
document.body.removeChild(textArea);
|
|
48883
|
-
}
|
|
48884
|
-
},
|
|
48885
|
-
// 文本搜索高亮
|
|
48886
|
-
highlightText(searchTerm) {
|
|
48887
|
-
if (!searchTerm) return;
|
|
48888
|
-
const content = this.getPlainTextContent();
|
|
48889
|
-
const regex = new RegExp(`(${searchTerm})`, "gi");
|
|
48890
|
-
const highlightedContent = content.replace(regex, "<mark>$1</mark>");
|
|
48891
|
-
|
|
48892
|
-
// 这里可以根据需要实现高亮显示逻辑
|
|
48893
|
-
console.log("高亮内容:", highlightedContent);
|
|
48894
|
-
},
|
|
48895
|
-
// 文本统计信息
|
|
48896
|
-
getTextStats() {
|
|
48897
|
-
const text = this.getPlainTextContent();
|
|
48898
|
-
const words = text.split(/\s+/).filter(word => word.length > 0);
|
|
48899
|
-
const lines = text.split("\n").length;
|
|
48900
|
-
const characters = text.length;
|
|
48901
|
-
const charactersNoSpaces = text.replace(/\s/g, "").length;
|
|
48902
|
-
return {
|
|
48903
|
-
characters,
|
|
48904
|
-
charactersNoSpaces,
|
|
48905
|
-
words: words.length,
|
|
48906
|
-
lines,
|
|
48907
|
-
paragraphs: text.split(/\n\s*\n/).filter(p => p.trim().length > 0).length
|
|
48908
|
-
};
|
|
48909
|
-
}
|
|
48910
|
-
}
|
|
48911
|
-
});
|
|
48912
|
-
;// ./package/cms-text/View.vue?vue&type=script&lang=js
|
|
48913
|
-
/* harmony default export */ var cms_text_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
48914
|
-
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.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-text/View.vue?vue&type=style&index=0&id=2b086daf&prod&lang=scss&scoped=true
|
|
48915
|
-
// extracted by mini-css-extract-plugin
|
|
48916
|
-
|
|
48917
|
-
;// ./package/cms-text/View.vue?vue&type=style&index=0&id=2b086daf&prod&lang=scss&scoped=true
|
|
48918
|
-
|
|
48919
|
-
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
48920
|
-
var componentNormalizer = __webpack_require__(1656);
|
|
48921
|
-
;// ./package/cms-text/View.vue
|
|
48922
|
-
|
|
48923
|
-
|
|
48924
|
-
|
|
48925
|
-
;
|
|
48926
|
-
|
|
48927
|
-
|
|
48928
|
-
/* normalize component */
|
|
48929
|
-
|
|
48930
|
-
var component = (0,componentNormalizer/* default */.A)(
|
|
48931
|
-
cms_text_Viewvue_type_script_lang_js,
|
|
48932
|
-
render,
|
|
48933
|
-
staticRenderFns,
|
|
48934
|
-
false,
|
|
48935
|
-
null,
|
|
48936
|
-
"2b086daf",
|
|
48937
|
-
null
|
|
48938
|
-
|
|
48939
|
-
)
|
|
48940
|
-
|
|
48941
|
-
/* harmony default export */ var View = (component.exports);
|
|
48942
|
-
|
|
48943
49285
|
/***/ }),
|
|
48944
49286
|
|
|
48945
49287
|
/***/ 7551:
|
|
@@ -49026,7 +49368,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
49026
49368
|
|
|
49027
49369
|
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 3411));
|
|
49028
49370
|
const langData = {
|
|
49029
|
-
input1: ""
|
|
49371
|
+
input1: "请输入富文本内容"
|
|
49030
49372
|
};
|
|
49031
49373
|
const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataType)(langData, {
|
|
49032
49374
|
input1: {
|
|
@@ -49483,7 +49825,7 @@ var render = function render() {
|
|
|
49483
49825
|
var staticRenderFns = [];
|
|
49484
49826
|
|
|
49485
49827
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
49486
|
-
var baseComp = __webpack_require__(
|
|
49828
|
+
var baseComp = __webpack_require__(6228);
|
|
49487
49829
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-productDetails/View.vue?vue&type=script&lang=js
|
|
49488
49830
|
|
|
49489
49831
|
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
@@ -49733,7 +50075,7 @@ var swiper = __webpack_require__(2791);
|
|
|
49733
50075
|
// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
|
|
49734
50076
|
var swiper_esm_bundle = __webpack_require__(4418);
|
|
49735
50077
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
49736
|
-
var baseComp = __webpack_require__(
|
|
50078
|
+
var baseComp = __webpack_require__(6228);
|
|
49737
50079
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-threeScroll/View.vue?vue&type=script&lang=js
|
|
49738
50080
|
|
|
49739
50081
|
|
|
@@ -49919,7 +50261,7 @@ var swiper = __webpack_require__(2791);
|
|
|
49919
50261
|
// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
|
|
49920
50262
|
var swiper_esm_bundle = __webpack_require__(4418);
|
|
49921
50263
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
49922
|
-
var baseComp = __webpack_require__(
|
|
50264
|
+
var baseComp = __webpack_require__(6228);
|
|
49923
50265
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-termsAndConditions/View.vue?vue&type=script&lang=js
|
|
49924
50266
|
|
|
49925
50267
|
|
|
@@ -50135,7 +50477,7 @@ var render = function render() {
|
|
|
50135
50477
|
var staticRenderFns = [];
|
|
50136
50478
|
|
|
50137
50479
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
50138
|
-
var baseComp = __webpack_require__(
|
|
50480
|
+
var baseComp = __webpack_require__(6228);
|
|
50139
50481
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-titleCenter/View.vue?vue&type=script&lang=js
|
|
50140
50482
|
|
|
50141
50483
|
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
@@ -50621,11 +50963,25 @@ function updateDefaultConfig(data) {
|
|
|
50621
50963
|
data
|
|
50622
50964
|
});
|
|
50623
50965
|
}
|
|
50966
|
+
function omniHeartbeat(data) {
|
|
50967
|
+
return request({
|
|
50968
|
+
method: "post",
|
|
50969
|
+
url: "/omni-channel-service-console/rest/workBench/keepAlive",
|
|
50970
|
+
data
|
|
50971
|
+
});
|
|
50972
|
+
}
|
|
50973
|
+
function emallHeartbeat(data) {
|
|
50974
|
+
return request({
|
|
50975
|
+
method: "post",
|
|
50976
|
+
url: "/ecosp-console/workbench/keepAlive",
|
|
50977
|
+
data
|
|
50978
|
+
});
|
|
50979
|
+
}
|
|
50624
50980
|
// EXTERNAL MODULE: ./node_modules/qs/lib/index.js
|
|
50625
50981
|
var lib = __webpack_require__(9122);
|
|
50626
50982
|
var lib_default = /*#__PURE__*/__webpack_require__.n(lib);
|
|
50627
50983
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
50628
|
-
var baseComp = __webpack_require__(
|
|
50984
|
+
var baseComp = __webpack_require__(6228);
|
|
50629
50985
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-proCard/View.vue?vue&type=script&lang=js
|
|
50630
50986
|
|
|
50631
50987
|
|
|
@@ -50965,7 +51321,7 @@ var render = function render() {
|
|
|
50965
51321
|
var staticRenderFns = [];
|
|
50966
51322
|
|
|
50967
51323
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
50968
|
-
var baseComp = __webpack_require__(
|
|
51324
|
+
var baseComp = __webpack_require__(6228);
|
|
50969
51325
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-iconFour/View.vue?vue&type=script&lang=js
|
|
50970
51326
|
|
|
50971
51327
|
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
@@ -51170,7 +51526,7 @@ var swiper = __webpack_require__(2791);
|
|
|
51170
51526
|
// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
|
|
51171
51527
|
var swiper_esm_bundle = __webpack_require__(4418);
|
|
51172
51528
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
51173
|
-
var baseComp = __webpack_require__(
|
|
51529
|
+
var baseComp = __webpack_require__(6228);
|
|
51174
51530
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-imgFour/View.vue?vue&type=script&lang=js
|
|
51175
51531
|
|
|
51176
51532
|
|
|
@@ -51364,7 +51720,7 @@ var staticRenderFns = [];
|
|
|
51364
51720
|
;// ./package/cms-activityTime/View.vue?vue&type=template&id=0e496ed4&scoped=true
|
|
51365
51721
|
|
|
51366
51722
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
51367
|
-
var baseComp = __webpack_require__(
|
|
51723
|
+
var baseComp = __webpack_require__(6228);
|
|
51368
51724
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-activityTime/View.vue?vue&type=script&lang=js
|
|
51369
51725
|
|
|
51370
51726
|
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
@@ -51821,254 +52177,6 @@ module.exports = function intersection(other) {
|
|
|
51821
52177
|
};
|
|
51822
52178
|
|
|
51823
52179
|
|
|
51824
|
-
/***/ }),
|
|
51825
|
-
|
|
51826
|
-
/***/ 8770:
|
|
51827
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
51828
|
-
|
|
51829
|
-
"use strict";
|
|
51830
|
-
// ESM COMPAT FLAG
|
|
51831
|
-
__webpack_require__.r(__webpack_exports__);
|
|
51832
|
-
|
|
51833
|
-
// EXPORTS
|
|
51834
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
51835
|
-
"default": function() { return /* binding */ baseComp; }
|
|
51836
|
-
});
|
|
51837
|
-
|
|
51838
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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/baseComp.vue?vue&type=template&id=aaf8528c&scoped=true
|
|
51839
|
-
var render = function render() {
|
|
51840
|
-
var _vm = this,
|
|
51841
|
-
_c = _vm._self._c;
|
|
51842
|
-
return _vm.$EventBus && _vm.isOpcacity ? _c('div', {
|
|
51843
|
-
key: _vm.data.componentId,
|
|
51844
|
-
class: [_vm.nowCompId !== '' && _vm.nowCompId == _vm.data.componentId ? 'highLight' : ''],
|
|
51845
|
-
style: _vm.showStyleConfig,
|
|
51846
|
-
on: {
|
|
51847
|
-
"click": function ($event) {
|
|
51848
|
-
$event.stopPropagation();
|
|
51849
|
-
return _vm.handleNowComp.apply(null, arguments);
|
|
51850
|
-
}
|
|
51851
|
-
}
|
|
51852
|
-
}, [_c('div', {
|
|
51853
|
-
staticClass: "mask-wrap"
|
|
51854
|
-
}, [_vm._t("default"), _vm.isMask ? _c('div', {
|
|
51855
|
-
staticClass: "mask",
|
|
51856
|
-
on: {
|
|
51857
|
-
"click": _vm.handleNowComp
|
|
51858
|
-
}
|
|
51859
|
-
}) : _vm._e()], 2), _vm.nowCompId !== '' && _vm.nowCompId == _vm.data.componentId && _vm.showDel ? _c('div', {
|
|
51860
|
-
staticClass: "com-delete"
|
|
51861
|
-
}, [_c('i', {
|
|
51862
|
-
staticClass: "el-icon-delete",
|
|
51863
|
-
on: {
|
|
51864
|
-
"click": function ($event) {
|
|
51865
|
-
$event.stopPropagation();
|
|
51866
|
-
return _vm.delComp.apply(null, arguments);
|
|
51867
|
-
}
|
|
51868
|
-
}
|
|
51869
|
-
})]) : _vm._e()]) : _vm.showSlot ? _c('div', {
|
|
51870
|
-
key: _vm.data.componentId,
|
|
51871
|
-
ref: "targetElement",
|
|
51872
|
-
style: _vm.showStyleConfig
|
|
51873
|
-
}, [_vm._t("default")], 2) : _vm._e();
|
|
51874
|
-
};
|
|
51875
|
-
var staticRenderFns = [];
|
|
51876
|
-
|
|
51877
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
|
|
51878
|
-
var es_iterator_constructor = __webpack_require__(8111);
|
|
51879
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.reduce.js
|
|
51880
|
-
var es_iterator_reduce = __webpack_require__(8237);
|
|
51881
|
-
// EXTERNAL MODULE: ./package/patch.js
|
|
51882
|
-
var patch = __webpack_require__(1618);
|
|
51883
|
-
// EXTERNAL MODULE: ./node_modules/dayjs/dayjs.min.js
|
|
51884
|
-
var dayjs_min = __webpack_require__(1576);
|
|
51885
|
-
var dayjs_min_default = /*#__PURE__*/__webpack_require__.n(dayjs_min);
|
|
51886
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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/baseComp.vue?vue&type=script&lang=js
|
|
51887
|
-
|
|
51888
|
-
|
|
51889
|
-
|
|
51890
|
-
|
|
51891
|
-
// 待办:判断移动pc端填充不同的样式
|
|
51892
|
-
|
|
51893
|
-
|
|
51894
|
-
/* harmony default export */ var baseCompvue_type_script_lang_js = ({
|
|
51895
|
-
name: "baseComp",
|
|
51896
|
-
props: {
|
|
51897
|
-
data: {
|
|
51898
|
-
type: Object,
|
|
51899
|
-
default: () => {
|
|
51900
|
-
return {};
|
|
51901
|
-
}
|
|
51902
|
-
},
|
|
51903
|
-
nowCompId: {
|
|
51904
|
-
type: [String, Number],
|
|
51905
|
-
default: ""
|
|
51906
|
-
},
|
|
51907
|
-
isOpcacity: {
|
|
51908
|
-
type: Boolean,
|
|
51909
|
-
default: true
|
|
51910
|
-
},
|
|
51911
|
-
isMask: {
|
|
51912
|
-
type: Boolean,
|
|
51913
|
-
default: true
|
|
51914
|
-
},
|
|
51915
|
-
lang: {
|
|
51916
|
-
type: String,
|
|
51917
|
-
default: "zh-HK"
|
|
51918
|
-
},
|
|
51919
|
-
timeline: {
|
|
51920
|
-
type: String,
|
|
51921
|
-
default: ""
|
|
51922
|
-
},
|
|
51923
|
-
cmhkChannel: {
|
|
51924
|
-
type: String,
|
|
51925
|
-
default: "WWW"
|
|
51926
|
-
},
|
|
51927
|
-
showDel: {
|
|
51928
|
-
type: Boolean,
|
|
51929
|
-
default: true
|
|
51930
|
-
}
|
|
51931
|
-
},
|
|
51932
|
-
data() {
|
|
51933
|
-
return {
|
|
51934
|
-
styleConfig_mb: {},
|
|
51935
|
-
styleConfig_pc: {},
|
|
51936
|
-
configData: {},
|
|
51937
|
-
elementWidth: 0,
|
|
51938
|
-
resizeObserver: null
|
|
51939
|
-
};
|
|
51940
|
-
},
|
|
51941
|
-
watch: {
|
|
51942
|
-
data: {
|
|
51943
|
-
handler(val) {
|
|
51944
|
-
this.getStyleConfig(val, "pc");
|
|
51945
|
-
this.getStyleConfig(val, "mb");
|
|
51946
|
-
this.getValue(this.lang);
|
|
51947
|
-
},
|
|
51948
|
-
deep: true,
|
|
51949
|
-
immediate: true
|
|
51950
|
-
},
|
|
51951
|
-
lang: {
|
|
51952
|
-
handler(val) {
|
|
51953
|
-
this.getValue(val);
|
|
51954
|
-
},
|
|
51955
|
-
deep: true,
|
|
51956
|
-
immediate: true
|
|
51957
|
-
}
|
|
51958
|
-
},
|
|
51959
|
-
mounted() {
|
|
51960
|
-
if (this.$EventBus && this.isOpcacity) {
|
|
51961
|
-
this.elementWidth = 800;
|
|
51962
|
-
this.$EventBus.$on("handleDeviceChange", isMobile => {
|
|
51963
|
-
this.elementWidth = isMobile ? 700 : 800;
|
|
51964
|
-
});
|
|
51965
|
-
} else if (this.showSlot) {
|
|
51966
|
-
this.resizeObserver = new ResizeObserver(entries => {
|
|
51967
|
-
for (let entry of entries) {
|
|
51968
|
-
this.elementWidth = entry.contentRect.width;
|
|
51969
|
-
// 可以在这里触发自定义逻辑
|
|
51970
|
-
// this.onWidthChange(this.elementWidth);
|
|
51971
|
-
}
|
|
51972
|
-
});
|
|
51973
|
-
const element = document.getElementById("app");
|
|
51974
|
-
this.resizeObserver.observe(element);
|
|
51975
|
-
}
|
|
51976
|
-
},
|
|
51977
|
-
beforeDestroy() {
|
|
51978
|
-
// 组件销毁时停止观察
|
|
51979
|
-
if (this.resizeObserver) {
|
|
51980
|
-
this.resizeObserver.disconnect();
|
|
51981
|
-
}
|
|
51982
|
-
},
|
|
51983
|
-
methods: {
|
|
51984
|
-
onWidthChange(newWidth) {
|
|
51985
|
-
console.log("新宽度:", newWidth, this.isMobile);
|
|
51986
|
-
},
|
|
51987
|
-
getValue(cur_lang) {
|
|
51988
|
-
var _this$data, _this$data$settings;
|
|
51989
|
-
const obj = {
|
|
51990
|
-
"zh-CN": "lang_sc",
|
|
51991
|
-
"zh-HK": "lang_tc",
|
|
51992
|
-
"en-US": "lang_en"
|
|
51993
|
-
};
|
|
51994
|
-
if ((_this$data = this.data) !== null && _this$data !== void 0 && (_this$data$settings = _this$data.settings) !== null && _this$data$settings !== void 0 && _this$data$settings.settings) {
|
|
51995
|
-
const baseInfo = (0,patch.transfor)(this.data);
|
|
51996
|
-
this.configData = baseInfo.contentConfig.lang_all ? baseInfo.contentConfig.lang_all : baseInfo.contentConfig[`${obj[cur_lang]}`];
|
|
51997
|
-
} else {
|
|
51998
|
-
this.configData = this.data.contentConfig.lang_all ? this.data.contentConfig.lang_all : this.data.contentConfig[`${obj[cur_lang]}`];
|
|
51999
|
-
}
|
|
52000
|
-
this.$emit("getConfigData", this.configData);
|
|
52001
|
-
},
|
|
52002
|
-
getStyleConfig(data, type) {
|
|
52003
|
-
this[`styleConfig_${type}`] = data.styleConfig[type].reduce((pre, cur) => {
|
|
52004
|
-
pre[cur.key] = cur.value + cur.unit;
|
|
52005
|
-
return pre;
|
|
52006
|
-
}, {});
|
|
52007
|
-
},
|
|
52008
|
-
handleNowComp() {
|
|
52009
|
-
if (!this.isOpcacity) return;
|
|
52010
|
-
this.$EventBus.$emit("handleNowComp", this.data);
|
|
52011
|
-
},
|
|
52012
|
-
delComp() {
|
|
52013
|
-
this.$EventBus.$emit("handleDeleteComp", this.data.componentId);
|
|
52014
|
-
}
|
|
52015
|
-
},
|
|
52016
|
-
computed: {
|
|
52017
|
-
showStyleConfig() {
|
|
52018
|
-
if (!this.elementWidth) return {};
|
|
52019
|
-
return this.isMobile ? this.styleConfig_mb : this.styleConfig_pc;
|
|
52020
|
-
},
|
|
52021
|
-
isMobile() {
|
|
52022
|
-
return this.elementWidth < 760;
|
|
52023
|
-
},
|
|
52024
|
-
showSlot() {
|
|
52025
|
-
const {
|
|
52026
|
-
cmhkChannelConfList = [],
|
|
52027
|
-
startTime = "",
|
|
52028
|
-
endTime = ""
|
|
52029
|
-
} = this.data.baseConfig;
|
|
52030
|
-
console.log("this.cmhkChannel", this.cmhkChannel, this.data.baseConfig);
|
|
52031
|
-
const channelVisable = cmhkChannelConfList.includes("ALL") || cmhkChannelConfList.includes(this.cmhkChannel);
|
|
52032
|
-
if (!channelVisable) return false;
|
|
52033
|
-
if (!startTime && !endTime) return true;
|
|
52034
|
-
const currentTime = this.timeline ? dayjs_min_default()(this.timeline) : dayjs_min_default()();
|
|
52035
|
-
const isStart = startTime ? dayjs_min_default()(currentTime).isAfter(dayjs_min_default()(startTime)) || dayjs_min_default()(currentTime).isSame(dayjs_min_default()(startTime)) : true;
|
|
52036
|
-
const isEnd = endTime ? dayjs_min_default()(currentTime).isBefore(dayjs_min_default()(endTime)) || dayjs_min_default()(currentTime).isSame(dayjs_min_default()(endTime)) : true;
|
|
52037
|
-
return isStart && isEnd;
|
|
52038
|
-
}
|
|
52039
|
-
}
|
|
52040
|
-
});
|
|
52041
|
-
;// ./package/baseComp.vue?vue&type=script&lang=js
|
|
52042
|
-
/* harmony default export */ var package_baseCompvue_type_script_lang_js = (baseCompvue_type_script_lang_js);
|
|
52043
|
-
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.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/baseComp.vue?vue&type=style&index=0&id=aaf8528c&prod&lang=scss&scoped=true
|
|
52044
|
-
// extracted by mini-css-extract-plugin
|
|
52045
|
-
|
|
52046
|
-
;// ./package/baseComp.vue?vue&type=style&index=0&id=aaf8528c&prod&lang=scss&scoped=true
|
|
52047
|
-
|
|
52048
|
-
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
52049
|
-
var componentNormalizer = __webpack_require__(1656);
|
|
52050
|
-
;// ./package/baseComp.vue
|
|
52051
|
-
|
|
52052
|
-
|
|
52053
|
-
|
|
52054
|
-
;
|
|
52055
|
-
|
|
52056
|
-
|
|
52057
|
-
/* normalize component */
|
|
52058
|
-
|
|
52059
|
-
var component = (0,componentNormalizer/* default */.A)(
|
|
52060
|
-
package_baseCompvue_type_script_lang_js,
|
|
52061
|
-
render,
|
|
52062
|
-
staticRenderFns,
|
|
52063
|
-
false,
|
|
52064
|
-
null,
|
|
52065
|
-
"aaf8528c",
|
|
52066
|
-
null
|
|
52067
|
-
|
|
52068
|
-
)
|
|
52069
|
-
|
|
52070
|
-
/* harmony default export */ var baseComp = (component.exports);
|
|
52071
|
-
|
|
52072
52180
|
/***/ }),
|
|
52073
52181
|
|
|
52074
52182
|
/***/ 8773:
|
|
@@ -52516,7 +52624,7 @@ var render = function render() {
|
|
|
52516
52624
|
var staticRenderFns = [];
|
|
52517
52625
|
|
|
52518
52626
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
52519
|
-
var baseComp = __webpack_require__(
|
|
52627
|
+
var baseComp = __webpack_require__(6228);
|
|
52520
52628
|
// EXTERNAL MODULE: ./src/utils/request.js + 2 modules
|
|
52521
52629
|
var utils_request = __webpack_require__(1564);
|
|
52522
52630
|
;// ./src/api/servePlan.js
|
|
@@ -52754,6 +52862,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
52754
52862
|
widthValue: {
|
|
52755
52863
|
label: "宽度数值",
|
|
52756
52864
|
widgetType: "el-input-number",
|
|
52865
|
+
size: "small",
|
|
52757
52866
|
min: 1,
|
|
52758
52867
|
max: 2000,
|
|
52759
52868
|
step: 1,
|
|
@@ -52776,6 +52885,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
52776
52885
|
heightValue: {
|
|
52777
52886
|
label: "高度数值",
|
|
52778
52887
|
widgetType: "el-input-number",
|
|
52888
|
+
size: "small",
|
|
52779
52889
|
min: 1,
|
|
52780
52890
|
max: 2000,
|
|
52781
52891
|
step: 1,
|
|
@@ -52784,6 +52894,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
52784
52894
|
maxWidth: {
|
|
52785
52895
|
label: "最大宽度(px)",
|
|
52786
52896
|
widgetType: "el-input-number",
|
|
52897
|
+
size: "small",
|
|
52787
52898
|
min: 0,
|
|
52788
52899
|
max: 2000,
|
|
52789
52900
|
step: 1,
|
|
@@ -52792,6 +52903,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
52792
52903
|
maxHeight: {
|
|
52793
52904
|
label: "最大高度(px)",
|
|
52794
52905
|
widgetType: "el-input-number",
|
|
52906
|
+
size: "small",
|
|
52795
52907
|
min: 0,
|
|
52796
52908
|
max: 2000,
|
|
52797
52909
|
step: 1,
|
|
@@ -52801,6 +52913,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
52801
52913
|
borderRadius: {
|
|
52802
52914
|
label: "圆角(px)",
|
|
52803
52915
|
widgetType: "el-input-number",
|
|
52916
|
+
size: "small",
|
|
52804
52917
|
min: 0,
|
|
52805
52918
|
max: 100,
|
|
52806
52919
|
step: 1
|
|
@@ -52841,23 +52954,24 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
52841
52954
|
label: "新窗口",
|
|
52842
52955
|
value: "_blank"
|
|
52843
52956
|
}]
|
|
52844
|
-
},
|
|
52845
|
-
// 高级配置
|
|
52846
|
-
customClass: {
|
|
52847
|
-
label: "自定义CSS类",
|
|
52848
|
-
widgetType: "el-input",
|
|
52849
|
-
placeholder: "请输入CSS类名"
|
|
52850
|
-
},
|
|
52851
|
-
customStyle: {
|
|
52852
|
-
label: "自定义样式",
|
|
52853
|
-
widgetType: "el-input",
|
|
52854
|
-
type: "textarea",
|
|
52855
|
-
placeholder: "请输入CSS样式,如: box-shadow: 0 2px 4px rgba(0,0,0,0.1);"
|
|
52856
|
-
},
|
|
52857
|
-
lazyLoad: {
|
|
52858
|
-
label: "懒加载",
|
|
52859
|
-
widgetType: "el-switch"
|
|
52860
52957
|
}
|
|
52958
|
+
|
|
52959
|
+
// // 高级配置
|
|
52960
|
+
// customClass: {
|
|
52961
|
+
// label: "自定义CSS类",
|
|
52962
|
+
// widgetType: "el-input",
|
|
52963
|
+
// placeholder: "请输入CSS类名"
|
|
52964
|
+
// },
|
|
52965
|
+
// customStyle: {
|
|
52966
|
+
// label: "自定义样式",
|
|
52967
|
+
// widgetType: "el-input",
|
|
52968
|
+
// type: "textarea",
|
|
52969
|
+
// placeholder: "请输入CSS样式,如: box-shadow: 0 2px 4px rgba(0,0,0,0.1);"
|
|
52970
|
+
// },
|
|
52971
|
+
// lazyLoad: {
|
|
52972
|
+
// label: "懒加载",
|
|
52973
|
+
// widgetType: "el-switch"
|
|
52974
|
+
// }
|
|
52861
52975
|
});
|
|
52862
52976
|
const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSchema)(langData);
|
|
52863
52977
|
/* harmony default export */ __webpack_exports__["default"] = ({
|
|
@@ -53063,7 +53177,7 @@ var render = function render() {
|
|
|
53063
53177
|
var staticRenderFns = [];
|
|
53064
53178
|
|
|
53065
53179
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
53066
|
-
var baseComp = __webpack_require__(
|
|
53180
|
+
var baseComp = __webpack_require__(6228);
|
|
53067
53181
|
// EXTERNAL MODULE: ./src/utils/jumpUrl.js
|
|
53068
53182
|
var jumpUrl = __webpack_require__(813);
|
|
53069
53183
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-titleLeft/View.vue?vue&type=script&setup=true&lang=js
|
|
@@ -53325,287 +53439,6 @@ module.exports = function sign(number) {
|
|
|
53325
53439
|
|
|
53326
53440
|
/***/ }),
|
|
53327
53441
|
|
|
53328
|
-
/***/ 9279:
|
|
53329
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
53330
|
-
|
|
53331
|
-
"use strict";
|
|
53332
|
-
// ESM COMPAT FLAG
|
|
53333
|
-
__webpack_require__.r(__webpack_exports__);
|
|
53334
|
-
|
|
53335
|
-
// EXPORTS
|
|
53336
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
53337
|
-
"default": function() { return /* binding */ View; }
|
|
53338
|
-
});
|
|
53339
|
-
|
|
53340
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-column/View.vue?vue&type=template&id=4daf3f78&scoped=true
|
|
53341
|
-
var render = function render() {
|
|
53342
|
-
var _vm = this,
|
|
53343
|
-
_c = _vm._self._c;
|
|
53344
|
-
return _c('BaseComp', _vm._b({
|
|
53345
|
-
attrs: {
|
|
53346
|
-
"data": _vm.data,
|
|
53347
|
-
"nowCompId": _vm.nowCompId,
|
|
53348
|
-
"isOpcacity": _vm.isOpcacity,
|
|
53349
|
-
"isMask": false,
|
|
53350
|
-
"lang": _vm.lang
|
|
53351
|
-
},
|
|
53352
|
-
on: {
|
|
53353
|
-
"getConfigData": _vm.getConfigData
|
|
53354
|
-
}
|
|
53355
|
-
}, 'BaseComp', _vm.$attrs, false), [_c('section', {
|
|
53356
|
-
class: _vm.configData.widthType === 'full' ? 'width-full' : 'cmhk-home_main',
|
|
53357
|
-
style: _vm.containerStyle
|
|
53358
|
-
}, [_c('div', {
|
|
53359
|
-
staticClass: "column-setting",
|
|
53360
|
-
class: [`layout-${_vm.configData.layoutType || 'default'}`, `mobile-${_vm.configData.mobileLayout || 'vertical'}`],
|
|
53361
|
-
style: _vm.columnStyle
|
|
53362
|
-
}, _vm._l(_vm.data.childList, function (item, index) {
|
|
53363
|
-
return _c('cms-column-card', {
|
|
53364
|
-
key: item.componentId,
|
|
53365
|
-
class: _vm.getColumnItemClass(index),
|
|
53366
|
-
style: _vm.getColumnItemStyle(index),
|
|
53367
|
-
attrs: {
|
|
53368
|
-
"data": item,
|
|
53369
|
-
"nowCompId": _vm.nowCompId,
|
|
53370
|
-
"isOpcacity": _vm.isOpcacity,
|
|
53371
|
-
"isMask": false,
|
|
53372
|
-
"lang": _vm.lang
|
|
53373
|
-
}
|
|
53374
|
-
});
|
|
53375
|
-
}), 1)])]);
|
|
53376
|
-
};
|
|
53377
|
-
var staticRenderFns = [];
|
|
53378
|
-
|
|
53379
|
-
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
53380
|
-
var baseComp = __webpack_require__(8770);
|
|
53381
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-column/View.vue?vue&type=script&lang=js
|
|
53382
|
-
|
|
53383
|
-
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
53384
|
-
name: "cms-column",
|
|
53385
|
-
components: {
|
|
53386
|
-
BaseComp: baseComp["default"]
|
|
53387
|
-
},
|
|
53388
|
-
props: {
|
|
53389
|
-
data: {
|
|
53390
|
-
type: Object,
|
|
53391
|
-
default: () => {
|
|
53392
|
-
return {};
|
|
53393
|
-
}
|
|
53394
|
-
},
|
|
53395
|
-
nowCompId: {
|
|
53396
|
-
type: [String, Number],
|
|
53397
|
-
default: ""
|
|
53398
|
-
},
|
|
53399
|
-
isOpcacity: {
|
|
53400
|
-
type: Boolean,
|
|
53401
|
-
default: true
|
|
53402
|
-
},
|
|
53403
|
-
lang: {
|
|
53404
|
-
type: String,
|
|
53405
|
-
default: "zh-HK"
|
|
53406
|
-
}
|
|
53407
|
-
},
|
|
53408
|
-
data() {
|
|
53409
|
-
return {
|
|
53410
|
-
configData: {},
|
|
53411
|
-
messFold: true,
|
|
53412
|
-
// 默认配置数据
|
|
53413
|
-
defaultConfig: {
|
|
53414
|
-
layoutType: "100",
|
|
53415
|
-
heightType: "auto",
|
|
53416
|
-
widthType: "auto",
|
|
53417
|
-
mobileLayout: "vertical",
|
|
53418
|
-
fixedHeight: 300,
|
|
53419
|
-
borderWidth: 0,
|
|
53420
|
-
borderStyle: "solid",
|
|
53421
|
-
borderColor: "#409eff",
|
|
53422
|
-
backgroundColor: "",
|
|
53423
|
-
backgroundImage: "",
|
|
53424
|
-
boxShadow: "",
|
|
53425
|
-
borderRadius: 0,
|
|
53426
|
-
columnGap: 0,
|
|
53427
|
-
rowGap: 0,
|
|
53428
|
-
title: "",
|
|
53429
|
-
description: "",
|
|
53430
|
-
input1: "",
|
|
53431
|
-
showTitle: true,
|
|
53432
|
-
showDescription: true,
|
|
53433
|
-
animationDuration: 300,
|
|
53434
|
-
responsiveBreakpoint: 768
|
|
53435
|
-
}
|
|
53436
|
-
};
|
|
53437
|
-
},
|
|
53438
|
-
mounted() {
|
|
53439
|
-
this.initConfigData();
|
|
53440
|
-
// 添加窗口大小变化监听
|
|
53441
|
-
window.addEventListener("resize", this.handleResize);
|
|
53442
|
-
this.handleResize(); // 初始化时执行一次
|
|
53443
|
-
},
|
|
53444
|
-
beforeDestroy() {
|
|
53445
|
-
// 移除事件监听
|
|
53446
|
-
window.removeEventListener("resize", this.handleResize);
|
|
53447
|
-
},
|
|
53448
|
-
watch: {
|
|
53449
|
-
configData: {
|
|
53450
|
-
handler() {
|
|
53451
|
-
this.updateStyles();
|
|
53452
|
-
},
|
|
53453
|
-
deep: true
|
|
53454
|
-
}
|
|
53455
|
-
},
|
|
53456
|
-
computed: {
|
|
53457
|
-
// 容器样式
|
|
53458
|
-
containerStyle() {
|
|
53459
|
-
return {
|
|
53460
|
-
backgroundColor: this.configData.backgroundColor || this.defaultConfig.backgroundColor,
|
|
53461
|
-
backgroundImage: this.configData.backgroundImage ? `url(${this.configData.backgroundImage})` : "",
|
|
53462
|
-
backgroundSize: "cover",
|
|
53463
|
-
backgroundRepeat: "no-repeat",
|
|
53464
|
-
backgroundPosition: "center center",
|
|
53465
|
-
boxShadow: this.configData.boxShadow || this.defaultConfig.boxShadow,
|
|
53466
|
-
borderRadius: `${this.configData.borderRadius || this.defaultConfig.borderRadius}px`,
|
|
53467
|
-
minHeight: this.configData.heightType === "fixed" ? `${this.configData.fixedHeight}px` : "auto"
|
|
53468
|
-
};
|
|
53469
|
-
},
|
|
53470
|
-
// 分栏容器样式
|
|
53471
|
-
columnStyle() {
|
|
53472
|
-
// const gap = this.configData.rowGap || this.defaultConfig.rowGap;
|
|
53473
|
-
return {
|
|
53474
|
-
// gap: `${gap}px`,
|
|
53475
|
-
border: this.configData.borderWidth ? `${this.configData.borderWidth}px ${this.configData.borderStyle} ${this.configData.borderColor}` : "none"
|
|
53476
|
-
};
|
|
53477
|
-
}
|
|
53478
|
-
},
|
|
53479
|
-
methods: {
|
|
53480
|
-
// 初始化配置数据
|
|
53481
|
-
initConfigData() {
|
|
53482
|
-
// 合并默认配置和传入配置
|
|
53483
|
-
this.configData = {
|
|
53484
|
-
...this.defaultConfig,
|
|
53485
|
-
...this.configData
|
|
53486
|
-
};
|
|
53487
|
-
},
|
|
53488
|
-
// 获取配置数据
|
|
53489
|
-
getConfigData(configData) {
|
|
53490
|
-
this.configData = {
|
|
53491
|
-
...this.defaultConfig,
|
|
53492
|
-
...configData
|
|
53493
|
-
};
|
|
53494
|
-
this.updateStyles();
|
|
53495
|
-
},
|
|
53496
|
-
// 更新样式
|
|
53497
|
-
updateStyles() {
|
|
53498
|
-
this.$nextTick(() => {
|
|
53499
|
-
// 触发样式更新
|
|
53500
|
-
this.$forceUpdate();
|
|
53501
|
-
});
|
|
53502
|
-
},
|
|
53503
|
-
// 获取分栏项的类名
|
|
53504
|
-
getColumnItemClass(index) {
|
|
53505
|
-
const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
|
|
53506
|
-
return ["column-item", `column-item-${index}`, `layout-${layoutType}`, {
|
|
53507
|
-
"min-h": this.$EventBus && this.isOpcacity,
|
|
53508
|
-
"first-item": index === 0,
|
|
53509
|
-
"last-item": index === this.data.childList.length - 1
|
|
53510
|
-
}];
|
|
53511
|
-
},
|
|
53512
|
-
// 获取分栏项的样式
|
|
53513
|
-
getColumnItemStyle(index) {
|
|
53514
|
-
const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
|
|
53515
|
-
const gap = this.configData.rowGap || this.defaultConfig.rowGap;
|
|
53516
|
-
let flexBasis = "100%";
|
|
53517
|
-
let marginRight = "0";
|
|
53518
|
-
|
|
53519
|
-
// 根据布局类型设置宽度
|
|
53520
|
-
switch (layoutType) {
|
|
53521
|
-
case "50-50":
|
|
53522
|
-
flexBasis = `calc(50% - ${gap / 2}px)`;
|
|
53523
|
-
marginRight = index % 2 === 0 ? `${gap}px` : "0";
|
|
53524
|
-
break;
|
|
53525
|
-
case "33-66":
|
|
53526
|
-
flexBasis = index === 0 ? `calc(33.33% - ${gap / 2}px)` : `calc(66.67% - ${gap / 2}px)`;
|
|
53527
|
-
marginRight = index === 0 ? `${gap}px` : "0";
|
|
53528
|
-
break;
|
|
53529
|
-
case "66-33":
|
|
53530
|
-
flexBasis = index === 0 ? `calc(66.67% - ${gap / 2}px)` : `calc(33.33% - ${gap / 2}px)`;
|
|
53531
|
-
marginRight = index === 0 ? `${gap}px` : "0";
|
|
53532
|
-
break;
|
|
53533
|
-
case "33-33-33":
|
|
53534
|
-
flexBasis = `calc(33.33% - ${gap * 2 / 3}px)`;
|
|
53535
|
-
marginRight = index < 2 ? `${gap}px` : "0";
|
|
53536
|
-
break;
|
|
53537
|
-
case "25-50-25":
|
|
53538
|
-
if (index === 0 || index === 2) {
|
|
53539
|
-
flexBasis = `calc(25% - ${gap * 2 / 3}px)`;
|
|
53540
|
-
} else {
|
|
53541
|
-
flexBasis = `calc(50% - ${gap * 2 / 3}px)`;
|
|
53542
|
-
}
|
|
53543
|
-
marginRight = index < 2 ? `${gap}px` : "0";
|
|
53544
|
-
break;
|
|
53545
|
-
default:
|
|
53546
|
-
flexBasis = "100%";
|
|
53547
|
-
}
|
|
53548
|
-
return {
|
|
53549
|
-
flexBasis,
|
|
53550
|
-
marginRight,
|
|
53551
|
-
marginBottom: `${this.configData.columnGap || this.defaultConfig.columnGap}px`
|
|
53552
|
-
};
|
|
53553
|
-
},
|
|
53554
|
-
// 折叠/展开文本
|
|
53555
|
-
foldMessText() {
|
|
53556
|
-
this.messFold = !this.messFold;
|
|
53557
|
-
},
|
|
53558
|
-
// 处理跳转链接
|
|
53559
|
-
decodeJumpUrl(url) {
|
|
53560
|
-
if (!url) return;
|
|
53561
|
-
top.location.href = url;
|
|
53562
|
-
},
|
|
53563
|
-
// 响应式处理
|
|
53564
|
-
handleResize() {
|
|
53565
|
-
const breakpoint = this.configData.responsiveBreakpoint || this.defaultConfig.responsiveBreakpoint;
|
|
53566
|
-
const isMobile = window.innerWidth <= breakpoint;
|
|
53567
|
-
if (isMobile && this.configData.mobileLayout === "vertical") {
|
|
53568
|
-
// 移动端垂直布局处理
|
|
53569
|
-
this.$el.classList.add("mobile-vertical");
|
|
53570
|
-
} else {
|
|
53571
|
-
this.$el.classList.remove("mobile-vertical");
|
|
53572
|
-
}
|
|
53573
|
-
}
|
|
53574
|
-
}
|
|
53575
|
-
});
|
|
53576
|
-
;// ./package/cms-column/View.vue?vue&type=script&lang=js
|
|
53577
|
-
/* harmony default export */ var cms_column_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
53578
|
-
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.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-column/View.vue?vue&type=style&index=0&id=4daf3f78&prod&lang=scss&scoped=true
|
|
53579
|
-
// extracted by mini-css-extract-plugin
|
|
53580
|
-
|
|
53581
|
-
;// ./package/cms-column/View.vue?vue&type=style&index=0&id=4daf3f78&prod&lang=scss&scoped=true
|
|
53582
|
-
|
|
53583
|
-
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
53584
|
-
var componentNormalizer = __webpack_require__(1656);
|
|
53585
|
-
;// ./package/cms-column/View.vue
|
|
53586
|
-
|
|
53587
|
-
|
|
53588
|
-
|
|
53589
|
-
;
|
|
53590
|
-
|
|
53591
|
-
|
|
53592
|
-
/* normalize component */
|
|
53593
|
-
|
|
53594
|
-
var component = (0,componentNormalizer/* default */.A)(
|
|
53595
|
-
cms_column_Viewvue_type_script_lang_js,
|
|
53596
|
-
render,
|
|
53597
|
-
staticRenderFns,
|
|
53598
|
-
false,
|
|
53599
|
-
null,
|
|
53600
|
-
"4daf3f78",
|
|
53601
|
-
null
|
|
53602
|
-
|
|
53603
|
-
)
|
|
53604
|
-
|
|
53605
|
-
/* harmony default export */ var View = (component.exports);
|
|
53606
|
-
|
|
53607
|
-
/***/ }),
|
|
53608
|
-
|
|
53609
53442
|
/***/ 9286:
|
|
53610
53443
|
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
53611
53444
|
|
|
@@ -54017,7 +53850,7 @@ var render = function render() {
|
|
|
54017
53850
|
var staticRenderFns = [];
|
|
54018
53851
|
|
|
54019
53852
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
54020
|
-
var baseComp = __webpack_require__(
|
|
53853
|
+
var baseComp = __webpack_require__(6228);
|
|
54021
53854
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-servePlan-text/View.vue?vue&type=script&lang=js
|
|
54022
53855
|
|
|
54023
53856
|
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
@@ -54922,7 +54755,7 @@ var render = function render() {
|
|
|
54922
54755
|
var staticRenderFns = [];
|
|
54923
54756
|
|
|
54924
54757
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
54925
|
-
var baseComp = __webpack_require__(
|
|
54758
|
+
var baseComp = __webpack_require__(6228);
|
|
54926
54759
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-lineFour/View.vue?vue&type=script&lang=js
|
|
54927
54760
|
|
|
54928
54761
|
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
@@ -55152,7 +54985,7 @@ var es_iterator_for_each = __webpack_require__(7588);
|
|
|
55152
54985
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.map.js
|
|
55153
54986
|
var es_iterator_map = __webpack_require__(1701);
|
|
55154
54987
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
55155
|
-
var baseComp = __webpack_require__(
|
|
54988
|
+
var baseComp = __webpack_require__(6228);
|
|
55156
54989
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-question/View.vue?vue&type=script&lang=js
|
|
55157
54990
|
|
|
55158
54991
|
|
|
@@ -55391,6 +55224,276 @@ __webpack_require__(6368);
|
|
|
55391
55224
|
__webpack_require__(9309);
|
|
55392
55225
|
|
|
55393
55226
|
|
|
55227
|
+
/***/ }),
|
|
55228
|
+
|
|
55229
|
+
/***/ 9886:
|
|
55230
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
55231
|
+
|
|
55232
|
+
"use strict";
|
|
55233
|
+
// ESM COMPAT FLAG
|
|
55234
|
+
__webpack_require__.r(__webpack_exports__);
|
|
55235
|
+
|
|
55236
|
+
// EXPORTS
|
|
55237
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
55238
|
+
"default": function() { return /* binding */ View; }
|
|
55239
|
+
});
|
|
55240
|
+
|
|
55241
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-column/View.vue?vue&type=template&id=67ae24ec&scoped=true
|
|
55242
|
+
var render = function render() {
|
|
55243
|
+
var _vm = this,
|
|
55244
|
+
_c = _vm._self._c;
|
|
55245
|
+
return _c('BaseComp', _vm._b({
|
|
55246
|
+
attrs: {
|
|
55247
|
+
"data": _vm.data,
|
|
55248
|
+
"nowCompId": _vm.nowCompId,
|
|
55249
|
+
"isOpcacity": _vm.isOpcacity,
|
|
55250
|
+
"isMask": false,
|
|
55251
|
+
"lang": _vm.lang
|
|
55252
|
+
},
|
|
55253
|
+
on: {
|
|
55254
|
+
"getConfigData": _vm.getConfigData
|
|
55255
|
+
},
|
|
55256
|
+
scopedSlots: _vm._u([{
|
|
55257
|
+
key: "default",
|
|
55258
|
+
fn: function (slotProps) {
|
|
55259
|
+
return [_c('section', {
|
|
55260
|
+
class: _vm.configData.widthType === 'full' ? 'width-full' : 'cmhk-home_main',
|
|
55261
|
+
style: _vm.containerStyle
|
|
55262
|
+
}, [_c('div', {
|
|
55263
|
+
staticClass: "column-setting",
|
|
55264
|
+
class: [`layout-${_vm.configData.layoutType || 'default'}`, `${slotProps.isMobile && _vm.configData.mobileLayout === 'vertical' ? 'mobile-vertical' : 'mobile-horizontal'}`],
|
|
55265
|
+
style: _vm.columnStyle
|
|
55266
|
+
}, _vm._l(_vm.data.childList, function (item, index) {
|
|
55267
|
+
return _c('cms-column-card', {
|
|
55268
|
+
key: item.componentId,
|
|
55269
|
+
class: _vm.getColumnItemClass(index),
|
|
55270
|
+
style: _vm.getColumnItemStyle(index),
|
|
55271
|
+
attrs: {
|
|
55272
|
+
"data": item,
|
|
55273
|
+
"nowCompId": _vm.nowCompId,
|
|
55274
|
+
"isOpcacity": _vm.isOpcacity,
|
|
55275
|
+
"isMask": false,
|
|
55276
|
+
"lang": _vm.lang
|
|
55277
|
+
}
|
|
55278
|
+
});
|
|
55279
|
+
}), 1)])];
|
|
55280
|
+
}
|
|
55281
|
+
}])
|
|
55282
|
+
}, 'BaseComp', _vm.$attrs, false));
|
|
55283
|
+
};
|
|
55284
|
+
var staticRenderFns = [];
|
|
55285
|
+
|
|
55286
|
+
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
55287
|
+
var baseComp = __webpack_require__(6228);
|
|
55288
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.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-column/View.vue?vue&type=script&lang=js
|
|
55289
|
+
|
|
55290
|
+
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
55291
|
+
name: "cms-column",
|
|
55292
|
+
components: {
|
|
55293
|
+
BaseComp: baseComp["default"]
|
|
55294
|
+
},
|
|
55295
|
+
props: {
|
|
55296
|
+
data: {
|
|
55297
|
+
type: Object,
|
|
55298
|
+
default: () => {
|
|
55299
|
+
return {};
|
|
55300
|
+
}
|
|
55301
|
+
},
|
|
55302
|
+
nowCompId: {
|
|
55303
|
+
type: [String, Number],
|
|
55304
|
+
default: ""
|
|
55305
|
+
},
|
|
55306
|
+
isOpcacity: {
|
|
55307
|
+
type: Boolean,
|
|
55308
|
+
default: true
|
|
55309
|
+
},
|
|
55310
|
+
lang: {
|
|
55311
|
+
type: String,
|
|
55312
|
+
default: "zh-HK"
|
|
55313
|
+
}
|
|
55314
|
+
},
|
|
55315
|
+
data() {
|
|
55316
|
+
return {
|
|
55317
|
+
configData: {},
|
|
55318
|
+
messFold: true,
|
|
55319
|
+
// 默认配置数据
|
|
55320
|
+
defaultConfig: {
|
|
55321
|
+
layoutType: "100",
|
|
55322
|
+
heightType: "auto",
|
|
55323
|
+
widthType: "auto",
|
|
55324
|
+
mobileLayout: "vertical",
|
|
55325
|
+
fixedHeight: 300,
|
|
55326
|
+
borderWidth: 0,
|
|
55327
|
+
borderStyle: "solid",
|
|
55328
|
+
borderColor: "#409eff",
|
|
55329
|
+
backgroundColor: "#FFF",
|
|
55330
|
+
backgroundImage: "",
|
|
55331
|
+
boxShadow: "",
|
|
55332
|
+
borderRadius: 0,
|
|
55333
|
+
columnGap: 0,
|
|
55334
|
+
rowGap: 0,
|
|
55335
|
+
title: "",
|
|
55336
|
+
description: "",
|
|
55337
|
+
input1: "",
|
|
55338
|
+
showTitle: true,
|
|
55339
|
+
showDescription: true,
|
|
55340
|
+
animationDuration: 300,
|
|
55341
|
+
responsiveBreakpoint: 768
|
|
55342
|
+
}
|
|
55343
|
+
};
|
|
55344
|
+
},
|
|
55345
|
+
mounted() {
|
|
55346
|
+
this.initConfigData();
|
|
55347
|
+
// 添加窗口大小变化监听
|
|
55348
|
+
},
|
|
55349
|
+
watch: {
|
|
55350
|
+
configData: {
|
|
55351
|
+
handler() {
|
|
55352
|
+
this.updateStyles();
|
|
55353
|
+
},
|
|
55354
|
+
deep: true
|
|
55355
|
+
}
|
|
55356
|
+
},
|
|
55357
|
+
computed: {
|
|
55358
|
+
// 容器样式
|
|
55359
|
+
containerStyle() {
|
|
55360
|
+
return {
|
|
55361
|
+
backgroundColor: this.configData.backgroundColor || this.defaultConfig.backgroundColor,
|
|
55362
|
+
backgroundImage: this.configData.backgroundImage ? `url(${this.configData.backgroundImage})` : "",
|
|
55363
|
+
backgroundSize: "cover",
|
|
55364
|
+
backgroundRepeat: "no-repeat",
|
|
55365
|
+
backgroundPosition: "center center",
|
|
55366
|
+
boxShadow: this.configData.boxShadow || this.defaultConfig.boxShadow,
|
|
55367
|
+
borderRadius: `${this.configData.borderRadius || this.defaultConfig.borderRadius}px`,
|
|
55368
|
+
minHeight: this.configData.heightType === "fixed" ? `${this.configData.fixedHeight}px` : "auto"
|
|
55369
|
+
};
|
|
55370
|
+
},
|
|
55371
|
+
// 分栏容器样式
|
|
55372
|
+
columnStyle() {
|
|
55373
|
+
// const gap = this.configData.rowGap || this.defaultConfig.rowGap;
|
|
55374
|
+
return {
|
|
55375
|
+
// gap: `${gap}px`,
|
|
55376
|
+
border: this.configData.borderWidth ? `${this.configData.borderWidth}px ${this.configData.borderStyle} ${this.configData.borderColor}` : "none"
|
|
55377
|
+
};
|
|
55378
|
+
}
|
|
55379
|
+
},
|
|
55380
|
+
methods: {
|
|
55381
|
+
// 初始化配置数据
|
|
55382
|
+
initConfigData() {
|
|
55383
|
+
// 合并默认配置和传入配置
|
|
55384
|
+
this.configData = {
|
|
55385
|
+
...this.defaultConfig,
|
|
55386
|
+
...this.configData
|
|
55387
|
+
};
|
|
55388
|
+
},
|
|
55389
|
+
// 获取配置数据
|
|
55390
|
+
getConfigData(configData) {
|
|
55391
|
+
this.configData = {
|
|
55392
|
+
...this.defaultConfig,
|
|
55393
|
+
...configData
|
|
55394
|
+
};
|
|
55395
|
+
this.updateStyles();
|
|
55396
|
+
},
|
|
55397
|
+
// 更新样式
|
|
55398
|
+
updateStyles() {
|
|
55399
|
+
this.$nextTick(() => {
|
|
55400
|
+
// 触发样式更新
|
|
55401
|
+
this.$forceUpdate();
|
|
55402
|
+
});
|
|
55403
|
+
},
|
|
55404
|
+
// 获取分栏项的类名
|
|
55405
|
+
getColumnItemClass(index) {
|
|
55406
|
+
const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
|
|
55407
|
+
return ["column-item", `column-item-${index}`, `layout-${layoutType}`, {
|
|
55408
|
+
"min-h": this.$EventBus && this.isOpcacity,
|
|
55409
|
+
"first-item": index === 0,
|
|
55410
|
+
"last-item": index === this.data.childList.length - 1
|
|
55411
|
+
}];
|
|
55412
|
+
},
|
|
55413
|
+
// 获取分栏项的样式
|
|
55414
|
+
getColumnItemStyle(index) {
|
|
55415
|
+
const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
|
|
55416
|
+
const gap = this.configData.rowGap || this.defaultConfig.rowGap;
|
|
55417
|
+
let flexBasis = "100%";
|
|
55418
|
+
let marginRight = "0";
|
|
55419
|
+
|
|
55420
|
+
// 根据布局类型设置宽度
|
|
55421
|
+
switch (layoutType) {
|
|
55422
|
+
case "50-50":
|
|
55423
|
+
flexBasis = `calc(50% - ${gap / 2}px)`;
|
|
55424
|
+
marginRight = index % 2 === 0 ? `${gap}px` : "0";
|
|
55425
|
+
break;
|
|
55426
|
+
case "33-66":
|
|
55427
|
+
flexBasis = index === 0 ? `calc(33.33% - ${gap / 2}px)` : `calc(66.67% - ${gap / 2}px)`;
|
|
55428
|
+
marginRight = index === 0 ? `${gap}px` : "0";
|
|
55429
|
+
break;
|
|
55430
|
+
case "66-33":
|
|
55431
|
+
flexBasis = index === 0 ? `calc(66.67% - ${gap / 2}px)` : `calc(33.33% - ${gap / 2}px)`;
|
|
55432
|
+
marginRight = index === 0 ? `${gap}px` : "0";
|
|
55433
|
+
break;
|
|
55434
|
+
case "33-33-33":
|
|
55435
|
+
flexBasis = `calc(33.33% - ${gap * 2 / 3}px)`;
|
|
55436
|
+
marginRight = index < 2 ? `${gap}px` : "0";
|
|
55437
|
+
break;
|
|
55438
|
+
case "25-50-25":
|
|
55439
|
+
if (index === 0 || index === 2) {
|
|
55440
|
+
flexBasis = `calc(25% - ${gap * 2 / 3}px)`;
|
|
55441
|
+
} else {
|
|
55442
|
+
flexBasis = `calc(50% - ${gap * 2 / 3}px)`;
|
|
55443
|
+
}
|
|
55444
|
+
marginRight = index < 2 ? `${gap}px` : "0";
|
|
55445
|
+
break;
|
|
55446
|
+
default:
|
|
55447
|
+
flexBasis = "100%";
|
|
55448
|
+
}
|
|
55449
|
+
return {
|
|
55450
|
+
flexBasis,
|
|
55451
|
+
marginRight,
|
|
55452
|
+
marginBottom: `${this.configData.columnGap || this.defaultConfig.columnGap}px`
|
|
55453
|
+
};
|
|
55454
|
+
},
|
|
55455
|
+
// 折叠/展开文本
|
|
55456
|
+
foldMessText() {
|
|
55457
|
+
this.messFold = !this.messFold;
|
|
55458
|
+
},
|
|
55459
|
+
// 处理跳转链接
|
|
55460
|
+
decodeJumpUrl(url) {
|
|
55461
|
+
if (!url) return;
|
|
55462
|
+
top.location.href = url;
|
|
55463
|
+
}
|
|
55464
|
+
}
|
|
55465
|
+
});
|
|
55466
|
+
;// ./package/cms-column/View.vue?vue&type=script&lang=js
|
|
55467
|
+
/* harmony default export */ var cms_column_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
55468
|
+
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.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-column/View.vue?vue&type=style&index=0&id=67ae24ec&prod&lang=scss&scoped=true
|
|
55469
|
+
// extracted by mini-css-extract-plugin
|
|
55470
|
+
|
|
55471
|
+
;// ./package/cms-column/View.vue?vue&type=style&index=0&id=67ae24ec&prod&lang=scss&scoped=true
|
|
55472
|
+
|
|
55473
|
+
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
55474
|
+
var componentNormalizer = __webpack_require__(1656);
|
|
55475
|
+
;// ./package/cms-column/View.vue
|
|
55476
|
+
|
|
55477
|
+
|
|
55478
|
+
|
|
55479
|
+
;
|
|
55480
|
+
|
|
55481
|
+
|
|
55482
|
+
/* normalize component */
|
|
55483
|
+
|
|
55484
|
+
var component = (0,componentNormalizer/* default */.A)(
|
|
55485
|
+
cms_column_Viewvue_type_script_lang_js,
|
|
55486
|
+
render,
|
|
55487
|
+
staticRenderFns,
|
|
55488
|
+
false,
|
|
55489
|
+
null,
|
|
55490
|
+
"67ae24ec",
|
|
55491
|
+
null
|
|
55492
|
+
|
|
55493
|
+
)
|
|
55494
|
+
|
|
55495
|
+
/* harmony default export */ var View = (component.exports);
|
|
55496
|
+
|
|
55394
55497
|
/***/ }),
|
|
55395
55498
|
|
|
55396
55499
|
/***/ 9928:
|