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.umd.js
CHANGED
|
@@ -272,7 +272,7 @@ var swiper = __webpack_require__(828);
|
|
|
272
272
|
// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
|
|
273
273
|
var swiper_esm_bundle = __webpack_require__(1532);
|
|
274
274
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
275
|
-
var baseComp = __webpack_require__(
|
|
275
|
+
var baseComp = __webpack_require__(7843);
|
|
276
276
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-aLineThreeLeftTwo/View.vue?vue&type=script&lang=js
|
|
277
277
|
|
|
278
278
|
|
|
@@ -529,7 +529,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
529
529
|
|
|
530
530
|
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 5713));
|
|
531
531
|
const langData = {
|
|
532
|
-
input1: ""
|
|
532
|
+
input1: "请输入富文本内容"
|
|
533
533
|
};
|
|
534
534
|
const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataType)(langData, {
|
|
535
535
|
input1: {
|
|
@@ -606,7 +606,7 @@ var es_iterator_constructor = __webpack_require__(8111);
|
|
|
606
606
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.reduce.js
|
|
607
607
|
var es_iterator_reduce = __webpack_require__(8237);
|
|
608
608
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
609
|
-
var baseComp = __webpack_require__(
|
|
609
|
+
var baseComp = __webpack_require__(7843);
|
|
610
610
|
// EXTERNAL MODULE: ./package/patch.js
|
|
611
611
|
var patch = __webpack_require__(4229);
|
|
612
612
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-servePlan-tab/View.vue?vue&type=script&lang=js
|
|
@@ -10129,7 +10129,7 @@ var render = function render() {
|
|
|
10129
10129
|
var staticRenderFns = [];
|
|
10130
10130
|
|
|
10131
10131
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
10132
|
-
var baseComp = __webpack_require__(
|
|
10132
|
+
var baseComp = __webpack_require__(7843);
|
|
10133
10133
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-cells/View.vue?vue&type=script&lang=js
|
|
10134
10134
|
|
|
10135
10135
|
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
@@ -10614,7 +10614,7 @@ var es_iterator_constructor = __webpack_require__(8111);
|
|
|
10614
10614
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
|
|
10615
10615
|
var es_iterator_for_each = __webpack_require__(7588);
|
|
10616
10616
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
10617
|
-
var baseComp = __webpack_require__(
|
|
10617
|
+
var baseComp = __webpack_require__(7843);
|
|
10618
10618
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-button/View.vue?vue&type=script&lang=js
|
|
10619
10619
|
|
|
10620
10620
|
|
|
@@ -10991,7 +10991,7 @@ var render = function render() {
|
|
|
10991
10991
|
var staticRenderFns = [];
|
|
10992
10992
|
|
|
10993
10993
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
10994
|
-
var baseComp = __webpack_require__(
|
|
10994
|
+
var baseComp = __webpack_require__(7843);
|
|
10995
10995
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineTwo/View.vue?vue&type=script&lang=js
|
|
10996
10996
|
|
|
10997
10997
|
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
@@ -11151,7 +11151,7 @@ var swiper = __webpack_require__(828);
|
|
|
11151
11151
|
// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
|
|
11152
11152
|
var swiper_esm_bundle = __webpack_require__(1532);
|
|
11153
11153
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
11154
|
-
var baseComp = __webpack_require__(
|
|
11154
|
+
var baseComp = __webpack_require__(7843);
|
|
11155
11155
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-imgFour/View.vue?vue&type=script&lang=js
|
|
11156
11156
|
|
|
11157
11157
|
|
|
@@ -19677,8 +19677,8 @@ module.exports = uncurryThis({}.isPrototypeOf);
|
|
|
19677
19677
|
|
|
19678
19678
|
var map = {
|
|
19679
19679
|
"./": 6959,
|
|
19680
|
-
"./baseComp":
|
|
19681
|
-
"./baseComp.vue":
|
|
19680
|
+
"./baseComp": 7843,
|
|
19681
|
+
"./baseComp.vue": 7843,
|
|
19682
19682
|
"./baseConfig": 2128,
|
|
19683
19683
|
"./baseConfig.js": 2128,
|
|
19684
19684
|
"./cms-aLineThreeLeftOne": 918,
|
|
@@ -19728,13 +19728,13 @@ var map = {
|
|
|
19728
19728
|
"./cms-column": 3154,
|
|
19729
19729
|
"./cms-column-card": 3583,
|
|
19730
19730
|
"./cms-column-card/": 3583,
|
|
19731
|
-
"./cms-column-card/View":
|
|
19732
|
-
"./cms-column-card/View.vue":
|
|
19731
|
+
"./cms-column-card/View": 3894,
|
|
19732
|
+
"./cms-column-card/View.vue": 3894,
|
|
19733
19733
|
"./cms-column-card/index": 3583,
|
|
19734
19734
|
"./cms-column-card/index.js": 3583,
|
|
19735
19735
|
"./cms-column/": 3154,
|
|
19736
|
-
"./cms-column/View":
|
|
19737
|
-
"./cms-column/View.vue":
|
|
19736
|
+
"./cms-column/View": 8970,
|
|
19737
|
+
"./cms-column/View.vue": 8970,
|
|
19738
19738
|
"./cms-column/index": 3154,
|
|
19739
19739
|
"./cms-column/index.js": 3154,
|
|
19740
19740
|
"./cms-description": 98,
|
|
@@ -19841,8 +19841,8 @@ var map = {
|
|
|
19841
19841
|
"./cms-termsAndConditions/index.js": 8806,
|
|
19842
19842
|
"./cms-text": 4759,
|
|
19843
19843
|
"./cms-text/": 4759,
|
|
19844
|
-
"./cms-text/View":
|
|
19845
|
-
"./cms-text/View.vue":
|
|
19844
|
+
"./cms-text/View": 7326,
|
|
19845
|
+
"./cms-text/View.vue": 7326,
|
|
19846
19846
|
"./cms-text/index": 4759,
|
|
19847
19847
|
"./cms-text/index.js": 4759,
|
|
19848
19848
|
"./cms-threeScroll": 1661,
|
|
@@ -20226,7 +20226,7 @@ var staticRenderFns = [];
|
|
|
20226
20226
|
;// ./package/cms-prodCustomization/View.vue?vue&type=template&id=61a0a18c&scoped=true
|
|
20227
20227
|
|
|
20228
20228
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
20229
|
-
var baseComp = __webpack_require__(
|
|
20229
|
+
var baseComp = __webpack_require__(7843);
|
|
20230
20230
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-prodCustomization/View.vue?vue&type=script&lang=js
|
|
20231
20231
|
|
|
20232
20232
|
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
@@ -20435,7 +20435,7 @@ var render = function render() {
|
|
|
20435
20435
|
var staticRenderFns = [];
|
|
20436
20436
|
|
|
20437
20437
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
20438
|
-
var baseComp = __webpack_require__(
|
|
20438
|
+
var baseComp = __webpack_require__(7843);
|
|
20439
20439
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineFive/View.vue?vue&type=script&lang=js
|
|
20440
20440
|
|
|
20441
20441
|
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
@@ -20898,420 +20898,6 @@ const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSc
|
|
|
20898
20898
|
|
|
20899
20899
|
/***/ }),
|
|
20900
20900
|
|
|
20901
|
-
/***/ 1857:
|
|
20902
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
20903
|
-
|
|
20904
|
-
"use strict";
|
|
20905
|
-
// ESM COMPAT FLAG
|
|
20906
|
-
__webpack_require__.r(__webpack_exports__);
|
|
20907
|
-
|
|
20908
|
-
// EXPORTS
|
|
20909
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
20910
|
-
"default": function() { return /* binding */ View; }
|
|
20911
|
-
});
|
|
20912
|
-
|
|
20913
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-text/View.vue?vue&type=template&id=2b086daf&scoped=true
|
|
20914
|
-
var render = function render() {
|
|
20915
|
-
var _vm = this,
|
|
20916
|
-
_c = _vm._self._c;
|
|
20917
|
-
return _c('BaseComp', _vm._b({
|
|
20918
|
-
attrs: {
|
|
20919
|
-
"data": _vm.data,
|
|
20920
|
-
"nowCompId": _vm.nowCompId,
|
|
20921
|
-
"isOpcacity": _vm.isOpcacity,
|
|
20922
|
-
"lang": _vm.lang
|
|
20923
|
-
},
|
|
20924
|
-
on: {
|
|
20925
|
-
"getConfigData": _vm.getConfigData
|
|
20926
|
-
}
|
|
20927
|
-
}, 'BaseComp', _vm.$attrs, false), [_c('section', {
|
|
20928
|
-
staticClass: "cms-text-container",
|
|
20929
|
-
class: [`align-${_vm.configData.textAlign || 'left'}`, _vm.configData.customClass || '', {
|
|
20930
|
-
'has-link': _vm.configData.linkUrl,
|
|
20931
|
-
'hover-effect': _vm.configData.hoverEffect && _vm.configData.linkUrl
|
|
20932
|
-
}],
|
|
20933
|
-
style: _vm.containerStyle,
|
|
20934
|
-
attrs: {
|
|
20935
|
-
"aria-label": _vm.configData.ariaLabel,
|
|
20936
|
-
"tabindex": _vm.configData.tabIndex,
|
|
20937
|
-
"role": _vm.configData.role,
|
|
20938
|
-
"title": _vm.configData.seoTitle || _vm.configData.seoDescription
|
|
20939
|
-
},
|
|
20940
|
-
on: {
|
|
20941
|
-
"click": _vm.handleClick
|
|
20942
|
-
}
|
|
20943
|
-
}, [_c('div', {
|
|
20944
|
-
staticClass: "text-content",
|
|
20945
|
-
style: _vm.textStyle
|
|
20946
|
-
}, _vm._l(_vm.textLines, function (line, index) {
|
|
20947
|
-
return _c('p', {
|
|
20948
|
-
key: index,
|
|
20949
|
-
staticClass: "text-line",
|
|
20950
|
-
style: _vm.lineStyle
|
|
20951
|
-
}, [_vm._v(" " + _vm._s(line) + " ")]);
|
|
20952
|
-
}), 0), _vm.configData.linkUrl && _vm.configData.showLinkIcon ? _c('div', {
|
|
20953
|
-
staticClass: "link-indicator"
|
|
20954
|
-
}, [_c('i', {
|
|
20955
|
-
staticClass: "el-icon-link"
|
|
20956
|
-
})]) : _vm._e()])]);
|
|
20957
|
-
};
|
|
20958
|
-
var staticRenderFns = [];
|
|
20959
|
-
|
|
20960
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
|
|
20961
|
-
var es_iterator_constructor = __webpack_require__(8111);
|
|
20962
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.filter.js
|
|
20963
|
-
var es_iterator_filter = __webpack_require__(2489);
|
|
20964
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
|
|
20965
|
-
var es_iterator_for_each = __webpack_require__(7588);
|
|
20966
|
-
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
20967
|
-
var baseComp = __webpack_require__(8519);
|
|
20968
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-text/View.vue?vue&type=script&lang=js
|
|
20969
|
-
|
|
20970
|
-
|
|
20971
|
-
|
|
20972
|
-
|
|
20973
|
-
|
|
20974
|
-
|
|
20975
|
-
|
|
20976
|
-
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
20977
|
-
name: "cms-text",
|
|
20978
|
-
components: {
|
|
20979
|
-
BaseComp: baseComp["default"]
|
|
20980
|
-
},
|
|
20981
|
-
props: {
|
|
20982
|
-
data: {
|
|
20983
|
-
type: Object,
|
|
20984
|
-
default: () => {
|
|
20985
|
-
return {};
|
|
20986
|
-
}
|
|
20987
|
-
},
|
|
20988
|
-
nowCompId: {
|
|
20989
|
-
type: [String, Number],
|
|
20990
|
-
default: ""
|
|
20991
|
-
},
|
|
20992
|
-
isOpcacity: {
|
|
20993
|
-
type: Boolean,
|
|
20994
|
-
default: true
|
|
20995
|
-
},
|
|
20996
|
-
lang: {
|
|
20997
|
-
type: String,
|
|
20998
|
-
default: "zh-HK"
|
|
20999
|
-
}
|
|
21000
|
-
},
|
|
21001
|
-
data() {
|
|
21002
|
-
return {
|
|
21003
|
-
configData: {},
|
|
21004
|
-
// 默认配置数据
|
|
21005
|
-
defaultConfig: {
|
|
21006
|
-
// 内容编辑
|
|
21007
|
-
textContent: "请输入文本内容",
|
|
21008
|
-
enableLineBreak: true,
|
|
21009
|
-
// 排版控制
|
|
21010
|
-
textAlign: "left",
|
|
21011
|
-
fontSize: 16,
|
|
21012
|
-
lineHeight: 1.5,
|
|
21013
|
-
letterSpacing: 0,
|
|
21014
|
-
// 样式美化
|
|
21015
|
-
fontColor: "#333333",
|
|
21016
|
-
fontWeight: "normal",
|
|
21017
|
-
fontStyle: "normal",
|
|
21018
|
-
textDecoration: "none",
|
|
21019
|
-
fontFamily: "inherit",
|
|
21020
|
-
// 布局设置
|
|
21021
|
-
paddingTop: 16,
|
|
21022
|
-
paddingBottom: 16,
|
|
21023
|
-
paddingLeft: 16,
|
|
21024
|
-
paddingRight: 16,
|
|
21025
|
-
marginTop: 0,
|
|
21026
|
-
marginBottom: 0,
|
|
21027
|
-
marginLeft: 0,
|
|
21028
|
-
marginRight: 0,
|
|
21029
|
-
backgroundColor: "",
|
|
21030
|
-
// 视觉效果
|
|
21031
|
-
borderWidth: 0,
|
|
21032
|
-
borderStyle: "solid",
|
|
21033
|
-
borderColor: "#dcdfe6",
|
|
21034
|
-
borderRadius: 0,
|
|
21035
|
-
boxShadow: "",
|
|
21036
|
-
// 交互功能
|
|
21037
|
-
linkUrl: "",
|
|
21038
|
-
linkTarget: "_self",
|
|
21039
|
-
showLinkIcon: false,
|
|
21040
|
-
hoverEffect: false,
|
|
21041
|
-
// 高级配置
|
|
21042
|
-
customClass: "",
|
|
21043
|
-
customStyle: "",
|
|
21044
|
-
enableAnimation: false,
|
|
21045
|
-
animationType: "fadeIn",
|
|
21046
|
-
animationDuration: 300,
|
|
21047
|
-
// 可访问性配置
|
|
21048
|
-
ariaLabel: "",
|
|
21049
|
-
tabIndex: 0,
|
|
21050
|
-
role: "",
|
|
21051
|
-
// SEO配置
|
|
21052
|
-
seoTitle: "",
|
|
21053
|
-
seoDescription: "",
|
|
21054
|
-
// 响应式配置
|
|
21055
|
-
mobileTextAlign: "",
|
|
21056
|
-
mobileFontSize: 0,
|
|
21057
|
-
tabletFontSize: 0
|
|
21058
|
-
}
|
|
21059
|
-
};
|
|
21060
|
-
},
|
|
21061
|
-
mounted() {
|
|
21062
|
-
this.initConfigData();
|
|
21063
|
-
this.setCSSVariables();
|
|
21064
|
-
},
|
|
21065
|
-
watch: {
|
|
21066
|
-
configData: {
|
|
21067
|
-
handler() {
|
|
21068
|
-
this.updateStyles();
|
|
21069
|
-
},
|
|
21070
|
-
deep: true
|
|
21071
|
-
}
|
|
21072
|
-
},
|
|
21073
|
-
computed: {
|
|
21074
|
-
// 文本行数组(支持换行)
|
|
21075
|
-
textLines() {
|
|
21076
|
-
if (!this.configData.textContent) return [];
|
|
21077
|
-
if (!this.configData.enableLineBreak) {
|
|
21078
|
-
return [this.configData.textContent];
|
|
21079
|
-
}
|
|
21080
|
-
return this.configData.textContent.split("\n").filter(line => line.trim() !== "");
|
|
21081
|
-
},
|
|
21082
|
-
// 容器样式
|
|
21083
|
-
containerStyle() {
|
|
21084
|
-
const config = {
|
|
21085
|
-
...this.defaultConfig,
|
|
21086
|
-
...this.configData
|
|
21087
|
-
};
|
|
21088
|
-
return {
|
|
21089
|
-
padding: `${config.paddingTop}px ${config.paddingRight}px ${config.paddingBottom}px ${config.paddingLeft}px`,
|
|
21090
|
-
margin: `${config.marginTop}px ${config.marginRight}px ${config.marginBottom}px ${config.marginLeft}px`,
|
|
21091
|
-
backgroundColor: config.backgroundColor || "transparent",
|
|
21092
|
-
border: config.borderWidth ? `${config.borderWidth}px ${config.borderStyle} ${config.borderColor}` : "none",
|
|
21093
|
-
borderRadius: `${config.borderRadius}px`,
|
|
21094
|
-
boxShadow: config.boxShadow || "none",
|
|
21095
|
-
cursor: config.linkUrl ? "pointer" : "default",
|
|
21096
|
-
transition: config.hoverEffect ? "all 0.3s ease" : "none",
|
|
21097
|
-
animation: config.enableAnimation ? this.getAnimationStyle() : "none",
|
|
21098
|
-
...this.parseCustomStyle(config.customStyle)
|
|
21099
|
-
};
|
|
21100
|
-
},
|
|
21101
|
-
// 文本样式
|
|
21102
|
-
textStyle() {
|
|
21103
|
-
const config = {
|
|
21104
|
-
...this.defaultConfig,
|
|
21105
|
-
...this.configData
|
|
21106
|
-
};
|
|
21107
|
-
return {
|
|
21108
|
-
color: config.fontColor,
|
|
21109
|
-
fontSize: `${config.fontSize}px`,
|
|
21110
|
-
fontWeight: config.fontWeight,
|
|
21111
|
-
fontStyle: config.fontStyle,
|
|
21112
|
-
textDecoration: config.textDecoration,
|
|
21113
|
-
fontFamily: config.fontFamily,
|
|
21114
|
-
lineHeight: config.lineHeight,
|
|
21115
|
-
letterSpacing: `${config.letterSpacing}px`,
|
|
21116
|
-
textAlign: config.textAlign,
|
|
21117
|
-
wordBreak: "break-word",
|
|
21118
|
-
wordWrap: "break-word",
|
|
21119
|
-
cursor: config.linkUrl ? "pointer" : "default"
|
|
21120
|
-
};
|
|
21121
|
-
},
|
|
21122
|
-
// 行样式
|
|
21123
|
-
lineStyle() {
|
|
21124
|
-
return {
|
|
21125
|
-
margin: "0",
|
|
21126
|
-
padding: "0"
|
|
21127
|
-
};
|
|
21128
|
-
}
|
|
21129
|
-
},
|
|
21130
|
-
methods: {
|
|
21131
|
-
// 初始化配置数据
|
|
21132
|
-
initConfigData() {
|
|
21133
|
-
this.configData = {
|
|
21134
|
-
...this.defaultConfig,
|
|
21135
|
-
...this.configData
|
|
21136
|
-
};
|
|
21137
|
-
},
|
|
21138
|
-
// 获取配置数据
|
|
21139
|
-
getConfigData(configData) {
|
|
21140
|
-
this.configData = {
|
|
21141
|
-
...this.defaultConfig,
|
|
21142
|
-
...configData
|
|
21143
|
-
};
|
|
21144
|
-
this.updateStyles();
|
|
21145
|
-
},
|
|
21146
|
-
// 更新样式
|
|
21147
|
-
updateStyles() {
|
|
21148
|
-
this.$nextTick(() => {
|
|
21149
|
-
this.setCSSVariables();
|
|
21150
|
-
this.$forceUpdate();
|
|
21151
|
-
});
|
|
21152
|
-
},
|
|
21153
|
-
// 设置CSS变量
|
|
21154
|
-
setCSSVariables() {
|
|
21155
|
-
if (!this.$el) return;
|
|
21156
|
-
const config = {
|
|
21157
|
-
...this.defaultConfig,
|
|
21158
|
-
...this.configData
|
|
21159
|
-
};
|
|
21160
|
-
|
|
21161
|
-
// 设置响应式字体大小
|
|
21162
|
-
if (config.mobileFontSize > 0) {
|
|
21163
|
-
this.$el.style.setProperty("--mobile-font-size", `${config.mobileFontSize}px`);
|
|
21164
|
-
}
|
|
21165
|
-
if (config.tabletFontSize > 0) {
|
|
21166
|
-
this.$el.style.setProperty("--tablet-font-size", `${config.tabletFontSize}px`);
|
|
21167
|
-
}
|
|
21168
|
-
|
|
21169
|
-
// 设置移动端文本对齐
|
|
21170
|
-
if (config.mobileTextAlign) {
|
|
21171
|
-
this.$el.style.setProperty("--mobile-text-align", config.mobileTextAlign);
|
|
21172
|
-
}
|
|
21173
|
-
},
|
|
21174
|
-
// 处理点击事件
|
|
21175
|
-
handleClick() {
|
|
21176
|
-
if (this.configData.linkUrl) {
|
|
21177
|
-
const target = this.configData.linkTarget || "_self";
|
|
21178
|
-
if (target === "_blank") {
|
|
21179
|
-
window.open(this.configData.linkUrl, "_blank");
|
|
21180
|
-
} else {
|
|
21181
|
-
window.location.href = this.configData.linkUrl;
|
|
21182
|
-
}
|
|
21183
|
-
}
|
|
21184
|
-
},
|
|
21185
|
-
// 获取动画样式
|
|
21186
|
-
getAnimationStyle() {
|
|
21187
|
-
const animationType = this.configData.animationType || this.defaultConfig.animationType;
|
|
21188
|
-
const duration = this.configData.animationDuration || this.defaultConfig.animationDuration;
|
|
21189
|
-
if (!this.configData.enableAnimation || animationType === "none") return "";
|
|
21190
|
-
return `${animationType} ${duration}ms ease-in-out`;
|
|
21191
|
-
},
|
|
21192
|
-
// 解析自定义样式
|
|
21193
|
-
parseCustomStyle(customStyle) {
|
|
21194
|
-
if (!customStyle) return {};
|
|
21195
|
-
try {
|
|
21196
|
-
// 简单的CSS样式解析
|
|
21197
|
-
const styles = {};
|
|
21198
|
-
const declarations = customStyle.split(";");
|
|
21199
|
-
declarations.forEach(declaration => {
|
|
21200
|
-
const [property, value] = declaration.split(":");
|
|
21201
|
-
if (property && value) {
|
|
21202
|
-
const camelCaseProperty = property.trim().replace(/-([a-z])/g, g => g[1].toUpperCase());
|
|
21203
|
-
styles[camelCaseProperty] = value.trim();
|
|
21204
|
-
}
|
|
21205
|
-
});
|
|
21206
|
-
return styles;
|
|
21207
|
-
} catch (error) {
|
|
21208
|
-
console.warn("解析自定义样式失败:", error);
|
|
21209
|
-
return {};
|
|
21210
|
-
}
|
|
21211
|
-
},
|
|
21212
|
-
// 文本内容验证
|
|
21213
|
-
validateTextContent() {
|
|
21214
|
-
const content = this.configData.textContent;
|
|
21215
|
-
if (!content || content.trim() === "") {
|
|
21216
|
-
console.warn("文本内容为空");
|
|
21217
|
-
return false;
|
|
21218
|
-
}
|
|
21219
|
-
return true;
|
|
21220
|
-
},
|
|
21221
|
-
// 获取纯文本内容
|
|
21222
|
-
getPlainTextContent() {
|
|
21223
|
-
return this.configData.textContent || "";
|
|
21224
|
-
},
|
|
21225
|
-
// 获取文本长度
|
|
21226
|
-
getTextLength() {
|
|
21227
|
-
return this.getPlainTextContent().length;
|
|
21228
|
-
},
|
|
21229
|
-
// 复制文本内容到剪贴板
|
|
21230
|
-
copyTextToClipboard() {
|
|
21231
|
-
const text = this.getPlainTextContent();
|
|
21232
|
-
if (navigator.clipboard && window.isSecureContext) {
|
|
21233
|
-
navigator.clipboard.writeText(text).then(() => {
|
|
21234
|
-
var _this$$message;
|
|
21235
|
-
(_this$$message = this.$message) === null || _this$$message === void 0 ? void 0 : _this$$message.success("文本已复制到剪贴板");
|
|
21236
|
-
}).catch(err => {
|
|
21237
|
-
console.error("复制失败:", err);
|
|
21238
|
-
});
|
|
21239
|
-
} else {
|
|
21240
|
-
// 降级方案
|
|
21241
|
-
const textArea = document.createElement("textarea");
|
|
21242
|
-
textArea.value = text;
|
|
21243
|
-
document.body.appendChild(textArea);
|
|
21244
|
-
textArea.select();
|
|
21245
|
-
try {
|
|
21246
|
-
var _this$$message2;
|
|
21247
|
-
document.execCommand("copy");
|
|
21248
|
-
(_this$$message2 = this.$message) === null || _this$$message2 === void 0 ? void 0 : _this$$message2.success("文本已复制到剪贴板");
|
|
21249
|
-
} catch (err) {
|
|
21250
|
-
console.error("复制失败:", err);
|
|
21251
|
-
}
|
|
21252
|
-
document.body.removeChild(textArea);
|
|
21253
|
-
}
|
|
21254
|
-
},
|
|
21255
|
-
// 文本搜索高亮
|
|
21256
|
-
highlightText(searchTerm) {
|
|
21257
|
-
if (!searchTerm) return;
|
|
21258
|
-
const content = this.getPlainTextContent();
|
|
21259
|
-
const regex = new RegExp(`(${searchTerm})`, "gi");
|
|
21260
|
-
const highlightedContent = content.replace(regex, "<mark>$1</mark>");
|
|
21261
|
-
|
|
21262
|
-
// 这里可以根据需要实现高亮显示逻辑
|
|
21263
|
-
console.log("高亮内容:", highlightedContent);
|
|
21264
|
-
},
|
|
21265
|
-
// 文本统计信息
|
|
21266
|
-
getTextStats() {
|
|
21267
|
-
const text = this.getPlainTextContent();
|
|
21268
|
-
const words = text.split(/\s+/).filter(word => word.length > 0);
|
|
21269
|
-
const lines = text.split("\n").length;
|
|
21270
|
-
const characters = text.length;
|
|
21271
|
-
const charactersNoSpaces = text.replace(/\s/g, "").length;
|
|
21272
|
-
return {
|
|
21273
|
-
characters,
|
|
21274
|
-
charactersNoSpaces,
|
|
21275
|
-
words: words.length,
|
|
21276
|
-
lines,
|
|
21277
|
-
paragraphs: text.split(/\n\s*\n/).filter(p => p.trim().length > 0).length
|
|
21278
|
-
};
|
|
21279
|
-
}
|
|
21280
|
-
}
|
|
21281
|
-
});
|
|
21282
|
-
;// ./package/cms-text/View.vue?vue&type=script&lang=js
|
|
21283
|
-
/* harmony default export */ var cms_text_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
21284
|
-
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-text/View.vue?vue&type=style&index=0&id=2b086daf&prod&lang=scss&scoped=true
|
|
21285
|
-
// extracted by mini-css-extract-plugin
|
|
21286
|
-
|
|
21287
|
-
;// ./package/cms-text/View.vue?vue&type=style&index=0&id=2b086daf&prod&lang=scss&scoped=true
|
|
21288
|
-
|
|
21289
|
-
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
21290
|
-
var componentNormalizer = __webpack_require__(1656);
|
|
21291
|
-
;// ./package/cms-text/View.vue
|
|
21292
|
-
|
|
21293
|
-
|
|
21294
|
-
|
|
21295
|
-
;
|
|
21296
|
-
|
|
21297
|
-
|
|
21298
|
-
/* normalize component */
|
|
21299
|
-
|
|
21300
|
-
var component = (0,componentNormalizer/* default */.A)(
|
|
21301
|
-
cms_text_Viewvue_type_script_lang_js,
|
|
21302
|
-
render,
|
|
21303
|
-
staticRenderFns,
|
|
21304
|
-
false,
|
|
21305
|
-
null,
|
|
21306
|
-
"2b086daf",
|
|
21307
|
-
null
|
|
21308
|
-
|
|
21309
|
-
)
|
|
21310
|
-
|
|
21311
|
-
/* harmony default export */ var View = (component.exports);
|
|
21312
|
-
|
|
21313
|
-
/***/ }),
|
|
21314
|
-
|
|
21315
20901
|
/***/ 1944:
|
|
21316
20902
|
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
21317
20903
|
|
|
@@ -21446,381 +21032,6 @@ var component = (0,componentNormalizer/* default */.A)(
|
|
|
21446
21032
|
|
|
21447
21033
|
/***/ }),
|
|
21448
21034
|
|
|
21449
|
-
/***/ 2036:
|
|
21450
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
21451
|
-
|
|
21452
|
-
"use strict";
|
|
21453
|
-
// ESM COMPAT FLAG
|
|
21454
|
-
__webpack_require__.r(__webpack_exports__);
|
|
21455
|
-
|
|
21456
|
-
// EXPORTS
|
|
21457
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
21458
|
-
"default": function() { return /* binding */ View; }
|
|
21459
|
-
});
|
|
21460
|
-
|
|
21461
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
|
|
21462
|
-
var es_iterator_constructor = __webpack_require__(8111);
|
|
21463
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.drop.js
|
|
21464
|
-
var es_iterator_drop = __webpack_require__(9314);
|
|
21465
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=template&id=1955cfa4&scoped=true
|
|
21466
|
-
|
|
21467
|
-
|
|
21468
|
-
|
|
21469
|
-
|
|
21470
|
-
var render = function render() {
|
|
21471
|
-
var _vm = this,
|
|
21472
|
-
_c = _vm._self._c;
|
|
21473
|
-
return _c('BaseComp', _vm._b({
|
|
21474
|
-
attrs: {
|
|
21475
|
-
"data": _vm.data,
|
|
21476
|
-
"nowCompId": _vm.nowCompId,
|
|
21477
|
-
"isOpcacity": _vm.isOpcacity,
|
|
21478
|
-
"isMask": false,
|
|
21479
|
-
"lang": _vm.lang,
|
|
21480
|
-
"showDel": false
|
|
21481
|
-
},
|
|
21482
|
-
on: {
|
|
21483
|
-
"getConfigData": _vm.getConfigData
|
|
21484
|
-
}
|
|
21485
|
-
}, 'BaseComp', _vm.$attrs, false), [_vm.$EventBus && _vm.isOpcacity ? _c('div', {
|
|
21486
|
-
staticClass: "main_drag",
|
|
21487
|
-
style: _vm.cardContainerStyle,
|
|
21488
|
-
attrs: {
|
|
21489
|
-
"id": `cardTarget${_vm.data.componentId}`
|
|
21490
|
-
},
|
|
21491
|
-
on: {
|
|
21492
|
-
"dragover": _vm.dragover,
|
|
21493
|
-
"drop": _vm.drop
|
|
21494
|
-
}
|
|
21495
|
-
}, [_c('Draggable', {
|
|
21496
|
-
attrs: {
|
|
21497
|
-
"chosen-class": "chosen",
|
|
21498
|
-
"force-fallback": "true",
|
|
21499
|
-
"animation": "1000",
|
|
21500
|
-
"move": _vm.onMove
|
|
21501
|
-
},
|
|
21502
|
-
on: {
|
|
21503
|
-
"start": _vm.onStart,
|
|
21504
|
-
"end": function ($event) {
|
|
21505
|
-
_vm.showAddCom = false;
|
|
21506
|
-
}
|
|
21507
|
-
},
|
|
21508
|
-
model: {
|
|
21509
|
-
value: _vm.data.childList,
|
|
21510
|
-
callback: function ($$v) {
|
|
21511
|
-
_vm.$set(_vm.data, "childList", $$v);
|
|
21512
|
-
},
|
|
21513
|
-
expression: "data.childList"
|
|
21514
|
-
}
|
|
21515
|
-
}, _vm._l(_vm.data.childList, function (item, index) {
|
|
21516
|
-
return _c('div', {
|
|
21517
|
-
key: item.componentId,
|
|
21518
|
-
staticStyle: {
|
|
21519
|
-
"position": "relative"
|
|
21520
|
-
}
|
|
21521
|
-
}, [_c('div', {
|
|
21522
|
-
directives: [{
|
|
21523
|
-
name: "show",
|
|
21524
|
-
rawName: "v-show",
|
|
21525
|
-
value: _vm.showAddCom,
|
|
21526
|
-
expression: "showAddCom"
|
|
21527
|
-
}],
|
|
21528
|
-
staticClass: "up_insert",
|
|
21529
|
-
attrs: {
|
|
21530
|
-
"id": `${item.componentId}-cardTargetup`
|
|
21531
|
-
}
|
|
21532
|
-
}, [_c('i', {
|
|
21533
|
-
staticClass: "icon-up",
|
|
21534
|
-
attrs: {
|
|
21535
|
-
"id": `${item.componentId}-upi`
|
|
21536
|
-
}
|
|
21537
|
-
}), _c('span', {
|
|
21538
|
-
attrs: {
|
|
21539
|
-
"id": `${item.componentId}-upspan`
|
|
21540
|
-
}
|
|
21541
|
-
}, [_vm._v("上方插入")])]), _c(item.cmsCompName, {
|
|
21542
|
-
key: item.componentId,
|
|
21543
|
-
tag: "component",
|
|
21544
|
-
style: {
|
|
21545
|
-
marginTop: _vm.showAddCom && index == 0 ? '20px' : '0px'
|
|
21546
|
-
},
|
|
21547
|
-
attrs: {
|
|
21548
|
-
"data": item,
|
|
21549
|
-
"lang": _vm.lang,
|
|
21550
|
-
"nowCompId": _vm.nowCompId
|
|
21551
|
-
}
|
|
21552
|
-
})], 1);
|
|
21553
|
-
}), 0)], 1) : _c('cms-view', _vm._b({
|
|
21554
|
-
style: _vm.cardContainerStyle,
|
|
21555
|
-
attrs: {
|
|
21556
|
-
"data": _vm.data.childList,
|
|
21557
|
-
"lang": _vm.lang,
|
|
21558
|
-
"isOpcacity": false
|
|
21559
|
-
}
|
|
21560
|
-
}, 'cms-view', _vm.$attrs, false))], 1);
|
|
21561
|
-
};
|
|
21562
|
-
var staticRenderFns = [];
|
|
21563
|
-
|
|
21564
|
-
;// ./package/cms-column-card/View.vue?vue&type=template&id=1955cfa4&scoped=true
|
|
21565
|
-
|
|
21566
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
|
|
21567
|
-
var es_array_push = __webpack_require__(4114);
|
|
21568
|
-
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
21569
|
-
var baseComp = __webpack_require__(8519);
|
|
21570
|
-
// EXTERNAL MODULE: ./node_modules/vuedraggable/dist/vuedraggable.umd.js
|
|
21571
|
-
var vuedraggable_umd = __webpack_require__(9014);
|
|
21572
|
-
var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_umd);
|
|
21573
|
-
// EXTERNAL MODULE: ./package/baseConfig.js
|
|
21574
|
-
var baseConfig = __webpack_require__(2128);
|
|
21575
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=script&lang=js
|
|
21576
|
-
|
|
21577
|
-
|
|
21578
|
-
|
|
21579
|
-
|
|
21580
|
-
|
|
21581
|
-
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
21582
|
-
name: "cms-column-card",
|
|
21583
|
-
components: {
|
|
21584
|
-
BaseComp: baseComp["default"],
|
|
21585
|
-
Draggable: (vuedraggable_umd_default())
|
|
21586
|
-
},
|
|
21587
|
-
props: {
|
|
21588
|
-
data: {
|
|
21589
|
-
type: Object,
|
|
21590
|
-
default: () => {
|
|
21591
|
-
return {};
|
|
21592
|
-
}
|
|
21593
|
-
},
|
|
21594
|
-
nowCompId: {
|
|
21595
|
-
type: [String, Number],
|
|
21596
|
-
default: ""
|
|
21597
|
-
},
|
|
21598
|
-
isOpcacity: {
|
|
21599
|
-
type: Boolean,
|
|
21600
|
-
default: true
|
|
21601
|
-
},
|
|
21602
|
-
lang: {
|
|
21603
|
-
type: String,
|
|
21604
|
-
default: "zh-HK"
|
|
21605
|
-
}
|
|
21606
|
-
},
|
|
21607
|
-
data() {
|
|
21608
|
-
return {
|
|
21609
|
-
configData: {},
|
|
21610
|
-
messFold: true,
|
|
21611
|
-
showAddCom: false
|
|
21612
|
-
};
|
|
21613
|
-
},
|
|
21614
|
-
computed: {
|
|
21615
|
-
// 卡片容器样式
|
|
21616
|
-
cardContainerStyle() {
|
|
21617
|
-
return {
|
|
21618
|
-
backgroundImage: this.configData.backgroundImage ? `url('${this.configData.backgroundImage}')` : 'none',
|
|
21619
|
-
backgroundSize: 'cover',
|
|
21620
|
-
backgroundRepeat: 'no-repeat',
|
|
21621
|
-
backgroundPosition: 'center center',
|
|
21622
|
-
height: this.getContainerHeight(),
|
|
21623
|
-
border: this.getContainerBorder(),
|
|
21624
|
-
borderRadius: this.getContainerBorderRadius(),
|
|
21625
|
-
backgroundColor: this.configData.backgroundColor || 'transparent',
|
|
21626
|
-
boxShadow: this.configData.boxShadow || 'none'
|
|
21627
|
-
};
|
|
21628
|
-
}
|
|
21629
|
-
},
|
|
21630
|
-
mounted() {},
|
|
21631
|
-
watch: {},
|
|
21632
|
-
methods: {
|
|
21633
|
-
// 获取容器高度
|
|
21634
|
-
getContainerHeight() {
|
|
21635
|
-
if (this.configData.heightType === 'fixed') {
|
|
21636
|
-
return `${this.configData.fixedHeight}px`;
|
|
21637
|
-
}
|
|
21638
|
-
return this.isOpcacity ? '100%' : 'auto';
|
|
21639
|
-
},
|
|
21640
|
-
// 获取容器边框
|
|
21641
|
-
getContainerBorder() {
|
|
21642
|
-
if (this.configData.borderWidth) {
|
|
21643
|
-
return `${this.configData.borderWidth}px ${this.configData.borderStyle} ${this.configData.borderColor}`;
|
|
21644
|
-
}
|
|
21645
|
-
return 'none';
|
|
21646
|
-
},
|
|
21647
|
-
// 获取容器圆角
|
|
21648
|
-
getContainerBorderRadius() {
|
|
21649
|
-
if (this.configData.borderRadius) {
|
|
21650
|
-
return `${this.configData.borderRadius}px`;
|
|
21651
|
-
}
|
|
21652
|
-
return '0';
|
|
21653
|
-
},
|
|
21654
|
-
getConfigData(configData) {
|
|
21655
|
-
this.configData = configData;
|
|
21656
|
-
},
|
|
21657
|
-
foldMessText() {
|
|
21658
|
-
this.messFold = !this.messFold;
|
|
21659
|
-
},
|
|
21660
|
-
decodeJumpUrl(url) {
|
|
21661
|
-
if (!url) return;
|
|
21662
|
-
top.location.href = url;
|
|
21663
|
-
},
|
|
21664
|
-
onStart(evt) {
|
|
21665
|
-
console.log("drag start in column-card", evt);
|
|
21666
|
-
this.showAddCom = true;
|
|
21667
|
-
},
|
|
21668
|
-
// 限制拖拽的组件类型
|
|
21669
|
-
onMove(evt) {
|
|
21670
|
-
const {
|
|
21671
|
-
draggedContext
|
|
21672
|
-
} = evt;
|
|
21673
|
-
|
|
21674
|
-
// 允许的组件类型
|
|
21675
|
-
const allowedComponents = ["cms-text", "cms-image", "cms-video", "cms-button", "cms-richText", "cms-column" // 允许拖入 cms-column
|
|
21676
|
-
];
|
|
21677
|
-
|
|
21678
|
-
// 如果是从外部拖入的组件
|
|
21679
|
-
if (draggedContext && draggedContext.element) {
|
|
21680
|
-
const componentType = draggedContext.element.cmsCompName;
|
|
21681
|
-
if (componentType && !allowedComponents.includes(componentType)) {
|
|
21682
|
-
console.log(`组件类型 ${componentType} 不允许拖入 column-card`);
|
|
21683
|
-
return false;
|
|
21684
|
-
}
|
|
21685
|
-
|
|
21686
|
-
// 特殊处理 cms-column:检查嵌套层级
|
|
21687
|
-
if (componentType === "cms-column") {
|
|
21688
|
-
if (!this.checkColumnNestingLevel()) {
|
|
21689
|
-
console.log("cms-column 嵌套层级超出限制");
|
|
21690
|
-
return false;
|
|
21691
|
-
}
|
|
21692
|
-
}
|
|
21693
|
-
}
|
|
21694
|
-
return true;
|
|
21695
|
-
},
|
|
21696
|
-
// 检查 cms-column 嵌套层级
|
|
21697
|
-
checkColumnNestingLevel() {
|
|
21698
|
-
// 检查当前 column-card 是否已经在 cms-column 内部
|
|
21699
|
-
let parent = this.$parent;
|
|
21700
|
-
let columnDepth = 0;
|
|
21701
|
-
while (parent) {
|
|
21702
|
-
// 检查父组件是否是 cms-column 或包含 cms-column
|
|
21703
|
-
if (parent.$options.name === "cms-column" || parent.$data && parent.$data.data && parent.$data.data.cmsCompName === "cms-column") {
|
|
21704
|
-
columnDepth++;
|
|
21705
|
-
}
|
|
21706
|
-
|
|
21707
|
-
// 如果已经有一层 cms-column,则不允许再嵌套
|
|
21708
|
-
if (columnDepth >= 2) {
|
|
21709
|
-
console.log(`检测到 cms-column 嵌套层级: ${columnDepth}, 超出限制`);
|
|
21710
|
-
return false;
|
|
21711
|
-
}
|
|
21712
|
-
parent = parent.$parent;
|
|
21713
|
-
}
|
|
21714
|
-
console.log(`cms-column 嵌套层级检查通过: ${columnDepth}`);
|
|
21715
|
-
return true;
|
|
21716
|
-
},
|
|
21717
|
-
// 处理拖拽悬停
|
|
21718
|
-
dragover(e) {
|
|
21719
|
-
e.preventDefault();
|
|
21720
|
-
this.showAddCom = true;
|
|
21721
|
-
},
|
|
21722
|
-
// 处理拖拽放置
|
|
21723
|
-
drop(e) {
|
|
21724
|
-
console.log("cms-colum-card-drop");
|
|
21725
|
-
e.preventDefault();
|
|
21726
|
-
const componentKey = e.dataTransfer.getData("componentKey");
|
|
21727
|
-
if (!componentKey) return;
|
|
21728
|
-
|
|
21729
|
-
// 允许的组件类型
|
|
21730
|
-
const allowedComponents = ["cms-text", "cms-image", "cms-video", "cms-button", "cms-richText", "cms-column" // 允许拖入 cms-column
|
|
21731
|
-
];
|
|
21732
|
-
|
|
21733
|
-
// 检查组件类型是否允许
|
|
21734
|
-
if (!allowedComponents.includes(componentKey)) {
|
|
21735
|
-
console.log(`组件类型 ${componentKey} 不允许拖入 column-card`);
|
|
21736
|
-
this.$message && this.$message.warning(`该组件类型不支持拖入卡片容器`);
|
|
21737
|
-
this.showAddCom = false;
|
|
21738
|
-
return;
|
|
21739
|
-
}
|
|
21740
|
-
|
|
21741
|
-
// 特殊处理 cms-column:检查嵌套层级
|
|
21742
|
-
if (componentKey === "cms-column") {
|
|
21743
|
-
if (!this.checkColumnNestingLevel()) {
|
|
21744
|
-
console.log("cms-column 嵌套层级超出限制");
|
|
21745
|
-
this.$message && this.$message.warning(`cms-column 只能嵌套一层`);
|
|
21746
|
-
this.showAddCom = false;
|
|
21747
|
-
return;
|
|
21748
|
-
}
|
|
21749
|
-
}
|
|
21750
|
-
this.addOneComp(e, componentKey);
|
|
21751
|
-
},
|
|
21752
|
-
// 添加组件到卡片容器
|
|
21753
|
-
addOneComp(e, componentKey) {
|
|
21754
|
-
this.showAddCom = false;
|
|
21755
|
-
console.log("drop to column-card", componentKey);
|
|
21756
|
-
|
|
21757
|
-
// 动态导入组件配置
|
|
21758
|
-
let initCompData;
|
|
21759
|
-
try {
|
|
21760
|
-
initCompData = __webpack_require__(1640)(`./${componentKey}`).default.settings(componentKey);
|
|
21761
|
-
initCompData = {
|
|
21762
|
-
...initCompData,
|
|
21763
|
-
styleConfig: {
|
|
21764
|
-
pc: [...(0,baseConfig.styleBaseConfig)(8, 8, 0, 0, "px")],
|
|
21765
|
-
mb: [...(0,baseConfig.styleBaseConfig)(6, 6, 0, 0, "px")]
|
|
21766
|
-
}
|
|
21767
|
-
};
|
|
21768
|
-
} catch (error) {
|
|
21769
|
-
console.error(`无法加载组件 ${componentKey}:`, error);
|
|
21770
|
-
this.$message && this.$message.error(`组件加载失败`);
|
|
21771
|
-
return;
|
|
21772
|
-
}
|
|
21773
|
-
const toElementId = e.toElement.id;
|
|
21774
|
-
if (toElementId === `cardTarget${this.data.componentId}`) {
|
|
21775
|
-
// 添加到卡片容器末尾
|
|
21776
|
-
this.data.childList.push(initCompData);
|
|
21777
|
-
} else if (toElementId.includes("cardTargetup")) {
|
|
21778
|
-
// 插入到指定位置
|
|
21779
|
-
const underComponentId = toElementId.split("-cardTargetup")[0];
|
|
21780
|
-
const index = this.data.childList.findIndex(item => item.componentId === underComponentId);
|
|
21781
|
-
if (index !== -1) {
|
|
21782
|
-
this.data.childList.splice(index, 0, initCompData);
|
|
21783
|
-
}
|
|
21784
|
-
}
|
|
21785
|
-
|
|
21786
|
-
// 触发数据更新
|
|
21787
|
-
this.$emit("update:data", this.data);
|
|
21788
|
-
}
|
|
21789
|
-
}
|
|
21790
|
-
});
|
|
21791
|
-
;// ./package/cms-column-card/View.vue?vue&type=script&lang=js
|
|
21792
|
-
/* harmony default export */ var cms_column_card_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
21793
|
-
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=style&index=0&id=1955cfa4&prod&lang=scss&scoped=true
|
|
21794
|
-
// extracted by mini-css-extract-plugin
|
|
21795
|
-
|
|
21796
|
-
;// ./package/cms-column-card/View.vue?vue&type=style&index=0&id=1955cfa4&prod&lang=scss&scoped=true
|
|
21797
|
-
|
|
21798
|
-
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
21799
|
-
var componentNormalizer = __webpack_require__(1656);
|
|
21800
|
-
;// ./package/cms-column-card/View.vue
|
|
21801
|
-
|
|
21802
|
-
|
|
21803
|
-
|
|
21804
|
-
;
|
|
21805
|
-
|
|
21806
|
-
|
|
21807
|
-
/* normalize component */
|
|
21808
|
-
|
|
21809
|
-
var component = (0,componentNormalizer/* default */.A)(
|
|
21810
|
-
cms_column_card_Viewvue_type_script_lang_js,
|
|
21811
|
-
render,
|
|
21812
|
-
staticRenderFns,
|
|
21813
|
-
false,
|
|
21814
|
-
null,
|
|
21815
|
-
"1955cfa4",
|
|
21816
|
-
null
|
|
21817
|
-
|
|
21818
|
-
)
|
|
21819
|
-
|
|
21820
|
-
/* harmony default export */ var View = (component.exports);
|
|
21821
|
-
|
|
21822
|
-
/***/ }),
|
|
21823
|
-
|
|
21824
21035
|
/***/ 2104:
|
|
21825
21036
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
21826
21037
|
|
|
@@ -23150,287 +22361,6 @@ $({ target: 'Iterator', proto: true, real: true, forced: IS_PURE }, {
|
|
|
23150
22361
|
});
|
|
23151
22362
|
|
|
23152
22363
|
|
|
23153
|
-
/***/ }),
|
|
23154
|
-
|
|
23155
|
-
/***/ 2502:
|
|
23156
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
23157
|
-
|
|
23158
|
-
"use strict";
|
|
23159
|
-
// ESM COMPAT FLAG
|
|
23160
|
-
__webpack_require__.r(__webpack_exports__);
|
|
23161
|
-
|
|
23162
|
-
// EXPORTS
|
|
23163
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
23164
|
-
"default": function() { return /* binding */ View; }
|
|
23165
|
-
});
|
|
23166
|
-
|
|
23167
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=template&id=4daf3f78&scoped=true
|
|
23168
|
-
var render = function render() {
|
|
23169
|
-
var _vm = this,
|
|
23170
|
-
_c = _vm._self._c;
|
|
23171
|
-
return _c('BaseComp', _vm._b({
|
|
23172
|
-
attrs: {
|
|
23173
|
-
"data": _vm.data,
|
|
23174
|
-
"nowCompId": _vm.nowCompId,
|
|
23175
|
-
"isOpcacity": _vm.isOpcacity,
|
|
23176
|
-
"isMask": false,
|
|
23177
|
-
"lang": _vm.lang
|
|
23178
|
-
},
|
|
23179
|
-
on: {
|
|
23180
|
-
"getConfigData": _vm.getConfigData
|
|
23181
|
-
}
|
|
23182
|
-
}, 'BaseComp', _vm.$attrs, false), [_c('section', {
|
|
23183
|
-
class: _vm.configData.widthType === 'full' ? 'width-full' : 'cmhk-home_main',
|
|
23184
|
-
style: _vm.containerStyle
|
|
23185
|
-
}, [_c('div', {
|
|
23186
|
-
staticClass: "column-setting",
|
|
23187
|
-
class: [`layout-${_vm.configData.layoutType || 'default'}`, `mobile-${_vm.configData.mobileLayout || 'vertical'}`],
|
|
23188
|
-
style: _vm.columnStyle
|
|
23189
|
-
}, _vm._l(_vm.data.childList, function (item, index) {
|
|
23190
|
-
return _c('cms-column-card', {
|
|
23191
|
-
key: item.componentId,
|
|
23192
|
-
class: _vm.getColumnItemClass(index),
|
|
23193
|
-
style: _vm.getColumnItemStyle(index),
|
|
23194
|
-
attrs: {
|
|
23195
|
-
"data": item,
|
|
23196
|
-
"nowCompId": _vm.nowCompId,
|
|
23197
|
-
"isOpcacity": _vm.isOpcacity,
|
|
23198
|
-
"isMask": false,
|
|
23199
|
-
"lang": _vm.lang
|
|
23200
|
-
}
|
|
23201
|
-
});
|
|
23202
|
-
}), 1)])]);
|
|
23203
|
-
};
|
|
23204
|
-
var staticRenderFns = [];
|
|
23205
|
-
|
|
23206
|
-
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
23207
|
-
var baseComp = __webpack_require__(8519);
|
|
23208
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=script&lang=js
|
|
23209
|
-
|
|
23210
|
-
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
23211
|
-
name: "cms-column",
|
|
23212
|
-
components: {
|
|
23213
|
-
BaseComp: baseComp["default"]
|
|
23214
|
-
},
|
|
23215
|
-
props: {
|
|
23216
|
-
data: {
|
|
23217
|
-
type: Object,
|
|
23218
|
-
default: () => {
|
|
23219
|
-
return {};
|
|
23220
|
-
}
|
|
23221
|
-
},
|
|
23222
|
-
nowCompId: {
|
|
23223
|
-
type: [String, Number],
|
|
23224
|
-
default: ""
|
|
23225
|
-
},
|
|
23226
|
-
isOpcacity: {
|
|
23227
|
-
type: Boolean,
|
|
23228
|
-
default: true
|
|
23229
|
-
},
|
|
23230
|
-
lang: {
|
|
23231
|
-
type: String,
|
|
23232
|
-
default: "zh-HK"
|
|
23233
|
-
}
|
|
23234
|
-
},
|
|
23235
|
-
data() {
|
|
23236
|
-
return {
|
|
23237
|
-
configData: {},
|
|
23238
|
-
messFold: true,
|
|
23239
|
-
// 默认配置数据
|
|
23240
|
-
defaultConfig: {
|
|
23241
|
-
layoutType: "100",
|
|
23242
|
-
heightType: "auto",
|
|
23243
|
-
widthType: "auto",
|
|
23244
|
-
mobileLayout: "vertical",
|
|
23245
|
-
fixedHeight: 300,
|
|
23246
|
-
borderWidth: 0,
|
|
23247
|
-
borderStyle: "solid",
|
|
23248
|
-
borderColor: "#409eff",
|
|
23249
|
-
backgroundColor: "",
|
|
23250
|
-
backgroundImage: "",
|
|
23251
|
-
boxShadow: "",
|
|
23252
|
-
borderRadius: 0,
|
|
23253
|
-
columnGap: 0,
|
|
23254
|
-
rowGap: 0,
|
|
23255
|
-
title: "",
|
|
23256
|
-
description: "",
|
|
23257
|
-
input1: "",
|
|
23258
|
-
showTitle: true,
|
|
23259
|
-
showDescription: true,
|
|
23260
|
-
animationDuration: 300,
|
|
23261
|
-
responsiveBreakpoint: 768
|
|
23262
|
-
}
|
|
23263
|
-
};
|
|
23264
|
-
},
|
|
23265
|
-
mounted() {
|
|
23266
|
-
this.initConfigData();
|
|
23267
|
-
// 添加窗口大小变化监听
|
|
23268
|
-
window.addEventListener("resize", this.handleResize);
|
|
23269
|
-
this.handleResize(); // 初始化时执行一次
|
|
23270
|
-
},
|
|
23271
|
-
beforeDestroy() {
|
|
23272
|
-
// 移除事件监听
|
|
23273
|
-
window.removeEventListener("resize", this.handleResize);
|
|
23274
|
-
},
|
|
23275
|
-
watch: {
|
|
23276
|
-
configData: {
|
|
23277
|
-
handler() {
|
|
23278
|
-
this.updateStyles();
|
|
23279
|
-
},
|
|
23280
|
-
deep: true
|
|
23281
|
-
}
|
|
23282
|
-
},
|
|
23283
|
-
computed: {
|
|
23284
|
-
// 容器样式
|
|
23285
|
-
containerStyle() {
|
|
23286
|
-
return {
|
|
23287
|
-
backgroundColor: this.configData.backgroundColor || this.defaultConfig.backgroundColor,
|
|
23288
|
-
backgroundImage: this.configData.backgroundImage ? `url(${this.configData.backgroundImage})` : "",
|
|
23289
|
-
backgroundSize: "cover",
|
|
23290
|
-
backgroundRepeat: "no-repeat",
|
|
23291
|
-
backgroundPosition: "center center",
|
|
23292
|
-
boxShadow: this.configData.boxShadow || this.defaultConfig.boxShadow,
|
|
23293
|
-
borderRadius: `${this.configData.borderRadius || this.defaultConfig.borderRadius}px`,
|
|
23294
|
-
minHeight: this.configData.heightType === "fixed" ? `${this.configData.fixedHeight}px` : "auto"
|
|
23295
|
-
};
|
|
23296
|
-
},
|
|
23297
|
-
// 分栏容器样式
|
|
23298
|
-
columnStyle() {
|
|
23299
|
-
// const gap = this.configData.rowGap || this.defaultConfig.rowGap;
|
|
23300
|
-
return {
|
|
23301
|
-
// gap: `${gap}px`,
|
|
23302
|
-
border: this.configData.borderWidth ? `${this.configData.borderWidth}px ${this.configData.borderStyle} ${this.configData.borderColor}` : "none"
|
|
23303
|
-
};
|
|
23304
|
-
}
|
|
23305
|
-
},
|
|
23306
|
-
methods: {
|
|
23307
|
-
// 初始化配置数据
|
|
23308
|
-
initConfigData() {
|
|
23309
|
-
// 合并默认配置和传入配置
|
|
23310
|
-
this.configData = {
|
|
23311
|
-
...this.defaultConfig,
|
|
23312
|
-
...this.configData
|
|
23313
|
-
};
|
|
23314
|
-
},
|
|
23315
|
-
// 获取配置数据
|
|
23316
|
-
getConfigData(configData) {
|
|
23317
|
-
this.configData = {
|
|
23318
|
-
...this.defaultConfig,
|
|
23319
|
-
...configData
|
|
23320
|
-
};
|
|
23321
|
-
this.updateStyles();
|
|
23322
|
-
},
|
|
23323
|
-
// 更新样式
|
|
23324
|
-
updateStyles() {
|
|
23325
|
-
this.$nextTick(() => {
|
|
23326
|
-
// 触发样式更新
|
|
23327
|
-
this.$forceUpdate();
|
|
23328
|
-
});
|
|
23329
|
-
},
|
|
23330
|
-
// 获取分栏项的类名
|
|
23331
|
-
getColumnItemClass(index) {
|
|
23332
|
-
const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
|
|
23333
|
-
return ["column-item", `column-item-${index}`, `layout-${layoutType}`, {
|
|
23334
|
-
"min-h": this.$EventBus && this.isOpcacity,
|
|
23335
|
-
"first-item": index === 0,
|
|
23336
|
-
"last-item": index === this.data.childList.length - 1
|
|
23337
|
-
}];
|
|
23338
|
-
},
|
|
23339
|
-
// 获取分栏项的样式
|
|
23340
|
-
getColumnItemStyle(index) {
|
|
23341
|
-
const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
|
|
23342
|
-
const gap = this.configData.rowGap || this.defaultConfig.rowGap;
|
|
23343
|
-
let flexBasis = "100%";
|
|
23344
|
-
let marginRight = "0";
|
|
23345
|
-
|
|
23346
|
-
// 根据布局类型设置宽度
|
|
23347
|
-
switch (layoutType) {
|
|
23348
|
-
case "50-50":
|
|
23349
|
-
flexBasis = `calc(50% - ${gap / 2}px)`;
|
|
23350
|
-
marginRight = index % 2 === 0 ? `${gap}px` : "0";
|
|
23351
|
-
break;
|
|
23352
|
-
case "33-66":
|
|
23353
|
-
flexBasis = index === 0 ? `calc(33.33% - ${gap / 2}px)` : `calc(66.67% - ${gap / 2}px)`;
|
|
23354
|
-
marginRight = index === 0 ? `${gap}px` : "0";
|
|
23355
|
-
break;
|
|
23356
|
-
case "66-33":
|
|
23357
|
-
flexBasis = index === 0 ? `calc(66.67% - ${gap / 2}px)` : `calc(33.33% - ${gap / 2}px)`;
|
|
23358
|
-
marginRight = index === 0 ? `${gap}px` : "0";
|
|
23359
|
-
break;
|
|
23360
|
-
case "33-33-33":
|
|
23361
|
-
flexBasis = `calc(33.33% - ${gap * 2 / 3}px)`;
|
|
23362
|
-
marginRight = index < 2 ? `${gap}px` : "0";
|
|
23363
|
-
break;
|
|
23364
|
-
case "25-50-25":
|
|
23365
|
-
if (index === 0 || index === 2) {
|
|
23366
|
-
flexBasis = `calc(25% - ${gap * 2 / 3}px)`;
|
|
23367
|
-
} else {
|
|
23368
|
-
flexBasis = `calc(50% - ${gap * 2 / 3}px)`;
|
|
23369
|
-
}
|
|
23370
|
-
marginRight = index < 2 ? `${gap}px` : "0";
|
|
23371
|
-
break;
|
|
23372
|
-
default:
|
|
23373
|
-
flexBasis = "100%";
|
|
23374
|
-
}
|
|
23375
|
-
return {
|
|
23376
|
-
flexBasis,
|
|
23377
|
-
marginRight,
|
|
23378
|
-
marginBottom: `${this.configData.columnGap || this.defaultConfig.columnGap}px`
|
|
23379
|
-
};
|
|
23380
|
-
},
|
|
23381
|
-
// 折叠/展开文本
|
|
23382
|
-
foldMessText() {
|
|
23383
|
-
this.messFold = !this.messFold;
|
|
23384
|
-
},
|
|
23385
|
-
// 处理跳转链接
|
|
23386
|
-
decodeJumpUrl(url) {
|
|
23387
|
-
if (!url) return;
|
|
23388
|
-
top.location.href = url;
|
|
23389
|
-
},
|
|
23390
|
-
// 响应式处理
|
|
23391
|
-
handleResize() {
|
|
23392
|
-
const breakpoint = this.configData.responsiveBreakpoint || this.defaultConfig.responsiveBreakpoint;
|
|
23393
|
-
const isMobile = window.innerWidth <= breakpoint;
|
|
23394
|
-
if (isMobile && this.configData.mobileLayout === "vertical") {
|
|
23395
|
-
// 移动端垂直布局处理
|
|
23396
|
-
this.$el.classList.add("mobile-vertical");
|
|
23397
|
-
} else {
|
|
23398
|
-
this.$el.classList.remove("mobile-vertical");
|
|
23399
|
-
}
|
|
23400
|
-
}
|
|
23401
|
-
}
|
|
23402
|
-
});
|
|
23403
|
-
;// ./package/cms-column/View.vue?vue&type=script&lang=js
|
|
23404
|
-
/* harmony default export */ var cms_column_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
23405
|
-
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=style&index=0&id=4daf3f78&prod&lang=scss&scoped=true
|
|
23406
|
-
// extracted by mini-css-extract-plugin
|
|
23407
|
-
|
|
23408
|
-
;// ./package/cms-column/View.vue?vue&type=style&index=0&id=4daf3f78&prod&lang=scss&scoped=true
|
|
23409
|
-
|
|
23410
|
-
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
23411
|
-
var componentNormalizer = __webpack_require__(1656);
|
|
23412
|
-
;// ./package/cms-column/View.vue
|
|
23413
|
-
|
|
23414
|
-
|
|
23415
|
-
|
|
23416
|
-
;
|
|
23417
|
-
|
|
23418
|
-
|
|
23419
|
-
/* normalize component */
|
|
23420
|
-
|
|
23421
|
-
var component = (0,componentNormalizer/* default */.A)(
|
|
23422
|
-
cms_column_Viewvue_type_script_lang_js,
|
|
23423
|
-
render,
|
|
23424
|
-
staticRenderFns,
|
|
23425
|
-
false,
|
|
23426
|
-
null,
|
|
23427
|
-
"4daf3f78",
|
|
23428
|
-
null
|
|
23429
|
-
|
|
23430
|
-
)
|
|
23431
|
-
|
|
23432
|
-
/* harmony default export */ var View = (component.exports);
|
|
23433
|
-
|
|
23434
22364
|
/***/ }),
|
|
23435
22365
|
|
|
23436
22366
|
/***/ 2520:
|
|
@@ -23612,7 +22542,7 @@ var staticRenderFns = [];
|
|
|
23612
22542
|
;// ./package/cms-activityTime/View.vue?vue&type=template&id=0e496ed4&scoped=true
|
|
23613
22543
|
|
|
23614
22544
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
23615
|
-
var baseComp = __webpack_require__(
|
|
22545
|
+
var baseComp = __webpack_require__(7843);
|
|
23616
22546
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-activityTime/View.vue?vue&type=script&lang=js
|
|
23617
22547
|
|
|
23618
22548
|
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
@@ -24061,7 +22991,7 @@ var render = function render() {
|
|
|
24061
22991
|
var staticRenderFns = [];
|
|
24062
22992
|
|
|
24063
22993
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
24064
|
-
var baseComp = __webpack_require__(
|
|
22994
|
+
var baseComp = __webpack_require__(7843);
|
|
24065
22995
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-iconFour/View.vue?vue&type=script&lang=js
|
|
24066
22996
|
|
|
24067
22997
|
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
@@ -24278,7 +23208,7 @@ module.exports = Math.min;
|
|
|
24278
23208
|
__webpack_require__.r(__webpack_exports__);
|
|
24279
23209
|
/* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
|
|
24280
23210
|
|
|
24281
|
-
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__,
|
|
23211
|
+
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 8970));
|
|
24282
23212
|
const langData = {
|
|
24283
23213
|
// 布局配置
|
|
24284
23214
|
layoutType: "100",
|
|
@@ -24292,7 +23222,7 @@ const langData = {
|
|
|
24292
23222
|
borderColor: "#409eff",
|
|
24293
23223
|
borderRadius: 0,
|
|
24294
23224
|
// 背景配置
|
|
24295
|
-
backgroundColor: "",
|
|
23225
|
+
backgroundColor: "#FFF",
|
|
24296
23226
|
backgroundImage: "",
|
|
24297
23227
|
boxShadow: "",
|
|
24298
23228
|
// 间距配置
|
|
@@ -24374,6 +23304,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
24374
23304
|
fixedHeight: {
|
|
24375
23305
|
label: "固定高度(px)",
|
|
24376
23306
|
widgetType: "el-input-number",
|
|
23307
|
+
size: "small",
|
|
24377
23308
|
min: 100,
|
|
24378
23309
|
max: 1000
|
|
24379
23310
|
},
|
|
@@ -24381,6 +23312,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
24381
23312
|
borderWidth: {
|
|
24382
23313
|
label: "边框宽度(px)",
|
|
24383
23314
|
widgetType: "el-input-number",
|
|
23315
|
+
size: "small",
|
|
24384
23316
|
min: 0,
|
|
24385
23317
|
max: 10
|
|
24386
23318
|
},
|
|
@@ -24408,6 +23340,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
24408
23340
|
borderRadius: {
|
|
24409
23341
|
label: "圆角(px)",
|
|
24410
23342
|
widgetType: "el-input-number",
|
|
23343
|
+
size: "small",
|
|
24411
23344
|
min: 0,
|
|
24412
23345
|
max: 50
|
|
24413
23346
|
},
|
|
@@ -24420,21 +23353,24 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
24420
23353
|
label: "背景图片",
|
|
24421
23354
|
widgetType: "UploadWidgetCMS"
|
|
24422
23355
|
},
|
|
24423
|
-
boxShadow: {
|
|
24424
|
-
|
|
24425
|
-
|
|
24426
|
-
|
|
24427
|
-
},
|
|
23356
|
+
// boxShadow: {
|
|
23357
|
+
// label: "阴影效果",
|
|
23358
|
+
// widgetType: "el-input",
|
|
23359
|
+
// placeholder: "如: 0 2px 4px rgba(0,0,0,0.1)",
|
|
23360
|
+
// },
|
|
23361
|
+
|
|
24428
23362
|
// 间距配置
|
|
24429
23363
|
columnGap: {
|
|
24430
23364
|
label: "列间距(px)",
|
|
24431
23365
|
widgetType: "el-input-number",
|
|
23366
|
+
size: "small",
|
|
24432
23367
|
min: 0,
|
|
24433
23368
|
max: 100
|
|
24434
23369
|
},
|
|
24435
23370
|
rowGap: {
|
|
24436
23371
|
label: "行间距(px)",
|
|
24437
23372
|
widgetType: "el-input-number",
|
|
23373
|
+
size: "small",
|
|
24438
23374
|
min: 0,
|
|
24439
23375
|
max: 100
|
|
24440
23376
|
},
|
|
@@ -24459,31 +23395,33 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
24459
23395
|
label: "显示描述",
|
|
24460
23396
|
widgetType: "el-switch"
|
|
24461
23397
|
},
|
|
24462
|
-
// 响应式配置
|
|
24463
|
-
responsiveBreakpoint: {
|
|
24464
|
-
|
|
24465
|
-
|
|
24466
|
-
|
|
24467
|
-
|
|
24468
|
-
|
|
23398
|
+
// // 响应式配置
|
|
23399
|
+
// responsiveBreakpoint: {
|
|
23400
|
+
// label: "响应式断点(px)",
|
|
23401
|
+
// widgetType: "el-input-number",
|
|
23402
|
+
size: "small"
|
|
23403
|
+
// min: 320,
|
|
23404
|
+
// max: 1200
|
|
23405
|
+
// },
|
|
23406
|
+
|
|
24469
23407
|
// 高级配置
|
|
24470
|
-
customClass: {
|
|
24471
|
-
|
|
24472
|
-
|
|
24473
|
-
},
|
|
24474
|
-
customStyle: {
|
|
24475
|
-
|
|
24476
|
-
|
|
24477
|
-
|
|
24478
|
-
},
|
|
24479
|
-
enableLazyLoad: {
|
|
24480
|
-
|
|
24481
|
-
|
|
24482
|
-
},
|
|
24483
|
-
enableSEO: {
|
|
24484
|
-
|
|
24485
|
-
|
|
24486
|
-
}
|
|
23408
|
+
// customClass: {
|
|
23409
|
+
// label: "自定义CSS类",
|
|
23410
|
+
// widgetType: "el-input"
|
|
23411
|
+
// },
|
|
23412
|
+
// customStyle: {
|
|
23413
|
+
// label: "自定义样式",
|
|
23414
|
+
// widgetType: "el-input",
|
|
23415
|
+
// type: "textarea"
|
|
23416
|
+
// },
|
|
23417
|
+
// enableLazyLoad: {
|
|
23418
|
+
// label: "启用懒加载",
|
|
23419
|
+
// widgetType: "el-switch"
|
|
23420
|
+
// },
|
|
23421
|
+
// enableSEO: {
|
|
23422
|
+
// label: "启用SEO优化",
|
|
23423
|
+
// widgetType: "el-switch"
|
|
23424
|
+
// }
|
|
24487
23425
|
});
|
|
24488
23426
|
const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSchema)(langData);
|
|
24489
23427
|
/* harmony default export */ __webpack_exports__["default"] = ({
|
|
@@ -24494,7 +23432,8 @@ const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSc
|
|
|
24494
23432
|
settings: cmsCompName => {
|
|
24495
23433
|
return (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getInitCompData)({
|
|
24496
23434
|
cmsCompName,
|
|
24497
|
-
langData
|
|
23435
|
+
langData,
|
|
23436
|
+
isLangAll: true
|
|
24498
23437
|
});
|
|
24499
23438
|
}
|
|
24500
23439
|
});
|
|
@@ -24732,6 +23671,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
24732
23671
|
widthValue: {
|
|
24733
23672
|
label: "宽度数值",
|
|
24734
23673
|
widgetType: "el-input-number",
|
|
23674
|
+
size: "small",
|
|
24735
23675
|
min: 1,
|
|
24736
23676
|
max: 2000,
|
|
24737
23677
|
step: 1,
|
|
@@ -24757,6 +23697,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
24757
23697
|
heightValue: {
|
|
24758
23698
|
label: "高度数值",
|
|
24759
23699
|
widgetType: "el-input-number",
|
|
23700
|
+
size: "small",
|
|
24760
23701
|
min: 1,
|
|
24761
23702
|
max: 2000,
|
|
24762
23703
|
step: 1,
|
|
@@ -24793,6 +23734,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
24793
23734
|
maxWidth: {
|
|
24794
23735
|
label: "最大宽度(px)",
|
|
24795
23736
|
widgetType: "el-input-number",
|
|
23737
|
+
size: "small",
|
|
24796
23738
|
min: 0,
|
|
24797
23739
|
max: 2000,
|
|
24798
23740
|
step: 1,
|
|
@@ -24801,6 +23743,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
24801
23743
|
maxHeight: {
|
|
24802
23744
|
label: "最大高度(px)",
|
|
24803
23745
|
widgetType: "el-input-number",
|
|
23746
|
+
size: "small",
|
|
24804
23747
|
min: 0,
|
|
24805
23748
|
max: 2000,
|
|
24806
23749
|
step: 1,
|
|
@@ -24810,22 +23753,24 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
24810
23753
|
borderRadius: {
|
|
24811
23754
|
label: "圆角(px)",
|
|
24812
23755
|
widgetType: "el-input-number",
|
|
23756
|
+
size: "small",
|
|
24813
23757
|
min: 0,
|
|
24814
23758
|
max: 100,
|
|
24815
23759
|
step: 1
|
|
24816
|
-
},
|
|
24817
|
-
// 高级配置
|
|
24818
|
-
customClass: {
|
|
24819
|
-
label: "自定义CSS类",
|
|
24820
|
-
widgetType: "el-input",
|
|
24821
|
-
placeholder: "请输入CSS类名"
|
|
24822
|
-
},
|
|
24823
|
-
customStyle: {
|
|
24824
|
-
label: "自定义样式",
|
|
24825
|
-
widgetType: "el-input",
|
|
24826
|
-
type: "textarea",
|
|
24827
|
-
placeholder: "请输入CSS样式,如: box-shadow: 0 2px 4px rgba(0,0,0,0.1);"
|
|
24828
23760
|
}
|
|
23761
|
+
|
|
23762
|
+
// 高级配置
|
|
23763
|
+
// customClass: {
|
|
23764
|
+
// label: "自定义CSS类",
|
|
23765
|
+
// widgetType: "el-input",
|
|
23766
|
+
// placeholder: "请输入CSS类名",
|
|
23767
|
+
// },
|
|
23768
|
+
// customStyle: {
|
|
23769
|
+
// label: "自定义样式",
|
|
23770
|
+
// widgetType: "el-input",
|
|
23771
|
+
// type: "textarea",
|
|
23772
|
+
// placeholder: "请输入CSS样式,如: box-shadow: 0 2px 4px rgba(0,0,0,0.1);",
|
|
23773
|
+
// },
|
|
24829
23774
|
});
|
|
24830
23775
|
const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSchema)(langData);
|
|
24831
23776
|
/* harmony default export */ __webpack_exports__["default"] = ({
|
|
@@ -25151,6 +24096,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
25151
24096
|
widthValue: {
|
|
25152
24097
|
label: "宽度数值",
|
|
25153
24098
|
widgetType: "el-input-number",
|
|
24099
|
+
size: "small",
|
|
25154
24100
|
min: 1,
|
|
25155
24101
|
max: 2000,
|
|
25156
24102
|
step: 1,
|
|
@@ -25173,6 +24119,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
25173
24119
|
heightValue: {
|
|
25174
24120
|
label: "高度数值",
|
|
25175
24121
|
widgetType: "el-input-number",
|
|
24122
|
+
size: "small",
|
|
25176
24123
|
min: 1,
|
|
25177
24124
|
max: 2000,
|
|
25178
24125
|
step: 1,
|
|
@@ -25181,6 +24128,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
25181
24128
|
maxWidth: {
|
|
25182
24129
|
label: "最大宽度(px)",
|
|
25183
24130
|
widgetType: "el-input-number",
|
|
24131
|
+
size: "small",
|
|
25184
24132
|
min: 0,
|
|
25185
24133
|
max: 2000,
|
|
25186
24134
|
step: 1,
|
|
@@ -25189,6 +24137,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
25189
24137
|
maxHeight: {
|
|
25190
24138
|
label: "最大高度(px)",
|
|
25191
24139
|
widgetType: "el-input-number",
|
|
24140
|
+
size: "small",
|
|
25192
24141
|
min: 0,
|
|
25193
24142
|
max: 2000,
|
|
25194
24143
|
step: 1,
|
|
@@ -25198,6 +24147,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
25198
24147
|
borderRadius: {
|
|
25199
24148
|
label: "圆角(px)",
|
|
25200
24149
|
widgetType: "el-input-number",
|
|
24150
|
+
size: "small",
|
|
25201
24151
|
min: 0,
|
|
25202
24152
|
max: 100,
|
|
25203
24153
|
step: 1
|
|
@@ -25238,23 +24188,24 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
25238
24188
|
label: "新窗口",
|
|
25239
24189
|
value: "_blank"
|
|
25240
24190
|
}]
|
|
25241
|
-
},
|
|
25242
|
-
// 高级配置
|
|
25243
|
-
customClass: {
|
|
25244
|
-
label: "自定义CSS类",
|
|
25245
|
-
widgetType: "el-input",
|
|
25246
|
-
placeholder: "请输入CSS类名"
|
|
25247
|
-
},
|
|
25248
|
-
customStyle: {
|
|
25249
|
-
label: "自定义样式",
|
|
25250
|
-
widgetType: "el-input",
|
|
25251
|
-
type: "textarea",
|
|
25252
|
-
placeholder: "请输入CSS样式,如: box-shadow: 0 2px 4px rgba(0,0,0,0.1);"
|
|
25253
|
-
},
|
|
25254
|
-
lazyLoad: {
|
|
25255
|
-
label: "懒加载",
|
|
25256
|
-
widgetType: "el-switch"
|
|
25257
24191
|
}
|
|
24192
|
+
|
|
24193
|
+
// // 高级配置
|
|
24194
|
+
// customClass: {
|
|
24195
|
+
// label: "自定义CSS类",
|
|
24196
|
+
// widgetType: "el-input",
|
|
24197
|
+
// placeholder: "请输入CSS类名"
|
|
24198
|
+
// },
|
|
24199
|
+
// customStyle: {
|
|
24200
|
+
// label: "自定义样式",
|
|
24201
|
+
// widgetType: "el-input",
|
|
24202
|
+
// type: "textarea",
|
|
24203
|
+
// placeholder: "请输入CSS样式,如: box-shadow: 0 2px 4px rgba(0,0,0,0.1);"
|
|
24204
|
+
// },
|
|
24205
|
+
// lazyLoad: {
|
|
24206
|
+
// label: "懒加载",
|
|
24207
|
+
// widgetType: "el-switch"
|
|
24208
|
+
// }
|
|
25258
24209
|
});
|
|
25259
24210
|
const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSchema)(langData);
|
|
25260
24211
|
/* harmony default export */ __webpack_exports__["default"] = ({
|
|
@@ -33188,7 +32139,7 @@ $({ target: 'Iterator', proto: true, real: true }, {
|
|
|
33188
32139
|
__webpack_require__.r(__webpack_exports__);
|
|
33189
32140
|
/* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
|
|
33190
32141
|
|
|
33191
|
-
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__,
|
|
32142
|
+
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 3894));
|
|
33192
32143
|
|
|
33193
32144
|
// 默认配置数据
|
|
33194
32145
|
const langData = {
|
|
@@ -33198,7 +32149,7 @@ const langData = {
|
|
|
33198
32149
|
// 边框设置
|
|
33199
32150
|
borderWidth: 1,
|
|
33200
32151
|
borderStyle: "solid",
|
|
33201
|
-
borderColor: "#
|
|
32152
|
+
borderColor: "#1c4fc6ff",
|
|
33202
32153
|
borderRadius: 0,
|
|
33203
32154
|
// 背景设置
|
|
33204
32155
|
backgroundColor: "",
|
|
@@ -33224,6 +32175,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
33224
32175
|
fixedHeight: {
|
|
33225
32176
|
label: "高度值(px)",
|
|
33226
32177
|
widgetType: "el-input-number",
|
|
32178
|
+
size: "small",
|
|
33227
32179
|
min: 100,
|
|
33228
32180
|
max: 2000,
|
|
33229
32181
|
step: 1
|
|
@@ -33232,6 +32184,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
33232
32184
|
borderWidth: {
|
|
33233
32185
|
label: "边框宽度(px)",
|
|
33234
32186
|
widgetType: "el-input-number",
|
|
32187
|
+
size: "small",
|
|
33235
32188
|
min: 0,
|
|
33236
32189
|
max: 20,
|
|
33237
32190
|
step: 1
|
|
@@ -33260,6 +32213,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
33260
32213
|
borderRadius: {
|
|
33261
32214
|
label: "圆角(px)",
|
|
33262
32215
|
widgetType: "el-input-number",
|
|
32216
|
+
size: "small",
|
|
33263
32217
|
min: 0,
|
|
33264
32218
|
max: 100,
|
|
33265
32219
|
step: 1
|
|
@@ -33274,13 +32228,14 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
33274
32228
|
widgetType: "UploadWidgetCMS",
|
|
33275
32229
|
uploadType: "image",
|
|
33276
32230
|
placeholder: "请选择或输入图片地址"
|
|
33277
|
-
},
|
|
33278
|
-
// 阴影设置配置
|
|
33279
|
-
boxShadow: {
|
|
33280
|
-
label: "阴影",
|
|
33281
|
-
widgetType: "el-input",
|
|
33282
|
-
placeholder: "如: 0 2px 4px rgba(0,0,0,0.1)"
|
|
33283
32231
|
}
|
|
32232
|
+
|
|
32233
|
+
// 阴影设置配置
|
|
32234
|
+
// boxShadow: {
|
|
32235
|
+
// label: "阴影",
|
|
32236
|
+
// widgetType: "el-input",
|
|
32237
|
+
// placeholder: "如: 0 2px 4px rgba(0,0,0,0.1)",
|
|
32238
|
+
// },
|
|
33284
32239
|
});
|
|
33285
32240
|
const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSchema)(langData);
|
|
33286
32241
|
/* harmony default export */ __webpack_exports__["default"] = ({
|
|
@@ -33611,6 +32566,413 @@ $({ target: 'Set', proto: true, real: true, forced: INCORRECT }, {
|
|
|
33611
32566
|
});
|
|
33612
32567
|
|
|
33613
32568
|
|
|
32569
|
+
/***/ }),
|
|
32570
|
+
|
|
32571
|
+
/***/ 3894:
|
|
32572
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
32573
|
+
|
|
32574
|
+
"use strict";
|
|
32575
|
+
// ESM COMPAT FLAG
|
|
32576
|
+
__webpack_require__.r(__webpack_exports__);
|
|
32577
|
+
|
|
32578
|
+
// EXPORTS
|
|
32579
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
32580
|
+
"default": function() { return /* binding */ View; }
|
|
32581
|
+
});
|
|
32582
|
+
|
|
32583
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
|
|
32584
|
+
var es_iterator_constructor = __webpack_require__(8111);
|
|
32585
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.drop.js
|
|
32586
|
+
var es_iterator_drop = __webpack_require__(9314);
|
|
32587
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=template&id=971892d6&scoped=true
|
|
32588
|
+
|
|
32589
|
+
|
|
32590
|
+
|
|
32591
|
+
|
|
32592
|
+
var render = function render() {
|
|
32593
|
+
var _vm = this,
|
|
32594
|
+
_c = _vm._self._c;
|
|
32595
|
+
return _c('BaseComp', _vm._b({
|
|
32596
|
+
attrs: {
|
|
32597
|
+
"data": _vm.data,
|
|
32598
|
+
"nowCompId": _vm.nowCompId,
|
|
32599
|
+
"isOpcacity": _vm.isOpcacity,
|
|
32600
|
+
"isMask": false,
|
|
32601
|
+
"lang": _vm.lang,
|
|
32602
|
+
"showDel": false
|
|
32603
|
+
},
|
|
32604
|
+
on: {
|
|
32605
|
+
"getConfigData": _vm.getConfigData
|
|
32606
|
+
}
|
|
32607
|
+
}, 'BaseComp', _vm.$attrs, false), [_vm.$EventBus && _vm.isOpcacity ? _c('div', {
|
|
32608
|
+
staticClass: "main_drag",
|
|
32609
|
+
style: _vm.cardContainerStyle,
|
|
32610
|
+
attrs: {
|
|
32611
|
+
"id": `cardTarget${_vm.data.componentId}`
|
|
32612
|
+
},
|
|
32613
|
+
on: {
|
|
32614
|
+
"dragover": _vm.dragover,
|
|
32615
|
+
"dragend": function ($event) {
|
|
32616
|
+
_vm.showAddCom = false;
|
|
32617
|
+
},
|
|
32618
|
+
"drop": _vm.drop
|
|
32619
|
+
}
|
|
32620
|
+
}, [_c('Draggable', {
|
|
32621
|
+
staticStyle: {
|
|
32622
|
+
"position": "relative"
|
|
32623
|
+
},
|
|
32624
|
+
attrs: {
|
|
32625
|
+
"chosen-class": "chosen",
|
|
32626
|
+
"force-fallback": "true",
|
|
32627
|
+
"animation": "1000",
|
|
32628
|
+
"move": _vm.onMove
|
|
32629
|
+
},
|
|
32630
|
+
on: {
|
|
32631
|
+
"start": _vm.onStart,
|
|
32632
|
+
"end": function ($event) {
|
|
32633
|
+
_vm.showAddCom = false;
|
|
32634
|
+
}
|
|
32635
|
+
},
|
|
32636
|
+
model: {
|
|
32637
|
+
value: _vm.data.childList,
|
|
32638
|
+
callback: function ($$v) {
|
|
32639
|
+
_vm.$set(_vm.data, "childList", $$v);
|
|
32640
|
+
},
|
|
32641
|
+
expression: "data.childList"
|
|
32642
|
+
}
|
|
32643
|
+
}, [_vm._l(_vm.data.childList, function (item, index) {
|
|
32644
|
+
return _c('div', {
|
|
32645
|
+
key: item.componentId,
|
|
32646
|
+
staticStyle: {
|
|
32647
|
+
"position": "relative"
|
|
32648
|
+
}
|
|
32649
|
+
}, [_c('div', {
|
|
32650
|
+
directives: [{
|
|
32651
|
+
name: "show",
|
|
32652
|
+
rawName: "v-show",
|
|
32653
|
+
value: _vm.showAddCom,
|
|
32654
|
+
expression: "showAddCom"
|
|
32655
|
+
}],
|
|
32656
|
+
staticClass: "up_insert",
|
|
32657
|
+
attrs: {
|
|
32658
|
+
"id": `${item.componentId}-cardTargetup`
|
|
32659
|
+
}
|
|
32660
|
+
}, [_c('i', {
|
|
32661
|
+
staticClass: "icon-up",
|
|
32662
|
+
attrs: {
|
|
32663
|
+
"id": `${item.componentId}-upi`
|
|
32664
|
+
}
|
|
32665
|
+
}), _c('span', {
|
|
32666
|
+
attrs: {
|
|
32667
|
+
"id": `${item.componentId}-upspan`
|
|
32668
|
+
}
|
|
32669
|
+
}, [_vm._v("插入组件")])]), _c(item.cmsCompName, {
|
|
32670
|
+
key: item.componentId,
|
|
32671
|
+
tag: "component",
|
|
32672
|
+
style: {
|
|
32673
|
+
marginTop: _vm.showAddCom && index == 0 ? '20px' : '0px'
|
|
32674
|
+
},
|
|
32675
|
+
attrs: {
|
|
32676
|
+
"data": item,
|
|
32677
|
+
"lang": _vm.lang,
|
|
32678
|
+
"isOpcacity": _vm.isOpcacity,
|
|
32679
|
+
"nowCompId": _vm.nowCompId
|
|
32680
|
+
}
|
|
32681
|
+
})], 1);
|
|
32682
|
+
}), _c('div', {
|
|
32683
|
+
directives: [{
|
|
32684
|
+
name: "show",
|
|
32685
|
+
rawName: "v-show",
|
|
32686
|
+
value: _vm.showAddCom,
|
|
32687
|
+
expression: "showAddCom"
|
|
32688
|
+
}],
|
|
32689
|
+
staticClass: "up_insert insert_bottom",
|
|
32690
|
+
style: {
|
|
32691
|
+
bottom: _vm.data.childList.length ? '0px' : '-24px'
|
|
32692
|
+
},
|
|
32693
|
+
attrs: {
|
|
32694
|
+
"id": `-cardTargetdown`
|
|
32695
|
+
}
|
|
32696
|
+
}, [_c('i', {
|
|
32697
|
+
staticClass: "icon-up"
|
|
32698
|
+
}), _c('span', [_vm._v("插入组件")])])], 2)], 1) : _c('cms-view', _vm._b({
|
|
32699
|
+
style: _vm.cardContainerStyle,
|
|
32700
|
+
attrs: {
|
|
32701
|
+
"data": _vm.data.childList,
|
|
32702
|
+
"lang": _vm.lang,
|
|
32703
|
+
"isOpcacity": false
|
|
32704
|
+
}
|
|
32705
|
+
}, 'cms-view', _vm.$attrs, false))], 1);
|
|
32706
|
+
};
|
|
32707
|
+
var staticRenderFns = [];
|
|
32708
|
+
|
|
32709
|
+
;// ./package/cms-column-card/View.vue?vue&type=template&id=971892d6&scoped=true
|
|
32710
|
+
|
|
32711
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
|
|
32712
|
+
var es_array_push = __webpack_require__(4114);
|
|
32713
|
+
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
32714
|
+
var baseComp = __webpack_require__(7843);
|
|
32715
|
+
// EXTERNAL MODULE: ./node_modules/vuedraggable/dist/vuedraggable.umd.js
|
|
32716
|
+
var vuedraggable_umd = __webpack_require__(9014);
|
|
32717
|
+
var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_umd);
|
|
32718
|
+
// EXTERNAL MODULE: ./package/baseConfig.js
|
|
32719
|
+
var baseConfig = __webpack_require__(2128);
|
|
32720
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=script&lang=js
|
|
32721
|
+
|
|
32722
|
+
|
|
32723
|
+
|
|
32724
|
+
|
|
32725
|
+
|
|
32726
|
+
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
32727
|
+
name: "cms-column-card",
|
|
32728
|
+
components: {
|
|
32729
|
+
BaseComp: baseComp["default"],
|
|
32730
|
+
Draggable: (vuedraggable_umd_default())
|
|
32731
|
+
},
|
|
32732
|
+
props: {
|
|
32733
|
+
data: {
|
|
32734
|
+
type: Object,
|
|
32735
|
+
default: () => {
|
|
32736
|
+
return {};
|
|
32737
|
+
}
|
|
32738
|
+
},
|
|
32739
|
+
nowCompId: {
|
|
32740
|
+
type: [String, Number],
|
|
32741
|
+
default: ""
|
|
32742
|
+
},
|
|
32743
|
+
isOpcacity: {
|
|
32744
|
+
type: Boolean,
|
|
32745
|
+
default: true
|
|
32746
|
+
},
|
|
32747
|
+
lang: {
|
|
32748
|
+
type: String,
|
|
32749
|
+
default: "zh-HK"
|
|
32750
|
+
}
|
|
32751
|
+
},
|
|
32752
|
+
data() {
|
|
32753
|
+
return {
|
|
32754
|
+
configData: {},
|
|
32755
|
+
messFold: true,
|
|
32756
|
+
showAddCom: false
|
|
32757
|
+
};
|
|
32758
|
+
},
|
|
32759
|
+
computed: {
|
|
32760
|
+
// 卡片容器样式
|
|
32761
|
+
cardContainerStyle() {
|
|
32762
|
+
return {
|
|
32763
|
+
backgroundImage: this.configData.backgroundImage ? `url('${this.configData.backgroundImage}')` : "none",
|
|
32764
|
+
backgroundSize: "cover",
|
|
32765
|
+
backgroundRepeat: "no-repeat",
|
|
32766
|
+
backgroundPosition: "center center",
|
|
32767
|
+
height: this.getContainerHeight(),
|
|
32768
|
+
border: this.getContainerBorder(),
|
|
32769
|
+
borderRadius: this.getContainerBorderRadius(),
|
|
32770
|
+
backgroundColor: this.configData.backgroundColor || "transparent",
|
|
32771
|
+
boxShadow: this.configData.boxShadow || "none"
|
|
32772
|
+
};
|
|
32773
|
+
}
|
|
32774
|
+
},
|
|
32775
|
+
mounted() {
|
|
32776
|
+
if (this.$EventBus) {
|
|
32777
|
+
this.$EventBus.$on("handleDragEnd", () => {
|
|
32778
|
+
this.showAddCom = false;
|
|
32779
|
+
});
|
|
32780
|
+
}
|
|
32781
|
+
},
|
|
32782
|
+
watch: {},
|
|
32783
|
+
methods: {
|
|
32784
|
+
// 获取容器高度
|
|
32785
|
+
getContainerHeight() {
|
|
32786
|
+
if (this.configData.heightType === "fixed") {
|
|
32787
|
+
return `${this.configData.fixedHeight}px`;
|
|
32788
|
+
}
|
|
32789
|
+
return this.isOpcacity ? "100%" : "auto";
|
|
32790
|
+
},
|
|
32791
|
+
// 获取容器边框
|
|
32792
|
+
getContainerBorder() {
|
|
32793
|
+
if (this.configData.borderWidth) {
|
|
32794
|
+
return `${this.configData.borderWidth}px ${this.configData.borderStyle} ${this.configData.borderColor}`;
|
|
32795
|
+
}
|
|
32796
|
+
return "none";
|
|
32797
|
+
},
|
|
32798
|
+
// 获取容器圆角
|
|
32799
|
+
getContainerBorderRadius() {
|
|
32800
|
+
if (this.configData.borderRadius) {
|
|
32801
|
+
return `${this.configData.borderRadius}px`;
|
|
32802
|
+
}
|
|
32803
|
+
return "0";
|
|
32804
|
+
},
|
|
32805
|
+
getConfigData(configData) {
|
|
32806
|
+
this.configData = configData;
|
|
32807
|
+
},
|
|
32808
|
+
foldMessText() {
|
|
32809
|
+
this.messFold = !this.messFold;
|
|
32810
|
+
},
|
|
32811
|
+
decodeJumpUrl(url) {
|
|
32812
|
+
if (!url) return;
|
|
32813
|
+
top.location.href = url;
|
|
32814
|
+
},
|
|
32815
|
+
onStart(evt) {
|
|
32816
|
+
console.log("drag start in column-card", evt);
|
|
32817
|
+
this.showAddCom = true;
|
|
32818
|
+
},
|
|
32819
|
+
// 限制拖拽的组件类型
|
|
32820
|
+
onMove(evt) {
|
|
32821
|
+
const {
|
|
32822
|
+
draggedContext
|
|
32823
|
+
} = evt;
|
|
32824
|
+
|
|
32825
|
+
// 允许的组件类型
|
|
32826
|
+
const allowedComponents = ["cms-text", "cms-image", "cms-video", "cms-button", "cms-richText", "cms-column" // 允许拖入 cms-column
|
|
32827
|
+
];
|
|
32828
|
+
|
|
32829
|
+
// 如果是从外部拖入的组件
|
|
32830
|
+
if (draggedContext && draggedContext.element) {
|
|
32831
|
+
const componentType = draggedContext.element.cmsCompName;
|
|
32832
|
+
if (componentType && !allowedComponents.includes(componentType)) {
|
|
32833
|
+
console.log(`组件类型 ${componentType} 不允许拖入 column-card`);
|
|
32834
|
+
return false;
|
|
32835
|
+
}
|
|
32836
|
+
|
|
32837
|
+
// 特殊处理 cms-column:检查嵌套层级
|
|
32838
|
+
if (componentType === "cms-column") {
|
|
32839
|
+
if (!this.checkColumnNestingLevel()) {
|
|
32840
|
+
console.log("cms-column 嵌套层级超出限制");
|
|
32841
|
+
return false;
|
|
32842
|
+
}
|
|
32843
|
+
}
|
|
32844
|
+
}
|
|
32845
|
+
return true;
|
|
32846
|
+
},
|
|
32847
|
+
// 检查 cms-column 嵌套层级
|
|
32848
|
+
checkColumnNestingLevel() {
|
|
32849
|
+
// 检查当前 column-card 是否已经在 cms-column 内部
|
|
32850
|
+
let parent = this.$parent;
|
|
32851
|
+
let columnDepth = 0;
|
|
32852
|
+
while (parent) {
|
|
32853
|
+
// 检查父组件是否是 cms-column 或包含 cms-column
|
|
32854
|
+
if (parent.$options.name === "cms-column" || parent.$data && parent.$data.data && parent.$data.data.cmsCompName === "cms-column") {
|
|
32855
|
+
columnDepth++;
|
|
32856
|
+
}
|
|
32857
|
+
|
|
32858
|
+
// 如果已经有一层 cms-column,则不允许再嵌套
|
|
32859
|
+
if (columnDepth >= 2) {
|
|
32860
|
+
console.log(`检测到 cms-column 嵌套层级: ${columnDepth}, 超出限制`);
|
|
32861
|
+
return false;
|
|
32862
|
+
}
|
|
32863
|
+
parent = parent.$parent;
|
|
32864
|
+
}
|
|
32865
|
+
console.log(`cms-column 嵌套层级检查通过: ${columnDepth}`);
|
|
32866
|
+
return true;
|
|
32867
|
+
},
|
|
32868
|
+
// 处理拖拽悬停
|
|
32869
|
+
dragover(e) {
|
|
32870
|
+
e.preventDefault();
|
|
32871
|
+
this.showAddCom = true;
|
|
32872
|
+
},
|
|
32873
|
+
// 处理拖拽放置
|
|
32874
|
+
drop(e) {
|
|
32875
|
+
console.log("cms-colum-card-drop");
|
|
32876
|
+
e.preventDefault();
|
|
32877
|
+
const componentKey = e.dataTransfer.getData("componentKey");
|
|
32878
|
+
if (!componentKey) return;
|
|
32879
|
+
|
|
32880
|
+
// 允许的组件类型
|
|
32881
|
+
const allowedComponents = ["cms-text", "cms-image", "cms-video", "cms-button", "cms-richText", "cms-column" // 允许拖入 cms-column
|
|
32882
|
+
];
|
|
32883
|
+
|
|
32884
|
+
// 检查组件类型是否允许
|
|
32885
|
+
if (!allowedComponents.includes(componentKey)) {
|
|
32886
|
+
console.log(`组件类型 ${componentKey} 不允许拖入 column-card`);
|
|
32887
|
+
this.$message && this.$message.warning(`该组件类型不支持拖入卡片容器`);
|
|
32888
|
+
this.showAddCom = false;
|
|
32889
|
+
return;
|
|
32890
|
+
}
|
|
32891
|
+
|
|
32892
|
+
// 特殊处理 cms-column:检查嵌套层级
|
|
32893
|
+
if (componentKey === "cms-column") {
|
|
32894
|
+
if (!this.checkColumnNestingLevel()) {
|
|
32895
|
+
console.log("cms-column 嵌套层级超出限制");
|
|
32896
|
+
this.$message && this.$message.warning(`cms-column 只能嵌套一层`);
|
|
32897
|
+
this.showAddCom = false;
|
|
32898
|
+
return;
|
|
32899
|
+
}
|
|
32900
|
+
}
|
|
32901
|
+
this.addOneComp(e, componentKey);
|
|
32902
|
+
},
|
|
32903
|
+
// 添加组件到卡片容器
|
|
32904
|
+
addOneComp(e, componentKey) {
|
|
32905
|
+
this.showAddCom = false;
|
|
32906
|
+
console.log("drop to column-card", componentKey);
|
|
32907
|
+
|
|
32908
|
+
// 动态导入组件配置
|
|
32909
|
+
let initCompData;
|
|
32910
|
+
try {
|
|
32911
|
+
initCompData = __webpack_require__(1640)(`./${componentKey}`).default.settings(componentKey);
|
|
32912
|
+
initCompData = {
|
|
32913
|
+
...initCompData,
|
|
32914
|
+
styleConfig: {
|
|
32915
|
+
pc: componentKey == "cms-text" ? [...(0,baseConfig.styleBaseConfig)(16, 16, 0, 0, "px")] : [...(0,baseConfig.styleBaseConfig)(0, 0, 0, 0, "px")],
|
|
32916
|
+
mb: componentKey == "cms-text" ? [...(0,baseConfig.styleBaseConfig)(12, 12, 0, 0, "px")] : [...(0,baseConfig.styleBaseConfig)(0, 0, 0, 0, "px")]
|
|
32917
|
+
}
|
|
32918
|
+
};
|
|
32919
|
+
} catch (error) {
|
|
32920
|
+
console.error(`无法加载组件 ${componentKey}:`, error);
|
|
32921
|
+
this.$message && this.$message.error(`组件加载失败`);
|
|
32922
|
+
return;
|
|
32923
|
+
}
|
|
32924
|
+
const toElementId = e.toElement.id;
|
|
32925
|
+
if (toElementId === `cardTarget${this.data.componentId}` || toElementId.includes("cardTargetdown")) {
|
|
32926
|
+
// 添加到卡片容器末尾
|
|
32927
|
+
this.data.childList.push(initCompData);
|
|
32928
|
+
} else if (toElementId.includes("cardTargetup")) {
|
|
32929
|
+
// 插入到指定位置
|
|
32930
|
+
const underComponentId = toElementId.split("-cardTargetup")[0];
|
|
32931
|
+
const index = this.data.childList.findIndex(item => item.componentId === underComponentId);
|
|
32932
|
+
if (index !== -1) {
|
|
32933
|
+
this.data.childList.splice(index, 0, initCompData);
|
|
32934
|
+
}
|
|
32935
|
+
}
|
|
32936
|
+
|
|
32937
|
+
// 触发数据更新
|
|
32938
|
+
this.$emit("update:data", this.data);
|
|
32939
|
+
if (componentKey === "cms-column") {
|
|
32940
|
+
this.$EventBus.$emit("handleNowComp", initCompData);
|
|
32941
|
+
}
|
|
32942
|
+
}
|
|
32943
|
+
}
|
|
32944
|
+
});
|
|
32945
|
+
;// ./package/cms-column-card/View.vue?vue&type=script&lang=js
|
|
32946
|
+
/* harmony default export */ var cms_column_card_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
32947
|
+
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=style&index=0&id=971892d6&prod&lang=scss&scoped=true
|
|
32948
|
+
// extracted by mini-css-extract-plugin
|
|
32949
|
+
|
|
32950
|
+
;// ./package/cms-column-card/View.vue?vue&type=style&index=0&id=971892d6&prod&lang=scss&scoped=true
|
|
32951
|
+
|
|
32952
|
+
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
32953
|
+
var componentNormalizer = __webpack_require__(1656);
|
|
32954
|
+
;// ./package/cms-column-card/View.vue
|
|
32955
|
+
|
|
32956
|
+
|
|
32957
|
+
|
|
32958
|
+
;
|
|
32959
|
+
|
|
32960
|
+
|
|
32961
|
+
/* normalize component */
|
|
32962
|
+
|
|
32963
|
+
var component = (0,componentNormalizer/* default */.A)(
|
|
32964
|
+
cms_column_card_Viewvue_type_script_lang_js,
|
|
32965
|
+
render,
|
|
32966
|
+
staticRenderFns,
|
|
32967
|
+
false,
|
|
32968
|
+
null,
|
|
32969
|
+
"971892d6",
|
|
32970
|
+
null
|
|
32971
|
+
|
|
32972
|
+
)
|
|
32973
|
+
|
|
32974
|
+
/* harmony default export */ var View = (component.exports);
|
|
32975
|
+
|
|
33614
32976
|
/***/ }),
|
|
33615
32977
|
|
|
33616
32978
|
/***/ 3923:
|
|
@@ -33679,7 +33041,7 @@ var render = function render() {
|
|
|
33679
33041
|
var staticRenderFns = [];
|
|
33680
33042
|
|
|
33681
33043
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
33682
|
-
var baseComp = __webpack_require__(
|
|
33044
|
+
var baseComp = __webpack_require__(7843);
|
|
33683
33045
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-titleCenter/View.vue?vue&type=script&lang=js
|
|
33684
33046
|
|
|
33685
33047
|
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
@@ -33968,7 +33330,7 @@ var render = function render() {
|
|
|
33968
33330
|
var staticRenderFns = [];
|
|
33969
33331
|
|
|
33970
33332
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
33971
|
-
var baseComp = __webpack_require__(
|
|
33333
|
+
var baseComp = __webpack_require__(7843);
|
|
33972
33334
|
// EXTERNAL MODULE: ./package/patch.js
|
|
33973
33335
|
var patch = __webpack_require__(4229);
|
|
33974
33336
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-via-storedValueCard/View.vue?vue&type=script&lang=js
|
|
@@ -34566,7 +33928,7 @@ var es_iterator_for_each = __webpack_require__(7588);
|
|
|
34566
33928
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.map.js
|
|
34567
33929
|
var es_iterator_map = __webpack_require__(1701);
|
|
34568
33930
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
34569
|
-
var baseComp = __webpack_require__(
|
|
33931
|
+
var baseComp = __webpack_require__(7843);
|
|
34570
33932
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video/View.vue?vue&type=script&lang=js
|
|
34571
33933
|
|
|
34572
33934
|
|
|
@@ -35492,7 +34854,7 @@ var render = function render() {
|
|
|
35492
34854
|
var staticRenderFns = [];
|
|
35493
34855
|
|
|
35494
34856
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
35495
|
-
var baseComp = __webpack_require__(
|
|
34857
|
+
var baseComp = __webpack_require__(7843);
|
|
35496
34858
|
// EXTERNAL MODULE: ./src/utils/request.js + 2 modules
|
|
35497
34859
|
var utils_request = __webpack_require__(9688);
|
|
35498
34860
|
;// ./src/api/servePlan.js
|
|
@@ -35761,7 +35123,7 @@ var render = function render() {
|
|
|
35761
35123
|
var staticRenderFns = [];
|
|
35762
35124
|
|
|
35763
35125
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
35764
|
-
var baseComp = __webpack_require__(
|
|
35126
|
+
var baseComp = __webpack_require__(7843);
|
|
35765
35127
|
// EXTERNAL MODULE: ./src/utils/jumpUrl.js
|
|
35766
35128
|
var jumpUrl = __webpack_require__(4102);
|
|
35767
35129
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-titleLeft/View.vue?vue&type=script&setup=true&lang=js
|
|
@@ -36179,7 +35541,7 @@ var render = function render() {
|
|
|
36179
35541
|
var staticRenderFns = [];
|
|
36180
35542
|
|
|
36181
35543
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
36182
|
-
var baseComp = __webpack_require__(
|
|
35544
|
+
var baseComp = __webpack_require__(7843);
|
|
36183
35545
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-servePlan-text/View.vue?vue&type=script&lang=js
|
|
36184
35546
|
|
|
36185
35547
|
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
@@ -36291,7 +35653,7 @@ exportTypedArrayMethod('toSorted', function toSorted(compareFn) {
|
|
|
36291
35653
|
__webpack_require__.r(__webpack_exports__);
|
|
36292
35654
|
/* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
|
|
36293
35655
|
|
|
36294
|
-
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__,
|
|
35656
|
+
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 7326));
|
|
36295
35657
|
const langData = {
|
|
36296
35658
|
// 内容编辑
|
|
36297
35659
|
textContent: "请输入文本内容",
|
|
@@ -36308,10 +35670,10 @@ const langData = {
|
|
|
36308
35670
|
textDecoration: "none",
|
|
36309
35671
|
fontFamily: "inherit",
|
|
36310
35672
|
// 布局设置
|
|
36311
|
-
paddingTop:
|
|
36312
|
-
paddingBottom:
|
|
36313
|
-
paddingLeft:
|
|
36314
|
-
paddingRight:
|
|
35673
|
+
paddingTop: 0,
|
|
35674
|
+
paddingBottom: 0,
|
|
35675
|
+
paddingLeft: 0,
|
|
35676
|
+
paddingRight: 0,
|
|
36315
35677
|
marginTop: 0,
|
|
36316
35678
|
marginBottom: 0,
|
|
36317
35679
|
marginLeft: 0,
|
|
@@ -36355,15 +35717,15 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
36355
35717
|
rows: 4,
|
|
36356
35718
|
placeholder: "请输入文本内容,支持换行"
|
|
36357
35719
|
},
|
|
36358
|
-
isRichText: {
|
|
36359
|
-
|
|
36360
|
-
|
|
36361
|
-
},
|
|
36362
|
-
richTextContent: {
|
|
36363
|
-
|
|
36364
|
-
|
|
36365
|
-
|
|
36366
|
-
},
|
|
35720
|
+
// isRichText: {
|
|
35721
|
+
// label: "启用富文本",
|
|
35722
|
+
// widgetType: "el-switch",
|
|
35723
|
+
// },
|
|
35724
|
+
// richTextContent: {
|
|
35725
|
+
// label: "富文本内容",
|
|
35726
|
+
// widgetType: "isRichText",
|
|
35727
|
+
// placeholder: "请输入富文本内容",
|
|
35728
|
+
// },
|
|
36367
35729
|
enableLineBreak: {
|
|
36368
35730
|
label: "支持换行",
|
|
36369
35731
|
widgetType: "el-switch"
|
|
@@ -36389,6 +35751,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
36389
35751
|
fontSize: {
|
|
36390
35752
|
label: "字体大小(px)",
|
|
36391
35753
|
widgetType: "el-input-number",
|
|
35754
|
+
size: "small",
|
|
36392
35755
|
min: 10,
|
|
36393
35756
|
max: 72,
|
|
36394
35757
|
step: 1
|
|
@@ -36396,6 +35759,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
36396
35759
|
lineHeight: {
|
|
36397
35760
|
label: "行高",
|
|
36398
35761
|
widgetType: "el-input-number",
|
|
35762
|
+
size: "small",
|
|
36399
35763
|
min: 1,
|
|
36400
35764
|
max: 3,
|
|
36401
35765
|
step: 0.1,
|
|
@@ -36404,6 +35768,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
36404
35768
|
letterSpacing: {
|
|
36405
35769
|
label: "字间距(px)",
|
|
36406
35770
|
widgetType: "el-input-number",
|
|
35771
|
+
size: "small",
|
|
36407
35772
|
min: -5,
|
|
36408
35773
|
max: 20,
|
|
36409
35774
|
step: 0.5
|
|
@@ -36515,48 +35880,56 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
36515
35880
|
paddingTop: {
|
|
36516
35881
|
label: "上内边距(px)",
|
|
36517
35882
|
widgetType: "el-input-number",
|
|
35883
|
+
size: "small",
|
|
36518
35884
|
min: 0,
|
|
36519
35885
|
max: 100
|
|
36520
35886
|
},
|
|
36521
35887
|
paddingBottom: {
|
|
36522
35888
|
label: "下内边距(px)",
|
|
36523
35889
|
widgetType: "el-input-number",
|
|
35890
|
+
size: "small",
|
|
36524
35891
|
min: 0,
|
|
36525
35892
|
max: 100
|
|
36526
35893
|
},
|
|
36527
35894
|
paddingLeft: {
|
|
36528
35895
|
label: "左内边距(px)",
|
|
36529
35896
|
widgetType: "el-input-number",
|
|
35897
|
+
size: "small",
|
|
36530
35898
|
min: 0,
|
|
36531
35899
|
max: 100
|
|
36532
35900
|
},
|
|
36533
35901
|
paddingRight: {
|
|
36534
35902
|
label: "右内边距(px)",
|
|
36535
35903
|
widgetType: "el-input-number",
|
|
35904
|
+
size: "small",
|
|
36536
35905
|
min: 0,
|
|
36537
35906
|
max: 100
|
|
36538
35907
|
},
|
|
36539
35908
|
marginTop: {
|
|
36540
35909
|
label: "上外边距(px)",
|
|
36541
35910
|
widgetType: "el-input-number",
|
|
35911
|
+
size: "small",
|
|
36542
35912
|
min: 0,
|
|
36543
35913
|
max: 100
|
|
36544
35914
|
},
|
|
36545
35915
|
marginBottom: {
|
|
36546
35916
|
label: "下外边距(px)",
|
|
36547
35917
|
widgetType: "el-input-number",
|
|
35918
|
+
size: "small",
|
|
36548
35919
|
min: 0,
|
|
36549
35920
|
max: 100
|
|
36550
35921
|
},
|
|
36551
35922
|
marginLeft: {
|
|
36552
35923
|
label: "左外边距(px)",
|
|
36553
35924
|
widgetType: "el-input-number",
|
|
35925
|
+
size: "small",
|
|
36554
35926
|
min: 0,
|
|
36555
35927
|
max: 100
|
|
36556
35928
|
},
|
|
36557
35929
|
marginRight: {
|
|
36558
35930
|
label: "右外边距(px)",
|
|
36559
35931
|
widgetType: "el-input-number",
|
|
35932
|
+
size: "small",
|
|
36560
35933
|
min: 0,
|
|
36561
35934
|
max: 100
|
|
36562
35935
|
},
|
|
@@ -36568,6 +35941,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
36568
35941
|
borderWidth: {
|
|
36569
35942
|
label: "边框宽度(px)",
|
|
36570
35943
|
widgetType: "el-input-number",
|
|
35944
|
+
size: "small",
|
|
36571
35945
|
min: 0,
|
|
36572
35946
|
max: 10
|
|
36573
35947
|
},
|
|
@@ -36595,14 +35969,16 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
36595
35969
|
borderRadius: {
|
|
36596
35970
|
label: "圆角(px)",
|
|
36597
35971
|
widgetType: "el-input-number",
|
|
35972
|
+
size: "small",
|
|
36598
35973
|
min: 0,
|
|
36599
35974
|
max: 50
|
|
36600
35975
|
},
|
|
36601
|
-
boxShadow: {
|
|
36602
|
-
|
|
36603
|
-
|
|
36604
|
-
|
|
36605
|
-
},
|
|
35976
|
+
// boxShadow: {
|
|
35977
|
+
// label: "阴影效果",
|
|
35978
|
+
// widgetType: "el-input",
|
|
35979
|
+
// placeholder: "如: 0 2px 4px rgba(0,0,0,0.1)",
|
|
35980
|
+
// },
|
|
35981
|
+
|
|
36606
35982
|
// 交互功能配置
|
|
36607
35983
|
linkUrl: {
|
|
36608
35984
|
label: "链接地址",
|
|
@@ -36629,17 +36005,17 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
36629
36005
|
widgetType: "el-switch"
|
|
36630
36006
|
},
|
|
36631
36007
|
// 高级配置
|
|
36632
|
-
customClass: {
|
|
36633
|
-
|
|
36634
|
-
|
|
36635
|
-
|
|
36636
|
-
},
|
|
36637
|
-
customStyle: {
|
|
36638
|
-
|
|
36639
|
-
|
|
36640
|
-
|
|
36641
|
-
|
|
36642
|
-
},
|
|
36008
|
+
// customClass: {
|
|
36009
|
+
// label: "自定义CSS类",
|
|
36010
|
+
// widgetType: "el-input",
|
|
36011
|
+
// placeholder: "请输入CSS类名",
|
|
36012
|
+
// },
|
|
36013
|
+
// customStyle: {
|
|
36014
|
+
// label: "自定义样式",
|
|
36015
|
+
// widgetType: "el-input",
|
|
36016
|
+
// type: "textarea",
|
|
36017
|
+
// placeholder: "请输入CSS样式,如: color: red; font-size: 18px;",
|
|
36018
|
+
// },
|
|
36643
36019
|
enableAnimation: {
|
|
36644
36020
|
label: "启用动画",
|
|
36645
36021
|
widgetType: "el-switch"
|
|
@@ -36670,6 +36046,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
36670
36046
|
animationDuration: {
|
|
36671
36047
|
label: "动画时长(ms)",
|
|
36672
36048
|
widgetType: "el-input-number",
|
|
36049
|
+
size: "small",
|
|
36673
36050
|
min: 100,
|
|
36674
36051
|
max: 2000,
|
|
36675
36052
|
step: 100
|
|
@@ -37479,8 +36856,8 @@ var map = {
|
|
|
37479
36856
|
"./cms-banner/View.vue": 7747,
|
|
37480
36857
|
"./cms-button/View.vue": 1163,
|
|
37481
36858
|
"./cms-cells/View.vue": 983,
|
|
37482
|
-
"./cms-column-card/View.vue":
|
|
37483
|
-
"./cms-column/View.vue":
|
|
36859
|
+
"./cms-column-card/View.vue": 3894,
|
|
36860
|
+
"./cms-column/View.vue": 8970,
|
|
37484
36861
|
"./cms-description/View.vue": 6296,
|
|
37485
36862
|
"./cms-dynamic-comp/View.vue": 7298,
|
|
37486
36863
|
"./cms-iconFour/View.vue": 2946,
|
|
@@ -37498,7 +36875,7 @@ var map = {
|
|
|
37498
36875
|
"./cms-servePlan-tab/View.vue": 330,
|
|
37499
36876
|
"./cms-servePlan-text/View.vue": 4726,
|
|
37500
36877
|
"./cms-termsAndConditions/View.vue": 7060,
|
|
37501
|
-
"./cms-text/View.vue":
|
|
36878
|
+
"./cms-text/View.vue": 7326,
|
|
37502
36879
|
"./cms-threeScroll/View.vue": 8687,
|
|
37503
36880
|
"./cms-titleCenter/View.vue": 4003,
|
|
37504
36881
|
"./cms-titleLeft/View.vue": 4598,
|
|
@@ -38190,7 +37567,7 @@ var render = function render() {
|
|
|
38190
37567
|
var staticRenderFns = [];
|
|
38191
37568
|
|
|
38192
37569
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
38193
|
-
var baseComp = __webpack_require__(
|
|
37570
|
+
var baseComp = __webpack_require__(7843);
|
|
38194
37571
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-richText/View.vue?vue&type=script&lang=js
|
|
38195
37572
|
|
|
38196
37573
|
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
@@ -38748,11 +38125,25 @@ function updateDefaultConfig(data) {
|
|
|
38748
38125
|
data
|
|
38749
38126
|
});
|
|
38750
38127
|
}
|
|
38128
|
+
function omniHeartbeat(data) {
|
|
38129
|
+
return request({
|
|
38130
|
+
method: "post",
|
|
38131
|
+
url: "/omni-channel-service-console/rest/workBench/keepAlive",
|
|
38132
|
+
data
|
|
38133
|
+
});
|
|
38134
|
+
}
|
|
38135
|
+
function emallHeartbeat(data) {
|
|
38136
|
+
return request({
|
|
38137
|
+
method: "post",
|
|
38138
|
+
url: "/ecosp-console/workbench/keepAlive",
|
|
38139
|
+
data
|
|
38140
|
+
});
|
|
38141
|
+
}
|
|
38751
38142
|
// EXTERNAL MODULE: ./node_modules/qs/lib/index.js
|
|
38752
38143
|
var lib = __webpack_require__(7087);
|
|
38753
38144
|
var lib_default = /*#__PURE__*/__webpack_require__.n(lib);
|
|
38754
38145
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
38755
|
-
var baseComp = __webpack_require__(
|
|
38146
|
+
var baseComp = __webpack_require__(7843);
|
|
38756
38147
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-proCard/View.vue?vue&type=script&lang=js
|
|
38757
38148
|
|
|
38758
38149
|
|
|
@@ -42355,7 +41746,7 @@ var es_iterator_for_each = __webpack_require__(7588);
|
|
|
42355
41746
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.map.js
|
|
42356
41747
|
var es_iterator_map = __webpack_require__(1701);
|
|
42357
41748
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
42358
|
-
var baseComp = __webpack_require__(
|
|
41749
|
+
var baseComp = __webpack_require__(7843);
|
|
42359
41750
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-question/View.vue?vue&type=script&lang=js
|
|
42360
41751
|
|
|
42361
41752
|
|
|
@@ -42501,7 +41892,7 @@ var render = function render() {
|
|
|
42501
41892
|
var staticRenderFns = [];
|
|
42502
41893
|
|
|
42503
41894
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
42504
|
-
var baseComp = __webpack_require__(
|
|
41895
|
+
var baseComp = __webpack_require__(7843);
|
|
42505
41896
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-description/View.vue?vue&type=script&lang=js
|
|
42506
41897
|
|
|
42507
41898
|
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
@@ -43028,7 +42419,7 @@ var es_iterator_constructor = __webpack_require__(8111);
|
|
|
43028
42419
|
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
|
|
43029
42420
|
var es_iterator_for_each = __webpack_require__(7588);
|
|
43030
42421
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
43031
|
-
var baseComp = __webpack_require__(
|
|
42422
|
+
var baseComp = __webpack_require__(7843);
|
|
43032
42423
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=script&lang=js
|
|
43033
42424
|
|
|
43034
42425
|
|
|
@@ -43581,6 +42972,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
43581
42972
|
fontSize: {
|
|
43582
42973
|
label: "字体大小(px)",
|
|
43583
42974
|
widgetType: "el-input-number",
|
|
42975
|
+
size: "small",
|
|
43584
42976
|
min: 10,
|
|
43585
42977
|
max: 48,
|
|
43586
42978
|
step: 1
|
|
@@ -43638,6 +43030,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
43638
43030
|
borderRadius: {
|
|
43639
43031
|
label: "圆角(px)",
|
|
43640
43032
|
widgetType: "el-input-number",
|
|
43033
|
+
size: "small",
|
|
43641
43034
|
min: 0,
|
|
43642
43035
|
max: 50,
|
|
43643
43036
|
step: 1
|
|
@@ -43645,6 +43038,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
43645
43038
|
borderWidth: {
|
|
43646
43039
|
label: "边框宽度(px)",
|
|
43647
43040
|
widgetType: "el-input-number",
|
|
43041
|
+
size: "small",
|
|
43648
43042
|
min: 0,
|
|
43649
43043
|
max: 10,
|
|
43650
43044
|
step: 1
|
|
@@ -43674,6 +43068,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
43674
43068
|
paddingTop: {
|
|
43675
43069
|
label: "上内边距(px)",
|
|
43676
43070
|
widgetType: "el-input-number",
|
|
43071
|
+
size: "small",
|
|
43677
43072
|
min: 0,
|
|
43678
43073
|
max: 50,
|
|
43679
43074
|
step: 1
|
|
@@ -43681,6 +43076,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
43681
43076
|
paddingBottom: {
|
|
43682
43077
|
label: "下内边距(px)",
|
|
43683
43078
|
widgetType: "el-input-number",
|
|
43079
|
+
size: "small",
|
|
43684
43080
|
min: 0,
|
|
43685
43081
|
max: 50,
|
|
43686
43082
|
step: 1
|
|
@@ -43688,6 +43084,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
43688
43084
|
paddingLeft: {
|
|
43689
43085
|
label: "左内边距(px)",
|
|
43690
43086
|
widgetType: "el-input-number",
|
|
43087
|
+
size: "small",
|
|
43691
43088
|
min: 0,
|
|
43692
43089
|
max: 50,
|
|
43693
43090
|
step: 1
|
|
@@ -43695,6 +43092,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
43695
43092
|
paddingRight: {
|
|
43696
43093
|
label: "右内边距(px)",
|
|
43697
43094
|
widgetType: "el-input-number",
|
|
43095
|
+
size: "small",
|
|
43698
43096
|
min: 0,
|
|
43699
43097
|
max: 50,
|
|
43700
43098
|
step: 1
|
|
@@ -43702,6 +43100,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
43702
43100
|
marginTop: {
|
|
43703
43101
|
label: "上外边距(px)",
|
|
43704
43102
|
widgetType: "el-input-number",
|
|
43103
|
+
size: "small",
|
|
43705
43104
|
min: 0,
|
|
43706
43105
|
max: 100,
|
|
43707
43106
|
step: 1
|
|
@@ -43709,6 +43108,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
43709
43108
|
marginBottom: {
|
|
43710
43109
|
label: "下外边距(px)",
|
|
43711
43110
|
widgetType: "el-input-number",
|
|
43111
|
+
size: "small",
|
|
43712
43112
|
min: 0,
|
|
43713
43113
|
max: 100,
|
|
43714
43114
|
step: 1
|
|
@@ -43716,6 +43116,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
43716
43116
|
marginLeft: {
|
|
43717
43117
|
label: "左外边距(px)",
|
|
43718
43118
|
widgetType: "el-input-number",
|
|
43119
|
+
size: "small",
|
|
43719
43120
|
min: 0,
|
|
43720
43121
|
max: 100,
|
|
43721
43122
|
step: 1
|
|
@@ -43723,6 +43124,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
43723
43124
|
marginRight: {
|
|
43724
43125
|
label: "右外边距(px)",
|
|
43725
43126
|
widgetType: "el-input-number",
|
|
43127
|
+
size: "small",
|
|
43726
43128
|
min: 0,
|
|
43727
43129
|
max: 100,
|
|
43728
43130
|
step: 1
|
|
@@ -43777,6 +43179,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
43777
43179
|
minWidth: {
|
|
43778
43180
|
label: "最小宽度(px)",
|
|
43779
43181
|
widgetType: "el-input-number",
|
|
43182
|
+
size: "small",
|
|
43780
43183
|
min: 20,
|
|
43781
43184
|
max: 500,
|
|
43782
43185
|
step: 1
|
|
@@ -43784,6 +43187,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
43784
43187
|
minHeight: {
|
|
43785
43188
|
label: "最小高度(px)",
|
|
43786
43189
|
widgetType: "el-input-number",
|
|
43190
|
+
size: "small",
|
|
43787
43191
|
min: 20,
|
|
43788
43192
|
max: 100,
|
|
43789
43193
|
step: 1
|
|
@@ -43809,18 +43213,18 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
43809
43213
|
label: "禁用状态",
|
|
43810
43214
|
widgetType: "el-switch"
|
|
43811
43215
|
},
|
|
43812
|
-
// 高级配置
|
|
43813
|
-
customClass: {
|
|
43814
|
-
|
|
43815
|
-
|
|
43816
|
-
|
|
43817
|
-
},
|
|
43818
|
-
customStyle: {
|
|
43819
|
-
|
|
43820
|
-
|
|
43821
|
-
|
|
43822
|
-
|
|
43823
|
-
},
|
|
43216
|
+
// // 高级配置
|
|
43217
|
+
// customClass: {
|
|
43218
|
+
// label: "自定义CSS类",
|
|
43219
|
+
// widgetType: "el-input",
|
|
43220
|
+
// placeholder: "请输入CSS类名"
|
|
43221
|
+
// },
|
|
43222
|
+
// customStyle: {
|
|
43223
|
+
// label: "自定义样式",
|
|
43224
|
+
// widgetType: "el-input",
|
|
43225
|
+
// type: "textarea",
|
|
43226
|
+
// placeholder: "请输入CSS样式,如: box-shadow: 0 2px 4px rgba(0,0,0,0.1);"
|
|
43227
|
+
// },
|
|
43824
43228
|
hoverEffect: {
|
|
43825
43229
|
label: "悬停效果",
|
|
43826
43230
|
widgetType: "el-switch"
|
|
@@ -44497,7 +43901,7 @@ var swiper = __webpack_require__(828);
|
|
|
44497
43901
|
// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
|
|
44498
43902
|
var swiper_esm_bundle = __webpack_require__(1532);
|
|
44499
43903
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
44500
|
-
var baseComp = __webpack_require__(
|
|
43904
|
+
var baseComp = __webpack_require__(7843);
|
|
44501
43905
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-termsAndConditions/View.vue?vue&type=script&lang=js
|
|
44502
43906
|
|
|
44503
43907
|
|
|
@@ -45281,7 +44685,7 @@ var render = function render() {
|
|
|
45281
44685
|
var staticRenderFns = [];
|
|
45282
44686
|
|
|
45283
44687
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
45284
|
-
var baseComp = __webpack_require__(
|
|
44688
|
+
var baseComp = __webpack_require__(7843);
|
|
45285
44689
|
// EXTERNAL MODULE: ./package/patch.js
|
|
45286
44690
|
var patch = __webpack_require__(4229);
|
|
45287
44691
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-dynamic-comp/View.vue?vue&type=script&lang=js
|
|
@@ -45401,111 +44805,7 @@ var component = (0,componentNormalizer/* default */.A)(
|
|
|
45401
44805
|
|
|
45402
44806
|
/***/ }),
|
|
45403
44807
|
|
|
45404
|
-
/***/
|
|
45405
|
-
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
|
|
45406
|
-
|
|
45407
|
-
"use strict";
|
|
45408
|
-
|
|
45409
|
-
var DESCRIPTORS = __webpack_require__(3724);
|
|
45410
|
-
var call = __webpack_require__(9565);
|
|
45411
|
-
var propertyIsEnumerableModule = __webpack_require__(8773);
|
|
45412
|
-
var createPropertyDescriptor = __webpack_require__(6980);
|
|
45413
|
-
var toIndexedObject = __webpack_require__(5397);
|
|
45414
|
-
var toPropertyKey = __webpack_require__(6969);
|
|
45415
|
-
var hasOwn = __webpack_require__(9297);
|
|
45416
|
-
var IE8_DOM_DEFINE = __webpack_require__(5917);
|
|
45417
|
-
|
|
45418
|
-
// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
|
|
45419
|
-
var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
|
|
45420
|
-
|
|
45421
|
-
// `Object.getOwnPropertyDescriptor` method
|
|
45422
|
-
// https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
|
|
45423
|
-
exports.f = DESCRIPTORS ? $getOwnPropertyDescriptor : function getOwnPropertyDescriptor(O, P) {
|
|
45424
|
-
O = toIndexedObject(O);
|
|
45425
|
-
P = toPropertyKey(P);
|
|
45426
|
-
if (IE8_DOM_DEFINE) try {
|
|
45427
|
-
return $getOwnPropertyDescriptor(O, P);
|
|
45428
|
-
} catch (error) { /* empty */ }
|
|
45429
|
-
if (hasOwn(O, P)) return createPropertyDescriptor(!call(propertyIsEnumerableModule.f, O, P), O[P]);
|
|
45430
|
-
};
|
|
45431
|
-
|
|
45432
|
-
|
|
45433
|
-
/***/ }),
|
|
45434
|
-
|
|
45435
|
-
/***/ 7394:
|
|
45436
|
-
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
45437
|
-
|
|
45438
|
-
"use strict";
|
|
45439
|
-
|
|
45440
|
-
var globalThis = __webpack_require__(4576);
|
|
45441
|
-
var uncurryThisAccessor = __webpack_require__(6706);
|
|
45442
|
-
var classof = __webpack_require__(2195);
|
|
45443
|
-
|
|
45444
|
-
var ArrayBuffer = globalThis.ArrayBuffer;
|
|
45445
|
-
var TypeError = globalThis.TypeError;
|
|
45446
|
-
|
|
45447
|
-
// Includes
|
|
45448
|
-
// - Perform ? RequireInternalSlot(O, [[ArrayBufferData]]).
|
|
45449
|
-
// - If IsSharedArrayBuffer(O) is true, throw a TypeError exception.
|
|
45450
|
-
module.exports = ArrayBuffer && uncurryThisAccessor(ArrayBuffer.prototype, 'byteLength', 'get') || function (O) {
|
|
45451
|
-
if (classof(O) !== 'ArrayBuffer') throw new TypeError('ArrayBuffer expected');
|
|
45452
|
-
return O.byteLength;
|
|
45453
|
-
};
|
|
45454
|
-
|
|
45455
|
-
|
|
45456
|
-
/***/ }),
|
|
45457
|
-
|
|
45458
|
-
/***/ 7467:
|
|
45459
|
-
/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
|
|
45460
|
-
|
|
45461
|
-
"use strict";
|
|
45462
|
-
|
|
45463
|
-
var arrayToReversed = __webpack_require__(7628);
|
|
45464
|
-
var ArrayBufferViewCore = __webpack_require__(4644);
|
|
45465
|
-
|
|
45466
|
-
var aTypedArray = ArrayBufferViewCore.aTypedArray;
|
|
45467
|
-
var exportTypedArrayMethod = ArrayBufferViewCore.exportTypedArrayMethod;
|
|
45468
|
-
var getTypedArrayConstructor = ArrayBufferViewCore.getTypedArrayConstructor;
|
|
45469
|
-
|
|
45470
|
-
// `%TypedArray%.prototype.toReversed` method
|
|
45471
|
-
// https://tc39.es/ecma262/#sec-%typedarray%.prototype.toreversed
|
|
45472
|
-
exportTypedArrayMethod('toReversed', function toReversed() {
|
|
45473
|
-
return arrayToReversed(aTypedArray(this), getTypedArrayConstructor(this));
|
|
45474
|
-
});
|
|
45475
|
-
|
|
45476
|
-
|
|
45477
|
-
/***/ }),
|
|
45478
|
-
|
|
45479
|
-
/***/ 7476:
|
|
45480
|
-
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
45481
|
-
|
|
45482
|
-
"use strict";
|
|
45483
|
-
|
|
45484
|
-
var classofRaw = __webpack_require__(2195);
|
|
45485
|
-
var uncurryThis = __webpack_require__(9504);
|
|
45486
|
-
|
|
45487
|
-
module.exports = function (fn) {
|
|
45488
|
-
// Nashorn bug:
|
|
45489
|
-
// https://github.com/zloirock/core-js/issues/1128
|
|
45490
|
-
// https://github.com/zloirock/core-js/issues/1130
|
|
45491
|
-
if (classofRaw(fn) === 'Function') return uncurryThis(fn);
|
|
45492
|
-
};
|
|
45493
|
-
|
|
45494
|
-
|
|
45495
|
-
/***/ }),
|
|
45496
|
-
|
|
45497
|
-
/***/ 7518:
|
|
45498
|
-
/***/ (function(module) {
|
|
45499
|
-
|
|
45500
|
-
"use strict";
|
|
45501
|
-
|
|
45502
|
-
|
|
45503
|
-
/** @type {import('./floor')} */
|
|
45504
|
-
module.exports = Math.floor;
|
|
45505
|
-
|
|
45506
|
-
/***/ }),
|
|
45507
|
-
|
|
45508
|
-
/***/ 7559:
|
|
44808
|
+
/***/ 7326:
|
|
45509
44809
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
45510
44810
|
|
|
45511
44811
|
"use strict";
|
|
@@ -45517,7 +44817,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
45517
44817
|
"default": function() { return /* binding */ View; }
|
|
45518
44818
|
});
|
|
45519
44819
|
|
|
45520
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-
|
|
44820
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-text/View.vue?vue&type=template&id=7fe7dfef&scoped=true
|
|
45521
44821
|
var render = function render() {
|
|
45522
44822
|
var _vm = this,
|
|
45523
44823
|
_c = _vm._self._c;
|
|
@@ -45531,135 +44831,653 @@ var render = function render() {
|
|
|
45531
44831
|
on: {
|
|
45532
44832
|
"getConfigData": _vm.getConfigData
|
|
45533
44833
|
}
|
|
45534
|
-
}, 'BaseComp', _vm.$attrs, false), [_c('
|
|
45535
|
-
staticClass: "
|
|
45536
|
-
|
|
45537
|
-
|
|
45538
|
-
|
|
45539
|
-
|
|
45540
|
-
|
|
45541
|
-
staticClass: "box",
|
|
45542
|
-
on: {
|
|
45543
|
-
"click": function ($event) {
|
|
45544
|
-
return _vm.decodeJumpUrl(_vm.left.jumpUrl);
|
|
45545
|
-
}
|
|
45546
|
-
}
|
|
45547
|
-
}, [_c('img', {
|
|
45548
|
-
staticClass: "broadband-img",
|
|
44834
|
+
}, 'BaseComp', _vm.$attrs, false), [_c('section', {
|
|
44835
|
+
staticClass: "cms-text-container",
|
|
44836
|
+
class: [`align-${_vm.configData.textAlign || 'left'}`, _vm.configData.customClass || '', {
|
|
44837
|
+
'has-link': _vm.configData.linkUrl,
|
|
44838
|
+
'hover-effect': _vm.configData.hoverEffect && _vm.configData.linkUrl
|
|
44839
|
+
}],
|
|
44840
|
+
style: _vm.containerStyle,
|
|
45549
44841
|
attrs: {
|
|
45550
|
-
"
|
|
45551
|
-
"
|
|
45552
|
-
|
|
45553
|
-
|
|
45554
|
-
|
|
45555
|
-
staticStyle: {
|
|
45556
|
-
"color": "#fff"
|
|
45557
|
-
}
|
|
45558
|
-
}, [_c('p', {
|
|
45559
|
-
staticClass: "broadband-title"
|
|
45560
|
-
}, [_vm._v(" " + _vm._s(_vm.left.input1) + " ")]), _c('p', {
|
|
45561
|
-
staticClass: "broadband-des1 des-overflow"
|
|
45562
|
-
}, [_vm._v(" " + _vm._s(_vm.left.input2) + " ")]), _vm.left.input3 ? _c('a', {
|
|
45563
|
-
staticClass: "right-arrow"
|
|
45564
|
-
}, [_vm._v(" " + _vm._s(_vm.left.input3) + " ")]) : _vm._e()])])]), _vm.rightOne.length > 0 ? _c('div', {
|
|
45565
|
-
staticClass: "broadband-item",
|
|
44842
|
+
"aria-label": _vm.configData.ariaLabel,
|
|
44843
|
+
"tabindex": _vm.configData.tabIndex,
|
|
44844
|
+
"role": _vm.configData.role,
|
|
44845
|
+
"title": _vm.configData.seoTitle || _vm.configData.seoDescription
|
|
44846
|
+
},
|
|
45566
44847
|
on: {
|
|
45567
|
-
"click":
|
|
45568
|
-
return _vm.decodeJumpUrl(_vm.rightOne[_vm.swiperIdx].jumpUrl);
|
|
45569
|
-
}
|
|
45570
|
-
}
|
|
45571
|
-
}, [_c('div', {
|
|
45572
|
-
staticClass: "broadband-center_wapper",
|
|
45573
|
-
attrs: {
|
|
45574
|
-
"id": "swiperOne"
|
|
44848
|
+
"click": _vm.handleClick
|
|
45575
44849
|
}
|
|
45576
44850
|
}, [_c('div', {
|
|
45577
|
-
staticClass: "
|
|
45578
|
-
|
|
45579
|
-
|
|
45580
|
-
|
|
45581
|
-
|
|
45582
|
-
|
|
45583
|
-
|
|
45584
|
-
}, [
|
|
45585
|
-
|
|
45586
|
-
|
|
45587
|
-
|
|
45588
|
-
|
|
45589
|
-
|
|
45590
|
-
}), _c('div', {
|
|
45591
|
-
staticClass: "broadband-mess"
|
|
45592
|
-
}, [_c('p', {
|
|
45593
|
-
staticClass: "broadband-title"
|
|
45594
|
-
}, [_vm._v(" " + _vm._s(item.input1) + " ")]), _c('p', {
|
|
45595
|
-
staticClass: "broadband-des"
|
|
45596
|
-
}, [_vm._v(" " + _vm._s(item.input2) + " ")]), item.input3 ? _c('a', {
|
|
45597
|
-
staticClass: "right-arrow"
|
|
45598
|
-
}, [_vm._v(_vm._s(item.input3))]) : _vm._e()])])]);
|
|
45599
|
-
}), 0)]), _vm.rightOne.length > 1 ? _c('div', {
|
|
45600
|
-
staticClass: "swiper-button-number-bd gray-line-min"
|
|
45601
|
-
}, _vm._l(_vm.rightOne, function (item, inx) {
|
|
45602
|
-
return _c('div', {
|
|
45603
|
-
key: inx,
|
|
45604
|
-
class: ['line-customs-bd', inx === _vm.swiperIdx ? 'line-customs-bd-active' : ''],
|
|
45605
|
-
on: {
|
|
45606
|
-
"click": function ($event) {
|
|
45607
|
-
$event.stopPropagation();
|
|
45608
|
-
return _vm.jumpToSlide(inx);
|
|
45609
|
-
}
|
|
45610
|
-
}
|
|
45611
|
-
});
|
|
45612
|
-
}), 0) : _vm._e()]) : _vm._e(), _c('div', {
|
|
45613
|
-
staticClass: "broadband-item"
|
|
45614
|
-
}, [_c('div', {
|
|
45615
|
-
staticClass: "box",
|
|
45616
|
-
on: {
|
|
45617
|
-
"click": function ($event) {
|
|
45618
|
-
return _vm.decodeJumpUrl(_vm.rightTwo.jumpUrl);
|
|
45619
|
-
}
|
|
45620
|
-
}
|
|
45621
|
-
}, [_c('img', {
|
|
45622
|
-
staticClass: "broadband-img",
|
|
45623
|
-
attrs: {
|
|
45624
|
-
"src": _vm.rightTwo.uploadImagePC,
|
|
45625
|
-
"alt": _vm.rightTwo.imagePcATL
|
|
45626
|
-
}
|
|
45627
|
-
}), _c('div', {
|
|
45628
|
-
staticClass: "broadband-mess"
|
|
45629
|
-
}, [_c('p', {
|
|
45630
|
-
staticClass: "broadband-title"
|
|
45631
|
-
}, [_vm._v(" " + _vm._s(_vm.rightTwo.input1) + " ")]), _c('p', {
|
|
45632
|
-
staticClass: "broadband-des"
|
|
45633
|
-
}, [_vm._v(" " + _vm._s(_vm.rightTwo.input2) + " ")])]), _c('div', {
|
|
45634
|
-
staticClass: "swiper-popover"
|
|
45635
|
-
}), _vm.rightTwo.input3 ? _c('div', {
|
|
45636
|
-
staticClass: "swiper-btn"
|
|
45637
|
-
}, [_c('span', {
|
|
45638
|
-
staticClass: "vm"
|
|
45639
|
-
}, [_vm._v(_vm._s(_vm.rightTwo.input3))]), _c('img', {
|
|
45640
|
-
staticClass: "icon_rarrow kf-goto vm",
|
|
45641
|
-
attrs: {
|
|
45642
|
-
"src": __webpack_require__(1061)
|
|
45643
|
-
}
|
|
45644
|
-
})]) : _vm._e()])])])])]);
|
|
44851
|
+
staticClass: "text-content",
|
|
44852
|
+
style: _vm.textStyle
|
|
44853
|
+
}, _vm._l(_vm.textLines, function (line, index) {
|
|
44854
|
+
return _c('p', {
|
|
44855
|
+
key: index,
|
|
44856
|
+
staticClass: "text-line",
|
|
44857
|
+
style: _vm.lineStyle
|
|
44858
|
+
}, [_vm._v(" " + _vm._s(line) + " ")]);
|
|
44859
|
+
}), 0), _vm.configData.linkUrl && _vm.configData.showLinkIcon ? _c('div', {
|
|
44860
|
+
staticClass: "link-indicator"
|
|
44861
|
+
}, [_c('i', {
|
|
44862
|
+
staticClass: "el-icon-link"
|
|
44863
|
+
})]) : _vm._e()])]);
|
|
45645
44864
|
};
|
|
45646
44865
|
var staticRenderFns = [];
|
|
45647
44866
|
|
|
45648
|
-
|
|
45649
|
-
|
|
45650
|
-
// EXTERNAL MODULE: ./node_modules/
|
|
45651
|
-
var
|
|
45652
|
-
// EXTERNAL MODULE: ./node_modules/
|
|
45653
|
-
var
|
|
44867
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
|
|
44868
|
+
var es_iterator_constructor = __webpack_require__(8111);
|
|
44869
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.filter.js
|
|
44870
|
+
var es_iterator_filter = __webpack_require__(2489);
|
|
44871
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
|
|
44872
|
+
var es_iterator_for_each = __webpack_require__(7588);
|
|
45654
44873
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
45655
|
-
var baseComp = __webpack_require__(
|
|
45656
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-
|
|
44874
|
+
var baseComp = __webpack_require__(7843);
|
|
44875
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-text/View.vue?vue&type=script&lang=js
|
|
44876
|
+
|
|
44877
|
+
|
|
44878
|
+
|
|
45657
44879
|
|
|
45658
44880
|
|
|
45659
44881
|
|
|
45660
44882
|
|
|
45661
44883
|
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
45662
|
-
name: "cms-
|
|
44884
|
+
name: "cms-text",
|
|
44885
|
+
components: {
|
|
44886
|
+
BaseComp: baseComp["default"]
|
|
44887
|
+
},
|
|
44888
|
+
props: {
|
|
44889
|
+
data: {
|
|
44890
|
+
type: Object,
|
|
44891
|
+
default: () => {
|
|
44892
|
+
return {};
|
|
44893
|
+
}
|
|
44894
|
+
},
|
|
44895
|
+
nowCompId: {
|
|
44896
|
+
type: [String, Number],
|
|
44897
|
+
default: ""
|
|
44898
|
+
},
|
|
44899
|
+
isOpcacity: {
|
|
44900
|
+
type: Boolean,
|
|
44901
|
+
default: true
|
|
44902
|
+
},
|
|
44903
|
+
lang: {
|
|
44904
|
+
type: String,
|
|
44905
|
+
default: "zh-HK"
|
|
44906
|
+
}
|
|
44907
|
+
},
|
|
44908
|
+
data() {
|
|
44909
|
+
return {
|
|
44910
|
+
configData: {},
|
|
44911
|
+
// 默认配置数据
|
|
44912
|
+
defaultConfig: {
|
|
44913
|
+
// 内容编辑
|
|
44914
|
+
textContent: "请输入文本内容",
|
|
44915
|
+
enableLineBreak: true,
|
|
44916
|
+
// 排版控制
|
|
44917
|
+
textAlign: "left",
|
|
44918
|
+
fontSize: 16,
|
|
44919
|
+
lineHeight: 1.5,
|
|
44920
|
+
letterSpacing: 0,
|
|
44921
|
+
// 样式美化
|
|
44922
|
+
fontColor: "#333333",
|
|
44923
|
+
fontWeight: "normal",
|
|
44924
|
+
fontStyle: "normal",
|
|
44925
|
+
textDecoration: "none",
|
|
44926
|
+
fontFamily: "inherit",
|
|
44927
|
+
// 布局设置
|
|
44928
|
+
paddingTop: 0,
|
|
44929
|
+
paddingBottom: 0,
|
|
44930
|
+
paddingLeft: 0,
|
|
44931
|
+
paddingRight: 0,
|
|
44932
|
+
marginTop: 0,
|
|
44933
|
+
marginBottom: 0,
|
|
44934
|
+
marginLeft: 0,
|
|
44935
|
+
marginRight: 0,
|
|
44936
|
+
backgroundColor: "",
|
|
44937
|
+
// 视觉效果
|
|
44938
|
+
borderWidth: 0,
|
|
44939
|
+
borderStyle: "solid",
|
|
44940
|
+
borderColor: "#dcdfe6",
|
|
44941
|
+
borderRadius: 0,
|
|
44942
|
+
boxShadow: "",
|
|
44943
|
+
// 交互功能
|
|
44944
|
+
linkUrl: "",
|
|
44945
|
+
linkTarget: "_self",
|
|
44946
|
+
showLinkIcon: false,
|
|
44947
|
+
hoverEffect: false,
|
|
44948
|
+
// 高级配置
|
|
44949
|
+
customClass: "",
|
|
44950
|
+
customStyle: "",
|
|
44951
|
+
enableAnimation: false,
|
|
44952
|
+
animationType: "fadeIn",
|
|
44953
|
+
animationDuration: 300,
|
|
44954
|
+
// 可访问性配置
|
|
44955
|
+
ariaLabel: "",
|
|
44956
|
+
tabIndex: 0,
|
|
44957
|
+
role: "",
|
|
44958
|
+
// SEO配置
|
|
44959
|
+
seoTitle: "",
|
|
44960
|
+
seoDescription: "",
|
|
44961
|
+
// 响应式配置
|
|
44962
|
+
mobileTextAlign: "",
|
|
44963
|
+
mobileFontSize: 0,
|
|
44964
|
+
tabletFontSize: 0
|
|
44965
|
+
}
|
|
44966
|
+
};
|
|
44967
|
+
},
|
|
44968
|
+
mounted() {
|
|
44969
|
+
this.initConfigData();
|
|
44970
|
+
this.setCSSVariables();
|
|
44971
|
+
},
|
|
44972
|
+
watch: {
|
|
44973
|
+
configData: {
|
|
44974
|
+
handler() {
|
|
44975
|
+
this.updateStyles();
|
|
44976
|
+
},
|
|
44977
|
+
deep: true
|
|
44978
|
+
}
|
|
44979
|
+
},
|
|
44980
|
+
computed: {
|
|
44981
|
+
// 文本行数组(支持换行)
|
|
44982
|
+
textLines() {
|
|
44983
|
+
if (!this.configData.textContent) return [];
|
|
44984
|
+
if (!this.configData.enableLineBreak) {
|
|
44985
|
+
return [this.configData.textContent];
|
|
44986
|
+
}
|
|
44987
|
+
return this.configData.textContent.split("\n").filter(line => line.trim() !== "");
|
|
44988
|
+
},
|
|
44989
|
+
// 容器样式
|
|
44990
|
+
containerStyle() {
|
|
44991
|
+
const config = {
|
|
44992
|
+
...this.defaultConfig,
|
|
44993
|
+
...this.configData
|
|
44994
|
+
};
|
|
44995
|
+
return {
|
|
44996
|
+
padding: `${config.paddingTop}px ${config.paddingRight}px ${config.paddingBottom}px ${config.paddingLeft}px`,
|
|
44997
|
+
margin: `${config.marginTop}px ${config.marginRight}px ${config.marginBottom}px ${config.marginLeft}px`,
|
|
44998
|
+
backgroundColor: config.backgroundColor || "transparent",
|
|
44999
|
+
border: config.borderWidth ? `${config.borderWidth}px ${config.borderStyle} ${config.borderColor}` : "none",
|
|
45000
|
+
borderRadius: `${config.borderRadius}px`,
|
|
45001
|
+
boxShadow: config.boxShadow || "none",
|
|
45002
|
+
cursor: config.linkUrl ? "pointer" : "default",
|
|
45003
|
+
transition: config.hoverEffect ? "all 0.3s ease" : "none",
|
|
45004
|
+
animation: config.enableAnimation ? this.getAnimationStyle() : "none",
|
|
45005
|
+
...this.parseCustomStyle(config.customStyle)
|
|
45006
|
+
};
|
|
45007
|
+
},
|
|
45008
|
+
// 文本样式
|
|
45009
|
+
textStyle() {
|
|
45010
|
+
const config = {
|
|
45011
|
+
...this.defaultConfig,
|
|
45012
|
+
...this.configData
|
|
45013
|
+
};
|
|
45014
|
+
return {
|
|
45015
|
+
color: config.fontColor,
|
|
45016
|
+
fontSize: `${config.fontSize}px`,
|
|
45017
|
+
fontWeight: config.fontWeight,
|
|
45018
|
+
fontStyle: config.fontStyle,
|
|
45019
|
+
textDecoration: config.textDecoration,
|
|
45020
|
+
fontFamily: config.fontFamily,
|
|
45021
|
+
lineHeight: config.lineHeight,
|
|
45022
|
+
letterSpacing: `${config.letterSpacing}px`,
|
|
45023
|
+
textAlign: config.textAlign,
|
|
45024
|
+
wordBreak: "break-word",
|
|
45025
|
+
wordWrap: "break-word",
|
|
45026
|
+
cursor: config.linkUrl ? "pointer" : "default"
|
|
45027
|
+
};
|
|
45028
|
+
},
|
|
45029
|
+
// 行样式
|
|
45030
|
+
lineStyle() {
|
|
45031
|
+
return {
|
|
45032
|
+
margin: "0",
|
|
45033
|
+
padding: "0"
|
|
45034
|
+
};
|
|
45035
|
+
}
|
|
45036
|
+
},
|
|
45037
|
+
methods: {
|
|
45038
|
+
// 初始化配置数据
|
|
45039
|
+
initConfigData() {
|
|
45040
|
+
this.configData = {
|
|
45041
|
+
...this.defaultConfig,
|
|
45042
|
+
...this.configData
|
|
45043
|
+
};
|
|
45044
|
+
},
|
|
45045
|
+
// 获取配置数据
|
|
45046
|
+
getConfigData(configData) {
|
|
45047
|
+
this.configData = {
|
|
45048
|
+
...this.defaultConfig,
|
|
45049
|
+
...configData
|
|
45050
|
+
};
|
|
45051
|
+
this.updateStyles();
|
|
45052
|
+
},
|
|
45053
|
+
// 更新样式
|
|
45054
|
+
updateStyles() {
|
|
45055
|
+
this.$nextTick(() => {
|
|
45056
|
+
this.setCSSVariables();
|
|
45057
|
+
this.$forceUpdate();
|
|
45058
|
+
});
|
|
45059
|
+
},
|
|
45060
|
+
// 设置CSS变量
|
|
45061
|
+
setCSSVariables() {
|
|
45062
|
+
if (!this.$el) return;
|
|
45063
|
+
const config = {
|
|
45064
|
+
...this.defaultConfig,
|
|
45065
|
+
...this.configData
|
|
45066
|
+
};
|
|
45067
|
+
|
|
45068
|
+
// 设置响应式字体大小
|
|
45069
|
+
if (config.mobileFontSize > 0) {
|
|
45070
|
+
this.$el.style.setProperty("--mobile-font-size", `${config.mobileFontSize}px`);
|
|
45071
|
+
}
|
|
45072
|
+
if (config.tabletFontSize > 0) {
|
|
45073
|
+
this.$el.style.setProperty("--tablet-font-size", `${config.tabletFontSize}px`);
|
|
45074
|
+
}
|
|
45075
|
+
|
|
45076
|
+
// 设置移动端文本对齐
|
|
45077
|
+
if (config.mobileTextAlign) {
|
|
45078
|
+
this.$el.style.setProperty("--mobile-text-align", config.mobileTextAlign);
|
|
45079
|
+
}
|
|
45080
|
+
},
|
|
45081
|
+
// 处理点击事件
|
|
45082
|
+
handleClick() {
|
|
45083
|
+
if (this.configData.linkUrl) {
|
|
45084
|
+
const target = this.configData.linkTarget || "_self";
|
|
45085
|
+
if (target === "_blank") {
|
|
45086
|
+
window.open(this.configData.linkUrl, "_blank");
|
|
45087
|
+
} else {
|
|
45088
|
+
window.location.href = this.configData.linkUrl;
|
|
45089
|
+
}
|
|
45090
|
+
}
|
|
45091
|
+
},
|
|
45092
|
+
// 获取动画样式
|
|
45093
|
+
getAnimationStyle() {
|
|
45094
|
+
const animationType = this.configData.animationType || this.defaultConfig.animationType;
|
|
45095
|
+
const duration = this.configData.animationDuration || this.defaultConfig.animationDuration;
|
|
45096
|
+
if (!this.configData.enableAnimation || animationType === "none") return "";
|
|
45097
|
+
return `${animationType} ${duration}ms ease-in-out`;
|
|
45098
|
+
},
|
|
45099
|
+
// 解析自定义样式
|
|
45100
|
+
parseCustomStyle(customStyle) {
|
|
45101
|
+
if (!customStyle) return {};
|
|
45102
|
+
try {
|
|
45103
|
+
// 简单的CSS样式解析
|
|
45104
|
+
const styles = {};
|
|
45105
|
+
const declarations = customStyle.split(";");
|
|
45106
|
+
declarations.forEach(declaration => {
|
|
45107
|
+
const [property, value] = declaration.split(":");
|
|
45108
|
+
if (property && value) {
|
|
45109
|
+
const camelCaseProperty = property.trim().replace(/-([a-z])/g, g => g[1].toUpperCase());
|
|
45110
|
+
styles[camelCaseProperty] = value.trim();
|
|
45111
|
+
}
|
|
45112
|
+
});
|
|
45113
|
+
return styles;
|
|
45114
|
+
} catch (error) {
|
|
45115
|
+
console.warn("解析自定义样式失败:", error);
|
|
45116
|
+
return {};
|
|
45117
|
+
}
|
|
45118
|
+
},
|
|
45119
|
+
// 文本内容验证
|
|
45120
|
+
validateTextContent() {
|
|
45121
|
+
const content = this.configData.textContent;
|
|
45122
|
+
if (!content || content.trim() === "") {
|
|
45123
|
+
console.warn("文本内容为空");
|
|
45124
|
+
return false;
|
|
45125
|
+
}
|
|
45126
|
+
return true;
|
|
45127
|
+
},
|
|
45128
|
+
// 获取纯文本内容
|
|
45129
|
+
getPlainTextContent() {
|
|
45130
|
+
return this.configData.textContent || "";
|
|
45131
|
+
},
|
|
45132
|
+
// 获取文本长度
|
|
45133
|
+
getTextLength() {
|
|
45134
|
+
return this.getPlainTextContent().length;
|
|
45135
|
+
},
|
|
45136
|
+
// 复制文本内容到剪贴板
|
|
45137
|
+
copyTextToClipboard() {
|
|
45138
|
+
const text = this.getPlainTextContent();
|
|
45139
|
+
if (navigator.clipboard && window.isSecureContext) {
|
|
45140
|
+
navigator.clipboard.writeText(text).then(() => {
|
|
45141
|
+
var _this$$message;
|
|
45142
|
+
(_this$$message = this.$message) === null || _this$$message === void 0 ? void 0 : _this$$message.success("文本已复制到剪贴板");
|
|
45143
|
+
}).catch(err => {
|
|
45144
|
+
console.error("复制失败:", err);
|
|
45145
|
+
});
|
|
45146
|
+
} else {
|
|
45147
|
+
// 降级方案
|
|
45148
|
+
const textArea = document.createElement("textarea");
|
|
45149
|
+
textArea.value = text;
|
|
45150
|
+
document.body.appendChild(textArea);
|
|
45151
|
+
textArea.select();
|
|
45152
|
+
try {
|
|
45153
|
+
var _this$$message2;
|
|
45154
|
+
document.execCommand("copy");
|
|
45155
|
+
(_this$$message2 = this.$message) === null || _this$$message2 === void 0 ? void 0 : _this$$message2.success("文本已复制到剪贴板");
|
|
45156
|
+
} catch (err) {
|
|
45157
|
+
console.error("复制失败:", err);
|
|
45158
|
+
}
|
|
45159
|
+
document.body.removeChild(textArea);
|
|
45160
|
+
}
|
|
45161
|
+
},
|
|
45162
|
+
// 文本搜索高亮
|
|
45163
|
+
highlightText(searchTerm) {
|
|
45164
|
+
if (!searchTerm) return;
|
|
45165
|
+
const content = this.getPlainTextContent();
|
|
45166
|
+
const regex = new RegExp(`(${searchTerm})`, "gi");
|
|
45167
|
+
const highlightedContent = content.replace(regex, "<mark>$1</mark>");
|
|
45168
|
+
|
|
45169
|
+
// 这里可以根据需要实现高亮显示逻辑
|
|
45170
|
+
console.log("高亮内容:", highlightedContent);
|
|
45171
|
+
},
|
|
45172
|
+
// 文本统计信息
|
|
45173
|
+
getTextStats() {
|
|
45174
|
+
const text = this.getPlainTextContent();
|
|
45175
|
+
const words = text.split(/\s+/).filter(word => word.length > 0);
|
|
45176
|
+
const lines = text.split("\n").length;
|
|
45177
|
+
const characters = text.length;
|
|
45178
|
+
const charactersNoSpaces = text.replace(/\s/g, "").length;
|
|
45179
|
+
return {
|
|
45180
|
+
characters,
|
|
45181
|
+
charactersNoSpaces,
|
|
45182
|
+
words: words.length,
|
|
45183
|
+
lines,
|
|
45184
|
+
paragraphs: text.split(/\n\s*\n/).filter(p => p.trim().length > 0).length
|
|
45185
|
+
};
|
|
45186
|
+
}
|
|
45187
|
+
}
|
|
45188
|
+
});
|
|
45189
|
+
;// ./package/cms-text/View.vue?vue&type=script&lang=js
|
|
45190
|
+
/* harmony default export */ var cms_text_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
45191
|
+
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-text/View.vue?vue&type=style&index=0&id=7fe7dfef&prod&lang=scss&scoped=true
|
|
45192
|
+
// extracted by mini-css-extract-plugin
|
|
45193
|
+
|
|
45194
|
+
;// ./package/cms-text/View.vue?vue&type=style&index=0&id=7fe7dfef&prod&lang=scss&scoped=true
|
|
45195
|
+
|
|
45196
|
+
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
45197
|
+
var componentNormalizer = __webpack_require__(1656);
|
|
45198
|
+
;// ./package/cms-text/View.vue
|
|
45199
|
+
|
|
45200
|
+
|
|
45201
|
+
|
|
45202
|
+
;
|
|
45203
|
+
|
|
45204
|
+
|
|
45205
|
+
/* normalize component */
|
|
45206
|
+
|
|
45207
|
+
var component = (0,componentNormalizer/* default */.A)(
|
|
45208
|
+
cms_text_Viewvue_type_script_lang_js,
|
|
45209
|
+
render,
|
|
45210
|
+
staticRenderFns,
|
|
45211
|
+
false,
|
|
45212
|
+
null,
|
|
45213
|
+
"7fe7dfef",
|
|
45214
|
+
null
|
|
45215
|
+
|
|
45216
|
+
)
|
|
45217
|
+
|
|
45218
|
+
/* harmony default export */ var View = (component.exports);
|
|
45219
|
+
|
|
45220
|
+
/***/ }),
|
|
45221
|
+
|
|
45222
|
+
/***/ 7347:
|
|
45223
|
+
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
|
|
45224
|
+
|
|
45225
|
+
"use strict";
|
|
45226
|
+
|
|
45227
|
+
var DESCRIPTORS = __webpack_require__(3724);
|
|
45228
|
+
var call = __webpack_require__(9565);
|
|
45229
|
+
var propertyIsEnumerableModule = __webpack_require__(8773);
|
|
45230
|
+
var createPropertyDescriptor = __webpack_require__(6980);
|
|
45231
|
+
var toIndexedObject = __webpack_require__(5397);
|
|
45232
|
+
var toPropertyKey = __webpack_require__(6969);
|
|
45233
|
+
var hasOwn = __webpack_require__(9297);
|
|
45234
|
+
var IE8_DOM_DEFINE = __webpack_require__(5917);
|
|
45235
|
+
|
|
45236
|
+
// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
|
|
45237
|
+
var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
|
|
45238
|
+
|
|
45239
|
+
// `Object.getOwnPropertyDescriptor` method
|
|
45240
|
+
// https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
|
|
45241
|
+
exports.f = DESCRIPTORS ? $getOwnPropertyDescriptor : function getOwnPropertyDescriptor(O, P) {
|
|
45242
|
+
O = toIndexedObject(O);
|
|
45243
|
+
P = toPropertyKey(P);
|
|
45244
|
+
if (IE8_DOM_DEFINE) try {
|
|
45245
|
+
return $getOwnPropertyDescriptor(O, P);
|
|
45246
|
+
} catch (error) { /* empty */ }
|
|
45247
|
+
if (hasOwn(O, P)) return createPropertyDescriptor(!call(propertyIsEnumerableModule.f, O, P), O[P]);
|
|
45248
|
+
};
|
|
45249
|
+
|
|
45250
|
+
|
|
45251
|
+
/***/ }),
|
|
45252
|
+
|
|
45253
|
+
/***/ 7394:
|
|
45254
|
+
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
45255
|
+
|
|
45256
|
+
"use strict";
|
|
45257
|
+
|
|
45258
|
+
var globalThis = __webpack_require__(4576);
|
|
45259
|
+
var uncurryThisAccessor = __webpack_require__(6706);
|
|
45260
|
+
var classof = __webpack_require__(2195);
|
|
45261
|
+
|
|
45262
|
+
var ArrayBuffer = globalThis.ArrayBuffer;
|
|
45263
|
+
var TypeError = globalThis.TypeError;
|
|
45264
|
+
|
|
45265
|
+
// Includes
|
|
45266
|
+
// - Perform ? RequireInternalSlot(O, [[ArrayBufferData]]).
|
|
45267
|
+
// - If IsSharedArrayBuffer(O) is true, throw a TypeError exception.
|
|
45268
|
+
module.exports = ArrayBuffer && uncurryThisAccessor(ArrayBuffer.prototype, 'byteLength', 'get') || function (O) {
|
|
45269
|
+
if (classof(O) !== 'ArrayBuffer') throw new TypeError('ArrayBuffer expected');
|
|
45270
|
+
return O.byteLength;
|
|
45271
|
+
};
|
|
45272
|
+
|
|
45273
|
+
|
|
45274
|
+
/***/ }),
|
|
45275
|
+
|
|
45276
|
+
/***/ 7467:
|
|
45277
|
+
/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
|
|
45278
|
+
|
|
45279
|
+
"use strict";
|
|
45280
|
+
|
|
45281
|
+
var arrayToReversed = __webpack_require__(7628);
|
|
45282
|
+
var ArrayBufferViewCore = __webpack_require__(4644);
|
|
45283
|
+
|
|
45284
|
+
var aTypedArray = ArrayBufferViewCore.aTypedArray;
|
|
45285
|
+
var exportTypedArrayMethod = ArrayBufferViewCore.exportTypedArrayMethod;
|
|
45286
|
+
var getTypedArrayConstructor = ArrayBufferViewCore.getTypedArrayConstructor;
|
|
45287
|
+
|
|
45288
|
+
// `%TypedArray%.prototype.toReversed` method
|
|
45289
|
+
// https://tc39.es/ecma262/#sec-%typedarray%.prototype.toreversed
|
|
45290
|
+
exportTypedArrayMethod('toReversed', function toReversed() {
|
|
45291
|
+
return arrayToReversed(aTypedArray(this), getTypedArrayConstructor(this));
|
|
45292
|
+
});
|
|
45293
|
+
|
|
45294
|
+
|
|
45295
|
+
/***/ }),
|
|
45296
|
+
|
|
45297
|
+
/***/ 7476:
|
|
45298
|
+
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
45299
|
+
|
|
45300
|
+
"use strict";
|
|
45301
|
+
|
|
45302
|
+
var classofRaw = __webpack_require__(2195);
|
|
45303
|
+
var uncurryThis = __webpack_require__(9504);
|
|
45304
|
+
|
|
45305
|
+
module.exports = function (fn) {
|
|
45306
|
+
// Nashorn bug:
|
|
45307
|
+
// https://github.com/zloirock/core-js/issues/1128
|
|
45308
|
+
// https://github.com/zloirock/core-js/issues/1130
|
|
45309
|
+
if (classofRaw(fn) === 'Function') return uncurryThis(fn);
|
|
45310
|
+
};
|
|
45311
|
+
|
|
45312
|
+
|
|
45313
|
+
/***/ }),
|
|
45314
|
+
|
|
45315
|
+
/***/ 7518:
|
|
45316
|
+
/***/ (function(module) {
|
|
45317
|
+
|
|
45318
|
+
"use strict";
|
|
45319
|
+
|
|
45320
|
+
|
|
45321
|
+
/** @type {import('./floor')} */
|
|
45322
|
+
module.exports = Math.floor;
|
|
45323
|
+
|
|
45324
|
+
/***/ }),
|
|
45325
|
+
|
|
45326
|
+
/***/ 7559:
|
|
45327
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
45328
|
+
|
|
45329
|
+
"use strict";
|
|
45330
|
+
// ESM COMPAT FLAG
|
|
45331
|
+
__webpack_require__.r(__webpack_exports__);
|
|
45332
|
+
|
|
45333
|
+
// EXPORTS
|
|
45334
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
45335
|
+
"default": function() { return /* binding */ View; }
|
|
45336
|
+
});
|
|
45337
|
+
|
|
45338
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-aLineThreeLeftOne/View.vue?vue&type=template&id=9d74a7ce&scoped=true
|
|
45339
|
+
var render = function render() {
|
|
45340
|
+
var _vm = this,
|
|
45341
|
+
_c = _vm._self._c;
|
|
45342
|
+
return _c('BaseComp', _vm._b({
|
|
45343
|
+
attrs: {
|
|
45344
|
+
"data": _vm.data,
|
|
45345
|
+
"nowCompId": _vm.nowCompId,
|
|
45346
|
+
"isOpcacity": _vm.isOpcacity,
|
|
45347
|
+
"lang": _vm.lang
|
|
45348
|
+
},
|
|
45349
|
+
on: {
|
|
45350
|
+
"getConfigData": _vm.getConfigData
|
|
45351
|
+
}
|
|
45352
|
+
}, 'BaseComp', _vm.$attrs, false), [_c('div', {
|
|
45353
|
+
staticClass: "family-broadband cmhk-home_main"
|
|
45354
|
+
}, [_c('div', {
|
|
45355
|
+
staticClass: "family-broadband-main mgt-0"
|
|
45356
|
+
}, [_c('div', {
|
|
45357
|
+
staticClass: "broadband-item"
|
|
45358
|
+
}, [_c('div', {
|
|
45359
|
+
staticClass: "box",
|
|
45360
|
+
on: {
|
|
45361
|
+
"click": function ($event) {
|
|
45362
|
+
return _vm.decodeJumpUrl(_vm.left.jumpUrl);
|
|
45363
|
+
}
|
|
45364
|
+
}
|
|
45365
|
+
}, [_c('img', {
|
|
45366
|
+
staticClass: "broadband-img",
|
|
45367
|
+
attrs: {
|
|
45368
|
+
"src": _vm.left.uploadImagePC,
|
|
45369
|
+
"alt": _vm.left.imagePcATL
|
|
45370
|
+
}
|
|
45371
|
+
}), _c('div', {
|
|
45372
|
+
staticClass: "broadband-mess",
|
|
45373
|
+
staticStyle: {
|
|
45374
|
+
"color": "#fff"
|
|
45375
|
+
}
|
|
45376
|
+
}, [_c('p', {
|
|
45377
|
+
staticClass: "broadband-title"
|
|
45378
|
+
}, [_vm._v(" " + _vm._s(_vm.left.input1) + " ")]), _c('p', {
|
|
45379
|
+
staticClass: "broadband-des1 des-overflow"
|
|
45380
|
+
}, [_vm._v(" " + _vm._s(_vm.left.input2) + " ")]), _vm.left.input3 ? _c('a', {
|
|
45381
|
+
staticClass: "right-arrow"
|
|
45382
|
+
}, [_vm._v(" " + _vm._s(_vm.left.input3) + " ")]) : _vm._e()])])]), _vm.rightOne.length > 0 ? _c('div', {
|
|
45383
|
+
staticClass: "broadband-item",
|
|
45384
|
+
on: {
|
|
45385
|
+
"click": function ($event) {
|
|
45386
|
+
return _vm.decodeJumpUrl(_vm.rightOne[_vm.swiperIdx].jumpUrl);
|
|
45387
|
+
}
|
|
45388
|
+
}
|
|
45389
|
+
}, [_c('div', {
|
|
45390
|
+
staticClass: "broadband-center_wapper",
|
|
45391
|
+
attrs: {
|
|
45392
|
+
"id": "swiperOne"
|
|
45393
|
+
}
|
|
45394
|
+
}, [_c('div', {
|
|
45395
|
+
staticClass: "swiper-wrapper"
|
|
45396
|
+
}, _vm._l(_vm.rightOne, function (item, inx) {
|
|
45397
|
+
return _c('div', {
|
|
45398
|
+
key: inx,
|
|
45399
|
+
staticClass: "swiper-slide"
|
|
45400
|
+
}, [_c('div', {
|
|
45401
|
+
staticClass: "box"
|
|
45402
|
+
}, [_c('img', {
|
|
45403
|
+
staticClass: "broadband-img",
|
|
45404
|
+
attrs: {
|
|
45405
|
+
"src": item.uploadImagePC,
|
|
45406
|
+
"alt": item.imagePcATL
|
|
45407
|
+
}
|
|
45408
|
+
}), _c('div', {
|
|
45409
|
+
staticClass: "broadband-mess"
|
|
45410
|
+
}, [_c('p', {
|
|
45411
|
+
staticClass: "broadband-title"
|
|
45412
|
+
}, [_vm._v(" " + _vm._s(item.input1) + " ")]), _c('p', {
|
|
45413
|
+
staticClass: "broadband-des"
|
|
45414
|
+
}, [_vm._v(" " + _vm._s(item.input2) + " ")]), item.input3 ? _c('a', {
|
|
45415
|
+
staticClass: "right-arrow"
|
|
45416
|
+
}, [_vm._v(_vm._s(item.input3))]) : _vm._e()])])]);
|
|
45417
|
+
}), 0)]), _vm.rightOne.length > 1 ? _c('div', {
|
|
45418
|
+
staticClass: "swiper-button-number-bd gray-line-min"
|
|
45419
|
+
}, _vm._l(_vm.rightOne, function (item, inx) {
|
|
45420
|
+
return _c('div', {
|
|
45421
|
+
key: inx,
|
|
45422
|
+
class: ['line-customs-bd', inx === _vm.swiperIdx ? 'line-customs-bd-active' : ''],
|
|
45423
|
+
on: {
|
|
45424
|
+
"click": function ($event) {
|
|
45425
|
+
$event.stopPropagation();
|
|
45426
|
+
return _vm.jumpToSlide(inx);
|
|
45427
|
+
}
|
|
45428
|
+
}
|
|
45429
|
+
});
|
|
45430
|
+
}), 0) : _vm._e()]) : _vm._e(), _c('div', {
|
|
45431
|
+
staticClass: "broadband-item"
|
|
45432
|
+
}, [_c('div', {
|
|
45433
|
+
staticClass: "box",
|
|
45434
|
+
on: {
|
|
45435
|
+
"click": function ($event) {
|
|
45436
|
+
return _vm.decodeJumpUrl(_vm.rightTwo.jumpUrl);
|
|
45437
|
+
}
|
|
45438
|
+
}
|
|
45439
|
+
}, [_c('img', {
|
|
45440
|
+
staticClass: "broadband-img",
|
|
45441
|
+
attrs: {
|
|
45442
|
+
"src": _vm.rightTwo.uploadImagePC,
|
|
45443
|
+
"alt": _vm.rightTwo.imagePcATL
|
|
45444
|
+
}
|
|
45445
|
+
}), _c('div', {
|
|
45446
|
+
staticClass: "broadband-mess"
|
|
45447
|
+
}, [_c('p', {
|
|
45448
|
+
staticClass: "broadband-title"
|
|
45449
|
+
}, [_vm._v(" " + _vm._s(_vm.rightTwo.input1) + " ")]), _c('p', {
|
|
45450
|
+
staticClass: "broadband-des"
|
|
45451
|
+
}, [_vm._v(" " + _vm._s(_vm.rightTwo.input2) + " ")])]), _c('div', {
|
|
45452
|
+
staticClass: "swiper-popover"
|
|
45453
|
+
}), _vm.rightTwo.input3 ? _c('div', {
|
|
45454
|
+
staticClass: "swiper-btn"
|
|
45455
|
+
}, [_c('span', {
|
|
45456
|
+
staticClass: "vm"
|
|
45457
|
+
}, [_vm._v(_vm._s(_vm.rightTwo.input3))]), _c('img', {
|
|
45458
|
+
staticClass: "icon_rarrow kf-goto vm",
|
|
45459
|
+
attrs: {
|
|
45460
|
+
"src": __webpack_require__(1061)
|
|
45461
|
+
}
|
|
45462
|
+
})]) : _vm._e()])])])])]);
|
|
45463
|
+
};
|
|
45464
|
+
var staticRenderFns = [];
|
|
45465
|
+
|
|
45466
|
+
;// ./package/cms-aLineThreeLeftOne/View.vue?vue&type=template&id=9d74a7ce&scoped=true
|
|
45467
|
+
|
|
45468
|
+
// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.js
|
|
45469
|
+
var swiper = __webpack_require__(828);
|
|
45470
|
+
// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
|
|
45471
|
+
var swiper_esm_bundle = __webpack_require__(1532);
|
|
45472
|
+
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
45473
|
+
var baseComp = __webpack_require__(7843);
|
|
45474
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-aLineThreeLeftOne/View.vue?vue&type=script&lang=js
|
|
45475
|
+
|
|
45476
|
+
|
|
45477
|
+
|
|
45478
|
+
|
|
45479
|
+
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
45480
|
+
name: "cms-aLineThreeLeftOne",
|
|
45663
45481
|
components: {
|
|
45664
45482
|
BaseComp: baseComp["default"]
|
|
45665
45483
|
},
|
|
@@ -46223,7 +46041,7 @@ var swiper_esm_bundle = __webpack_require__(1532);
|
|
|
46223
46041
|
// EXTERNAL MODULE: ./src/utils/jumpUrl.js
|
|
46224
46042
|
var jumpUrl = __webpack_require__(4102);
|
|
46225
46043
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
46226
|
-
var baseComp = __webpack_require__(
|
|
46044
|
+
var baseComp = __webpack_require__(7843);
|
|
46227
46045
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-banner/View.vue?vue&type=script&lang=js
|
|
46228
46046
|
|
|
46229
46047
|
|
|
@@ -46530,7 +46348,7 @@ var render = function render() {
|
|
|
46530
46348
|
var staticRenderFns = [];
|
|
46531
46349
|
|
|
46532
46350
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
46533
|
-
var baseComp = __webpack_require__(
|
|
46351
|
+
var baseComp = __webpack_require__(7843);
|
|
46534
46352
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-productDetails/View.vue?vue&type=script&lang=js
|
|
46535
46353
|
|
|
46536
46354
|
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
@@ -46637,6 +46455,269 @@ var component = (0,componentNormalizer/* default */.A)(
|
|
|
46637
46455
|
module.exports = typeof ArrayBuffer != 'undefined' && typeof DataView != 'undefined';
|
|
46638
46456
|
|
|
46639
46457
|
|
|
46458
|
+
/***/ }),
|
|
46459
|
+
|
|
46460
|
+
/***/ 7843:
|
|
46461
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
46462
|
+
|
|
46463
|
+
"use strict";
|
|
46464
|
+
// ESM COMPAT FLAG
|
|
46465
|
+
__webpack_require__.r(__webpack_exports__);
|
|
46466
|
+
|
|
46467
|
+
// EXPORTS
|
|
46468
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
46469
|
+
"default": function() { return /* binding */ baseComp; }
|
|
46470
|
+
});
|
|
46471
|
+
|
|
46472
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/baseComp.vue?vue&type=template&id=1a96e3b2&scoped=true
|
|
46473
|
+
var render = function render() {
|
|
46474
|
+
var _vm = this,
|
|
46475
|
+
_c = _vm._self._c;
|
|
46476
|
+
return _vm.$EventBus && _vm.isOpcacity ? _c('div', {
|
|
46477
|
+
key: _vm.data.componentId,
|
|
46478
|
+
class: [_vm.nowCompId !== '' && _vm.nowCompId == _vm.data.componentId ? 'highLight' : ''],
|
|
46479
|
+
style: _vm.showStyleConfig,
|
|
46480
|
+
on: {
|
|
46481
|
+
"click": function ($event) {
|
|
46482
|
+
$event.stopPropagation();
|
|
46483
|
+
return _vm.handleNowComp.apply(null, arguments);
|
|
46484
|
+
}
|
|
46485
|
+
}
|
|
46486
|
+
}, [_c('div', {
|
|
46487
|
+
staticClass: "mask-wrap"
|
|
46488
|
+
}, [_vm._t("default", null, {
|
|
46489
|
+
"isMobile": _vm.isMobile
|
|
46490
|
+
}), _vm.isMask ? _c('div', {
|
|
46491
|
+
staticClass: "mask",
|
|
46492
|
+
on: {
|
|
46493
|
+
"click": _vm.handleNowComp
|
|
46494
|
+
}
|
|
46495
|
+
}) : _vm._e()], 2), _vm.nowCompId !== '' && _vm.nowCompId == _vm.data.componentId ? _c('div', {
|
|
46496
|
+
staticClass: "com-delete"
|
|
46497
|
+
}, [_vm.showDel ? _c('i', {
|
|
46498
|
+
staticClass: "el-icon-delete",
|
|
46499
|
+
on: {
|
|
46500
|
+
"click": function ($event) {
|
|
46501
|
+
$event.stopPropagation();
|
|
46502
|
+
return _vm.delComp.apply(null, arguments);
|
|
46503
|
+
}
|
|
46504
|
+
}
|
|
46505
|
+
}) : _vm._e(), _c('i', {
|
|
46506
|
+
staticClass: "el-icon-top",
|
|
46507
|
+
on: {
|
|
46508
|
+
"click": function ($event) {
|
|
46509
|
+
$event.stopPropagation();
|
|
46510
|
+
return _vm.selectParentDom.apply(null, arguments);
|
|
46511
|
+
}
|
|
46512
|
+
}
|
|
46513
|
+
})]) : _vm._e()]) : _vm.showSlot ? _c('div', {
|
|
46514
|
+
key: _vm.data.componentId,
|
|
46515
|
+
ref: "targetElement",
|
|
46516
|
+
style: _vm.showStyleConfig
|
|
46517
|
+
}, [_vm._t("default")], 2) : _vm._e();
|
|
46518
|
+
};
|
|
46519
|
+
var staticRenderFns = [];
|
|
46520
|
+
|
|
46521
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
|
|
46522
|
+
var es_iterator_constructor = __webpack_require__(8111);
|
|
46523
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.reduce.js
|
|
46524
|
+
var es_iterator_reduce = __webpack_require__(8237);
|
|
46525
|
+
// EXTERNAL MODULE: ./package/patch.js
|
|
46526
|
+
var patch = __webpack_require__(4229);
|
|
46527
|
+
// EXTERNAL MODULE: ./node_modules/dayjs/dayjs.min.js
|
|
46528
|
+
var dayjs_min = __webpack_require__(8655);
|
|
46529
|
+
var dayjs_min_default = /*#__PURE__*/__webpack_require__.n(dayjs_min);
|
|
46530
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/baseComp.vue?vue&type=script&lang=js
|
|
46531
|
+
|
|
46532
|
+
|
|
46533
|
+
|
|
46534
|
+
|
|
46535
|
+
// 待办:判断移动pc端填充不同的样式
|
|
46536
|
+
|
|
46537
|
+
|
|
46538
|
+
/* harmony default export */ var baseCompvue_type_script_lang_js = ({
|
|
46539
|
+
name: "baseComp",
|
|
46540
|
+
props: {
|
|
46541
|
+
data: {
|
|
46542
|
+
type: Object,
|
|
46543
|
+
default: () => {
|
|
46544
|
+
return {};
|
|
46545
|
+
}
|
|
46546
|
+
},
|
|
46547
|
+
nowCompId: {
|
|
46548
|
+
type: [String, Number],
|
|
46549
|
+
default: ""
|
|
46550
|
+
},
|
|
46551
|
+
isOpcacity: {
|
|
46552
|
+
type: Boolean,
|
|
46553
|
+
default: true
|
|
46554
|
+
},
|
|
46555
|
+
isMask: {
|
|
46556
|
+
type: Boolean,
|
|
46557
|
+
default: true
|
|
46558
|
+
},
|
|
46559
|
+
lang: {
|
|
46560
|
+
type: String,
|
|
46561
|
+
default: "zh-HK"
|
|
46562
|
+
},
|
|
46563
|
+
timeline: {
|
|
46564
|
+
type: String,
|
|
46565
|
+
default: ""
|
|
46566
|
+
},
|
|
46567
|
+
cmhkChannel: {
|
|
46568
|
+
type: String,
|
|
46569
|
+
default: "WWW"
|
|
46570
|
+
},
|
|
46571
|
+
showDel: {
|
|
46572
|
+
type: Boolean,
|
|
46573
|
+
default: true
|
|
46574
|
+
}
|
|
46575
|
+
},
|
|
46576
|
+
data() {
|
|
46577
|
+
return {
|
|
46578
|
+
styleConfig_mb: {},
|
|
46579
|
+
styleConfig_pc: {},
|
|
46580
|
+
configData: {},
|
|
46581
|
+
elementWidth: 0,
|
|
46582
|
+
resizeObserver: null
|
|
46583
|
+
};
|
|
46584
|
+
},
|
|
46585
|
+
watch: {
|
|
46586
|
+
data: {
|
|
46587
|
+
handler(val) {
|
|
46588
|
+
this.getStyleConfig(val, "pc");
|
|
46589
|
+
this.getStyleConfig(val, "mb");
|
|
46590
|
+
this.getValue(this.lang);
|
|
46591
|
+
},
|
|
46592
|
+
deep: true,
|
|
46593
|
+
immediate: true
|
|
46594
|
+
},
|
|
46595
|
+
lang: {
|
|
46596
|
+
handler(val) {
|
|
46597
|
+
this.getValue(val);
|
|
46598
|
+
},
|
|
46599
|
+
deep: true,
|
|
46600
|
+
immediate: true
|
|
46601
|
+
}
|
|
46602
|
+
},
|
|
46603
|
+
mounted() {
|
|
46604
|
+
if (this.$EventBus && this.isOpcacity) {
|
|
46605
|
+
this.elementWidth = 800;
|
|
46606
|
+
this.$EventBus.$on("handleDeviceChange", isMobile => {
|
|
46607
|
+
this.elementWidth = isMobile ? 700 : 800;
|
|
46608
|
+
});
|
|
46609
|
+
} else if (this.showSlot) {
|
|
46610
|
+
this.resizeObserver = new ResizeObserver(entries => {
|
|
46611
|
+
for (let entry of entries) {
|
|
46612
|
+
this.elementWidth = entry.contentRect.width;
|
|
46613
|
+
// 可以在这里触发自定义逻辑
|
|
46614
|
+
// this.onWidthChange(this.elementWidth);
|
|
46615
|
+
}
|
|
46616
|
+
});
|
|
46617
|
+
const element = document.getElementById("app");
|
|
46618
|
+
this.resizeObserver.observe(element);
|
|
46619
|
+
}
|
|
46620
|
+
},
|
|
46621
|
+
beforeDestroy() {
|
|
46622
|
+
// 组件销毁时停止观察
|
|
46623
|
+
if (this.resizeObserver) {
|
|
46624
|
+
this.resizeObserver.disconnect();
|
|
46625
|
+
}
|
|
46626
|
+
},
|
|
46627
|
+
methods: {
|
|
46628
|
+
selectParentDom() {
|
|
46629
|
+
if (!this.isOpcacity) return;
|
|
46630
|
+
this.$EventBus.$emit("handleParentComp", this.data);
|
|
46631
|
+
},
|
|
46632
|
+
onWidthChange(newWidth) {
|
|
46633
|
+
console.log("新宽度:", newWidth, this.isMobile);
|
|
46634
|
+
},
|
|
46635
|
+
getValue(cur_lang) {
|
|
46636
|
+
var _this$data, _this$data$settings;
|
|
46637
|
+
const obj = {
|
|
46638
|
+
"zh-CN": "lang_sc",
|
|
46639
|
+
"zh-HK": "lang_tc",
|
|
46640
|
+
"en-US": "lang_en"
|
|
46641
|
+
};
|
|
46642
|
+
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) {
|
|
46643
|
+
const baseInfo = (0,patch.transfor)(this.data);
|
|
46644
|
+
this.configData = baseInfo.contentConfig.lang_all ? baseInfo.contentConfig.lang_all : baseInfo.contentConfig[`${obj[cur_lang]}`];
|
|
46645
|
+
} else {
|
|
46646
|
+
this.configData = this.data.contentConfig.lang_all ? this.data.contentConfig.lang_all : this.data.contentConfig[`${obj[cur_lang]}`];
|
|
46647
|
+
}
|
|
46648
|
+
this.$emit("getConfigData", this.configData);
|
|
46649
|
+
},
|
|
46650
|
+
getStyleConfig(data, type) {
|
|
46651
|
+
this[`styleConfig_${type}`] = data.styleConfig[type].reduce((pre, cur) => {
|
|
46652
|
+
pre[cur.key] = cur.value + cur.unit;
|
|
46653
|
+
return pre;
|
|
46654
|
+
}, {});
|
|
46655
|
+
},
|
|
46656
|
+
handleNowComp() {
|
|
46657
|
+
if (!this.isOpcacity) return;
|
|
46658
|
+
this.$EventBus.$emit("handleNowComp", this.data);
|
|
46659
|
+
},
|
|
46660
|
+
delComp() {
|
|
46661
|
+
this.$EventBus.$emit("handleDeleteComp", this.data.componentId);
|
|
46662
|
+
}
|
|
46663
|
+
},
|
|
46664
|
+
computed: {
|
|
46665
|
+
showStyleConfig() {
|
|
46666
|
+
if (!this.elementWidth) return {};
|
|
46667
|
+
return this.isMobile ? this.styleConfig_mb : this.styleConfig_pc;
|
|
46668
|
+
},
|
|
46669
|
+
isMobile() {
|
|
46670
|
+
return this.elementWidth < 760;
|
|
46671
|
+
},
|
|
46672
|
+
showSlot() {
|
|
46673
|
+
if (this.$EventBus && this.isOpcacity) return false;
|
|
46674
|
+
const {
|
|
46675
|
+
cmhkChannelConfList = [],
|
|
46676
|
+
startTime = "",
|
|
46677
|
+
endTime = ""
|
|
46678
|
+
} = this.data.baseConfig;
|
|
46679
|
+
console.log("this.cmhkChannel", this.cmhkChannel, this.data.baseConfig);
|
|
46680
|
+
const channelVisable = cmhkChannelConfList.includes("ALL") || cmhkChannelConfList.includes(this.cmhkChannel);
|
|
46681
|
+
if (!channelVisable) return false;
|
|
46682
|
+
if (!startTime && !endTime) return true;
|
|
46683
|
+
const currentTime = this.timeline ? dayjs_min_default()(this.timeline) : dayjs_min_default()();
|
|
46684
|
+
const isStart = startTime ? dayjs_min_default()(currentTime).isAfter(dayjs_min_default()(startTime)) || dayjs_min_default()(currentTime).isSame(dayjs_min_default()(startTime)) : true;
|
|
46685
|
+
const isEnd = endTime ? dayjs_min_default()(currentTime).isBefore(dayjs_min_default()(endTime)) || dayjs_min_default()(currentTime).isSame(dayjs_min_default()(endTime)) : true;
|
|
46686
|
+
return isStart && isEnd;
|
|
46687
|
+
}
|
|
46688
|
+
}
|
|
46689
|
+
});
|
|
46690
|
+
;// ./package/baseComp.vue?vue&type=script&lang=js
|
|
46691
|
+
/* harmony default export */ var package_baseCompvue_type_script_lang_js = (baseCompvue_type_script_lang_js);
|
|
46692
|
+
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/baseComp.vue?vue&type=style&index=0&id=1a96e3b2&prod&lang=scss&scoped=true
|
|
46693
|
+
// extracted by mini-css-extract-plugin
|
|
46694
|
+
|
|
46695
|
+
;// ./package/baseComp.vue?vue&type=style&index=0&id=1a96e3b2&prod&lang=scss&scoped=true
|
|
46696
|
+
|
|
46697
|
+
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
46698
|
+
var componentNormalizer = __webpack_require__(1656);
|
|
46699
|
+
;// ./package/baseComp.vue
|
|
46700
|
+
|
|
46701
|
+
|
|
46702
|
+
|
|
46703
|
+
;
|
|
46704
|
+
|
|
46705
|
+
|
|
46706
|
+
/* normalize component */
|
|
46707
|
+
|
|
46708
|
+
var component = (0,componentNormalizer/* default */.A)(
|
|
46709
|
+
package_baseCompvue_type_script_lang_js,
|
|
46710
|
+
render,
|
|
46711
|
+
staticRenderFns,
|
|
46712
|
+
false,
|
|
46713
|
+
null,
|
|
46714
|
+
"1a96e3b2",
|
|
46715
|
+
null
|
|
46716
|
+
|
|
46717
|
+
)
|
|
46718
|
+
|
|
46719
|
+
/* harmony default export */ var baseComp = (component.exports);
|
|
46720
|
+
|
|
46640
46721
|
/***/ }),
|
|
46641
46722
|
|
|
46642
46723
|
/***/ 7865:
|
|
@@ -46742,7 +46823,7 @@ var render = function render() {
|
|
|
46742
46823
|
var staticRenderFns = [];
|
|
46743
46824
|
|
|
46744
46825
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
46745
|
-
var baseComp = __webpack_require__(
|
|
46826
|
+
var baseComp = __webpack_require__(7843);
|
|
46746
46827
|
// EXTERNAL MODULE: ./src/utils/jumpUrl.js
|
|
46747
46828
|
var jumpUrl = __webpack_require__(4102);
|
|
46748
46829
|
// EXTERNAL MODULE: ./node_modules/vue/dist/vue.runtime.esm.js
|
|
@@ -47215,7 +47296,7 @@ var render = function render() {
|
|
|
47215
47296
|
var staticRenderFns = [];
|
|
47216
47297
|
|
|
47217
47298
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
47218
|
-
var baseComp = __webpack_require__(
|
|
47299
|
+
var baseComp = __webpack_require__(7843);
|
|
47219
47300
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineFour/View.vue?vue&type=script&lang=js
|
|
47220
47301
|
|
|
47221
47302
|
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
@@ -47867,254 +47948,6 @@ exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
|
|
|
47867
47948
|
};
|
|
47868
47949
|
|
|
47869
47950
|
|
|
47870
|
-
/***/ }),
|
|
47871
|
-
|
|
47872
|
-
/***/ 8519:
|
|
47873
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
47874
|
-
|
|
47875
|
-
"use strict";
|
|
47876
|
-
// ESM COMPAT FLAG
|
|
47877
|
-
__webpack_require__.r(__webpack_exports__);
|
|
47878
|
-
|
|
47879
|
-
// EXPORTS
|
|
47880
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
47881
|
-
"default": function() { return /* binding */ baseComp; }
|
|
47882
|
-
});
|
|
47883
|
-
|
|
47884
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/baseComp.vue?vue&type=template&id=aaf8528c&scoped=true
|
|
47885
|
-
var render = function render() {
|
|
47886
|
-
var _vm = this,
|
|
47887
|
-
_c = _vm._self._c;
|
|
47888
|
-
return _vm.$EventBus && _vm.isOpcacity ? _c('div', {
|
|
47889
|
-
key: _vm.data.componentId,
|
|
47890
|
-
class: [_vm.nowCompId !== '' && _vm.nowCompId == _vm.data.componentId ? 'highLight' : ''],
|
|
47891
|
-
style: _vm.showStyleConfig,
|
|
47892
|
-
on: {
|
|
47893
|
-
"click": function ($event) {
|
|
47894
|
-
$event.stopPropagation();
|
|
47895
|
-
return _vm.handleNowComp.apply(null, arguments);
|
|
47896
|
-
}
|
|
47897
|
-
}
|
|
47898
|
-
}, [_c('div', {
|
|
47899
|
-
staticClass: "mask-wrap"
|
|
47900
|
-
}, [_vm._t("default"), _vm.isMask ? _c('div', {
|
|
47901
|
-
staticClass: "mask",
|
|
47902
|
-
on: {
|
|
47903
|
-
"click": _vm.handleNowComp
|
|
47904
|
-
}
|
|
47905
|
-
}) : _vm._e()], 2), _vm.nowCompId !== '' && _vm.nowCompId == _vm.data.componentId && _vm.showDel ? _c('div', {
|
|
47906
|
-
staticClass: "com-delete"
|
|
47907
|
-
}, [_c('i', {
|
|
47908
|
-
staticClass: "el-icon-delete",
|
|
47909
|
-
on: {
|
|
47910
|
-
"click": function ($event) {
|
|
47911
|
-
$event.stopPropagation();
|
|
47912
|
-
return _vm.delComp.apply(null, arguments);
|
|
47913
|
-
}
|
|
47914
|
-
}
|
|
47915
|
-
})]) : _vm._e()]) : _vm.showSlot ? _c('div', {
|
|
47916
|
-
key: _vm.data.componentId,
|
|
47917
|
-
ref: "targetElement",
|
|
47918
|
-
style: _vm.showStyleConfig
|
|
47919
|
-
}, [_vm._t("default")], 2) : _vm._e();
|
|
47920
|
-
};
|
|
47921
|
-
var staticRenderFns = [];
|
|
47922
|
-
|
|
47923
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
|
|
47924
|
-
var es_iterator_constructor = __webpack_require__(8111);
|
|
47925
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.reduce.js
|
|
47926
|
-
var es_iterator_reduce = __webpack_require__(8237);
|
|
47927
|
-
// EXTERNAL MODULE: ./package/patch.js
|
|
47928
|
-
var patch = __webpack_require__(4229);
|
|
47929
|
-
// EXTERNAL MODULE: ./node_modules/dayjs/dayjs.min.js
|
|
47930
|
-
var dayjs_min = __webpack_require__(8655);
|
|
47931
|
-
var dayjs_min_default = /*#__PURE__*/__webpack_require__.n(dayjs_min);
|
|
47932
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/baseComp.vue?vue&type=script&lang=js
|
|
47933
|
-
|
|
47934
|
-
|
|
47935
|
-
|
|
47936
|
-
|
|
47937
|
-
// 待办:判断移动pc端填充不同的样式
|
|
47938
|
-
|
|
47939
|
-
|
|
47940
|
-
/* harmony default export */ var baseCompvue_type_script_lang_js = ({
|
|
47941
|
-
name: "baseComp",
|
|
47942
|
-
props: {
|
|
47943
|
-
data: {
|
|
47944
|
-
type: Object,
|
|
47945
|
-
default: () => {
|
|
47946
|
-
return {};
|
|
47947
|
-
}
|
|
47948
|
-
},
|
|
47949
|
-
nowCompId: {
|
|
47950
|
-
type: [String, Number],
|
|
47951
|
-
default: ""
|
|
47952
|
-
},
|
|
47953
|
-
isOpcacity: {
|
|
47954
|
-
type: Boolean,
|
|
47955
|
-
default: true
|
|
47956
|
-
},
|
|
47957
|
-
isMask: {
|
|
47958
|
-
type: Boolean,
|
|
47959
|
-
default: true
|
|
47960
|
-
},
|
|
47961
|
-
lang: {
|
|
47962
|
-
type: String,
|
|
47963
|
-
default: "zh-HK"
|
|
47964
|
-
},
|
|
47965
|
-
timeline: {
|
|
47966
|
-
type: String,
|
|
47967
|
-
default: ""
|
|
47968
|
-
},
|
|
47969
|
-
cmhkChannel: {
|
|
47970
|
-
type: String,
|
|
47971
|
-
default: "WWW"
|
|
47972
|
-
},
|
|
47973
|
-
showDel: {
|
|
47974
|
-
type: Boolean,
|
|
47975
|
-
default: true
|
|
47976
|
-
}
|
|
47977
|
-
},
|
|
47978
|
-
data() {
|
|
47979
|
-
return {
|
|
47980
|
-
styleConfig_mb: {},
|
|
47981
|
-
styleConfig_pc: {},
|
|
47982
|
-
configData: {},
|
|
47983
|
-
elementWidth: 0,
|
|
47984
|
-
resizeObserver: null
|
|
47985
|
-
};
|
|
47986
|
-
},
|
|
47987
|
-
watch: {
|
|
47988
|
-
data: {
|
|
47989
|
-
handler(val) {
|
|
47990
|
-
this.getStyleConfig(val, "pc");
|
|
47991
|
-
this.getStyleConfig(val, "mb");
|
|
47992
|
-
this.getValue(this.lang);
|
|
47993
|
-
},
|
|
47994
|
-
deep: true,
|
|
47995
|
-
immediate: true
|
|
47996
|
-
},
|
|
47997
|
-
lang: {
|
|
47998
|
-
handler(val) {
|
|
47999
|
-
this.getValue(val);
|
|
48000
|
-
},
|
|
48001
|
-
deep: true,
|
|
48002
|
-
immediate: true
|
|
48003
|
-
}
|
|
48004
|
-
},
|
|
48005
|
-
mounted() {
|
|
48006
|
-
if (this.$EventBus && this.isOpcacity) {
|
|
48007
|
-
this.elementWidth = 800;
|
|
48008
|
-
this.$EventBus.$on("handleDeviceChange", isMobile => {
|
|
48009
|
-
this.elementWidth = isMobile ? 700 : 800;
|
|
48010
|
-
});
|
|
48011
|
-
} else if (this.showSlot) {
|
|
48012
|
-
this.resizeObserver = new ResizeObserver(entries => {
|
|
48013
|
-
for (let entry of entries) {
|
|
48014
|
-
this.elementWidth = entry.contentRect.width;
|
|
48015
|
-
// 可以在这里触发自定义逻辑
|
|
48016
|
-
// this.onWidthChange(this.elementWidth);
|
|
48017
|
-
}
|
|
48018
|
-
});
|
|
48019
|
-
const element = document.getElementById("app");
|
|
48020
|
-
this.resizeObserver.observe(element);
|
|
48021
|
-
}
|
|
48022
|
-
},
|
|
48023
|
-
beforeDestroy() {
|
|
48024
|
-
// 组件销毁时停止观察
|
|
48025
|
-
if (this.resizeObserver) {
|
|
48026
|
-
this.resizeObserver.disconnect();
|
|
48027
|
-
}
|
|
48028
|
-
},
|
|
48029
|
-
methods: {
|
|
48030
|
-
onWidthChange(newWidth) {
|
|
48031
|
-
console.log("新宽度:", newWidth, this.isMobile);
|
|
48032
|
-
},
|
|
48033
|
-
getValue(cur_lang) {
|
|
48034
|
-
var _this$data, _this$data$settings;
|
|
48035
|
-
const obj = {
|
|
48036
|
-
"zh-CN": "lang_sc",
|
|
48037
|
-
"zh-HK": "lang_tc",
|
|
48038
|
-
"en-US": "lang_en"
|
|
48039
|
-
};
|
|
48040
|
-
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) {
|
|
48041
|
-
const baseInfo = (0,patch.transfor)(this.data);
|
|
48042
|
-
this.configData = baseInfo.contentConfig.lang_all ? baseInfo.contentConfig.lang_all : baseInfo.contentConfig[`${obj[cur_lang]}`];
|
|
48043
|
-
} else {
|
|
48044
|
-
this.configData = this.data.contentConfig.lang_all ? this.data.contentConfig.lang_all : this.data.contentConfig[`${obj[cur_lang]}`];
|
|
48045
|
-
}
|
|
48046
|
-
this.$emit("getConfigData", this.configData);
|
|
48047
|
-
},
|
|
48048
|
-
getStyleConfig(data, type) {
|
|
48049
|
-
this[`styleConfig_${type}`] = data.styleConfig[type].reduce((pre, cur) => {
|
|
48050
|
-
pre[cur.key] = cur.value + cur.unit;
|
|
48051
|
-
return pre;
|
|
48052
|
-
}, {});
|
|
48053
|
-
},
|
|
48054
|
-
handleNowComp() {
|
|
48055
|
-
if (!this.isOpcacity) return;
|
|
48056
|
-
this.$EventBus.$emit("handleNowComp", this.data);
|
|
48057
|
-
},
|
|
48058
|
-
delComp() {
|
|
48059
|
-
this.$EventBus.$emit("handleDeleteComp", this.data.componentId);
|
|
48060
|
-
}
|
|
48061
|
-
},
|
|
48062
|
-
computed: {
|
|
48063
|
-
showStyleConfig() {
|
|
48064
|
-
if (!this.elementWidth) return {};
|
|
48065
|
-
return this.isMobile ? this.styleConfig_mb : this.styleConfig_pc;
|
|
48066
|
-
},
|
|
48067
|
-
isMobile() {
|
|
48068
|
-
return this.elementWidth < 760;
|
|
48069
|
-
},
|
|
48070
|
-
showSlot() {
|
|
48071
|
-
const {
|
|
48072
|
-
cmhkChannelConfList = [],
|
|
48073
|
-
startTime = "",
|
|
48074
|
-
endTime = ""
|
|
48075
|
-
} = this.data.baseConfig;
|
|
48076
|
-
console.log("this.cmhkChannel", this.cmhkChannel, this.data.baseConfig);
|
|
48077
|
-
const channelVisable = cmhkChannelConfList.includes("ALL") || cmhkChannelConfList.includes(this.cmhkChannel);
|
|
48078
|
-
if (!channelVisable) return false;
|
|
48079
|
-
if (!startTime && !endTime) return true;
|
|
48080
|
-
const currentTime = this.timeline ? dayjs_min_default()(this.timeline) : dayjs_min_default()();
|
|
48081
|
-
const isStart = startTime ? dayjs_min_default()(currentTime).isAfter(dayjs_min_default()(startTime)) || dayjs_min_default()(currentTime).isSame(dayjs_min_default()(startTime)) : true;
|
|
48082
|
-
const isEnd = endTime ? dayjs_min_default()(currentTime).isBefore(dayjs_min_default()(endTime)) || dayjs_min_default()(currentTime).isSame(dayjs_min_default()(endTime)) : true;
|
|
48083
|
-
return isStart && isEnd;
|
|
48084
|
-
}
|
|
48085
|
-
}
|
|
48086
|
-
});
|
|
48087
|
-
;// ./package/baseComp.vue?vue&type=script&lang=js
|
|
48088
|
-
/* harmony default export */ var package_baseCompvue_type_script_lang_js = (baseCompvue_type_script_lang_js);
|
|
48089
|
-
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/baseComp.vue?vue&type=style&index=0&id=aaf8528c&prod&lang=scss&scoped=true
|
|
48090
|
-
// extracted by mini-css-extract-plugin
|
|
48091
|
-
|
|
48092
|
-
;// ./package/baseComp.vue?vue&type=style&index=0&id=aaf8528c&prod&lang=scss&scoped=true
|
|
48093
|
-
|
|
48094
|
-
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
48095
|
-
var componentNormalizer = __webpack_require__(1656);
|
|
48096
|
-
;// ./package/baseComp.vue
|
|
48097
|
-
|
|
48098
|
-
|
|
48099
|
-
|
|
48100
|
-
;
|
|
48101
|
-
|
|
48102
|
-
|
|
48103
|
-
/* normalize component */
|
|
48104
|
-
|
|
48105
|
-
var component = (0,componentNormalizer/* default */.A)(
|
|
48106
|
-
package_baseCompvue_type_script_lang_js,
|
|
48107
|
-
render,
|
|
48108
|
-
staticRenderFns,
|
|
48109
|
-
false,
|
|
48110
|
-
null,
|
|
48111
|
-
"aaf8528c",
|
|
48112
|
-
null
|
|
48113
|
-
|
|
48114
|
-
)
|
|
48115
|
-
|
|
48116
|
-
/* harmony default export */ var baseComp = (component.exports);
|
|
48117
|
-
|
|
48118
47951
|
/***/ }),
|
|
48119
47952
|
|
|
48120
47953
|
/***/ 8527:
|
|
@@ -48740,7 +48573,7 @@ var swiper = __webpack_require__(828);
|
|
|
48740
48573
|
// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
|
|
48741
48574
|
var swiper_esm_bundle = __webpack_require__(1532);
|
|
48742
48575
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
48743
|
-
var baseComp = __webpack_require__(
|
|
48576
|
+
var baseComp = __webpack_require__(7843);
|
|
48744
48577
|
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-threeScroll/View.vue?vue&type=script&lang=js
|
|
48745
48578
|
|
|
48746
48579
|
|
|
@@ -49286,6 +49119,276 @@ module.exports = URIError;
|
|
|
49286
49119
|
|
|
49287
49120
|
/***/ }),
|
|
49288
49121
|
|
|
49122
|
+
/***/ 8970:
|
|
49123
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
49124
|
+
|
|
49125
|
+
"use strict";
|
|
49126
|
+
// ESM COMPAT FLAG
|
|
49127
|
+
__webpack_require__.r(__webpack_exports__);
|
|
49128
|
+
|
|
49129
|
+
// EXPORTS
|
|
49130
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
49131
|
+
"default": function() { return /* binding */ View; }
|
|
49132
|
+
});
|
|
49133
|
+
|
|
49134
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=template&id=67ae24ec&scoped=true
|
|
49135
|
+
var render = function render() {
|
|
49136
|
+
var _vm = this,
|
|
49137
|
+
_c = _vm._self._c;
|
|
49138
|
+
return _c('BaseComp', _vm._b({
|
|
49139
|
+
attrs: {
|
|
49140
|
+
"data": _vm.data,
|
|
49141
|
+
"nowCompId": _vm.nowCompId,
|
|
49142
|
+
"isOpcacity": _vm.isOpcacity,
|
|
49143
|
+
"isMask": false,
|
|
49144
|
+
"lang": _vm.lang
|
|
49145
|
+
},
|
|
49146
|
+
on: {
|
|
49147
|
+
"getConfigData": _vm.getConfigData
|
|
49148
|
+
},
|
|
49149
|
+
scopedSlots: _vm._u([{
|
|
49150
|
+
key: "default",
|
|
49151
|
+
fn: function (slotProps) {
|
|
49152
|
+
return [_c('section', {
|
|
49153
|
+
class: _vm.configData.widthType === 'full' ? 'width-full' : 'cmhk-home_main',
|
|
49154
|
+
style: _vm.containerStyle
|
|
49155
|
+
}, [_c('div', {
|
|
49156
|
+
staticClass: "column-setting",
|
|
49157
|
+
class: [`layout-${_vm.configData.layoutType || 'default'}`, `${slotProps.isMobile && _vm.configData.mobileLayout === 'vertical' ? 'mobile-vertical' : 'mobile-horizontal'}`],
|
|
49158
|
+
style: _vm.columnStyle
|
|
49159
|
+
}, _vm._l(_vm.data.childList, function (item, index) {
|
|
49160
|
+
return _c('cms-column-card', {
|
|
49161
|
+
key: item.componentId,
|
|
49162
|
+
class: _vm.getColumnItemClass(index),
|
|
49163
|
+
style: _vm.getColumnItemStyle(index),
|
|
49164
|
+
attrs: {
|
|
49165
|
+
"data": item,
|
|
49166
|
+
"nowCompId": _vm.nowCompId,
|
|
49167
|
+
"isOpcacity": _vm.isOpcacity,
|
|
49168
|
+
"isMask": false,
|
|
49169
|
+
"lang": _vm.lang
|
|
49170
|
+
}
|
|
49171
|
+
});
|
|
49172
|
+
}), 1)])];
|
|
49173
|
+
}
|
|
49174
|
+
}])
|
|
49175
|
+
}, 'BaseComp', _vm.$attrs, false));
|
|
49176
|
+
};
|
|
49177
|
+
var staticRenderFns = [];
|
|
49178
|
+
|
|
49179
|
+
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
49180
|
+
var baseComp = __webpack_require__(7843);
|
|
49181
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=script&lang=js
|
|
49182
|
+
|
|
49183
|
+
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
49184
|
+
name: "cms-column",
|
|
49185
|
+
components: {
|
|
49186
|
+
BaseComp: baseComp["default"]
|
|
49187
|
+
},
|
|
49188
|
+
props: {
|
|
49189
|
+
data: {
|
|
49190
|
+
type: Object,
|
|
49191
|
+
default: () => {
|
|
49192
|
+
return {};
|
|
49193
|
+
}
|
|
49194
|
+
},
|
|
49195
|
+
nowCompId: {
|
|
49196
|
+
type: [String, Number],
|
|
49197
|
+
default: ""
|
|
49198
|
+
},
|
|
49199
|
+
isOpcacity: {
|
|
49200
|
+
type: Boolean,
|
|
49201
|
+
default: true
|
|
49202
|
+
},
|
|
49203
|
+
lang: {
|
|
49204
|
+
type: String,
|
|
49205
|
+
default: "zh-HK"
|
|
49206
|
+
}
|
|
49207
|
+
},
|
|
49208
|
+
data() {
|
|
49209
|
+
return {
|
|
49210
|
+
configData: {},
|
|
49211
|
+
messFold: true,
|
|
49212
|
+
// 默认配置数据
|
|
49213
|
+
defaultConfig: {
|
|
49214
|
+
layoutType: "100",
|
|
49215
|
+
heightType: "auto",
|
|
49216
|
+
widthType: "auto",
|
|
49217
|
+
mobileLayout: "vertical",
|
|
49218
|
+
fixedHeight: 300,
|
|
49219
|
+
borderWidth: 0,
|
|
49220
|
+
borderStyle: "solid",
|
|
49221
|
+
borderColor: "#409eff",
|
|
49222
|
+
backgroundColor: "#FFF",
|
|
49223
|
+
backgroundImage: "",
|
|
49224
|
+
boxShadow: "",
|
|
49225
|
+
borderRadius: 0,
|
|
49226
|
+
columnGap: 0,
|
|
49227
|
+
rowGap: 0,
|
|
49228
|
+
title: "",
|
|
49229
|
+
description: "",
|
|
49230
|
+
input1: "",
|
|
49231
|
+
showTitle: true,
|
|
49232
|
+
showDescription: true,
|
|
49233
|
+
animationDuration: 300,
|
|
49234
|
+
responsiveBreakpoint: 768
|
|
49235
|
+
}
|
|
49236
|
+
};
|
|
49237
|
+
},
|
|
49238
|
+
mounted() {
|
|
49239
|
+
this.initConfigData();
|
|
49240
|
+
// 添加窗口大小变化监听
|
|
49241
|
+
},
|
|
49242
|
+
watch: {
|
|
49243
|
+
configData: {
|
|
49244
|
+
handler() {
|
|
49245
|
+
this.updateStyles();
|
|
49246
|
+
},
|
|
49247
|
+
deep: true
|
|
49248
|
+
}
|
|
49249
|
+
},
|
|
49250
|
+
computed: {
|
|
49251
|
+
// 容器样式
|
|
49252
|
+
containerStyle() {
|
|
49253
|
+
return {
|
|
49254
|
+
backgroundColor: this.configData.backgroundColor || this.defaultConfig.backgroundColor,
|
|
49255
|
+
backgroundImage: this.configData.backgroundImage ? `url(${this.configData.backgroundImage})` : "",
|
|
49256
|
+
backgroundSize: "cover",
|
|
49257
|
+
backgroundRepeat: "no-repeat",
|
|
49258
|
+
backgroundPosition: "center center",
|
|
49259
|
+
boxShadow: this.configData.boxShadow || this.defaultConfig.boxShadow,
|
|
49260
|
+
borderRadius: `${this.configData.borderRadius || this.defaultConfig.borderRadius}px`,
|
|
49261
|
+
minHeight: this.configData.heightType === "fixed" ? `${this.configData.fixedHeight}px` : "auto"
|
|
49262
|
+
};
|
|
49263
|
+
},
|
|
49264
|
+
// 分栏容器样式
|
|
49265
|
+
columnStyle() {
|
|
49266
|
+
// const gap = this.configData.rowGap || this.defaultConfig.rowGap;
|
|
49267
|
+
return {
|
|
49268
|
+
// gap: `${gap}px`,
|
|
49269
|
+
border: this.configData.borderWidth ? `${this.configData.borderWidth}px ${this.configData.borderStyle} ${this.configData.borderColor}` : "none"
|
|
49270
|
+
};
|
|
49271
|
+
}
|
|
49272
|
+
},
|
|
49273
|
+
methods: {
|
|
49274
|
+
// 初始化配置数据
|
|
49275
|
+
initConfigData() {
|
|
49276
|
+
// 合并默认配置和传入配置
|
|
49277
|
+
this.configData = {
|
|
49278
|
+
...this.defaultConfig,
|
|
49279
|
+
...this.configData
|
|
49280
|
+
};
|
|
49281
|
+
},
|
|
49282
|
+
// 获取配置数据
|
|
49283
|
+
getConfigData(configData) {
|
|
49284
|
+
this.configData = {
|
|
49285
|
+
...this.defaultConfig,
|
|
49286
|
+
...configData
|
|
49287
|
+
};
|
|
49288
|
+
this.updateStyles();
|
|
49289
|
+
},
|
|
49290
|
+
// 更新样式
|
|
49291
|
+
updateStyles() {
|
|
49292
|
+
this.$nextTick(() => {
|
|
49293
|
+
// 触发样式更新
|
|
49294
|
+
this.$forceUpdate();
|
|
49295
|
+
});
|
|
49296
|
+
},
|
|
49297
|
+
// 获取分栏项的类名
|
|
49298
|
+
getColumnItemClass(index) {
|
|
49299
|
+
const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
|
|
49300
|
+
return ["column-item", `column-item-${index}`, `layout-${layoutType}`, {
|
|
49301
|
+
"min-h": this.$EventBus && this.isOpcacity,
|
|
49302
|
+
"first-item": index === 0,
|
|
49303
|
+
"last-item": index === this.data.childList.length - 1
|
|
49304
|
+
}];
|
|
49305
|
+
},
|
|
49306
|
+
// 获取分栏项的样式
|
|
49307
|
+
getColumnItemStyle(index) {
|
|
49308
|
+
const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
|
|
49309
|
+
const gap = this.configData.rowGap || this.defaultConfig.rowGap;
|
|
49310
|
+
let flexBasis = "100%";
|
|
49311
|
+
let marginRight = "0";
|
|
49312
|
+
|
|
49313
|
+
// 根据布局类型设置宽度
|
|
49314
|
+
switch (layoutType) {
|
|
49315
|
+
case "50-50":
|
|
49316
|
+
flexBasis = `calc(50% - ${gap / 2}px)`;
|
|
49317
|
+
marginRight = index % 2 === 0 ? `${gap}px` : "0";
|
|
49318
|
+
break;
|
|
49319
|
+
case "33-66":
|
|
49320
|
+
flexBasis = index === 0 ? `calc(33.33% - ${gap / 2}px)` : `calc(66.67% - ${gap / 2}px)`;
|
|
49321
|
+
marginRight = index === 0 ? `${gap}px` : "0";
|
|
49322
|
+
break;
|
|
49323
|
+
case "66-33":
|
|
49324
|
+
flexBasis = index === 0 ? `calc(66.67% - ${gap / 2}px)` : `calc(33.33% - ${gap / 2}px)`;
|
|
49325
|
+
marginRight = index === 0 ? `${gap}px` : "0";
|
|
49326
|
+
break;
|
|
49327
|
+
case "33-33-33":
|
|
49328
|
+
flexBasis = `calc(33.33% - ${gap * 2 / 3}px)`;
|
|
49329
|
+
marginRight = index < 2 ? `${gap}px` : "0";
|
|
49330
|
+
break;
|
|
49331
|
+
case "25-50-25":
|
|
49332
|
+
if (index === 0 || index === 2) {
|
|
49333
|
+
flexBasis = `calc(25% - ${gap * 2 / 3}px)`;
|
|
49334
|
+
} else {
|
|
49335
|
+
flexBasis = `calc(50% - ${gap * 2 / 3}px)`;
|
|
49336
|
+
}
|
|
49337
|
+
marginRight = index < 2 ? `${gap}px` : "0";
|
|
49338
|
+
break;
|
|
49339
|
+
default:
|
|
49340
|
+
flexBasis = "100%";
|
|
49341
|
+
}
|
|
49342
|
+
return {
|
|
49343
|
+
flexBasis,
|
|
49344
|
+
marginRight,
|
|
49345
|
+
marginBottom: `${this.configData.columnGap || this.defaultConfig.columnGap}px`
|
|
49346
|
+
};
|
|
49347
|
+
},
|
|
49348
|
+
// 折叠/展开文本
|
|
49349
|
+
foldMessText() {
|
|
49350
|
+
this.messFold = !this.messFold;
|
|
49351
|
+
},
|
|
49352
|
+
// 处理跳转链接
|
|
49353
|
+
decodeJumpUrl(url) {
|
|
49354
|
+
if (!url) return;
|
|
49355
|
+
top.location.href = url;
|
|
49356
|
+
}
|
|
49357
|
+
}
|
|
49358
|
+
});
|
|
49359
|
+
;// ./package/cms-column/View.vue?vue&type=script&lang=js
|
|
49360
|
+
/* harmony default export */ var cms_column_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
49361
|
+
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=style&index=0&id=67ae24ec&prod&lang=scss&scoped=true
|
|
49362
|
+
// extracted by mini-css-extract-plugin
|
|
49363
|
+
|
|
49364
|
+
;// ./package/cms-column/View.vue?vue&type=style&index=0&id=67ae24ec&prod&lang=scss&scoped=true
|
|
49365
|
+
|
|
49366
|
+
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
49367
|
+
var componentNormalizer = __webpack_require__(1656);
|
|
49368
|
+
;// ./package/cms-column/View.vue
|
|
49369
|
+
|
|
49370
|
+
|
|
49371
|
+
|
|
49372
|
+
;
|
|
49373
|
+
|
|
49374
|
+
|
|
49375
|
+
/* normalize component */
|
|
49376
|
+
|
|
49377
|
+
var component = (0,componentNormalizer/* default */.A)(
|
|
49378
|
+
cms_column_Viewvue_type_script_lang_js,
|
|
49379
|
+
render,
|
|
49380
|
+
staticRenderFns,
|
|
49381
|
+
false,
|
|
49382
|
+
null,
|
|
49383
|
+
"67ae24ec",
|
|
49384
|
+
null
|
|
49385
|
+
|
|
49386
|
+
)
|
|
49387
|
+
|
|
49388
|
+
/* harmony default export */ var View = (component.exports);
|
|
49389
|
+
|
|
49390
|
+
/***/ }),
|
|
49391
|
+
|
|
49289
49392
|
/***/ 8981:
|
|
49290
49393
|
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
49291
49394
|
|