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.umd.js
CHANGED
|
@@ -21174,8 +21174,8 @@ var map = {
|
|
|
21174
21174
|
"./cms-column-card/index": 3583,
|
|
21175
21175
|
"./cms-column-card/index.js": 3583,
|
|
21176
21176
|
"./cms-column/": 3154,
|
|
21177
|
-
"./cms-column/View":
|
|
21178
|
-
"./cms-column/View.vue":
|
|
21177
|
+
"./cms-column/View": 7473,
|
|
21178
|
+
"./cms-column/View.vue": 7473,
|
|
21179
21179
|
"./cms-column/index": 3154,
|
|
21180
21180
|
"./cms-column/index.js": 3154,
|
|
21181
21181
|
"./cms-description": 98,
|
|
@@ -25180,7 +25180,7 @@ module.exports = Math.min;
|
|
|
25180
25180
|
__webpack_require__.r(__webpack_exports__);
|
|
25181
25181
|
/* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
|
|
25182
25182
|
|
|
25183
|
-
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__,
|
|
25183
|
+
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 7473));
|
|
25184
25184
|
const langData = {
|
|
25185
25185
|
// 布局配置
|
|
25186
25186
|
layoutType: "100",
|
|
@@ -38692,7 +38692,7 @@ var map = {
|
|
|
38692
38692
|
"./cms-button/View.vue": 1163,
|
|
38693
38693
|
"./cms-cells/View.vue": 983,
|
|
38694
38694
|
"./cms-column-card/View.vue": 688,
|
|
38695
|
-
"./cms-column/View.vue":
|
|
38695
|
+
"./cms-column/View.vue": 7473,
|
|
38696
38696
|
"./cms-description/View.vue": 6296,
|
|
38697
38697
|
"./cms-dynamic-comp/View.vue": 471,
|
|
38698
38698
|
"./cms-iconFour/View.vue": 2946,
|
|
@@ -39105,7 +39105,7 @@ function getShopproGroup(data) {
|
|
|
39105
39105
|
function columnQuery(params) {
|
|
39106
39106
|
return request({
|
|
39107
39107
|
method: "post",
|
|
39108
|
-
url: "/ecosp-console/columnCategory/
|
|
39108
|
+
url: "/ecosp-console/columnCategory/queryByCommodityType",
|
|
39109
39109
|
data: params
|
|
39110
39110
|
});
|
|
39111
39111
|
}
|
|
@@ -45389,270 +45389,6 @@ exports.f = DESCRIPTORS && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties :
|
|
|
45389
45389
|
};
|
|
45390
45390
|
|
|
45391
45391
|
|
|
45392
|
-
/***/ }),
|
|
45393
|
-
|
|
45394
|
-
/***/ 6821:
|
|
45395
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
45396
|
-
|
|
45397
|
-
"use strict";
|
|
45398
|
-
// ESM COMPAT FLAG
|
|
45399
|
-
__webpack_require__.r(__webpack_exports__);
|
|
45400
|
-
|
|
45401
|
-
// EXPORTS
|
|
45402
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
45403
|
-
"default": function() { return /* binding */ View; }
|
|
45404
|
-
});
|
|
45405
|
-
|
|
45406
|
-
;// ./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=1402d563&scoped=true
|
|
45407
|
-
var render = function render() {
|
|
45408
|
-
var _vm = this,
|
|
45409
|
-
_c = _vm._self._c;
|
|
45410
|
-
return _c('BaseComp', _vm._b({
|
|
45411
|
-
attrs: {
|
|
45412
|
-
"data": _vm.data,
|
|
45413
|
-
"nowCompId": _vm.nowCompId,
|
|
45414
|
-
"isOpcacity": _vm.isOpcacity,
|
|
45415
|
-
"isMask": false,
|
|
45416
|
-
"lang": _vm.lang
|
|
45417
|
-
},
|
|
45418
|
-
on: {
|
|
45419
|
-
"getConfigData": _vm.getConfigData
|
|
45420
|
-
},
|
|
45421
|
-
scopedSlots: _vm._u([{
|
|
45422
|
-
key: "default",
|
|
45423
|
-
fn: function (slotProps) {
|
|
45424
|
-
return [_c('section', {
|
|
45425
|
-
class: [_vm.configData.widthType === 'full' ? 'width-full' : 'cmhk-home_main', {
|
|
45426
|
-
hoverBorderClass: _vm.isConfigPage
|
|
45427
|
-
}],
|
|
45428
|
-
style: _vm.containerStyle
|
|
45429
|
-
}, [_c('div', {
|
|
45430
|
-
staticClass: "column-setting",
|
|
45431
|
-
class: [`layout-${_vm.configData.layoutType || 'default'}`, `${slotProps.isMobile && _vm.configData.mobileLayout === 'vertical' ? 'mobile-vertical' : 'mobile-horizontal'}`],
|
|
45432
|
-
style: _vm.columnStyle
|
|
45433
|
-
}, _vm._l(_vm.data.childList, function (item, index) {
|
|
45434
|
-
return _c('cms-column-card', _vm._b({
|
|
45435
|
-
key: item.componentId,
|
|
45436
|
-
class: _vm.getColumnItemClass(index),
|
|
45437
|
-
style: _vm.getColumnItemStyle(index),
|
|
45438
|
-
attrs: {
|
|
45439
|
-
"data": item,
|
|
45440
|
-
"nowCompId": _vm.nowCompId,
|
|
45441
|
-
"isOpcacity": _vm.isOpcacity,
|
|
45442
|
-
"isMask": false,
|
|
45443
|
-
"lang": _vm.lang,
|
|
45444
|
-
"isMobile": slotProps.isMobile,
|
|
45445
|
-
"mobileLayout": _vm.configData.mobileLayout
|
|
45446
|
-
}
|
|
45447
|
-
}, 'cms-column-card', _vm.$attrs, false));
|
|
45448
|
-
}), 1)])];
|
|
45449
|
-
}
|
|
45450
|
-
}])
|
|
45451
|
-
}, 'BaseComp', _vm.$attrs, false));
|
|
45452
|
-
};
|
|
45453
|
-
var staticRenderFns = [];
|
|
45454
|
-
|
|
45455
|
-
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
45456
|
-
var baseComp = __webpack_require__(9659);
|
|
45457
|
-
;// ./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
|
|
45458
|
-
|
|
45459
|
-
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
45460
|
-
name: "cms-column",
|
|
45461
|
-
components: {
|
|
45462
|
-
BaseComp: baseComp["default"]
|
|
45463
|
-
},
|
|
45464
|
-
props: {
|
|
45465
|
-
data: {
|
|
45466
|
-
type: Object,
|
|
45467
|
-
default: () => {
|
|
45468
|
-
return {};
|
|
45469
|
-
}
|
|
45470
|
-
},
|
|
45471
|
-
nowCompId: {
|
|
45472
|
-
type: [String, Number],
|
|
45473
|
-
default: ""
|
|
45474
|
-
},
|
|
45475
|
-
isOpcacity: {
|
|
45476
|
-
type: Boolean,
|
|
45477
|
-
default: true
|
|
45478
|
-
},
|
|
45479
|
-
lang: {
|
|
45480
|
-
type: String,
|
|
45481
|
-
default: "zh-HK"
|
|
45482
|
-
}
|
|
45483
|
-
},
|
|
45484
|
-
data() {
|
|
45485
|
-
return {
|
|
45486
|
-
configData: {},
|
|
45487
|
-
messFold: true,
|
|
45488
|
-
// 默认配置数据
|
|
45489
|
-
defaultConfig: {
|
|
45490
|
-
layoutType: "100",
|
|
45491
|
-
heightType: "auto",
|
|
45492
|
-
widthType: "auto",
|
|
45493
|
-
mobileLayout: "vertical",
|
|
45494
|
-
fixedHeight: 300,
|
|
45495
|
-
borderWidth: 0,
|
|
45496
|
-
borderStyle: "solid",
|
|
45497
|
-
borderColor: "",
|
|
45498
|
-
backgroundColor: "#FFF",
|
|
45499
|
-
backgroundImage: "",
|
|
45500
|
-
boxShadow: "",
|
|
45501
|
-
borderRadius: 0,
|
|
45502
|
-
columnGap: 0,
|
|
45503
|
-
rowGap: 0,
|
|
45504
|
-
title: "",
|
|
45505
|
-
description: "",
|
|
45506
|
-
input1: "",
|
|
45507
|
-
showTitle: true,
|
|
45508
|
-
showDescription: true,
|
|
45509
|
-
animationDuration: 300,
|
|
45510
|
-
responsiveBreakpoint: 768
|
|
45511
|
-
}
|
|
45512
|
-
};
|
|
45513
|
-
},
|
|
45514
|
-
mounted() {},
|
|
45515
|
-
watch: {
|
|
45516
|
-
configData: {
|
|
45517
|
-
handler() {
|
|
45518
|
-
this.updateStyles();
|
|
45519
|
-
},
|
|
45520
|
-
immediate: true,
|
|
45521
|
-
deep: true
|
|
45522
|
-
}
|
|
45523
|
-
},
|
|
45524
|
-
computed: {
|
|
45525
|
-
isConfigPage() {
|
|
45526
|
-
return this.$EventBus && this.isOpcacity;
|
|
45527
|
-
},
|
|
45528
|
-
// 容器样式
|
|
45529
|
-
containerStyle() {
|
|
45530
|
-
return {
|
|
45531
|
-
backgroundColor: this.configData.backgroundColor || this.defaultConfig.backgroundColor,
|
|
45532
|
-
backgroundImage: this.configData.backgroundImage ? `url(${this.configData.backgroundImage})` : "",
|
|
45533
|
-
backgroundSize: "cover",
|
|
45534
|
-
backgroundRepeat: "no-repeat",
|
|
45535
|
-
backgroundPosition: "center center",
|
|
45536
|
-
boxShadow: this.configData.boxShadow || this.defaultConfig.boxShadow,
|
|
45537
|
-
borderRadius: `${this.configData.borderRadius || this.defaultConfig.borderRadius}px`,
|
|
45538
|
-
minHeight: this.configData.heightType === "fixed" ? `${this.configData.fixedHeight}px` : "auto"
|
|
45539
|
-
};
|
|
45540
|
-
},
|
|
45541
|
-
// 分栏容器样式
|
|
45542
|
-
columnStyle() {
|
|
45543
|
-
// const gap = this.configData.rowGap || this.defaultConfig.rowGap;
|
|
45544
|
-
return {
|
|
45545
|
-
// gap: `${gap}px`,
|
|
45546
|
-
border: this.configData.borderWidth ? `${this.configData.borderWidth}px ${this.configData.borderStyle} ${this.configData.borderColor}` : "none"
|
|
45547
|
-
};
|
|
45548
|
-
}
|
|
45549
|
-
},
|
|
45550
|
-
methods: {
|
|
45551
|
-
// 获取配置数据
|
|
45552
|
-
getConfigData(configData) {
|
|
45553
|
-
this.configData = configData;
|
|
45554
|
-
this.updateStyles();
|
|
45555
|
-
},
|
|
45556
|
-
// 更新样式
|
|
45557
|
-
updateStyles() {
|
|
45558
|
-
this.$nextTick(() => {
|
|
45559
|
-
// 触发样式更新
|
|
45560
|
-
this.$forceUpdate();
|
|
45561
|
-
});
|
|
45562
|
-
},
|
|
45563
|
-
// 获取分栏项的类名
|
|
45564
|
-
getColumnItemClass(index) {
|
|
45565
|
-
const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
|
|
45566
|
-
return ["column-item", `column-item-${index}`, `layout-${layoutType}`, {
|
|
45567
|
-
"min-h": this.$EventBus && this.isOpcacity,
|
|
45568
|
-
"first-item": index === 0,
|
|
45569
|
-
"last-item": index === this.data.childList.length - 1
|
|
45570
|
-
}];
|
|
45571
|
-
},
|
|
45572
|
-
// 获取分栏项的样式
|
|
45573
|
-
getColumnItemStyle(index) {
|
|
45574
|
-
const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
|
|
45575
|
-
const gap = this.configData.rowGap || this.defaultConfig.rowGap;
|
|
45576
|
-
let flexBasis = "100%";
|
|
45577
|
-
let marginRight = "0";
|
|
45578
|
-
|
|
45579
|
-
// 根据布局类型设置宽度
|
|
45580
|
-
switch (layoutType) {
|
|
45581
|
-
case "50-50":
|
|
45582
|
-
flexBasis = `calc(50% - ${gap / 2}px)`;
|
|
45583
|
-
marginRight = index % 2 === 0 ? `${gap}px` : "0";
|
|
45584
|
-
break;
|
|
45585
|
-
case "33-66":
|
|
45586
|
-
flexBasis = index === 0 ? `calc(33.33% - ${gap / 2}px)` : `calc(66.67% - ${gap / 2}px)`;
|
|
45587
|
-
marginRight = index === 0 ? `${gap}px` : "0";
|
|
45588
|
-
break;
|
|
45589
|
-
case "66-33":
|
|
45590
|
-
flexBasis = index === 0 ? `calc(66.67% - ${gap / 2}px)` : `calc(33.33% - ${gap / 2}px)`;
|
|
45591
|
-
marginRight = index === 0 ? `${gap}px` : "0";
|
|
45592
|
-
break;
|
|
45593
|
-
case "33-33-33":
|
|
45594
|
-
flexBasis = `calc(33.33% - ${gap * 2 / 3}px)`;
|
|
45595
|
-
marginRight = index < 2 ? `${gap}px` : "0";
|
|
45596
|
-
break;
|
|
45597
|
-
case "25-50-25":
|
|
45598
|
-
if (index === 0 || index === 2) {
|
|
45599
|
-
flexBasis = `calc(25% - ${gap * 2 / 3}px)`;
|
|
45600
|
-
} else {
|
|
45601
|
-
flexBasis = `calc(50% - ${gap * 2 / 3}px)`;
|
|
45602
|
-
}
|
|
45603
|
-
marginRight = index < 2 ? `${gap}px` : "0";
|
|
45604
|
-
break;
|
|
45605
|
-
default:
|
|
45606
|
-
flexBasis = "100%";
|
|
45607
|
-
}
|
|
45608
|
-
return {
|
|
45609
|
-
flexBasis,
|
|
45610
|
-
marginRight,
|
|
45611
|
-
marginBottom: `${this.configData.columnGap || this.defaultConfig.columnGap}px`
|
|
45612
|
-
};
|
|
45613
|
-
},
|
|
45614
|
-
// 折叠/展开文本
|
|
45615
|
-
foldMessText() {
|
|
45616
|
-
this.messFold = !this.messFold;
|
|
45617
|
-
},
|
|
45618
|
-
// 处理跳转链接
|
|
45619
|
-
decodeJumpUrl(url) {
|
|
45620
|
-
if (!url) return;
|
|
45621
|
-
top.location.href = url;
|
|
45622
|
-
}
|
|
45623
|
-
}
|
|
45624
|
-
});
|
|
45625
|
-
;// ./package/cms-column/View.vue?vue&type=script&lang=js
|
|
45626
|
-
/* harmony default export */ var cms_column_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
45627
|
-
;// ./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=1402d563&prod&lang=scss&scoped=true
|
|
45628
|
-
// extracted by mini-css-extract-plugin
|
|
45629
|
-
|
|
45630
|
-
;// ./package/cms-column/View.vue?vue&type=style&index=0&id=1402d563&prod&lang=scss&scoped=true
|
|
45631
|
-
|
|
45632
|
-
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
45633
|
-
var componentNormalizer = __webpack_require__(1656);
|
|
45634
|
-
;// ./package/cms-column/View.vue
|
|
45635
|
-
|
|
45636
|
-
|
|
45637
|
-
|
|
45638
|
-
;
|
|
45639
|
-
|
|
45640
|
-
|
|
45641
|
-
/* normalize component */
|
|
45642
|
-
|
|
45643
|
-
var component = (0,componentNormalizer/* default */.A)(
|
|
45644
|
-
cms_column_Viewvue_type_script_lang_js,
|
|
45645
|
-
render,
|
|
45646
|
-
staticRenderFns,
|
|
45647
|
-
false,
|
|
45648
|
-
null,
|
|
45649
|
-
"1402d563",
|
|
45650
|
-
null
|
|
45651
|
-
|
|
45652
|
-
)
|
|
45653
|
-
|
|
45654
|
-
/* harmony default export */ var View = (component.exports);
|
|
45655
|
-
|
|
45656
45392
|
/***/ }),
|
|
45657
45393
|
|
|
45658
45394
|
/***/ 6823:
|
|
@@ -47720,6 +47456,268 @@ exportTypedArrayMethod('toReversed', function toReversed() {
|
|
|
47720
47456
|
});
|
|
47721
47457
|
|
|
47722
47458
|
|
|
47459
|
+
/***/ }),
|
|
47460
|
+
|
|
47461
|
+
/***/ 7473:
|
|
47462
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
47463
|
+
|
|
47464
|
+
"use strict";
|
|
47465
|
+
// ESM COMPAT FLAG
|
|
47466
|
+
__webpack_require__.r(__webpack_exports__);
|
|
47467
|
+
|
|
47468
|
+
// EXPORTS
|
|
47469
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
47470
|
+
"default": function() { return /* binding */ View; }
|
|
47471
|
+
});
|
|
47472
|
+
|
|
47473
|
+
;// ./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=033e8b60&scoped=true
|
|
47474
|
+
var render = function render() {
|
|
47475
|
+
var _vm = this,
|
|
47476
|
+
_c = _vm._self._c;
|
|
47477
|
+
return _c('BaseComp', _vm._b({
|
|
47478
|
+
attrs: {
|
|
47479
|
+
"data": _vm.data,
|
|
47480
|
+
"nowCompId": _vm.nowCompId,
|
|
47481
|
+
"isOpcacity": _vm.isOpcacity,
|
|
47482
|
+
"isMask": false,
|
|
47483
|
+
"lang": _vm.lang
|
|
47484
|
+
},
|
|
47485
|
+
on: {
|
|
47486
|
+
"getConfigData": _vm.getConfigData
|
|
47487
|
+
},
|
|
47488
|
+
scopedSlots: _vm._u([{
|
|
47489
|
+
key: "default",
|
|
47490
|
+
fn: function (slotProps) {
|
|
47491
|
+
return [_c('section', {
|
|
47492
|
+
class: [_vm.configData.widthType === 'full' ? 'width-full' : 'cmhk-home_main', _vm.isConfigPage ? 'hoverBorderClass' : ''],
|
|
47493
|
+
style: _vm.containerStyle
|
|
47494
|
+
}, [_c('div', {
|
|
47495
|
+
staticClass: "column-setting",
|
|
47496
|
+
class: [`layout-${_vm.configData.layoutType || 'default'}`, `${slotProps.isMobile && _vm.configData.mobileLayout === 'vertical' ? 'mobile-vertical' : 'mobile-horizontal'}`],
|
|
47497
|
+
style: _vm.columnStyle
|
|
47498
|
+
}, _vm._l(_vm.data.childList, function (item, index) {
|
|
47499
|
+
return _c('cms-column-card', _vm._b({
|
|
47500
|
+
key: item.componentId,
|
|
47501
|
+
class: _vm.getColumnItemClass(index),
|
|
47502
|
+
style: _vm.getColumnItemStyle(index),
|
|
47503
|
+
attrs: {
|
|
47504
|
+
"data": item,
|
|
47505
|
+
"nowCompId": _vm.nowCompId,
|
|
47506
|
+
"isOpcacity": _vm.isOpcacity,
|
|
47507
|
+
"isMask": false,
|
|
47508
|
+
"lang": _vm.lang,
|
|
47509
|
+
"isMobile": slotProps.isMobile,
|
|
47510
|
+
"mobileLayout": _vm.configData.mobileLayout
|
|
47511
|
+
}
|
|
47512
|
+
}, 'cms-column-card', _vm.$attrs, false));
|
|
47513
|
+
}), 1)])];
|
|
47514
|
+
}
|
|
47515
|
+
}])
|
|
47516
|
+
}, 'BaseComp', _vm.$attrs, false));
|
|
47517
|
+
};
|
|
47518
|
+
var staticRenderFns = [];
|
|
47519
|
+
|
|
47520
|
+
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
47521
|
+
var baseComp = __webpack_require__(9659);
|
|
47522
|
+
;// ./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
|
|
47523
|
+
|
|
47524
|
+
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
47525
|
+
name: "cms-column",
|
|
47526
|
+
components: {
|
|
47527
|
+
BaseComp: baseComp["default"]
|
|
47528
|
+
},
|
|
47529
|
+
props: {
|
|
47530
|
+
data: {
|
|
47531
|
+
type: Object,
|
|
47532
|
+
default: () => {
|
|
47533
|
+
return {};
|
|
47534
|
+
}
|
|
47535
|
+
},
|
|
47536
|
+
nowCompId: {
|
|
47537
|
+
type: [String, Number],
|
|
47538
|
+
default: ""
|
|
47539
|
+
},
|
|
47540
|
+
isOpcacity: {
|
|
47541
|
+
type: Boolean,
|
|
47542
|
+
default: true
|
|
47543
|
+
},
|
|
47544
|
+
lang: {
|
|
47545
|
+
type: String,
|
|
47546
|
+
default: "zh-HK"
|
|
47547
|
+
}
|
|
47548
|
+
},
|
|
47549
|
+
data() {
|
|
47550
|
+
return {
|
|
47551
|
+
configData: {},
|
|
47552
|
+
messFold: true,
|
|
47553
|
+
// 默认配置数据
|
|
47554
|
+
defaultConfig: {
|
|
47555
|
+
layoutType: "100",
|
|
47556
|
+
heightType: "auto",
|
|
47557
|
+
widthType: "auto",
|
|
47558
|
+
mobileLayout: "vertical",
|
|
47559
|
+
fixedHeight: 300,
|
|
47560
|
+
borderWidth: 0,
|
|
47561
|
+
borderStyle: "solid",
|
|
47562
|
+
borderColor: "",
|
|
47563
|
+
backgroundColor: "#FFF",
|
|
47564
|
+
backgroundImage: "",
|
|
47565
|
+
boxShadow: "",
|
|
47566
|
+
borderRadius: 0,
|
|
47567
|
+
columnGap: 0,
|
|
47568
|
+
rowGap: 0,
|
|
47569
|
+
title: "",
|
|
47570
|
+
description: "",
|
|
47571
|
+
input1: "",
|
|
47572
|
+
showTitle: true,
|
|
47573
|
+
showDescription: true,
|
|
47574
|
+
animationDuration: 300,
|
|
47575
|
+
responsiveBreakpoint: 768
|
|
47576
|
+
}
|
|
47577
|
+
};
|
|
47578
|
+
},
|
|
47579
|
+
mounted() {},
|
|
47580
|
+
watch: {
|
|
47581
|
+
configData: {
|
|
47582
|
+
handler() {
|
|
47583
|
+
this.updateStyles();
|
|
47584
|
+
},
|
|
47585
|
+
immediate: true,
|
|
47586
|
+
deep: true
|
|
47587
|
+
}
|
|
47588
|
+
},
|
|
47589
|
+
computed: {
|
|
47590
|
+
isConfigPage() {
|
|
47591
|
+
return this.$EventBus && this.isOpcacity;
|
|
47592
|
+
},
|
|
47593
|
+
// 容器样式
|
|
47594
|
+
containerStyle() {
|
|
47595
|
+
return {
|
|
47596
|
+
backgroundColor: this.configData.backgroundColor || this.defaultConfig.backgroundColor,
|
|
47597
|
+
backgroundImage: this.configData.backgroundImage ? `url(${this.configData.backgroundImage})` : "",
|
|
47598
|
+
backgroundSize: "cover",
|
|
47599
|
+
backgroundRepeat: "no-repeat",
|
|
47600
|
+
backgroundPosition: "center center",
|
|
47601
|
+
boxShadow: this.configData.boxShadow || this.defaultConfig.boxShadow,
|
|
47602
|
+
borderRadius: `${this.configData.borderRadius || this.defaultConfig.borderRadius}px`,
|
|
47603
|
+
minHeight: this.configData.heightType === "fixed" ? `${this.configData.fixedHeight}px` : "auto"
|
|
47604
|
+
};
|
|
47605
|
+
},
|
|
47606
|
+
// 分栏容器样式
|
|
47607
|
+
columnStyle() {
|
|
47608
|
+
// const gap = this.configData.rowGap || this.defaultConfig.rowGap;
|
|
47609
|
+
return {
|
|
47610
|
+
// gap: `${gap}px`,
|
|
47611
|
+
border: this.configData.borderWidth ? `${this.configData.borderWidth}px ${this.configData.borderStyle} ${this.configData.borderColor}` : "none"
|
|
47612
|
+
};
|
|
47613
|
+
}
|
|
47614
|
+
},
|
|
47615
|
+
methods: {
|
|
47616
|
+
// 获取配置数据
|
|
47617
|
+
getConfigData(configData) {
|
|
47618
|
+
this.configData = configData;
|
|
47619
|
+
this.updateStyles();
|
|
47620
|
+
},
|
|
47621
|
+
// 更新样式
|
|
47622
|
+
updateStyles() {
|
|
47623
|
+
this.$nextTick(() => {
|
|
47624
|
+
// 触发样式更新
|
|
47625
|
+
this.$forceUpdate();
|
|
47626
|
+
});
|
|
47627
|
+
},
|
|
47628
|
+
// 获取分栏项的类名
|
|
47629
|
+
getColumnItemClass(index) {
|
|
47630
|
+
const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
|
|
47631
|
+
return ["column-item", `column-item-${index}`, `layout-${layoutType}`, {
|
|
47632
|
+
"min-h": this.$EventBus && this.isOpcacity,
|
|
47633
|
+
"first-item": index === 0,
|
|
47634
|
+
"last-item": index === this.data.childList.length - 1
|
|
47635
|
+
}];
|
|
47636
|
+
},
|
|
47637
|
+
// 获取分栏项的样式
|
|
47638
|
+
getColumnItemStyle(index) {
|
|
47639
|
+
const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
|
|
47640
|
+
const gap = this.configData.rowGap || this.defaultConfig.rowGap;
|
|
47641
|
+
let flexBasis = "100%";
|
|
47642
|
+
let marginRight = "0";
|
|
47643
|
+
|
|
47644
|
+
// 根据布局类型设置宽度
|
|
47645
|
+
switch (layoutType) {
|
|
47646
|
+
case "50-50":
|
|
47647
|
+
flexBasis = `calc(50% - ${gap / 2}px)`;
|
|
47648
|
+
marginRight = index % 2 === 0 ? `${gap}px` : "0";
|
|
47649
|
+
break;
|
|
47650
|
+
case "33-66":
|
|
47651
|
+
flexBasis = index === 0 ? `calc(33.33% - ${gap / 2}px)` : `calc(66.67% - ${gap / 2}px)`;
|
|
47652
|
+
marginRight = index === 0 ? `${gap}px` : "0";
|
|
47653
|
+
break;
|
|
47654
|
+
case "66-33":
|
|
47655
|
+
flexBasis = index === 0 ? `calc(66.67% - ${gap / 2}px)` : `calc(33.33% - ${gap / 2}px)`;
|
|
47656
|
+
marginRight = index === 0 ? `${gap}px` : "0";
|
|
47657
|
+
break;
|
|
47658
|
+
case "33-33-33":
|
|
47659
|
+
flexBasis = `calc(33.33% - ${gap * 2 / 3}px)`;
|
|
47660
|
+
marginRight = index < 2 ? `${gap}px` : "0";
|
|
47661
|
+
break;
|
|
47662
|
+
case "25-50-25":
|
|
47663
|
+
if (index === 0 || index === 2) {
|
|
47664
|
+
flexBasis = `calc(25% - ${gap * 2 / 3}px)`;
|
|
47665
|
+
} else {
|
|
47666
|
+
flexBasis = `calc(50% - ${gap * 2 / 3}px)`;
|
|
47667
|
+
}
|
|
47668
|
+
marginRight = index < 2 ? `${gap}px` : "0";
|
|
47669
|
+
break;
|
|
47670
|
+
default:
|
|
47671
|
+
flexBasis = "100%";
|
|
47672
|
+
}
|
|
47673
|
+
return {
|
|
47674
|
+
flexBasis,
|
|
47675
|
+
marginRight,
|
|
47676
|
+
marginBottom: `${this.configData.columnGap || this.defaultConfig.columnGap}px`
|
|
47677
|
+
};
|
|
47678
|
+
},
|
|
47679
|
+
// 折叠/展开文本
|
|
47680
|
+
foldMessText() {
|
|
47681
|
+
this.messFold = !this.messFold;
|
|
47682
|
+
},
|
|
47683
|
+
// 处理跳转链接
|
|
47684
|
+
decodeJumpUrl(url) {
|
|
47685
|
+
if (!url) return;
|
|
47686
|
+
top.location.href = url;
|
|
47687
|
+
}
|
|
47688
|
+
}
|
|
47689
|
+
});
|
|
47690
|
+
;// ./package/cms-column/View.vue?vue&type=script&lang=js
|
|
47691
|
+
/* harmony default export */ var cms_column_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
47692
|
+
;// ./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=033e8b60&prod&lang=scss&scoped=true
|
|
47693
|
+
// extracted by mini-css-extract-plugin
|
|
47694
|
+
|
|
47695
|
+
;// ./package/cms-column/View.vue?vue&type=style&index=0&id=033e8b60&prod&lang=scss&scoped=true
|
|
47696
|
+
|
|
47697
|
+
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
47698
|
+
var componentNormalizer = __webpack_require__(1656);
|
|
47699
|
+
;// ./package/cms-column/View.vue
|
|
47700
|
+
|
|
47701
|
+
|
|
47702
|
+
|
|
47703
|
+
;
|
|
47704
|
+
|
|
47705
|
+
|
|
47706
|
+
/* normalize component */
|
|
47707
|
+
|
|
47708
|
+
var component = (0,componentNormalizer/* default */.A)(
|
|
47709
|
+
cms_column_Viewvue_type_script_lang_js,
|
|
47710
|
+
render,
|
|
47711
|
+
staticRenderFns,
|
|
47712
|
+
false,
|
|
47713
|
+
null,
|
|
47714
|
+
"033e8b60",
|
|
47715
|
+
null
|
|
47716
|
+
|
|
47717
|
+
)
|
|
47718
|
+
|
|
47719
|
+
/* harmony default export */ var View = (component.exports);
|
|
47720
|
+
|
|
47723
47721
|
/***/ }),
|
|
47724
47722
|
|
|
47725
47723
|
/***/ 7476:
|