cms-chenhj-ui 2.0.15 → 2.0.16
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 +268 -281
- package/cms-chenhj-ui.common.js.map +1 -1
- package/cms-chenhj-ui.css +1 -1
- package/cms-chenhj-ui.umd.js +268 -281
- package/cms-chenhj-ui.umd.js.map +1 -1
- package/cms-chenhj-ui.umd.min.js +2 -2
- package/cms-chenhj-ui.umd.min.js.map +1 -1
- package/package.json +1 -1
package/cms-chenhj-ui.umd.js
CHANGED
|
@@ -931,283 +931,6 @@ var component = (0,componentNormalizer/* default */.A)(
|
|
|
931
931
|
|
|
932
932
|
/***/ }),
|
|
933
933
|
|
|
934
|
-
/***/ 348:
|
|
935
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
936
|
-
|
|
937
|
-
"use strict";
|
|
938
|
-
// ESM COMPAT FLAG
|
|
939
|
-
__webpack_require__.r(__webpack_exports__);
|
|
940
|
-
|
|
941
|
-
// EXPORTS
|
|
942
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
943
|
-
"default": function() { return /* binding */ View; }
|
|
944
|
-
});
|
|
945
|
-
|
|
946
|
-
;// ./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=cd35c518&scoped=true
|
|
947
|
-
var render = function render() {
|
|
948
|
-
var _vm = this,
|
|
949
|
-
_c = _vm._self._c;
|
|
950
|
-
return _c('BaseComp', _vm._b({
|
|
951
|
-
attrs: {
|
|
952
|
-
"data": _vm.data,
|
|
953
|
-
"nowCompId": _vm.nowCompId,
|
|
954
|
-
"isOpcacity": _vm.isOpcacity,
|
|
955
|
-
"isMask": false,
|
|
956
|
-
"lang": _vm.lang
|
|
957
|
-
},
|
|
958
|
-
on: {
|
|
959
|
-
"getConfigData": _vm.getConfigData
|
|
960
|
-
},
|
|
961
|
-
scopedSlots: _vm._u([{
|
|
962
|
-
key: "default",
|
|
963
|
-
fn: function (slotProps) {
|
|
964
|
-
return [_c('section', {
|
|
965
|
-
class: (_vm.configData.widthType === 'full' ? 'width-full' : 'cmhk-home_main', {
|
|
966
|
-
hoverBorderClass: _vm.isConfigPage
|
|
967
|
-
}),
|
|
968
|
-
style: _vm.containerStyle
|
|
969
|
-
}, [_c('div', {
|
|
970
|
-
staticClass: "column-setting",
|
|
971
|
-
class: [`layout-${_vm.configData.layoutType || 'default'}`, `${slotProps.isMobile && _vm.configData.mobileLayout === 'vertical' ? 'mobile-vertical' : 'mobile-horizontal'}`],
|
|
972
|
-
style: _vm.columnStyle
|
|
973
|
-
}, _vm._l(_vm.data.childList, function (item, index) {
|
|
974
|
-
return _c('cms-column-card', _vm._b({
|
|
975
|
-
key: item.componentId,
|
|
976
|
-
class: _vm.getColumnItemClass(index),
|
|
977
|
-
style: _vm.getColumnItemStyle(index),
|
|
978
|
-
attrs: {
|
|
979
|
-
"data": item,
|
|
980
|
-
"nowCompId": _vm.nowCompId,
|
|
981
|
-
"isOpcacity": _vm.isOpcacity,
|
|
982
|
-
"isMask": false,
|
|
983
|
-
"lang": _vm.lang,
|
|
984
|
-
"isMobile": slotProps.isMobile,
|
|
985
|
-
"mobileLayout": _vm.configData.mobileLayout
|
|
986
|
-
}
|
|
987
|
-
}, 'cms-column-card', _vm.$attrs, false));
|
|
988
|
-
}), 1)])];
|
|
989
|
-
}
|
|
990
|
-
}])
|
|
991
|
-
}, 'BaseComp', _vm.$attrs, false));
|
|
992
|
-
};
|
|
993
|
-
var staticRenderFns = [];
|
|
994
|
-
|
|
995
|
-
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
996
|
-
var baseComp = __webpack_require__(7135);
|
|
997
|
-
;// ./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
|
|
998
|
-
|
|
999
|
-
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
1000
|
-
name: "cms-column",
|
|
1001
|
-
components: {
|
|
1002
|
-
BaseComp: baseComp["default"]
|
|
1003
|
-
},
|
|
1004
|
-
props: {
|
|
1005
|
-
data: {
|
|
1006
|
-
type: Object,
|
|
1007
|
-
default: () => {
|
|
1008
|
-
return {};
|
|
1009
|
-
}
|
|
1010
|
-
},
|
|
1011
|
-
nowCompId: {
|
|
1012
|
-
type: [String, Number],
|
|
1013
|
-
default: ""
|
|
1014
|
-
},
|
|
1015
|
-
isOpcacity: {
|
|
1016
|
-
type: Boolean,
|
|
1017
|
-
default: true
|
|
1018
|
-
},
|
|
1019
|
-
lang: {
|
|
1020
|
-
type: String,
|
|
1021
|
-
default: "zh-HK"
|
|
1022
|
-
}
|
|
1023
|
-
},
|
|
1024
|
-
data() {
|
|
1025
|
-
return {
|
|
1026
|
-
configData: {},
|
|
1027
|
-
messFold: true,
|
|
1028
|
-
// 默认配置数据
|
|
1029
|
-
defaultConfig: {
|
|
1030
|
-
layoutType: "100",
|
|
1031
|
-
heightType: "auto",
|
|
1032
|
-
widthType: "auto",
|
|
1033
|
-
mobileLayout: "vertical",
|
|
1034
|
-
fixedHeight: 300,
|
|
1035
|
-
borderWidth: 0,
|
|
1036
|
-
borderStyle: "solid",
|
|
1037
|
-
borderColor: "",
|
|
1038
|
-
backgroundColor: "#FFF",
|
|
1039
|
-
backgroundImage: "",
|
|
1040
|
-
boxShadow: "",
|
|
1041
|
-
borderRadius: 0,
|
|
1042
|
-
columnGap: 0,
|
|
1043
|
-
rowGap: 0,
|
|
1044
|
-
title: "",
|
|
1045
|
-
description: "",
|
|
1046
|
-
input1: "",
|
|
1047
|
-
showTitle: true,
|
|
1048
|
-
showDescription: true,
|
|
1049
|
-
animationDuration: 300,
|
|
1050
|
-
responsiveBreakpoint: 768
|
|
1051
|
-
}
|
|
1052
|
-
};
|
|
1053
|
-
},
|
|
1054
|
-
mounted() {
|
|
1055
|
-
this.initConfigData();
|
|
1056
|
-
// 添加窗口大小变化监听
|
|
1057
|
-
},
|
|
1058
|
-
watch: {
|
|
1059
|
-
configData: {
|
|
1060
|
-
handler() {
|
|
1061
|
-
this.updateStyles();
|
|
1062
|
-
},
|
|
1063
|
-
deep: true
|
|
1064
|
-
}
|
|
1065
|
-
},
|
|
1066
|
-
computed: {
|
|
1067
|
-
isConfigPage() {
|
|
1068
|
-
return this.$EventBus && this.isOpcacity;
|
|
1069
|
-
},
|
|
1070
|
-
// 容器样式
|
|
1071
|
-
containerStyle() {
|
|
1072
|
-
return {
|
|
1073
|
-
backgroundColor: this.configData.backgroundColor || this.defaultConfig.backgroundColor,
|
|
1074
|
-
backgroundImage: this.configData.backgroundImage ? `url(${this.configData.backgroundImage})` : "",
|
|
1075
|
-
backgroundSize: "cover",
|
|
1076
|
-
backgroundRepeat: "no-repeat",
|
|
1077
|
-
backgroundPosition: "center center",
|
|
1078
|
-
boxShadow: this.configData.boxShadow || this.defaultConfig.boxShadow,
|
|
1079
|
-
borderRadius: `${this.configData.borderRadius || this.defaultConfig.borderRadius}px`,
|
|
1080
|
-
minHeight: this.configData.heightType === "fixed" ? `${this.configData.fixedHeight}px` : "auto"
|
|
1081
|
-
};
|
|
1082
|
-
},
|
|
1083
|
-
// 分栏容器样式
|
|
1084
|
-
columnStyle() {
|
|
1085
|
-
// const gap = this.configData.rowGap || this.defaultConfig.rowGap;
|
|
1086
|
-
return {
|
|
1087
|
-
// gap: `${gap}px`,
|
|
1088
|
-
border: this.configData.borderWidth ? `${this.configData.borderWidth}px ${this.configData.borderStyle} ${this.configData.borderColor}` : "none"
|
|
1089
|
-
};
|
|
1090
|
-
}
|
|
1091
|
-
},
|
|
1092
|
-
methods: {
|
|
1093
|
-
// 初始化配置数据
|
|
1094
|
-
initConfigData() {
|
|
1095
|
-
// 合并默认配置和传入配置
|
|
1096
|
-
this.configData = {
|
|
1097
|
-
...this.defaultConfig,
|
|
1098
|
-
...this.configData
|
|
1099
|
-
};
|
|
1100
|
-
},
|
|
1101
|
-
// 获取配置数据
|
|
1102
|
-
getConfigData(configData) {
|
|
1103
|
-
this.configData = {
|
|
1104
|
-
...this.defaultConfig,
|
|
1105
|
-
...configData
|
|
1106
|
-
};
|
|
1107
|
-
this.updateStyles();
|
|
1108
|
-
},
|
|
1109
|
-
// 更新样式
|
|
1110
|
-
updateStyles() {
|
|
1111
|
-
this.$nextTick(() => {
|
|
1112
|
-
// 触发样式更新
|
|
1113
|
-
this.$forceUpdate();
|
|
1114
|
-
});
|
|
1115
|
-
},
|
|
1116
|
-
// 获取分栏项的类名
|
|
1117
|
-
getColumnItemClass(index) {
|
|
1118
|
-
const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
|
|
1119
|
-
return ["column-item", `column-item-${index}`, `layout-${layoutType}`, {
|
|
1120
|
-
"min-h": this.$EventBus && this.isOpcacity,
|
|
1121
|
-
"first-item": index === 0,
|
|
1122
|
-
"last-item": index === this.data.childList.length - 1
|
|
1123
|
-
}];
|
|
1124
|
-
},
|
|
1125
|
-
// 获取分栏项的样式
|
|
1126
|
-
getColumnItemStyle(index) {
|
|
1127
|
-
const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
|
|
1128
|
-
const gap = this.configData.rowGap || this.defaultConfig.rowGap;
|
|
1129
|
-
let flexBasis = "100%";
|
|
1130
|
-
let marginRight = "0";
|
|
1131
|
-
|
|
1132
|
-
// 根据布局类型设置宽度
|
|
1133
|
-
switch (layoutType) {
|
|
1134
|
-
case "50-50":
|
|
1135
|
-
flexBasis = `calc(50% - ${gap / 2}px)`;
|
|
1136
|
-
marginRight = index % 2 === 0 ? `${gap}px` : "0";
|
|
1137
|
-
break;
|
|
1138
|
-
case "33-66":
|
|
1139
|
-
flexBasis = index === 0 ? `calc(33.33% - ${gap / 2}px)` : `calc(66.67% - ${gap / 2}px)`;
|
|
1140
|
-
marginRight = index === 0 ? `${gap}px` : "0";
|
|
1141
|
-
break;
|
|
1142
|
-
case "66-33":
|
|
1143
|
-
flexBasis = index === 0 ? `calc(66.67% - ${gap / 2}px)` : `calc(33.33% - ${gap / 2}px)`;
|
|
1144
|
-
marginRight = index === 0 ? `${gap}px` : "0";
|
|
1145
|
-
break;
|
|
1146
|
-
case "33-33-33":
|
|
1147
|
-
flexBasis = `calc(33.33% - ${gap * 2 / 3}px)`;
|
|
1148
|
-
marginRight = index < 2 ? `${gap}px` : "0";
|
|
1149
|
-
break;
|
|
1150
|
-
case "25-50-25":
|
|
1151
|
-
if (index === 0 || index === 2) {
|
|
1152
|
-
flexBasis = `calc(25% - ${gap * 2 / 3}px)`;
|
|
1153
|
-
} else {
|
|
1154
|
-
flexBasis = `calc(50% - ${gap * 2 / 3}px)`;
|
|
1155
|
-
}
|
|
1156
|
-
marginRight = index < 2 ? `${gap}px` : "0";
|
|
1157
|
-
break;
|
|
1158
|
-
default:
|
|
1159
|
-
flexBasis = "100%";
|
|
1160
|
-
}
|
|
1161
|
-
return {
|
|
1162
|
-
flexBasis,
|
|
1163
|
-
marginRight,
|
|
1164
|
-
marginBottom: `${this.configData.columnGap || this.defaultConfig.columnGap}px`
|
|
1165
|
-
};
|
|
1166
|
-
},
|
|
1167
|
-
// 折叠/展开文本
|
|
1168
|
-
foldMessText() {
|
|
1169
|
-
this.messFold = !this.messFold;
|
|
1170
|
-
},
|
|
1171
|
-
// 处理跳转链接
|
|
1172
|
-
decodeJumpUrl(url) {
|
|
1173
|
-
if (!url) return;
|
|
1174
|
-
top.location.href = url;
|
|
1175
|
-
}
|
|
1176
|
-
}
|
|
1177
|
-
});
|
|
1178
|
-
;// ./package/cms-column/View.vue?vue&type=script&lang=js
|
|
1179
|
-
/* harmony default export */ var cms_column_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
1180
|
-
;// ./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=cd35c518&prod&lang=scss&scoped=true
|
|
1181
|
-
// extracted by mini-css-extract-plugin
|
|
1182
|
-
|
|
1183
|
-
;// ./package/cms-column/View.vue?vue&type=style&index=0&id=cd35c518&prod&lang=scss&scoped=true
|
|
1184
|
-
|
|
1185
|
-
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
1186
|
-
var componentNormalizer = __webpack_require__(1656);
|
|
1187
|
-
;// ./package/cms-column/View.vue
|
|
1188
|
-
|
|
1189
|
-
|
|
1190
|
-
|
|
1191
|
-
;
|
|
1192
|
-
|
|
1193
|
-
|
|
1194
|
-
/* normalize component */
|
|
1195
|
-
|
|
1196
|
-
var component = (0,componentNormalizer/* default */.A)(
|
|
1197
|
-
cms_column_Viewvue_type_script_lang_js,
|
|
1198
|
-
render,
|
|
1199
|
-
staticRenderFns,
|
|
1200
|
-
false,
|
|
1201
|
-
null,
|
|
1202
|
-
"cd35c518",
|
|
1203
|
-
null
|
|
1204
|
-
|
|
1205
|
-
)
|
|
1206
|
-
|
|
1207
|
-
/* harmony default export */ var View = (component.exports);
|
|
1208
|
-
|
|
1209
|
-
/***/ }),
|
|
1210
|
-
|
|
1211
934
|
/***/ 350:
|
|
1212
935
|
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
1213
936
|
|
|
@@ -20703,8 +20426,8 @@ var map = {
|
|
|
20703
20426
|
"./cms-column-card/index": 3583,
|
|
20704
20427
|
"./cms-column-card/index.js": 3583,
|
|
20705
20428
|
"./cms-column/": 3154,
|
|
20706
|
-
"./cms-column/View":
|
|
20707
|
-
"./cms-column/View.vue":
|
|
20429
|
+
"./cms-column/View": 2171,
|
|
20430
|
+
"./cms-column/View.vue": 2171,
|
|
20708
20431
|
"./cms-column/index": 3154,
|
|
20709
20432
|
"./cms-column/index.js": 3154,
|
|
20710
20433
|
"./cms-description": 98,
|
|
@@ -22306,6 +22029,270 @@ test[TO_STRING_TAG] = 'z';
|
|
|
22306
22029
|
module.exports = String(test) === '[object z]';
|
|
22307
22030
|
|
|
22308
22031
|
|
|
22032
|
+
/***/ }),
|
|
22033
|
+
|
|
22034
|
+
/***/ 2171:
|
|
22035
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
22036
|
+
|
|
22037
|
+
"use strict";
|
|
22038
|
+
// ESM COMPAT FLAG
|
|
22039
|
+
__webpack_require__.r(__webpack_exports__);
|
|
22040
|
+
|
|
22041
|
+
// EXPORTS
|
|
22042
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
22043
|
+
"default": function() { return /* binding */ View; }
|
|
22044
|
+
});
|
|
22045
|
+
|
|
22046
|
+
;// ./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=f2ba72e8&scoped=true
|
|
22047
|
+
var render = function render() {
|
|
22048
|
+
var _vm = this,
|
|
22049
|
+
_c = _vm._self._c;
|
|
22050
|
+
return _c('BaseComp', _vm._b({
|
|
22051
|
+
attrs: {
|
|
22052
|
+
"data": _vm.data,
|
|
22053
|
+
"nowCompId": _vm.nowCompId,
|
|
22054
|
+
"isOpcacity": _vm.isOpcacity,
|
|
22055
|
+
"isMask": false,
|
|
22056
|
+
"lang": _vm.lang
|
|
22057
|
+
},
|
|
22058
|
+
on: {
|
|
22059
|
+
"getConfigData": _vm.getConfigData
|
|
22060
|
+
},
|
|
22061
|
+
scopedSlots: _vm._u([{
|
|
22062
|
+
key: "default",
|
|
22063
|
+
fn: function (slotProps) {
|
|
22064
|
+
return [_c('section', {
|
|
22065
|
+
class: (_vm.configData.widthType === 'full' ? 'width-full' : 'cmhk-home_main', {
|
|
22066
|
+
hoverBorderClass: _vm.isConfigPage
|
|
22067
|
+
}),
|
|
22068
|
+
style: _vm.containerStyle
|
|
22069
|
+
}, [_c('div', {
|
|
22070
|
+
staticClass: "column-setting",
|
|
22071
|
+
class: [`layout-${_vm.configData.layoutType || 'default'}`, `${slotProps.isMobile && _vm.configData.mobileLayout === 'vertical' ? 'mobile-vertical' : 'mobile-horizontal'}`],
|
|
22072
|
+
style: _vm.columnStyle
|
|
22073
|
+
}, _vm._l(_vm.data.childList, function (item, index) {
|
|
22074
|
+
return _c('cms-column-card', _vm._b({
|
|
22075
|
+
key: item.componentId,
|
|
22076
|
+
class: _vm.getColumnItemClass(index),
|
|
22077
|
+
style: _vm.getColumnItemStyle(index),
|
|
22078
|
+
attrs: {
|
|
22079
|
+
"data": item,
|
|
22080
|
+
"nowCompId": _vm.nowCompId,
|
|
22081
|
+
"isOpcacity": _vm.isOpcacity,
|
|
22082
|
+
"isMask": false,
|
|
22083
|
+
"lang": _vm.lang,
|
|
22084
|
+
"isMobile": slotProps.isMobile,
|
|
22085
|
+
"mobileLayout": _vm.configData.mobileLayout
|
|
22086
|
+
}
|
|
22087
|
+
}, 'cms-column-card', _vm.$attrs, false));
|
|
22088
|
+
}), 1)])];
|
|
22089
|
+
}
|
|
22090
|
+
}])
|
|
22091
|
+
}, 'BaseComp', _vm.$attrs, false));
|
|
22092
|
+
};
|
|
22093
|
+
var staticRenderFns = [];
|
|
22094
|
+
|
|
22095
|
+
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
22096
|
+
var baseComp = __webpack_require__(7135);
|
|
22097
|
+
;// ./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
|
|
22098
|
+
|
|
22099
|
+
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
22100
|
+
name: "cms-column",
|
|
22101
|
+
components: {
|
|
22102
|
+
BaseComp: baseComp["default"]
|
|
22103
|
+
},
|
|
22104
|
+
props: {
|
|
22105
|
+
data: {
|
|
22106
|
+
type: Object,
|
|
22107
|
+
default: () => {
|
|
22108
|
+
return {};
|
|
22109
|
+
}
|
|
22110
|
+
},
|
|
22111
|
+
nowCompId: {
|
|
22112
|
+
type: [String, Number],
|
|
22113
|
+
default: ""
|
|
22114
|
+
},
|
|
22115
|
+
isOpcacity: {
|
|
22116
|
+
type: Boolean,
|
|
22117
|
+
default: true
|
|
22118
|
+
},
|
|
22119
|
+
lang: {
|
|
22120
|
+
type: String,
|
|
22121
|
+
default: "zh-HK"
|
|
22122
|
+
}
|
|
22123
|
+
},
|
|
22124
|
+
data() {
|
|
22125
|
+
return {
|
|
22126
|
+
configData: {},
|
|
22127
|
+
messFold: true,
|
|
22128
|
+
// 默认配置数据
|
|
22129
|
+
defaultConfig: {
|
|
22130
|
+
layoutType: "100",
|
|
22131
|
+
heightType: "auto",
|
|
22132
|
+
widthType: "auto",
|
|
22133
|
+
mobileLayout: "vertical",
|
|
22134
|
+
fixedHeight: 300,
|
|
22135
|
+
borderWidth: 0,
|
|
22136
|
+
borderStyle: "solid",
|
|
22137
|
+
borderColor: "",
|
|
22138
|
+
backgroundColor: "#FFF",
|
|
22139
|
+
backgroundImage: "",
|
|
22140
|
+
boxShadow: "",
|
|
22141
|
+
borderRadius: 0,
|
|
22142
|
+
columnGap: 0,
|
|
22143
|
+
rowGap: 0,
|
|
22144
|
+
title: "",
|
|
22145
|
+
description: "",
|
|
22146
|
+
input1: "",
|
|
22147
|
+
showTitle: true,
|
|
22148
|
+
showDescription: true,
|
|
22149
|
+
animationDuration: 300,
|
|
22150
|
+
responsiveBreakpoint: 768
|
|
22151
|
+
}
|
|
22152
|
+
};
|
|
22153
|
+
},
|
|
22154
|
+
mounted() {},
|
|
22155
|
+
watch: {
|
|
22156
|
+
configData: {
|
|
22157
|
+
handler() {
|
|
22158
|
+
this.updateStyles();
|
|
22159
|
+
},
|
|
22160
|
+
immediate: true,
|
|
22161
|
+
deep: true
|
|
22162
|
+
}
|
|
22163
|
+
},
|
|
22164
|
+
computed: {
|
|
22165
|
+
isConfigPage() {
|
|
22166
|
+
return this.$EventBus && this.isOpcacity;
|
|
22167
|
+
},
|
|
22168
|
+
// 容器样式
|
|
22169
|
+
containerStyle() {
|
|
22170
|
+
return {
|
|
22171
|
+
backgroundColor: this.configData.backgroundColor || this.defaultConfig.backgroundColor,
|
|
22172
|
+
backgroundImage: this.configData.backgroundImage ? `url(${this.configData.backgroundImage})` : "",
|
|
22173
|
+
backgroundSize: "cover",
|
|
22174
|
+
backgroundRepeat: "no-repeat",
|
|
22175
|
+
backgroundPosition: "center center",
|
|
22176
|
+
boxShadow: this.configData.boxShadow || this.defaultConfig.boxShadow,
|
|
22177
|
+
borderRadius: `${this.configData.borderRadius || this.defaultConfig.borderRadius}px`,
|
|
22178
|
+
minHeight: this.configData.heightType === "fixed" ? `${this.configData.fixedHeight}px` : "auto"
|
|
22179
|
+
};
|
|
22180
|
+
},
|
|
22181
|
+
// 分栏容器样式
|
|
22182
|
+
columnStyle() {
|
|
22183
|
+
// const gap = this.configData.rowGap || this.defaultConfig.rowGap;
|
|
22184
|
+
return {
|
|
22185
|
+
// gap: `${gap}px`,
|
|
22186
|
+
border: this.configData.borderWidth ? `${this.configData.borderWidth}px ${this.configData.borderStyle} ${this.configData.borderColor}` : "none"
|
|
22187
|
+
};
|
|
22188
|
+
}
|
|
22189
|
+
},
|
|
22190
|
+
methods: {
|
|
22191
|
+
// 获取配置数据
|
|
22192
|
+
getConfigData(configData) {
|
|
22193
|
+
this.configData = configData;
|
|
22194
|
+
this.updateStyles();
|
|
22195
|
+
},
|
|
22196
|
+
// 更新样式
|
|
22197
|
+
updateStyles() {
|
|
22198
|
+
this.$nextTick(() => {
|
|
22199
|
+
// 触发样式更新
|
|
22200
|
+
this.$forceUpdate();
|
|
22201
|
+
});
|
|
22202
|
+
},
|
|
22203
|
+
// 获取分栏项的类名
|
|
22204
|
+
getColumnItemClass(index) {
|
|
22205
|
+
const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
|
|
22206
|
+
return ["column-item", `column-item-${index}`, `layout-${layoutType}`, {
|
|
22207
|
+
"min-h": this.$EventBus && this.isOpcacity,
|
|
22208
|
+
"first-item": index === 0,
|
|
22209
|
+
"last-item": index === this.data.childList.length - 1
|
|
22210
|
+
}];
|
|
22211
|
+
},
|
|
22212
|
+
// 获取分栏项的样式
|
|
22213
|
+
getColumnItemStyle(index) {
|
|
22214
|
+
const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
|
|
22215
|
+
const gap = this.configData.rowGap || this.defaultConfig.rowGap;
|
|
22216
|
+
let flexBasis = "100%";
|
|
22217
|
+
let marginRight = "0";
|
|
22218
|
+
|
|
22219
|
+
// 根据布局类型设置宽度
|
|
22220
|
+
switch (layoutType) {
|
|
22221
|
+
case "50-50":
|
|
22222
|
+
flexBasis = `calc(50% - ${gap / 2}px)`;
|
|
22223
|
+
marginRight = index % 2 === 0 ? `${gap}px` : "0";
|
|
22224
|
+
break;
|
|
22225
|
+
case "33-66":
|
|
22226
|
+
flexBasis = index === 0 ? `calc(33.33% - ${gap / 2}px)` : `calc(66.67% - ${gap / 2}px)`;
|
|
22227
|
+
marginRight = index === 0 ? `${gap}px` : "0";
|
|
22228
|
+
break;
|
|
22229
|
+
case "66-33":
|
|
22230
|
+
flexBasis = index === 0 ? `calc(66.67% - ${gap / 2}px)` : `calc(33.33% - ${gap / 2}px)`;
|
|
22231
|
+
marginRight = index === 0 ? `${gap}px` : "0";
|
|
22232
|
+
break;
|
|
22233
|
+
case "33-33-33":
|
|
22234
|
+
flexBasis = `calc(33.33% - ${gap * 2 / 3}px)`;
|
|
22235
|
+
marginRight = index < 2 ? `${gap}px` : "0";
|
|
22236
|
+
break;
|
|
22237
|
+
case "25-50-25":
|
|
22238
|
+
if (index === 0 || index === 2) {
|
|
22239
|
+
flexBasis = `calc(25% - ${gap * 2 / 3}px)`;
|
|
22240
|
+
} else {
|
|
22241
|
+
flexBasis = `calc(50% - ${gap * 2 / 3}px)`;
|
|
22242
|
+
}
|
|
22243
|
+
marginRight = index < 2 ? `${gap}px` : "0";
|
|
22244
|
+
break;
|
|
22245
|
+
default:
|
|
22246
|
+
flexBasis = "100%";
|
|
22247
|
+
}
|
|
22248
|
+
return {
|
|
22249
|
+
flexBasis,
|
|
22250
|
+
marginRight,
|
|
22251
|
+
marginBottom: `${this.configData.columnGap || this.defaultConfig.columnGap}px`
|
|
22252
|
+
};
|
|
22253
|
+
},
|
|
22254
|
+
// 折叠/展开文本
|
|
22255
|
+
foldMessText() {
|
|
22256
|
+
this.messFold = !this.messFold;
|
|
22257
|
+
},
|
|
22258
|
+
// 处理跳转链接
|
|
22259
|
+
decodeJumpUrl(url) {
|
|
22260
|
+
if (!url) return;
|
|
22261
|
+
top.location.href = url;
|
|
22262
|
+
}
|
|
22263
|
+
}
|
|
22264
|
+
});
|
|
22265
|
+
;// ./package/cms-column/View.vue?vue&type=script&lang=js
|
|
22266
|
+
/* harmony default export */ var cms_column_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
22267
|
+
;// ./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=f2ba72e8&prod&lang=scss&scoped=true
|
|
22268
|
+
// extracted by mini-css-extract-plugin
|
|
22269
|
+
|
|
22270
|
+
;// ./package/cms-column/View.vue?vue&type=style&index=0&id=f2ba72e8&prod&lang=scss&scoped=true
|
|
22271
|
+
|
|
22272
|
+
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
22273
|
+
var componentNormalizer = __webpack_require__(1656);
|
|
22274
|
+
;// ./package/cms-column/View.vue
|
|
22275
|
+
|
|
22276
|
+
|
|
22277
|
+
|
|
22278
|
+
;
|
|
22279
|
+
|
|
22280
|
+
|
|
22281
|
+
/* normalize component */
|
|
22282
|
+
|
|
22283
|
+
var component = (0,componentNormalizer/* default */.A)(
|
|
22284
|
+
cms_column_Viewvue_type_script_lang_js,
|
|
22285
|
+
render,
|
|
22286
|
+
staticRenderFns,
|
|
22287
|
+
false,
|
|
22288
|
+
null,
|
|
22289
|
+
"f2ba72e8",
|
|
22290
|
+
null
|
|
22291
|
+
|
|
22292
|
+
)
|
|
22293
|
+
|
|
22294
|
+
/* harmony default export */ var View = (component.exports);
|
|
22295
|
+
|
|
22309
22296
|
/***/ }),
|
|
22310
22297
|
|
|
22311
22298
|
/***/ 2179:
|
|
@@ -24306,7 +24293,7 @@ module.exports = Math.min;
|
|
|
24306
24293
|
__webpack_require__.r(__webpack_exports__);
|
|
24307
24294
|
/* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
|
|
24308
24295
|
|
|
24309
|
-
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__,
|
|
24296
|
+
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 2171));
|
|
24310
24297
|
const langData = {
|
|
24311
24298
|
// 布局配置
|
|
24312
24299
|
layoutType: "100",
|
|
@@ -37526,7 +37513,7 @@ var map = {
|
|
|
37526
37513
|
"./cms-button/View.vue": 1163,
|
|
37527
37514
|
"./cms-cells/View.vue": 983,
|
|
37528
37515
|
"./cms-column-card/View.vue": 688,
|
|
37529
|
-
"./cms-column/View.vue":
|
|
37516
|
+
"./cms-column/View.vue": 2171,
|
|
37530
37517
|
"./cms-description/View.vue": 6296,
|
|
37531
37518
|
"./cms-dynamic-comp/View.vue": 7298,
|
|
37532
37519
|
"./cms-iconFour/View.vue": 2946,
|