cms-chenhj-ui 2.0.27 → 2.0.28
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 +267 -269
- package/cms-chenhj-ui.common.js.map +1 -1
- package/cms-chenhj-ui.css +1 -1
- package/cms-chenhj-ui.umd.js +267 -269
- package/cms-chenhj-ui.umd.js.map +1 -1
- package/cms-chenhj-ui.umd.min.js +1 -1
- package/cms-chenhj-ui.umd.min.js.map +1 -1
- package/package.json +1 -1
package/cms-chenhj-ui.common.js
CHANGED
|
@@ -10676,8 +10676,8 @@ var map = {
|
|
|
10676
10676
|
"./cms-column-card/index": 5340,
|
|
10677
10677
|
"./cms-column-card/index.js": 5340,
|
|
10678
10678
|
"./cms-column/": 3923,
|
|
10679
|
-
"./cms-column/View":
|
|
10680
|
-
"./cms-column/View.vue":
|
|
10679
|
+
"./cms-column/View": 7855,
|
|
10680
|
+
"./cms-column/View.vue": 7855,
|
|
10681
10681
|
"./cms-column/index": 3923,
|
|
10682
10682
|
"./cms-column/index.js": 3923,
|
|
10683
10683
|
"./cms-description": 1921,
|
|
@@ -28160,7 +28160,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
28160
28160
|
__webpack_require__.r(__webpack_exports__);
|
|
28161
28161
|
/* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(649);
|
|
28162
28162
|
|
|
28163
|
-
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__,
|
|
28163
|
+
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 7855));
|
|
28164
28164
|
const langData = {
|
|
28165
28165
|
// 布局配置
|
|
28166
28166
|
layoutType: "100",
|
|
@@ -40436,7 +40436,7 @@ var map = {
|
|
|
40436
40436
|
"./cms-button/View.vue": 2404,
|
|
40437
40437
|
"./cms-cells/View.vue": 5700,
|
|
40438
40438
|
"./cms-column-card/View.vue": 2328,
|
|
40439
|
-
"./cms-column/View.vue":
|
|
40439
|
+
"./cms-column/View.vue": 7855,
|
|
40440
40440
|
"./cms-description/View.vue": 3203,
|
|
40441
40441
|
"./cms-dynamic-comp/View.vue": 2809,
|
|
40442
40442
|
"./cms-iconFour/View.vue": 8235,
|
|
@@ -52692,7 +52692,7 @@ function getShopproGroup(data) {
|
|
|
52692
52692
|
function columnQuery(params) {
|
|
52693
52693
|
return request({
|
|
52694
52694
|
method: "post",
|
|
52695
|
-
url: "/ecosp-console/columnCategory/
|
|
52695
|
+
url: "/ecosp-console/columnCategory/queryByCommodityType",
|
|
52696
52696
|
data: params
|
|
52697
52697
|
});
|
|
52698
52698
|
}
|
|
@@ -52970,270 +52970,6 @@ $({ target: 'Set', proto: true, real: true, forced: INCORRECT }, {
|
|
|
52970
52970
|
});
|
|
52971
52971
|
|
|
52972
52972
|
|
|
52973
|
-
/***/ }),
|
|
52974
|
-
|
|
52975
|
-
/***/ 7651:
|
|
52976
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
52977
|
-
|
|
52978
|
-
"use strict";
|
|
52979
|
-
// ESM COMPAT FLAG
|
|
52980
|
-
__webpack_require__.r(__webpack_exports__);
|
|
52981
|
-
|
|
52982
|
-
// EXPORTS
|
|
52983
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
52984
|
-
"default": function() { return /* binding */ View; }
|
|
52985
|
-
});
|
|
52986
|
-
|
|
52987
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=template&id=1402d563&scoped=true
|
|
52988
|
-
var render = function render() {
|
|
52989
|
-
var _vm = this,
|
|
52990
|
-
_c = _vm._self._c;
|
|
52991
|
-
return _c('BaseComp', _vm._b({
|
|
52992
|
-
attrs: {
|
|
52993
|
-
"data": _vm.data,
|
|
52994
|
-
"nowCompId": _vm.nowCompId,
|
|
52995
|
-
"isOpcacity": _vm.isOpcacity,
|
|
52996
|
-
"isMask": false,
|
|
52997
|
-
"lang": _vm.lang
|
|
52998
|
-
},
|
|
52999
|
-
on: {
|
|
53000
|
-
"getConfigData": _vm.getConfigData
|
|
53001
|
-
},
|
|
53002
|
-
scopedSlots: _vm._u([{
|
|
53003
|
-
key: "default",
|
|
53004
|
-
fn: function (slotProps) {
|
|
53005
|
-
return [_c('section', {
|
|
53006
|
-
class: [_vm.configData.widthType === 'full' ? 'width-full' : 'cmhk-home_main', {
|
|
53007
|
-
hoverBorderClass: _vm.isConfigPage
|
|
53008
|
-
}],
|
|
53009
|
-
style: _vm.containerStyle
|
|
53010
|
-
}, [_c('div', {
|
|
53011
|
-
staticClass: "column-setting",
|
|
53012
|
-
class: [`layout-${_vm.configData.layoutType || 'default'}`, `${slotProps.isMobile && _vm.configData.mobileLayout === 'vertical' ? 'mobile-vertical' : 'mobile-horizontal'}`],
|
|
53013
|
-
style: _vm.columnStyle
|
|
53014
|
-
}, _vm._l(_vm.data.childList, function (item, index) {
|
|
53015
|
-
return _c('cms-column-card', _vm._b({
|
|
53016
|
-
key: item.componentId,
|
|
53017
|
-
class: _vm.getColumnItemClass(index),
|
|
53018
|
-
style: _vm.getColumnItemStyle(index),
|
|
53019
|
-
attrs: {
|
|
53020
|
-
"data": item,
|
|
53021
|
-
"nowCompId": _vm.nowCompId,
|
|
53022
|
-
"isOpcacity": _vm.isOpcacity,
|
|
53023
|
-
"isMask": false,
|
|
53024
|
-
"lang": _vm.lang,
|
|
53025
|
-
"isMobile": slotProps.isMobile,
|
|
53026
|
-
"mobileLayout": _vm.configData.mobileLayout
|
|
53027
|
-
}
|
|
53028
|
-
}, 'cms-column-card', _vm.$attrs, false));
|
|
53029
|
-
}), 1)])];
|
|
53030
|
-
}
|
|
53031
|
-
}])
|
|
53032
|
-
}, 'BaseComp', _vm.$attrs, false));
|
|
53033
|
-
};
|
|
53034
|
-
var staticRenderFns = [];
|
|
53035
|
-
|
|
53036
|
-
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
53037
|
-
var baseComp = __webpack_require__(4128);
|
|
53038
|
-
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=script&lang=js
|
|
53039
|
-
|
|
53040
|
-
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
53041
|
-
name: "cms-column",
|
|
53042
|
-
components: {
|
|
53043
|
-
BaseComp: baseComp["default"]
|
|
53044
|
-
},
|
|
53045
|
-
props: {
|
|
53046
|
-
data: {
|
|
53047
|
-
type: Object,
|
|
53048
|
-
default: () => {
|
|
53049
|
-
return {};
|
|
53050
|
-
}
|
|
53051
|
-
},
|
|
53052
|
-
nowCompId: {
|
|
53053
|
-
type: [String, Number],
|
|
53054
|
-
default: ""
|
|
53055
|
-
},
|
|
53056
|
-
isOpcacity: {
|
|
53057
|
-
type: Boolean,
|
|
53058
|
-
default: true
|
|
53059
|
-
},
|
|
53060
|
-
lang: {
|
|
53061
|
-
type: String,
|
|
53062
|
-
default: "zh-HK"
|
|
53063
|
-
}
|
|
53064
|
-
},
|
|
53065
|
-
data() {
|
|
53066
|
-
return {
|
|
53067
|
-
configData: {},
|
|
53068
|
-
messFold: true,
|
|
53069
|
-
// 默认配置数据
|
|
53070
|
-
defaultConfig: {
|
|
53071
|
-
layoutType: "100",
|
|
53072
|
-
heightType: "auto",
|
|
53073
|
-
widthType: "auto",
|
|
53074
|
-
mobileLayout: "vertical",
|
|
53075
|
-
fixedHeight: 300,
|
|
53076
|
-
borderWidth: 0,
|
|
53077
|
-
borderStyle: "solid",
|
|
53078
|
-
borderColor: "",
|
|
53079
|
-
backgroundColor: "#FFF",
|
|
53080
|
-
backgroundImage: "",
|
|
53081
|
-
boxShadow: "",
|
|
53082
|
-
borderRadius: 0,
|
|
53083
|
-
columnGap: 0,
|
|
53084
|
-
rowGap: 0,
|
|
53085
|
-
title: "",
|
|
53086
|
-
description: "",
|
|
53087
|
-
input1: "",
|
|
53088
|
-
showTitle: true,
|
|
53089
|
-
showDescription: true,
|
|
53090
|
-
animationDuration: 300,
|
|
53091
|
-
responsiveBreakpoint: 768
|
|
53092
|
-
}
|
|
53093
|
-
};
|
|
53094
|
-
},
|
|
53095
|
-
mounted() {},
|
|
53096
|
-
watch: {
|
|
53097
|
-
configData: {
|
|
53098
|
-
handler() {
|
|
53099
|
-
this.updateStyles();
|
|
53100
|
-
},
|
|
53101
|
-
immediate: true,
|
|
53102
|
-
deep: true
|
|
53103
|
-
}
|
|
53104
|
-
},
|
|
53105
|
-
computed: {
|
|
53106
|
-
isConfigPage() {
|
|
53107
|
-
return this.$EventBus && this.isOpcacity;
|
|
53108
|
-
},
|
|
53109
|
-
// 容器样式
|
|
53110
|
-
containerStyle() {
|
|
53111
|
-
return {
|
|
53112
|
-
backgroundColor: this.configData.backgroundColor || this.defaultConfig.backgroundColor,
|
|
53113
|
-
backgroundImage: this.configData.backgroundImage ? `url(${this.configData.backgroundImage})` : "",
|
|
53114
|
-
backgroundSize: "cover",
|
|
53115
|
-
backgroundRepeat: "no-repeat",
|
|
53116
|
-
backgroundPosition: "center center",
|
|
53117
|
-
boxShadow: this.configData.boxShadow || this.defaultConfig.boxShadow,
|
|
53118
|
-
borderRadius: `${this.configData.borderRadius || this.defaultConfig.borderRadius}px`,
|
|
53119
|
-
minHeight: this.configData.heightType === "fixed" ? `${this.configData.fixedHeight}px` : "auto"
|
|
53120
|
-
};
|
|
53121
|
-
},
|
|
53122
|
-
// 分栏容器样式
|
|
53123
|
-
columnStyle() {
|
|
53124
|
-
// const gap = this.configData.rowGap || this.defaultConfig.rowGap;
|
|
53125
|
-
return {
|
|
53126
|
-
// gap: `${gap}px`,
|
|
53127
|
-
border: this.configData.borderWidth ? `${this.configData.borderWidth}px ${this.configData.borderStyle} ${this.configData.borderColor}` : "none"
|
|
53128
|
-
};
|
|
53129
|
-
}
|
|
53130
|
-
},
|
|
53131
|
-
methods: {
|
|
53132
|
-
// 获取配置数据
|
|
53133
|
-
getConfigData(configData) {
|
|
53134
|
-
this.configData = configData;
|
|
53135
|
-
this.updateStyles();
|
|
53136
|
-
},
|
|
53137
|
-
// 更新样式
|
|
53138
|
-
updateStyles() {
|
|
53139
|
-
this.$nextTick(() => {
|
|
53140
|
-
// 触发样式更新
|
|
53141
|
-
this.$forceUpdate();
|
|
53142
|
-
});
|
|
53143
|
-
},
|
|
53144
|
-
// 获取分栏项的类名
|
|
53145
|
-
getColumnItemClass(index) {
|
|
53146
|
-
const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
|
|
53147
|
-
return ["column-item", `column-item-${index}`, `layout-${layoutType}`, {
|
|
53148
|
-
"min-h": this.$EventBus && this.isOpcacity,
|
|
53149
|
-
"first-item": index === 0,
|
|
53150
|
-
"last-item": index === this.data.childList.length - 1
|
|
53151
|
-
}];
|
|
53152
|
-
},
|
|
53153
|
-
// 获取分栏项的样式
|
|
53154
|
-
getColumnItemStyle(index) {
|
|
53155
|
-
const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
|
|
53156
|
-
const gap = this.configData.rowGap || this.defaultConfig.rowGap;
|
|
53157
|
-
let flexBasis = "100%";
|
|
53158
|
-
let marginRight = "0";
|
|
53159
|
-
|
|
53160
|
-
// 根据布局类型设置宽度
|
|
53161
|
-
switch (layoutType) {
|
|
53162
|
-
case "50-50":
|
|
53163
|
-
flexBasis = `calc(50% - ${gap / 2}px)`;
|
|
53164
|
-
marginRight = index % 2 === 0 ? `${gap}px` : "0";
|
|
53165
|
-
break;
|
|
53166
|
-
case "33-66":
|
|
53167
|
-
flexBasis = index === 0 ? `calc(33.33% - ${gap / 2}px)` : `calc(66.67% - ${gap / 2}px)`;
|
|
53168
|
-
marginRight = index === 0 ? `${gap}px` : "0";
|
|
53169
|
-
break;
|
|
53170
|
-
case "66-33":
|
|
53171
|
-
flexBasis = index === 0 ? `calc(66.67% - ${gap / 2}px)` : `calc(33.33% - ${gap / 2}px)`;
|
|
53172
|
-
marginRight = index === 0 ? `${gap}px` : "0";
|
|
53173
|
-
break;
|
|
53174
|
-
case "33-33-33":
|
|
53175
|
-
flexBasis = `calc(33.33% - ${gap * 2 / 3}px)`;
|
|
53176
|
-
marginRight = index < 2 ? `${gap}px` : "0";
|
|
53177
|
-
break;
|
|
53178
|
-
case "25-50-25":
|
|
53179
|
-
if (index === 0 || index === 2) {
|
|
53180
|
-
flexBasis = `calc(25% - ${gap * 2 / 3}px)`;
|
|
53181
|
-
} else {
|
|
53182
|
-
flexBasis = `calc(50% - ${gap * 2 / 3}px)`;
|
|
53183
|
-
}
|
|
53184
|
-
marginRight = index < 2 ? `${gap}px` : "0";
|
|
53185
|
-
break;
|
|
53186
|
-
default:
|
|
53187
|
-
flexBasis = "100%";
|
|
53188
|
-
}
|
|
53189
|
-
return {
|
|
53190
|
-
flexBasis,
|
|
53191
|
-
marginRight,
|
|
53192
|
-
marginBottom: `${this.configData.columnGap || this.defaultConfig.columnGap}px`
|
|
53193
|
-
};
|
|
53194
|
-
},
|
|
53195
|
-
// 折叠/展开文本
|
|
53196
|
-
foldMessText() {
|
|
53197
|
-
this.messFold = !this.messFold;
|
|
53198
|
-
},
|
|
53199
|
-
// 处理跳转链接
|
|
53200
|
-
decodeJumpUrl(url) {
|
|
53201
|
-
if (!url) return;
|
|
53202
|
-
top.location.href = url;
|
|
53203
|
-
}
|
|
53204
|
-
}
|
|
53205
|
-
});
|
|
53206
|
-
;// ./package/cms-column/View.vue?vue&type=script&lang=js
|
|
53207
|
-
/* harmony default export */ var cms_column_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
53208
|
-
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=style&index=0&id=1402d563&prod&lang=scss&scoped=true
|
|
53209
|
-
// extracted by mini-css-extract-plugin
|
|
53210
|
-
|
|
53211
|
-
;// ./package/cms-column/View.vue?vue&type=style&index=0&id=1402d563&prod&lang=scss&scoped=true
|
|
53212
|
-
|
|
53213
|
-
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
53214
|
-
var componentNormalizer = __webpack_require__(1656);
|
|
53215
|
-
;// ./package/cms-column/View.vue
|
|
53216
|
-
|
|
53217
|
-
|
|
53218
|
-
|
|
53219
|
-
;
|
|
53220
|
-
|
|
53221
|
-
|
|
53222
|
-
/* normalize component */
|
|
53223
|
-
|
|
53224
|
-
var component = (0,componentNormalizer/* default */.A)(
|
|
53225
|
-
cms_column_Viewvue_type_script_lang_js,
|
|
53226
|
-
render,
|
|
53227
|
-
staticRenderFns,
|
|
53228
|
-
false,
|
|
53229
|
-
null,
|
|
53230
|
-
"1402d563",
|
|
53231
|
-
null
|
|
53232
|
-
|
|
53233
|
-
)
|
|
53234
|
-
|
|
53235
|
-
/* harmony default export */ var View = (component.exports);
|
|
53236
|
-
|
|
53237
52973
|
/***/ }),
|
|
53238
52974
|
|
|
53239
52975
|
/***/ 7657:
|
|
@@ -53575,6 +53311,268 @@ module.exports = Math.round;
|
|
|
53575
53311
|
|
|
53576
53312
|
/***/ }),
|
|
53577
53313
|
|
|
53314
|
+
/***/ 7855:
|
|
53315
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
53316
|
+
|
|
53317
|
+
"use strict";
|
|
53318
|
+
// ESM COMPAT FLAG
|
|
53319
|
+
__webpack_require__.r(__webpack_exports__);
|
|
53320
|
+
|
|
53321
|
+
// EXPORTS
|
|
53322
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
53323
|
+
"default": function() { return /* binding */ View; }
|
|
53324
|
+
});
|
|
53325
|
+
|
|
53326
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=template&id=033e8b60&scoped=true
|
|
53327
|
+
var render = function render() {
|
|
53328
|
+
var _vm = this,
|
|
53329
|
+
_c = _vm._self._c;
|
|
53330
|
+
return _c('BaseComp', _vm._b({
|
|
53331
|
+
attrs: {
|
|
53332
|
+
"data": _vm.data,
|
|
53333
|
+
"nowCompId": _vm.nowCompId,
|
|
53334
|
+
"isOpcacity": _vm.isOpcacity,
|
|
53335
|
+
"isMask": false,
|
|
53336
|
+
"lang": _vm.lang
|
|
53337
|
+
},
|
|
53338
|
+
on: {
|
|
53339
|
+
"getConfigData": _vm.getConfigData
|
|
53340
|
+
},
|
|
53341
|
+
scopedSlots: _vm._u([{
|
|
53342
|
+
key: "default",
|
|
53343
|
+
fn: function (slotProps) {
|
|
53344
|
+
return [_c('section', {
|
|
53345
|
+
class: [_vm.configData.widthType === 'full' ? 'width-full' : 'cmhk-home_main', _vm.isConfigPage ? 'hoverBorderClass' : ''],
|
|
53346
|
+
style: _vm.containerStyle
|
|
53347
|
+
}, [_c('div', {
|
|
53348
|
+
staticClass: "column-setting",
|
|
53349
|
+
class: [`layout-${_vm.configData.layoutType || 'default'}`, `${slotProps.isMobile && _vm.configData.mobileLayout === 'vertical' ? 'mobile-vertical' : 'mobile-horizontal'}`],
|
|
53350
|
+
style: _vm.columnStyle
|
|
53351
|
+
}, _vm._l(_vm.data.childList, function (item, index) {
|
|
53352
|
+
return _c('cms-column-card', _vm._b({
|
|
53353
|
+
key: item.componentId,
|
|
53354
|
+
class: _vm.getColumnItemClass(index),
|
|
53355
|
+
style: _vm.getColumnItemStyle(index),
|
|
53356
|
+
attrs: {
|
|
53357
|
+
"data": item,
|
|
53358
|
+
"nowCompId": _vm.nowCompId,
|
|
53359
|
+
"isOpcacity": _vm.isOpcacity,
|
|
53360
|
+
"isMask": false,
|
|
53361
|
+
"lang": _vm.lang,
|
|
53362
|
+
"isMobile": slotProps.isMobile,
|
|
53363
|
+
"mobileLayout": _vm.configData.mobileLayout
|
|
53364
|
+
}
|
|
53365
|
+
}, 'cms-column-card', _vm.$attrs, false));
|
|
53366
|
+
}), 1)])];
|
|
53367
|
+
}
|
|
53368
|
+
}])
|
|
53369
|
+
}, 'BaseComp', _vm.$attrs, false));
|
|
53370
|
+
};
|
|
53371
|
+
var staticRenderFns = [];
|
|
53372
|
+
|
|
53373
|
+
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
53374
|
+
var baseComp = __webpack_require__(4128);
|
|
53375
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=script&lang=js
|
|
53376
|
+
|
|
53377
|
+
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
53378
|
+
name: "cms-column",
|
|
53379
|
+
components: {
|
|
53380
|
+
BaseComp: baseComp["default"]
|
|
53381
|
+
},
|
|
53382
|
+
props: {
|
|
53383
|
+
data: {
|
|
53384
|
+
type: Object,
|
|
53385
|
+
default: () => {
|
|
53386
|
+
return {};
|
|
53387
|
+
}
|
|
53388
|
+
},
|
|
53389
|
+
nowCompId: {
|
|
53390
|
+
type: [String, Number],
|
|
53391
|
+
default: ""
|
|
53392
|
+
},
|
|
53393
|
+
isOpcacity: {
|
|
53394
|
+
type: Boolean,
|
|
53395
|
+
default: true
|
|
53396
|
+
},
|
|
53397
|
+
lang: {
|
|
53398
|
+
type: String,
|
|
53399
|
+
default: "zh-HK"
|
|
53400
|
+
}
|
|
53401
|
+
},
|
|
53402
|
+
data() {
|
|
53403
|
+
return {
|
|
53404
|
+
configData: {},
|
|
53405
|
+
messFold: true,
|
|
53406
|
+
// 默认配置数据
|
|
53407
|
+
defaultConfig: {
|
|
53408
|
+
layoutType: "100",
|
|
53409
|
+
heightType: "auto",
|
|
53410
|
+
widthType: "auto",
|
|
53411
|
+
mobileLayout: "vertical",
|
|
53412
|
+
fixedHeight: 300,
|
|
53413
|
+
borderWidth: 0,
|
|
53414
|
+
borderStyle: "solid",
|
|
53415
|
+
borderColor: "",
|
|
53416
|
+
backgroundColor: "#FFF",
|
|
53417
|
+
backgroundImage: "",
|
|
53418
|
+
boxShadow: "",
|
|
53419
|
+
borderRadius: 0,
|
|
53420
|
+
columnGap: 0,
|
|
53421
|
+
rowGap: 0,
|
|
53422
|
+
title: "",
|
|
53423
|
+
description: "",
|
|
53424
|
+
input1: "",
|
|
53425
|
+
showTitle: true,
|
|
53426
|
+
showDescription: true,
|
|
53427
|
+
animationDuration: 300,
|
|
53428
|
+
responsiveBreakpoint: 768
|
|
53429
|
+
}
|
|
53430
|
+
};
|
|
53431
|
+
},
|
|
53432
|
+
mounted() {},
|
|
53433
|
+
watch: {
|
|
53434
|
+
configData: {
|
|
53435
|
+
handler() {
|
|
53436
|
+
this.updateStyles();
|
|
53437
|
+
},
|
|
53438
|
+
immediate: true,
|
|
53439
|
+
deep: true
|
|
53440
|
+
}
|
|
53441
|
+
},
|
|
53442
|
+
computed: {
|
|
53443
|
+
isConfigPage() {
|
|
53444
|
+
return this.$EventBus && this.isOpcacity;
|
|
53445
|
+
},
|
|
53446
|
+
// 容器样式
|
|
53447
|
+
containerStyle() {
|
|
53448
|
+
return {
|
|
53449
|
+
backgroundColor: this.configData.backgroundColor || this.defaultConfig.backgroundColor,
|
|
53450
|
+
backgroundImage: this.configData.backgroundImage ? `url(${this.configData.backgroundImage})` : "",
|
|
53451
|
+
backgroundSize: "cover",
|
|
53452
|
+
backgroundRepeat: "no-repeat",
|
|
53453
|
+
backgroundPosition: "center center",
|
|
53454
|
+
boxShadow: this.configData.boxShadow || this.defaultConfig.boxShadow,
|
|
53455
|
+
borderRadius: `${this.configData.borderRadius || this.defaultConfig.borderRadius}px`,
|
|
53456
|
+
minHeight: this.configData.heightType === "fixed" ? `${this.configData.fixedHeight}px` : "auto"
|
|
53457
|
+
};
|
|
53458
|
+
},
|
|
53459
|
+
// 分栏容器样式
|
|
53460
|
+
columnStyle() {
|
|
53461
|
+
// const gap = this.configData.rowGap || this.defaultConfig.rowGap;
|
|
53462
|
+
return {
|
|
53463
|
+
// gap: `${gap}px`,
|
|
53464
|
+
border: this.configData.borderWidth ? `${this.configData.borderWidth}px ${this.configData.borderStyle} ${this.configData.borderColor}` : "none"
|
|
53465
|
+
};
|
|
53466
|
+
}
|
|
53467
|
+
},
|
|
53468
|
+
methods: {
|
|
53469
|
+
// 获取配置数据
|
|
53470
|
+
getConfigData(configData) {
|
|
53471
|
+
this.configData = configData;
|
|
53472
|
+
this.updateStyles();
|
|
53473
|
+
},
|
|
53474
|
+
// 更新样式
|
|
53475
|
+
updateStyles() {
|
|
53476
|
+
this.$nextTick(() => {
|
|
53477
|
+
// 触发样式更新
|
|
53478
|
+
this.$forceUpdate();
|
|
53479
|
+
});
|
|
53480
|
+
},
|
|
53481
|
+
// 获取分栏项的类名
|
|
53482
|
+
getColumnItemClass(index) {
|
|
53483
|
+
const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
|
|
53484
|
+
return ["column-item", `column-item-${index}`, `layout-${layoutType}`, {
|
|
53485
|
+
"min-h": this.$EventBus && this.isOpcacity,
|
|
53486
|
+
"first-item": index === 0,
|
|
53487
|
+
"last-item": index === this.data.childList.length - 1
|
|
53488
|
+
}];
|
|
53489
|
+
},
|
|
53490
|
+
// 获取分栏项的样式
|
|
53491
|
+
getColumnItemStyle(index) {
|
|
53492
|
+
const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
|
|
53493
|
+
const gap = this.configData.rowGap || this.defaultConfig.rowGap;
|
|
53494
|
+
let flexBasis = "100%";
|
|
53495
|
+
let marginRight = "0";
|
|
53496
|
+
|
|
53497
|
+
// 根据布局类型设置宽度
|
|
53498
|
+
switch (layoutType) {
|
|
53499
|
+
case "50-50":
|
|
53500
|
+
flexBasis = `calc(50% - ${gap / 2}px)`;
|
|
53501
|
+
marginRight = index % 2 === 0 ? `${gap}px` : "0";
|
|
53502
|
+
break;
|
|
53503
|
+
case "33-66":
|
|
53504
|
+
flexBasis = index === 0 ? `calc(33.33% - ${gap / 2}px)` : `calc(66.67% - ${gap / 2}px)`;
|
|
53505
|
+
marginRight = index === 0 ? `${gap}px` : "0";
|
|
53506
|
+
break;
|
|
53507
|
+
case "66-33":
|
|
53508
|
+
flexBasis = index === 0 ? `calc(66.67% - ${gap / 2}px)` : `calc(33.33% - ${gap / 2}px)`;
|
|
53509
|
+
marginRight = index === 0 ? `${gap}px` : "0";
|
|
53510
|
+
break;
|
|
53511
|
+
case "33-33-33":
|
|
53512
|
+
flexBasis = `calc(33.33% - ${gap * 2 / 3}px)`;
|
|
53513
|
+
marginRight = index < 2 ? `${gap}px` : "0";
|
|
53514
|
+
break;
|
|
53515
|
+
case "25-50-25":
|
|
53516
|
+
if (index === 0 || index === 2) {
|
|
53517
|
+
flexBasis = `calc(25% - ${gap * 2 / 3}px)`;
|
|
53518
|
+
} else {
|
|
53519
|
+
flexBasis = `calc(50% - ${gap * 2 / 3}px)`;
|
|
53520
|
+
}
|
|
53521
|
+
marginRight = index < 2 ? `${gap}px` : "0";
|
|
53522
|
+
break;
|
|
53523
|
+
default:
|
|
53524
|
+
flexBasis = "100%";
|
|
53525
|
+
}
|
|
53526
|
+
return {
|
|
53527
|
+
flexBasis,
|
|
53528
|
+
marginRight,
|
|
53529
|
+
marginBottom: `${this.configData.columnGap || this.defaultConfig.columnGap}px`
|
|
53530
|
+
};
|
|
53531
|
+
},
|
|
53532
|
+
// 折叠/展开文本
|
|
53533
|
+
foldMessText() {
|
|
53534
|
+
this.messFold = !this.messFold;
|
|
53535
|
+
},
|
|
53536
|
+
// 处理跳转链接
|
|
53537
|
+
decodeJumpUrl(url) {
|
|
53538
|
+
if (!url) return;
|
|
53539
|
+
top.location.href = url;
|
|
53540
|
+
}
|
|
53541
|
+
}
|
|
53542
|
+
});
|
|
53543
|
+
;// ./package/cms-column/View.vue?vue&type=script&lang=js
|
|
53544
|
+
/* harmony default export */ var cms_column_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
53545
|
+
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=style&index=0&id=033e8b60&prod&lang=scss&scoped=true
|
|
53546
|
+
// extracted by mini-css-extract-plugin
|
|
53547
|
+
|
|
53548
|
+
;// ./package/cms-column/View.vue?vue&type=style&index=0&id=033e8b60&prod&lang=scss&scoped=true
|
|
53549
|
+
|
|
53550
|
+
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
53551
|
+
var componentNormalizer = __webpack_require__(1656);
|
|
53552
|
+
;// ./package/cms-column/View.vue
|
|
53553
|
+
|
|
53554
|
+
|
|
53555
|
+
|
|
53556
|
+
;
|
|
53557
|
+
|
|
53558
|
+
|
|
53559
|
+
/* normalize component */
|
|
53560
|
+
|
|
53561
|
+
var component = (0,componentNormalizer/* default */.A)(
|
|
53562
|
+
cms_column_Viewvue_type_script_lang_js,
|
|
53563
|
+
render,
|
|
53564
|
+
staticRenderFns,
|
|
53565
|
+
false,
|
|
53566
|
+
null,
|
|
53567
|
+
"033e8b60",
|
|
53568
|
+
null
|
|
53569
|
+
|
|
53570
|
+
)
|
|
53571
|
+
|
|
53572
|
+
/* harmony default export */ var View = (component.exports);
|
|
53573
|
+
|
|
53574
|
+
/***/ }),
|
|
53575
|
+
|
|
53578
53576
|
/***/ 7936:
|
|
53579
53577
|
/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
|
|
53580
53578
|
|