cms-chenhj-ui 2.0.30 → 2.0.32
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 +848 -791
- package/cms-chenhj-ui.common.js.map +1 -1
- package/cms-chenhj-ui.css +1 -1
- package/cms-chenhj-ui.umd.js +960 -903
- 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
|
@@ -1006,7 +1006,7 @@ Function.prototype.toString = makeBuiltIn(function toString() {
|
|
|
1006
1006
|
__webpack_require__.r(__webpack_exports__);
|
|
1007
1007
|
/* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
|
|
1008
1008
|
|
|
1009
|
-
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__,
|
|
1009
|
+
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 7679));
|
|
1010
1010
|
const langData = {
|
|
1011
1011
|
input1: "请输入富文本内容"
|
|
1012
1012
|
};
|
|
@@ -20524,8 +20524,8 @@ var map = {
|
|
|
20524
20524
|
"./cms-banner/index.js": 5342,
|
|
20525
20525
|
"./cms-button": 6656,
|
|
20526
20526
|
"./cms-button/": 6656,
|
|
20527
|
-
"./cms-button/View":
|
|
20528
|
-
"./cms-button/View.vue":
|
|
20527
|
+
"./cms-button/View": 6446,
|
|
20528
|
+
"./cms-button/View.vue": 6446,
|
|
20529
20529
|
"./cms-button/index": 6656,
|
|
20530
20530
|
"./cms-button/index.js": 6656,
|
|
20531
20531
|
"./cms-cells": 649,
|
|
@@ -20632,8 +20632,8 @@ var map = {
|
|
|
20632
20632
|
"./cms-question/index.js": 9704,
|
|
20633
20633
|
"./cms-richText": 289,
|
|
20634
20634
|
"./cms-richText/": 289,
|
|
20635
|
-
"./cms-richText/View":
|
|
20636
|
-
"./cms-richText/View.vue":
|
|
20635
|
+
"./cms-richText/View": 7679,
|
|
20636
|
+
"./cms-richText/View.vue": 7679,
|
|
20637
20637
|
"./cms-richText/index": 289,
|
|
20638
20638
|
"./cms-richText/index.js": 289,
|
|
20639
20639
|
"./cms-servePlan-tab": 5786,
|
|
@@ -20703,8 +20703,8 @@ var map = {
|
|
|
20703
20703
|
"./cms-video-group/index": 2697,
|
|
20704
20704
|
"./cms-video-group/index.js": 2697,
|
|
20705
20705
|
"./cms-video/": 3275,
|
|
20706
|
-
"./cms-video/View":
|
|
20707
|
-
"./cms-video/View.vue":
|
|
20706
|
+
"./cms-video/View": 6681,
|
|
20707
|
+
"./cms-video/View.vue": 6681,
|
|
20708
20708
|
"./cms-video/index": 3275,
|
|
20709
20709
|
"./cms-video/index.js": 3275,
|
|
20710
20710
|
"./cms-view": 725,
|
|
@@ -24414,285 +24414,6 @@ function queryViaComponentByCode(data) {
|
|
|
24414
24414
|
|
|
24415
24415
|
/***/ }),
|
|
24416
24416
|
|
|
24417
|
-
/***/ 2843:
|
|
24418
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
24419
|
-
|
|
24420
|
-
"use strict";
|
|
24421
|
-
// ESM COMPAT FLAG
|
|
24422
|
-
__webpack_require__.r(__webpack_exports__);
|
|
24423
|
-
|
|
24424
|
-
// EXPORTS
|
|
24425
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
24426
|
-
"default": function() { return /* binding */ View; }
|
|
24427
|
-
});
|
|
24428
|
-
|
|
24429
|
-
;// ./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-button/View.vue?vue&type=template&id=8a9aa4b4&scoped=true
|
|
24430
|
-
var render = function render() {
|
|
24431
|
-
var _vm = this,
|
|
24432
|
-
_c = _vm._self._c;
|
|
24433
|
-
return _c('BaseComp', _vm._b({
|
|
24434
|
-
attrs: {
|
|
24435
|
-
"data": _vm.data,
|
|
24436
|
-
"nowCompId": _vm.nowCompId,
|
|
24437
|
-
"isOpcacity": _vm.isOpcacity,
|
|
24438
|
-
"lang": _vm.lang
|
|
24439
|
-
},
|
|
24440
|
-
on: {
|
|
24441
|
-
"getConfigData": _vm.getConfigData
|
|
24442
|
-
}
|
|
24443
|
-
}, 'BaseComp', _vm.$attrs, false), [_c('section', {
|
|
24444
|
-
staticClass: "cms-button-container",
|
|
24445
|
-
class: [`align-${_vm.configData.textAlign || 'center'}`, _vm.configData.customClass || ''],
|
|
24446
|
-
style: _vm.containerStyle
|
|
24447
|
-
}, [_c('button', {
|
|
24448
|
-
staticClass: "cms-button",
|
|
24449
|
-
class: ['cms-button-element', {
|
|
24450
|
-
'has-link': _vm.configData.linkUrl,
|
|
24451
|
-
'hover-effect': _vm.configData.hoverEffect
|
|
24452
|
-
}],
|
|
24453
|
-
style: _vm.buttonStyle,
|
|
24454
|
-
attrs: {
|
|
24455
|
-
"disabled": _vm.configData.disabled
|
|
24456
|
-
},
|
|
24457
|
-
on: {
|
|
24458
|
-
"click": _vm.handleClick
|
|
24459
|
-
}
|
|
24460
|
-
}, [_vm._v(" " + _vm._s(_vm.configData.buttonText) + " "), _c('i', {
|
|
24461
|
-
staticClass: "el-icon-arrow-right el-icon--right"
|
|
24462
|
-
})])])]);
|
|
24463
|
-
};
|
|
24464
|
-
var staticRenderFns = [];
|
|
24465
|
-
|
|
24466
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
|
|
24467
|
-
var es_iterator_constructor = __webpack_require__(8111);
|
|
24468
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
|
|
24469
|
-
var es_iterator_for_each = __webpack_require__(7588);
|
|
24470
|
-
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
24471
|
-
var baseComp = __webpack_require__(677);
|
|
24472
|
-
;// ./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
|
|
24473
|
-
|
|
24474
|
-
|
|
24475
|
-
|
|
24476
|
-
|
|
24477
|
-
|
|
24478
|
-
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
24479
|
-
name: "cms-button",
|
|
24480
|
-
components: {
|
|
24481
|
-
BaseComp: baseComp["default"]
|
|
24482
|
-
},
|
|
24483
|
-
props: {
|
|
24484
|
-
data: {
|
|
24485
|
-
type: Object,
|
|
24486
|
-
default: () => {
|
|
24487
|
-
return {};
|
|
24488
|
-
}
|
|
24489
|
-
},
|
|
24490
|
-
nowCompId: {
|
|
24491
|
-
type: [String, Number],
|
|
24492
|
-
default: ""
|
|
24493
|
-
},
|
|
24494
|
-
isOpcacity: {
|
|
24495
|
-
type: Boolean,
|
|
24496
|
-
default: true
|
|
24497
|
-
},
|
|
24498
|
-
lang: {
|
|
24499
|
-
type: String,
|
|
24500
|
-
default: "zh-HK"
|
|
24501
|
-
}
|
|
24502
|
-
},
|
|
24503
|
-
data() {
|
|
24504
|
-
return {
|
|
24505
|
-
configData: {},
|
|
24506
|
-
// 默认配置数据
|
|
24507
|
-
defaultConfig: {
|
|
24508
|
-
// 文字设置
|
|
24509
|
-
buttonText: "按钮文字",
|
|
24510
|
-
textAlign: "center",
|
|
24511
|
-
fontSize: 16,
|
|
24512
|
-
fontColor: "#ffffff",
|
|
24513
|
-
fontWeight: "normal",
|
|
24514
|
-
// 样式控制
|
|
24515
|
-
backgroundColor: "#409eff",
|
|
24516
|
-
borderRadius: 30,
|
|
24517
|
-
borderWidth: 1,
|
|
24518
|
-
borderStyle: "solid",
|
|
24519
|
-
borderColor: "#409eff",
|
|
24520
|
-
// 空间布局
|
|
24521
|
-
paddingTop: 12,
|
|
24522
|
-
paddingBottom: 12,
|
|
24523
|
-
paddingLeft: 20,
|
|
24524
|
-
paddingRight: 20,
|
|
24525
|
-
marginTop: 0,
|
|
24526
|
-
marginBottom: 0,
|
|
24527
|
-
marginLeft: 0,
|
|
24528
|
-
marginRight: 0,
|
|
24529
|
-
// 交互功能
|
|
24530
|
-
linkUrl: "",
|
|
24531
|
-
linkTarget: "_self",
|
|
24532
|
-
disabled: false,
|
|
24533
|
-
// 高级配置
|
|
24534
|
-
customClass: "",
|
|
24535
|
-
customStyle: "",
|
|
24536
|
-
hoverEffect: false,
|
|
24537
|
-
// 尺寸设置
|
|
24538
|
-
buttonWidth: "300",
|
|
24539
|
-
buttonHeight: "48",
|
|
24540
|
-
minWidth: 80,
|
|
24541
|
-
minHeight: 36
|
|
24542
|
-
}
|
|
24543
|
-
};
|
|
24544
|
-
},
|
|
24545
|
-
mounted() {
|
|
24546
|
-
this.initConfigData();
|
|
24547
|
-
},
|
|
24548
|
-
watch: {
|
|
24549
|
-
configData: {
|
|
24550
|
-
handler() {
|
|
24551
|
-
this.updateStyles();
|
|
24552
|
-
},
|
|
24553
|
-
deep: true
|
|
24554
|
-
}
|
|
24555
|
-
},
|
|
24556
|
-
computed: {
|
|
24557
|
-
// 容器样式
|
|
24558
|
-
containerStyle() {
|
|
24559
|
-
const config = {
|
|
24560
|
-
...this.defaultConfig,
|
|
24561
|
-
...this.configData
|
|
24562
|
-
};
|
|
24563
|
-
return {
|
|
24564
|
-
textAlign: config.textAlign,
|
|
24565
|
-
margin: `${config.marginTop}px ${config.marginRight}px ${config.marginBottom}px ${config.marginLeft}px`,
|
|
24566
|
-
...this.parseCustomStyle(config.customStyle)
|
|
24567
|
-
};
|
|
24568
|
-
},
|
|
24569
|
-
// 按钮样式
|
|
24570
|
-
buttonStyle() {
|
|
24571
|
-
const config = {
|
|
24572
|
-
...this.defaultConfig,
|
|
24573
|
-
...this.configData
|
|
24574
|
-
};
|
|
24575
|
-
return {
|
|
24576
|
-
// 文字样式
|
|
24577
|
-
fontSize: `${config.fontSize}px`,
|
|
24578
|
-
color: config.fontColor,
|
|
24579
|
-
fontWeight: config.fontWeight,
|
|
24580
|
-
// 背景和边框
|
|
24581
|
-
backgroundColor: config.backgroundColor ? config.backgroundColor : "transparent",
|
|
24582
|
-
borderRadius: `${config.borderRadius}px`,
|
|
24583
|
-
border: config.borderWidth ? `${config.borderWidth}px ${config.borderStyle} ${config.borderColor}` : "none",
|
|
24584
|
-
// 内边距
|
|
24585
|
-
padding: `${config.paddingTop}px ${config.paddingRight}px ${config.paddingBottom}px ${config.paddingLeft}px`,
|
|
24586
|
-
// 尺寸
|
|
24587
|
-
width: config.buttonWidth === "auto" ? "auto" : `${config.buttonWidth}px`,
|
|
24588
|
-
height: config.buttonHeight === "auto" ? "auto" : `${config.buttonHeight}px`,
|
|
24589
|
-
minWidth: `${config.minWidth}px`,
|
|
24590
|
-
minHeight: `${config.minHeight}px`,
|
|
24591
|
-
// 交互效果
|
|
24592
|
-
cursor: config.linkUrl ? "pointer" : "default",
|
|
24593
|
-
opacity: config.disabled ? 0.6 : 1,
|
|
24594
|
-
transition: config.hoverEffect ? "all 0.3s ease" : "none",
|
|
24595
|
-
// 基础样式
|
|
24596
|
-
outline: "none",
|
|
24597
|
-
textDecoration: "none",
|
|
24598
|
-
display: "inline-block",
|
|
24599
|
-
textAlign: "center",
|
|
24600
|
-
verticalAlign: "middle",
|
|
24601
|
-
userSelect: "none",
|
|
24602
|
-
whiteSpace: "nowrap"
|
|
24603
|
-
};
|
|
24604
|
-
}
|
|
24605
|
-
},
|
|
24606
|
-
methods: {
|
|
24607
|
-
// 初始化配置数据
|
|
24608
|
-
initConfigData() {
|
|
24609
|
-
this.configData = {
|
|
24610
|
-
...this.defaultConfig,
|
|
24611
|
-
...this.configData
|
|
24612
|
-
};
|
|
24613
|
-
},
|
|
24614
|
-
// 获取配置数据
|
|
24615
|
-
getConfigData(configData) {
|
|
24616
|
-
this.configData = {
|
|
24617
|
-
...this.defaultConfig,
|
|
24618
|
-
...configData
|
|
24619
|
-
};
|
|
24620
|
-
this.updateStyles();
|
|
24621
|
-
},
|
|
24622
|
-
// 更新样式
|
|
24623
|
-
updateStyles() {
|
|
24624
|
-
this.$nextTick(() => {
|
|
24625
|
-
this.$forceUpdate();
|
|
24626
|
-
});
|
|
24627
|
-
},
|
|
24628
|
-
// 处理点击事件
|
|
24629
|
-
handleClick() {
|
|
24630
|
-
if (this.configData.disabled) {
|
|
24631
|
-
return;
|
|
24632
|
-
}
|
|
24633
|
-
if (this.configData.linkUrl) {
|
|
24634
|
-
const target = this.configData.linkTarget || "_self";
|
|
24635
|
-
if (target === "_blank") {
|
|
24636
|
-
window.open(this.configData.linkUrl, "_blank");
|
|
24637
|
-
} else {
|
|
24638
|
-
window.location.href = this.configData.linkUrl;
|
|
24639
|
-
}
|
|
24640
|
-
}
|
|
24641
|
-
},
|
|
24642
|
-
// 解析自定义样式
|
|
24643
|
-
parseCustomStyle(customStyle) {
|
|
24644
|
-
if (!customStyle) return {};
|
|
24645
|
-
try {
|
|
24646
|
-
const styles = {};
|
|
24647
|
-
const declarations = customStyle.split(";");
|
|
24648
|
-
declarations.forEach(declaration => {
|
|
24649
|
-
const [property, value] = declaration.split(":");
|
|
24650
|
-
if (property && value) {
|
|
24651
|
-
const camelCaseProperty = property.trim().replace(/-([a-z])/g, g => g[1].toUpperCase());
|
|
24652
|
-
styles[camelCaseProperty] = value.trim();
|
|
24653
|
-
}
|
|
24654
|
-
});
|
|
24655
|
-
return styles;
|
|
24656
|
-
} catch (error) {
|
|
24657
|
-
console.warn("解析自定义样式失败:", error);
|
|
24658
|
-
return {};
|
|
24659
|
-
}
|
|
24660
|
-
}
|
|
24661
|
-
}
|
|
24662
|
-
});
|
|
24663
|
-
;// ./package/cms-button/View.vue?vue&type=script&lang=js
|
|
24664
|
-
/* harmony default export */ var cms_button_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
24665
|
-
;// ./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-button/View.vue?vue&type=style&index=0&id=8a9aa4b4&prod&lang=scss&scoped=true
|
|
24666
|
-
// extracted by mini-css-extract-plugin
|
|
24667
|
-
|
|
24668
|
-
;// ./package/cms-button/View.vue?vue&type=style&index=0&id=8a9aa4b4&prod&lang=scss&scoped=true
|
|
24669
|
-
|
|
24670
|
-
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
24671
|
-
var componentNormalizer = __webpack_require__(1656);
|
|
24672
|
-
;// ./package/cms-button/View.vue
|
|
24673
|
-
|
|
24674
|
-
|
|
24675
|
-
|
|
24676
|
-
;
|
|
24677
|
-
|
|
24678
|
-
|
|
24679
|
-
/* normalize component */
|
|
24680
|
-
|
|
24681
|
-
var component = (0,componentNormalizer/* default */.A)(
|
|
24682
|
-
cms_button_Viewvue_type_script_lang_js,
|
|
24683
|
-
render,
|
|
24684
|
-
staticRenderFns,
|
|
24685
|
-
false,
|
|
24686
|
-
null,
|
|
24687
|
-
"8a9aa4b4",
|
|
24688
|
-
null
|
|
24689
|
-
|
|
24690
|
-
)
|
|
24691
|
-
|
|
24692
|
-
/* harmony default export */ var View = (component.exports);
|
|
24693
|
-
|
|
24694
|
-
/***/ }),
|
|
24695
|
-
|
|
24696
24417
|
/***/ 2946:
|
|
24697
24418
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
24698
24419
|
|
|
@@ -25404,7 +25125,7 @@ module.exports = function (O) {
|
|
|
25404
25125
|
__webpack_require__.r(__webpack_exports__);
|
|
25405
25126
|
/* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
|
|
25406
25127
|
|
|
25407
|
-
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__,
|
|
25128
|
+
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 6681));
|
|
25408
25129
|
const langData = {
|
|
25409
25130
|
// 视频源设置
|
|
25410
25131
|
title: '',
|
|
@@ -37809,7 +37530,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
37809
37530
|
},
|
|
37810
37531
|
textType: {
|
|
37811
37532
|
label: "文字类型",
|
|
37812
|
-
widgetType: "el-
|
|
37533
|
+
widgetType: "el-select",
|
|
37813
37534
|
options: [{
|
|
37814
37535
|
label: "H1",
|
|
37815
37536
|
value: "h1"
|
|
@@ -38981,7 +38702,7 @@ var map = {
|
|
|
38981
38702
|
"./cms-activityCountdown/View.vue": 4115,
|
|
38982
38703
|
"./cms-activityTime/View.vue": 2620,
|
|
38983
38704
|
"./cms-banner/View.vue": 9894,
|
|
38984
|
-
"./cms-button/View.vue":
|
|
38705
|
+
"./cms-button/View.vue": 6446,
|
|
38985
38706
|
"./cms-cells/View.vue": 983,
|
|
38986
38707
|
"./cms-column-card/View.vue": 9043,
|
|
38987
38708
|
"./cms-column/View.vue": 7473,
|
|
@@ -38999,7 +38720,7 @@ var map = {
|
|
|
38999
38720
|
"./cms-prodCustomization/View.vue": 1662,
|
|
39000
38721
|
"./cms-productDetails/View.vue": 7793,
|
|
39001
38722
|
"./cms-question/View.vue": 6287,
|
|
39002
|
-
"./cms-richText/View.vue":
|
|
38723
|
+
"./cms-richText/View.vue": 7679,
|
|
39003
38724
|
"./cms-servePlan-tab/View.vue": 8296,
|
|
39004
38725
|
"./cms-servePlan-text/View.vue": 4726,
|
|
39005
38726
|
"./cms-tab/View.vue": 6000,
|
|
@@ -39010,7 +38731,7 @@ var map = {
|
|
|
39010
38731
|
"./cms-titleLeft/View.vue": 7284,
|
|
39011
38732
|
"./cms-via-storedValueCard/View.vue": 5669,
|
|
39012
38733
|
"./cms-video-group/View.vue": 1882,
|
|
39013
|
-
"./cms-video/View.vue":
|
|
38734
|
+
"./cms-video/View.vue": 6681,
|
|
39014
38735
|
"./cms-view/View.vue": 3774
|
|
39015
38736
|
};
|
|
39016
38737
|
|
|
@@ -45331,6 +45052,286 @@ const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSc
|
|
|
45331
45052
|
|
|
45332
45053
|
/***/ }),
|
|
45333
45054
|
|
|
45055
|
+
/***/ 6446:
|
|
45056
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
45057
|
+
|
|
45058
|
+
"use strict";
|
|
45059
|
+
// ESM COMPAT FLAG
|
|
45060
|
+
__webpack_require__.r(__webpack_exports__);
|
|
45061
|
+
|
|
45062
|
+
// EXPORTS
|
|
45063
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
45064
|
+
"default": function() { return /* binding */ View; }
|
|
45065
|
+
});
|
|
45066
|
+
|
|
45067
|
+
;// ./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-button/View.vue?vue&type=template&id=d7712dd2&scoped=true
|
|
45068
|
+
var render = function render() {
|
|
45069
|
+
var _vm = this,
|
|
45070
|
+
_c = _vm._self._c;
|
|
45071
|
+
return _c('BaseComp', _vm._b({
|
|
45072
|
+
attrs: {
|
|
45073
|
+
"data": _vm.data,
|
|
45074
|
+
"nowCompId": _vm.nowCompId,
|
|
45075
|
+
"isOpcacity": _vm.isOpcacity,
|
|
45076
|
+
"lang": _vm.lang
|
|
45077
|
+
},
|
|
45078
|
+
on: {
|
|
45079
|
+
"getConfigData": _vm.getConfigData
|
|
45080
|
+
}
|
|
45081
|
+
}, 'BaseComp', _vm.$attrs, false), [_c('section', {
|
|
45082
|
+
staticClass: "cms-button-container",
|
|
45083
|
+
class: [`align-${_vm.configData.textAlign || 'center'}`, _vm.configData.customClass || ''],
|
|
45084
|
+
style: _vm.containerStyle
|
|
45085
|
+
}, [_c('button', {
|
|
45086
|
+
staticClass: "cms-button",
|
|
45087
|
+
class: ['cms-button-element', {
|
|
45088
|
+
'has-link': _vm.configData.linkUrl,
|
|
45089
|
+
'hover-effect': _vm.configData.hoverEffect
|
|
45090
|
+
}],
|
|
45091
|
+
style: _vm.buttonStyle,
|
|
45092
|
+
attrs: {
|
|
45093
|
+
"disabled": _vm.configData.disabled
|
|
45094
|
+
},
|
|
45095
|
+
on: {
|
|
45096
|
+
"click": _vm.handleClick
|
|
45097
|
+
}
|
|
45098
|
+
}, [_vm._v(" " + _vm._s(_vm.configData.buttonText) + " "), _c('i', {
|
|
45099
|
+
staticClass: "el-icon-arrow-right el-icon--right"
|
|
45100
|
+
})])])]);
|
|
45101
|
+
};
|
|
45102
|
+
var staticRenderFns = [];
|
|
45103
|
+
|
|
45104
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
|
|
45105
|
+
var es_iterator_constructor = __webpack_require__(8111);
|
|
45106
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
|
|
45107
|
+
var es_iterator_for_each = __webpack_require__(7588);
|
|
45108
|
+
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
45109
|
+
var baseComp = __webpack_require__(677);
|
|
45110
|
+
;// ./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
|
|
45111
|
+
|
|
45112
|
+
|
|
45113
|
+
|
|
45114
|
+
|
|
45115
|
+
|
|
45116
|
+
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
45117
|
+
name: "cms-button",
|
|
45118
|
+
components: {
|
|
45119
|
+
BaseComp: baseComp["default"]
|
|
45120
|
+
},
|
|
45121
|
+
props: {
|
|
45122
|
+
data: {
|
|
45123
|
+
type: Object,
|
|
45124
|
+
default: () => {
|
|
45125
|
+
return {};
|
|
45126
|
+
}
|
|
45127
|
+
},
|
|
45128
|
+
nowCompId: {
|
|
45129
|
+
type: [String, Number],
|
|
45130
|
+
default: ""
|
|
45131
|
+
},
|
|
45132
|
+
isOpcacity: {
|
|
45133
|
+
type: Boolean,
|
|
45134
|
+
default: true
|
|
45135
|
+
},
|
|
45136
|
+
lang: {
|
|
45137
|
+
type: String,
|
|
45138
|
+
default: "zh-HK"
|
|
45139
|
+
}
|
|
45140
|
+
},
|
|
45141
|
+
data() {
|
|
45142
|
+
return {
|
|
45143
|
+
configData: {},
|
|
45144
|
+
// 默认配置数据
|
|
45145
|
+
defaultConfig: {
|
|
45146
|
+
// 文字设置
|
|
45147
|
+
buttonText: "按钮文字",
|
|
45148
|
+
textAlign: "center",
|
|
45149
|
+
fontSize: 16,
|
|
45150
|
+
fontColor: "#ffffff",
|
|
45151
|
+
fontWeight: "normal",
|
|
45152
|
+
// 样式控制
|
|
45153
|
+
backgroundColor: "#409eff",
|
|
45154
|
+
borderRadius: 30,
|
|
45155
|
+
borderWidth: 1,
|
|
45156
|
+
borderStyle: "solid",
|
|
45157
|
+
borderColor: "#409eff",
|
|
45158
|
+
// 空间布局
|
|
45159
|
+
paddingTop: 12,
|
|
45160
|
+
paddingBottom: 12,
|
|
45161
|
+
paddingLeft: 20,
|
|
45162
|
+
paddingRight: 20,
|
|
45163
|
+
marginTop: 0,
|
|
45164
|
+
marginBottom: 0,
|
|
45165
|
+
marginLeft: 0,
|
|
45166
|
+
marginRight: 0,
|
|
45167
|
+
// 交互功能
|
|
45168
|
+
linkUrl: "",
|
|
45169
|
+
linkTarget: "_self",
|
|
45170
|
+
disabled: false,
|
|
45171
|
+
// 高级配置
|
|
45172
|
+
customClass: "",
|
|
45173
|
+
customStyle: "",
|
|
45174
|
+
hoverEffect: false,
|
|
45175
|
+
// 尺寸设置
|
|
45176
|
+
buttonWidth: "300",
|
|
45177
|
+
buttonHeight: "48",
|
|
45178
|
+
minWidth: 80,
|
|
45179
|
+
minHeight: 36
|
|
45180
|
+
}
|
|
45181
|
+
};
|
|
45182
|
+
},
|
|
45183
|
+
mounted() {
|
|
45184
|
+
this.initConfigData();
|
|
45185
|
+
},
|
|
45186
|
+
watch: {
|
|
45187
|
+
configData: {
|
|
45188
|
+
handler() {
|
|
45189
|
+
this.updateStyles();
|
|
45190
|
+
},
|
|
45191
|
+
deep: true
|
|
45192
|
+
}
|
|
45193
|
+
},
|
|
45194
|
+
computed: {
|
|
45195
|
+
// 容器样式
|
|
45196
|
+
containerStyle() {
|
|
45197
|
+
const config = {
|
|
45198
|
+
...this.defaultConfig,
|
|
45199
|
+
...this.configData
|
|
45200
|
+
};
|
|
45201
|
+
return {
|
|
45202
|
+
backgroundColor: config.wrapperBackgroundColor,
|
|
45203
|
+
textAlign: config.textAlign,
|
|
45204
|
+
margin: `${config.marginTop}px ${config.marginRight}px ${config.marginBottom}px ${config.marginLeft}px`,
|
|
45205
|
+
...this.parseCustomStyle(config.customStyle)
|
|
45206
|
+
};
|
|
45207
|
+
},
|
|
45208
|
+
// 按钮样式
|
|
45209
|
+
buttonStyle() {
|
|
45210
|
+
const config = {
|
|
45211
|
+
...this.defaultConfig,
|
|
45212
|
+
...this.configData
|
|
45213
|
+
};
|
|
45214
|
+
return {
|
|
45215
|
+
// 文字样式
|
|
45216
|
+
fontSize: `${config.fontSize}px`,
|
|
45217
|
+
color: config.fontColor,
|
|
45218
|
+
fontWeight: config.fontWeight,
|
|
45219
|
+
// 背景和边框
|
|
45220
|
+
backgroundColor: config.backgroundColor ? config.backgroundColor : "transparent",
|
|
45221
|
+
borderRadius: `${config.borderRadius}px`,
|
|
45222
|
+
border: config.borderWidth ? `${config.borderWidth}px ${config.borderStyle} ${config.borderColor}` : "none",
|
|
45223
|
+
// 内边距
|
|
45224
|
+
padding: `${config.paddingTop}px ${config.paddingRight}px ${config.paddingBottom}px ${config.paddingLeft}px`,
|
|
45225
|
+
// 尺寸
|
|
45226
|
+
width: config.buttonWidth === "auto" ? "auto" : `${config.buttonWidth}px`,
|
|
45227
|
+
height: config.buttonHeight === "auto" ? "auto" : `${config.buttonHeight}px`,
|
|
45228
|
+
minWidth: `${config.minWidth}px`,
|
|
45229
|
+
minHeight: `${config.minHeight}px`,
|
|
45230
|
+
// 交互效果
|
|
45231
|
+
cursor: config.linkUrl ? "pointer" : "default",
|
|
45232
|
+
opacity: config.disabled ? 0.6 : 1,
|
|
45233
|
+
transition: config.hoverEffect ? "all 0.3s ease" : "none",
|
|
45234
|
+
// 基础样式
|
|
45235
|
+
outline: "none",
|
|
45236
|
+
textDecoration: "none",
|
|
45237
|
+
display: "inline-block",
|
|
45238
|
+
textAlign: "center",
|
|
45239
|
+
verticalAlign: "middle",
|
|
45240
|
+
userSelect: "none",
|
|
45241
|
+
whiteSpace: "nowrap"
|
|
45242
|
+
};
|
|
45243
|
+
}
|
|
45244
|
+
},
|
|
45245
|
+
methods: {
|
|
45246
|
+
// 初始化配置数据
|
|
45247
|
+
initConfigData() {
|
|
45248
|
+
this.configData = {
|
|
45249
|
+
...this.defaultConfig,
|
|
45250
|
+
...this.configData
|
|
45251
|
+
};
|
|
45252
|
+
},
|
|
45253
|
+
// 获取配置数据
|
|
45254
|
+
getConfigData(configData) {
|
|
45255
|
+
this.configData = {
|
|
45256
|
+
...this.defaultConfig,
|
|
45257
|
+
...configData
|
|
45258
|
+
};
|
|
45259
|
+
this.updateStyles();
|
|
45260
|
+
},
|
|
45261
|
+
// 更新样式
|
|
45262
|
+
updateStyles() {
|
|
45263
|
+
this.$nextTick(() => {
|
|
45264
|
+
this.$forceUpdate();
|
|
45265
|
+
});
|
|
45266
|
+
},
|
|
45267
|
+
// 处理点击事件
|
|
45268
|
+
handleClick() {
|
|
45269
|
+
if (this.configData.disabled) {
|
|
45270
|
+
return;
|
|
45271
|
+
}
|
|
45272
|
+
if (this.configData.linkUrl) {
|
|
45273
|
+
const target = this.configData.linkTarget || "_self";
|
|
45274
|
+
if (target === "_blank") {
|
|
45275
|
+
window.open(this.configData.linkUrl, "_blank");
|
|
45276
|
+
} else {
|
|
45277
|
+
window.location.href = this.configData.linkUrl;
|
|
45278
|
+
}
|
|
45279
|
+
}
|
|
45280
|
+
},
|
|
45281
|
+
// 解析自定义样式
|
|
45282
|
+
parseCustomStyle(customStyle) {
|
|
45283
|
+
if (!customStyle) return {};
|
|
45284
|
+
try {
|
|
45285
|
+
const styles = {};
|
|
45286
|
+
const declarations = customStyle.split(";");
|
|
45287
|
+
declarations.forEach(declaration => {
|
|
45288
|
+
const [property, value] = declaration.split(":");
|
|
45289
|
+
if (property && value) {
|
|
45290
|
+
const camelCaseProperty = property.trim().replace(/-([a-z])/g, g => g[1].toUpperCase());
|
|
45291
|
+
styles[camelCaseProperty] = value.trim();
|
|
45292
|
+
}
|
|
45293
|
+
});
|
|
45294
|
+
return styles;
|
|
45295
|
+
} catch (error) {
|
|
45296
|
+
console.warn("解析自定义样式失败:", error);
|
|
45297
|
+
return {};
|
|
45298
|
+
}
|
|
45299
|
+
}
|
|
45300
|
+
}
|
|
45301
|
+
});
|
|
45302
|
+
;// ./package/cms-button/View.vue?vue&type=script&lang=js
|
|
45303
|
+
/* harmony default export */ var cms_button_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
45304
|
+
;// ./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-button/View.vue?vue&type=style&index=0&id=d7712dd2&prod&lang=scss&scoped=true
|
|
45305
|
+
// extracted by mini-css-extract-plugin
|
|
45306
|
+
|
|
45307
|
+
;// ./package/cms-button/View.vue?vue&type=style&index=0&id=d7712dd2&prod&lang=scss&scoped=true
|
|
45308
|
+
|
|
45309
|
+
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
45310
|
+
var componentNormalizer = __webpack_require__(1656);
|
|
45311
|
+
;// ./package/cms-button/View.vue
|
|
45312
|
+
|
|
45313
|
+
|
|
45314
|
+
|
|
45315
|
+
;
|
|
45316
|
+
|
|
45317
|
+
|
|
45318
|
+
/* normalize component */
|
|
45319
|
+
|
|
45320
|
+
var component = (0,componentNormalizer/* default */.A)(
|
|
45321
|
+
cms_button_Viewvue_type_script_lang_js,
|
|
45322
|
+
render,
|
|
45323
|
+
staticRenderFns,
|
|
45324
|
+
false,
|
|
45325
|
+
null,
|
|
45326
|
+
"d7712dd2",
|
|
45327
|
+
null
|
|
45328
|
+
|
|
45329
|
+
)
|
|
45330
|
+
|
|
45331
|
+
/* harmony default export */ var View = (component.exports);
|
|
45332
|
+
|
|
45333
|
+
/***/ }),
|
|
45334
|
+
|
|
45334
45335
|
/***/ 6467:
|
|
45335
45336
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
45336
45337
|
|
|
@@ -45458,10 +45459,12 @@ if (DESCRIPTORS && !('detached' in ArrayBufferPrototype)) {
|
|
|
45458
45459
|
__webpack_require__.r(__webpack_exports__);
|
|
45459
45460
|
/* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
|
|
45460
45461
|
|
|
45461
|
-
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__,
|
|
45462
|
+
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 6446));
|
|
45462
45463
|
const langData = {
|
|
45463
45464
|
// 文字设置
|
|
45464
45465
|
buttonText: "按钮文字",
|
|
45466
|
+
buttonType: "bg-blue",
|
|
45467
|
+
wrapperBackgroundColor: "#ffffff",
|
|
45465
45468
|
textAlign: "center",
|
|
45466
45469
|
fontSize: 16,
|
|
45467
45470
|
fontColor: "#ffffff",
|
|
@@ -45502,6 +45505,44 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
45502
45505
|
widgetType: "el-input",
|
|
45503
45506
|
placeholder: "请输入按钮文字"
|
|
45504
45507
|
},
|
|
45508
|
+
buttonType: {
|
|
45509
|
+
label: "按钮类型",
|
|
45510
|
+
widgetType: "el-select",
|
|
45511
|
+
options: [{
|
|
45512
|
+
label: "蓝底",
|
|
45513
|
+
value: "bg-blue"
|
|
45514
|
+
}, {
|
|
45515
|
+
label: "白底",
|
|
45516
|
+
value: "bg-white"
|
|
45517
|
+
}, {
|
|
45518
|
+
label: "灰底",
|
|
45519
|
+
value: "bg-gray"
|
|
45520
|
+
}],
|
|
45521
|
+
on: {
|
|
45522
|
+
change: (data, value) => {
|
|
45523
|
+
if (value == "bg-blue") {
|
|
45524
|
+
data.backgroundColor = "#409eff";
|
|
45525
|
+
data.fontColor = "#fff";
|
|
45526
|
+
data.borderWidth = 0;
|
|
45527
|
+
data.wrapperBackgroundColor = "#fff";
|
|
45528
|
+
} else if (value == "bg-white") {
|
|
45529
|
+
data.backgroundColor = "#fff";
|
|
45530
|
+
data.fontColor = "#409eff";
|
|
45531
|
+
data.borderWidth = 1;
|
|
45532
|
+
data.borderStyle = "solid";
|
|
45533
|
+
data.borderColor = "#409eff";
|
|
45534
|
+
data.wrapperBackgroundColor = "#fff";
|
|
45535
|
+
} else if (value == "bg-gray") {
|
|
45536
|
+
data.backgroundColor = "#888888";
|
|
45537
|
+
data.fontColor = "#fff";
|
|
45538
|
+
data.borderWidth = 1;
|
|
45539
|
+
data.borderStyle = "solid";
|
|
45540
|
+
data.borderColor = "#fff";
|
|
45541
|
+
data.wrapperBackgroundColor = "#979797";
|
|
45542
|
+
}
|
|
45543
|
+
}
|
|
45544
|
+
}
|
|
45545
|
+
},
|
|
45505
45546
|
textAlign: {
|
|
45506
45547
|
label: "对齐方式",
|
|
45507
45548
|
widgetType: "el-radio-group",
|
|
@@ -45572,8 +45613,15 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
45572
45613
|
}]
|
|
45573
45614
|
},
|
|
45574
45615
|
// 样式控制配置
|
|
45616
|
+
wrapperBackgroundColor: {
|
|
45617
|
+
label: "区块背景颜色",
|
|
45618
|
+
widgetType: "el-color-picker",
|
|
45619
|
+
showAlpha: true,
|
|
45620
|
+
predefine: ["#262729", "rgb(36,38,40,0.8)", "rgb(36,38,40,0.5)", "#2F85FF", "#D6197F", "#52C41A", "#f48427", "#FFFFFF"]
|
|
45621
|
+
},
|
|
45622
|
+
// 样式控制配置
|
|
45575
45623
|
backgroundColor: {
|
|
45576
|
-
label: "
|
|
45624
|
+
label: "按钮背景颜色",
|
|
45577
45625
|
widgetType: "el-color-picker",
|
|
45578
45626
|
showAlpha: true,
|
|
45579
45627
|
predefine: ["#262729", "rgb(36,38,40,0.8)", "rgb(36,38,40,0.5)", "#2F85FF", "#D6197F", "#52C41A", "#f48427", "#FFFFFF"]
|
|
@@ -46001,6 +46049,386 @@ var isDefined = exports.isDefined = function isDefined(val) {
|
|
|
46001
46049
|
|
|
46002
46050
|
/***/ }),
|
|
46003
46051
|
|
|
46052
|
+
/***/ 6681:
|
|
46053
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
46054
|
+
|
|
46055
|
+
"use strict";
|
|
46056
|
+
// ESM COMPAT FLAG
|
|
46057
|
+
__webpack_require__.r(__webpack_exports__);
|
|
46058
|
+
|
|
46059
|
+
// EXPORTS
|
|
46060
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
46061
|
+
"default": function() { return /* binding */ View; }
|
|
46062
|
+
});
|
|
46063
|
+
|
|
46064
|
+
;// ./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-video/View.vue?vue&type=template&id=6b24141a&scoped=true
|
|
46065
|
+
var render = function render() {
|
|
46066
|
+
var _vm = this,
|
|
46067
|
+
_c = _vm._self._c;
|
|
46068
|
+
return _c('BaseComp', _vm._b({
|
|
46069
|
+
attrs: {
|
|
46070
|
+
"data": _vm.data,
|
|
46071
|
+
"nowCompId": _vm.nowCompId,
|
|
46072
|
+
"isOpcacity": _vm.isOpcacity,
|
|
46073
|
+
"lang": _vm.lang
|
|
46074
|
+
},
|
|
46075
|
+
on: {
|
|
46076
|
+
"getConfigData": _vm.getConfigData
|
|
46077
|
+
}
|
|
46078
|
+
}, 'BaseComp', _vm.$attrs, false), [_c('section', {
|
|
46079
|
+
staticClass: "cms-video-container",
|
|
46080
|
+
class: [_vm.configData.customClass || ''],
|
|
46081
|
+
style: _vm.containerStyle
|
|
46082
|
+
}, [_c('div', {
|
|
46083
|
+
staticClass: "video-wrapper",
|
|
46084
|
+
style: _vm.wrapperStyle
|
|
46085
|
+
}, [_vm.videoType === 'direct' && _vm.configData.videoUrl ? _c('video', {
|
|
46086
|
+
staticClass: "cms-video direct-video",
|
|
46087
|
+
style: _vm.videoStyle,
|
|
46088
|
+
attrs: {
|
|
46089
|
+
"src": _vm.configData.videoUrl,
|
|
46090
|
+
"controls": _vm.configData.showControls,
|
|
46091
|
+
"autoplay": _vm.configData.autoplay,
|
|
46092
|
+
"loop": _vm.configData.loop,
|
|
46093
|
+
"poster": _vm.configData.posterUrl
|
|
46094
|
+
},
|
|
46095
|
+
domProps: {
|
|
46096
|
+
"muted": _vm.configData.muted
|
|
46097
|
+
},
|
|
46098
|
+
on: {
|
|
46099
|
+
"loadstart": _vm.onVideoLoadStart,
|
|
46100
|
+
"loadeddata": _vm.onVideoLoaded,
|
|
46101
|
+
"error": _vm.onVideoError
|
|
46102
|
+
}
|
|
46103
|
+
}) : _vm.configData.embedCode ? _c('div', {
|
|
46104
|
+
staticClass: "cms-video embed-video",
|
|
46105
|
+
style: _vm.videoStyle,
|
|
46106
|
+
domProps: {
|
|
46107
|
+
"innerHTML": _vm._s(_vm.configData.embedCode)
|
|
46108
|
+
}
|
|
46109
|
+
}) : _c('div', {
|
|
46110
|
+
staticClass: "video-placeholder",
|
|
46111
|
+
style: _vm.placeholderStyle
|
|
46112
|
+
}, [_c('img', {
|
|
46113
|
+
staticStyle: {
|
|
46114
|
+
"width": "97.82px",
|
|
46115
|
+
"height": "97.82px"
|
|
46116
|
+
},
|
|
46117
|
+
attrs: {
|
|
46118
|
+
"src": __webpack_require__(6148),
|
|
46119
|
+
"alt": "Video Camera"
|
|
46120
|
+
}
|
|
46121
|
+
})])]), _vm.configData.title ? _c('div', {
|
|
46122
|
+
staticClass: "f-c-c"
|
|
46123
|
+
}, [_vm._v(_vm._s(_vm.configData.title))]) : _vm._e()])]);
|
|
46124
|
+
};
|
|
46125
|
+
var staticRenderFns = [];
|
|
46126
|
+
|
|
46127
|
+
;// ./package/cms-video/View.vue?vue&type=template&id=6b24141a&scoped=true
|
|
46128
|
+
|
|
46129
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
|
|
46130
|
+
var es_iterator_constructor = __webpack_require__(8111);
|
|
46131
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
|
|
46132
|
+
var es_iterator_for_each = __webpack_require__(7588);
|
|
46133
|
+
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
46134
|
+
var baseComp = __webpack_require__(677);
|
|
46135
|
+
;// ./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
|
|
46136
|
+
|
|
46137
|
+
|
|
46138
|
+
|
|
46139
|
+
|
|
46140
|
+
|
|
46141
|
+
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
46142
|
+
name: "cms-video",
|
|
46143
|
+
components: {
|
|
46144
|
+
BaseComp: baseComp["default"]
|
|
46145
|
+
},
|
|
46146
|
+
props: {
|
|
46147
|
+
data: {
|
|
46148
|
+
type: Object,
|
|
46149
|
+
default: () => {
|
|
46150
|
+
return {};
|
|
46151
|
+
}
|
|
46152
|
+
},
|
|
46153
|
+
nowCompId: {
|
|
46154
|
+
type: [String, Number],
|
|
46155
|
+
default: ""
|
|
46156
|
+
},
|
|
46157
|
+
isOpcacity: {
|
|
46158
|
+
type: Boolean,
|
|
46159
|
+
default: true
|
|
46160
|
+
},
|
|
46161
|
+
lang: {
|
|
46162
|
+
type: String,
|
|
46163
|
+
default: "zh-HK"
|
|
46164
|
+
}
|
|
46165
|
+
},
|
|
46166
|
+
data() {
|
|
46167
|
+
return {
|
|
46168
|
+
configData: {},
|
|
46169
|
+
videoLoaded: false,
|
|
46170
|
+
videoError: false,
|
|
46171
|
+
// 默认配置数据
|
|
46172
|
+
defaultConfig: {
|
|
46173
|
+
// 视频源设置
|
|
46174
|
+
videoType: "direct",
|
|
46175
|
+
videoUrl: "",
|
|
46176
|
+
embedCode: "",
|
|
46177
|
+
posterUrl: "",
|
|
46178
|
+
// 播放控制
|
|
46179
|
+
showControls: true,
|
|
46180
|
+
autoplay: false,
|
|
46181
|
+
loop: false,
|
|
46182
|
+
muted: false,
|
|
46183
|
+
// 尺寸控制
|
|
46184
|
+
widthType: "auto",
|
|
46185
|
+
widthValue: 100,
|
|
46186
|
+
heightType: "auto",
|
|
46187
|
+
heightValue: 100,
|
|
46188
|
+
aspectRatio: "16:9",
|
|
46189
|
+
customAspectRatio: "16:9",
|
|
46190
|
+
maxWidth: 0,
|
|
46191
|
+
maxHeight: 0,
|
|
46192
|
+
// 样式设置
|
|
46193
|
+
borderRadius: 0,
|
|
46194
|
+
// 高级配置
|
|
46195
|
+
customClass: "",
|
|
46196
|
+
customStyle: ""
|
|
46197
|
+
}
|
|
46198
|
+
};
|
|
46199
|
+
},
|
|
46200
|
+
mounted() {
|
|
46201
|
+
this.initConfigData();
|
|
46202
|
+
},
|
|
46203
|
+
watch: {
|
|
46204
|
+
configData: {
|
|
46205
|
+
handler() {
|
|
46206
|
+
this.updateStyles();
|
|
46207
|
+
},
|
|
46208
|
+
deep: true
|
|
46209
|
+
}
|
|
46210
|
+
},
|
|
46211
|
+
computed: {
|
|
46212
|
+
showEmbedCode() {
|
|
46213
|
+
return this.configData.embedCode.replace(/<iframe(.*?)width="(\d+)"(.*?)height="(\d+)"(.*?)>/gi, '<iframe$1width="100%"$3height="auto"$5 aspect-ratio="$2/$4">');
|
|
46214
|
+
},
|
|
46215
|
+
// 视频类型
|
|
46216
|
+
videoType() {
|
|
46217
|
+
return this.configData.videoType || this.defaultConfig.videoType;
|
|
46218
|
+
},
|
|
46219
|
+
// 实际使用的宽高比
|
|
46220
|
+
actualAspectRatio() {
|
|
46221
|
+
const config = {
|
|
46222
|
+
...this.defaultConfig,
|
|
46223
|
+
...this.configData
|
|
46224
|
+
};
|
|
46225
|
+
if (config.aspectRatio === "custom") {
|
|
46226
|
+
return config.customAspectRatio || "16:9";
|
|
46227
|
+
}
|
|
46228
|
+
return config.aspectRatio;
|
|
46229
|
+
},
|
|
46230
|
+
// 容器样式
|
|
46231
|
+
containerStyle() {
|
|
46232
|
+
const config = {
|
|
46233
|
+
...this.defaultConfig,
|
|
46234
|
+
...this.configData
|
|
46235
|
+
};
|
|
46236
|
+
return {
|
|
46237
|
+
...this.parseCustomStyle(config.customStyle)
|
|
46238
|
+
};
|
|
46239
|
+
},
|
|
46240
|
+
// 包装器样式
|
|
46241
|
+
wrapperStyle() {
|
|
46242
|
+
const config = {
|
|
46243
|
+
...this.defaultConfig,
|
|
46244
|
+
...this.configData
|
|
46245
|
+
};
|
|
46246
|
+
let width = "auto";
|
|
46247
|
+
let height = "auto";
|
|
46248
|
+
|
|
46249
|
+
// 宽度设置
|
|
46250
|
+
if (config.widthType === "fixed") {
|
|
46251
|
+
width = `${config.widthValue}px`;
|
|
46252
|
+
} else if (config.widthType === "percent") {
|
|
46253
|
+
width = `${config.widthValue}%`;
|
|
46254
|
+
}
|
|
46255
|
+
|
|
46256
|
+
// 高度设置
|
|
46257
|
+
if (config.heightType === "fixed") {
|
|
46258
|
+
height = `${config.heightValue}px`;
|
|
46259
|
+
} else if (config.heightType === "percent") {
|
|
46260
|
+
height = `${config.heightValue}%`;
|
|
46261
|
+
} else if (config.heightType === "aspect") {
|
|
46262
|
+
// 根据宽高比计算高度
|
|
46263
|
+
height = "auto";
|
|
46264
|
+
}
|
|
46265
|
+
return {
|
|
46266
|
+
width,
|
|
46267
|
+
height,
|
|
46268
|
+
maxWidth: config.maxWidth > 0 ? `${config.maxWidth}px` : "none",
|
|
46269
|
+
maxHeight: config.maxHeight > 0 ? `${config.maxHeight}px` : "none",
|
|
46270
|
+
borderRadius: `${config.borderRadius}px`,
|
|
46271
|
+
overflow: "hidden",
|
|
46272
|
+
display: "block",
|
|
46273
|
+
position: "relative"
|
|
46274
|
+
};
|
|
46275
|
+
},
|
|
46276
|
+
// 视频样式
|
|
46277
|
+
videoStyle() {
|
|
46278
|
+
const config = {
|
|
46279
|
+
...this.defaultConfig,
|
|
46280
|
+
...this.configData
|
|
46281
|
+
};
|
|
46282
|
+
let style = {
|
|
46283
|
+
width: "100%",
|
|
46284
|
+
height: "100%",
|
|
46285
|
+
display: "block",
|
|
46286
|
+
border: "none",
|
|
46287
|
+
outline: "none"
|
|
46288
|
+
};
|
|
46289
|
+
|
|
46290
|
+
// 如果是宽高比模式,设置aspect-ratio
|
|
46291
|
+
if (config.heightType === "aspect") {
|
|
46292
|
+
style.aspectRatio = this.actualAspectRatio.replace(":", "/");
|
|
46293
|
+
}
|
|
46294
|
+
return style;
|
|
46295
|
+
},
|
|
46296
|
+
// 占位符样式
|
|
46297
|
+
placeholderStyle() {
|
|
46298
|
+
const config = {
|
|
46299
|
+
...this.defaultConfig,
|
|
46300
|
+
...this.configData
|
|
46301
|
+
};
|
|
46302
|
+
let width = "100%";
|
|
46303
|
+
let height = "auto";
|
|
46304
|
+
|
|
46305
|
+
// 如果设置了固定尺寸,使用设置的尺寸
|
|
46306
|
+
if (config.widthType === "fixed") {
|
|
46307
|
+
width = `${config.widthValue}px`;
|
|
46308
|
+
} else if (config.widthType === "percent") {
|
|
46309
|
+
width = `${config.widthValue}%`;
|
|
46310
|
+
}
|
|
46311
|
+
if (config.heightType === "fixed") {
|
|
46312
|
+
height = `${config.heightValue}px`;
|
|
46313
|
+
} else if (config.heightType === "aspect") {
|
|
46314
|
+
// 使用aspect-ratio保持16:9比例
|
|
46315
|
+
height = "auto";
|
|
46316
|
+
} else {
|
|
46317
|
+
// 默认使用16:9比例
|
|
46318
|
+
height = "auto";
|
|
46319
|
+
}
|
|
46320
|
+
const style = {
|
|
46321
|
+
width,
|
|
46322
|
+
height,
|
|
46323
|
+
backgroundColor: "#f5f7fa",
|
|
46324
|
+
border: "1px dashed #dcdfe6",
|
|
46325
|
+
borderRadius: `${config.borderRadius}px`,
|
|
46326
|
+
display: "flex",
|
|
46327
|
+
flexDirection: "column",
|
|
46328
|
+
alignItems: "center",
|
|
46329
|
+
justifyContent: "center",
|
|
46330
|
+
color: "#909399",
|
|
46331
|
+
fontSize: "14px"
|
|
46332
|
+
};
|
|
46333
|
+
|
|
46334
|
+
// 如果不是固定高度,使用aspect-ratio保持16:9比例
|
|
46335
|
+
if (config.heightType !== "fixed") {
|
|
46336
|
+
style.aspectRatio = this.actualAspectRatio.replace(":", "/");
|
|
46337
|
+
}
|
|
46338
|
+
return style;
|
|
46339
|
+
}
|
|
46340
|
+
},
|
|
46341
|
+
methods: {
|
|
46342
|
+
// 初始化配置数据
|
|
46343
|
+
initConfigData() {
|
|
46344
|
+
this.configData = {
|
|
46345
|
+
...this.defaultConfig,
|
|
46346
|
+
...this.configData
|
|
46347
|
+
};
|
|
46348
|
+
},
|
|
46349
|
+
// 获取配置数据
|
|
46350
|
+
getConfigData(configData) {
|
|
46351
|
+
this.configData = {
|
|
46352
|
+
...this.defaultConfig,
|
|
46353
|
+
...configData
|
|
46354
|
+
};
|
|
46355
|
+
this.updateStyles();
|
|
46356
|
+
},
|
|
46357
|
+
// 更新样式
|
|
46358
|
+
updateStyles() {
|
|
46359
|
+
this.$nextTick(() => {
|
|
46360
|
+
this.$forceUpdate();
|
|
46361
|
+
});
|
|
46362
|
+
},
|
|
46363
|
+
// 视频开始加载
|
|
46364
|
+
onVideoLoadStart() {
|
|
46365
|
+
this.videoLoaded = false;
|
|
46366
|
+
this.videoError = false;
|
|
46367
|
+
},
|
|
46368
|
+
// 视频加载完成
|
|
46369
|
+
onVideoLoaded() {
|
|
46370
|
+
this.videoLoaded = true;
|
|
46371
|
+
this.videoError = false;
|
|
46372
|
+
},
|
|
46373
|
+
// 视频加载失败
|
|
46374
|
+
onVideoError() {
|
|
46375
|
+
this.videoLoaded = false;
|
|
46376
|
+
this.videoError = true;
|
|
46377
|
+
},
|
|
46378
|
+
// 解析自定义样式
|
|
46379
|
+
parseCustomStyle(customStyle) {
|
|
46380
|
+
if (!customStyle) return {};
|
|
46381
|
+
try {
|
|
46382
|
+
const styles = {};
|
|
46383
|
+
const declarations = customStyle.split(";");
|
|
46384
|
+
declarations.forEach(declaration => {
|
|
46385
|
+
const [property, value] = declaration.split(":");
|
|
46386
|
+
if (property && value) {
|
|
46387
|
+
const camelCaseProperty = property.trim().replace(/-([a-z])/g, g => g[1].toUpperCase());
|
|
46388
|
+
styles[camelCaseProperty] = value.trim();
|
|
46389
|
+
}
|
|
46390
|
+
});
|
|
46391
|
+
return styles;
|
|
46392
|
+
} catch (error) {
|
|
46393
|
+
console.warn("解析自定义样式失败:", error);
|
|
46394
|
+
return {};
|
|
46395
|
+
}
|
|
46396
|
+
}
|
|
46397
|
+
}
|
|
46398
|
+
});
|
|
46399
|
+
;// ./package/cms-video/View.vue?vue&type=script&lang=js
|
|
46400
|
+
/* harmony default export */ var cms_video_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
46401
|
+
;// ./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-video/View.vue?vue&type=style&index=0&id=6b24141a&prod&lang=scss&scoped=true
|
|
46402
|
+
// extracted by mini-css-extract-plugin
|
|
46403
|
+
|
|
46404
|
+
;// ./package/cms-video/View.vue?vue&type=style&index=0&id=6b24141a&prod&lang=scss&scoped=true
|
|
46405
|
+
|
|
46406
|
+
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
46407
|
+
var componentNormalizer = __webpack_require__(1656);
|
|
46408
|
+
;// ./package/cms-video/View.vue
|
|
46409
|
+
|
|
46410
|
+
|
|
46411
|
+
|
|
46412
|
+
;
|
|
46413
|
+
|
|
46414
|
+
|
|
46415
|
+
/* normalize component */
|
|
46416
|
+
|
|
46417
|
+
var component = (0,componentNormalizer/* default */.A)(
|
|
46418
|
+
cms_video_Viewvue_type_script_lang_js,
|
|
46419
|
+
render,
|
|
46420
|
+
staticRenderFns,
|
|
46421
|
+
false,
|
|
46422
|
+
null,
|
|
46423
|
+
"6b24141a",
|
|
46424
|
+
null
|
|
46425
|
+
|
|
46426
|
+
)
|
|
46427
|
+
|
|
46428
|
+
/* harmony default export */ var View = (component.exports);
|
|
46429
|
+
|
|
46430
|
+
/***/ }),
|
|
46431
|
+
|
|
46004
46432
|
/***/ 6699:
|
|
46005
46433
|
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
46006
46434
|
|
|
@@ -48715,6 +49143,133 @@ module.exports = {
|
|
|
48715
49143
|
};
|
|
48716
49144
|
|
|
48717
49145
|
|
|
49146
|
+
/***/ }),
|
|
49147
|
+
|
|
49148
|
+
/***/ 7679:
|
|
49149
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
49150
|
+
|
|
49151
|
+
"use strict";
|
|
49152
|
+
// ESM COMPAT FLAG
|
|
49153
|
+
__webpack_require__.r(__webpack_exports__);
|
|
49154
|
+
|
|
49155
|
+
// EXPORTS
|
|
49156
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
49157
|
+
"default": function() { return /* binding */ View; }
|
|
49158
|
+
});
|
|
49159
|
+
|
|
49160
|
+
;// ./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-richText/View.vue?vue&type=template&id=f9cda95e&scoped=true
|
|
49161
|
+
var render = function render() {
|
|
49162
|
+
var _vm = this,
|
|
49163
|
+
_c = _vm._self._c;
|
|
49164
|
+
return _c('BaseComp', _vm._b({
|
|
49165
|
+
attrs: {
|
|
49166
|
+
"data": _vm.data,
|
|
49167
|
+
"nowCompId": _vm.nowCompId,
|
|
49168
|
+
"isOpcacity": _vm.isOpcacity,
|
|
49169
|
+
"lang": _vm.lang
|
|
49170
|
+
},
|
|
49171
|
+
on: {
|
|
49172
|
+
"getConfigData": _vm.getConfigData
|
|
49173
|
+
}
|
|
49174
|
+
}, 'BaseComp', _vm.$attrs, false), [_c('section', {
|
|
49175
|
+
staticClass: "cmhk-home_main"
|
|
49176
|
+
}, [_c('div', [_c('div', {
|
|
49177
|
+
staticClass: "inner"
|
|
49178
|
+
}, [_c('p', {
|
|
49179
|
+
domProps: {
|
|
49180
|
+
"innerHTML": _vm._s(_vm.configData.input1)
|
|
49181
|
+
}
|
|
49182
|
+
})])])])]);
|
|
49183
|
+
};
|
|
49184
|
+
var staticRenderFns = [];
|
|
49185
|
+
|
|
49186
|
+
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
49187
|
+
var baseComp = __webpack_require__(677);
|
|
49188
|
+
;// ./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
|
|
49189
|
+
|
|
49190
|
+
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
49191
|
+
name: "cms-richText",
|
|
49192
|
+
components: {
|
|
49193
|
+
BaseComp: baseComp["default"]
|
|
49194
|
+
},
|
|
49195
|
+
props: {
|
|
49196
|
+
data: {
|
|
49197
|
+
type: Object,
|
|
49198
|
+
default: () => {
|
|
49199
|
+
return {};
|
|
49200
|
+
}
|
|
49201
|
+
},
|
|
49202
|
+
nowCompId: {
|
|
49203
|
+
type: [String, Number],
|
|
49204
|
+
default: ""
|
|
49205
|
+
},
|
|
49206
|
+
isOpcacity: {
|
|
49207
|
+
type: Boolean,
|
|
49208
|
+
default: true
|
|
49209
|
+
},
|
|
49210
|
+
lang: {
|
|
49211
|
+
type: String,
|
|
49212
|
+
default: "zh-HK"
|
|
49213
|
+
}
|
|
49214
|
+
},
|
|
49215
|
+
data() {
|
|
49216
|
+
return {
|
|
49217
|
+
configData: {},
|
|
49218
|
+
messFold: false
|
|
49219
|
+
};
|
|
49220
|
+
},
|
|
49221
|
+
mounted() {},
|
|
49222
|
+
watch: {},
|
|
49223
|
+
methods: {
|
|
49224
|
+
getConfigData(configData) {
|
|
49225
|
+
this.configData = configData;
|
|
49226
|
+
},
|
|
49227
|
+
foldMessText() {
|
|
49228
|
+
this.messFold = !this.messFold;
|
|
49229
|
+
},
|
|
49230
|
+
decodeJumpUrl(url) {
|
|
49231
|
+
if (!url) return;
|
|
49232
|
+
top.location.href = url;
|
|
49233
|
+
}
|
|
49234
|
+
}
|
|
49235
|
+
});
|
|
49236
|
+
;// ./package/cms-richText/View.vue?vue&type=script&lang=js
|
|
49237
|
+
/* harmony default export */ var cms_richText_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
49238
|
+
;// ./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-richText/View.vue?vue&type=style&index=0&id=f9cda95e&prod&lang=scss&scoped=true
|
|
49239
|
+
// extracted by mini-css-extract-plugin
|
|
49240
|
+
|
|
49241
|
+
;// ./package/cms-richText/View.vue?vue&type=style&index=0&id=f9cda95e&prod&lang=scss&scoped=true
|
|
49242
|
+
|
|
49243
|
+
;// ./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-richText/View.vue?vue&type=style&index=1&id=f9cda95e&prod&lang=scss
|
|
49244
|
+
// extracted by mini-css-extract-plugin
|
|
49245
|
+
|
|
49246
|
+
;// ./package/cms-richText/View.vue?vue&type=style&index=1&id=f9cda95e&prod&lang=scss
|
|
49247
|
+
|
|
49248
|
+
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
49249
|
+
var componentNormalizer = __webpack_require__(1656);
|
|
49250
|
+
;// ./package/cms-richText/View.vue
|
|
49251
|
+
|
|
49252
|
+
|
|
49253
|
+
|
|
49254
|
+
;
|
|
49255
|
+
|
|
49256
|
+
|
|
49257
|
+
|
|
49258
|
+
/* normalize component */
|
|
49259
|
+
|
|
49260
|
+
var component = (0,componentNormalizer/* default */.A)(
|
|
49261
|
+
cms_richText_Viewvue_type_script_lang_js,
|
|
49262
|
+
render,
|
|
49263
|
+
staticRenderFns,
|
|
49264
|
+
false,
|
|
49265
|
+
null,
|
|
49266
|
+
"f9cda95e",
|
|
49267
|
+
null
|
|
49268
|
+
|
|
49269
|
+
)
|
|
49270
|
+
|
|
49271
|
+
/* harmony default export */ var View = (component.exports);
|
|
49272
|
+
|
|
48718
49273
|
/***/ }),
|
|
48719
49274
|
|
|
48720
49275
|
/***/ 7680:
|
|
@@ -49471,7 +50026,97 @@ module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABwCAMAAADx
|
|
|
49471
50026
|
|
|
49472
50027
|
/***/ }),
|
|
49473
50028
|
|
|
49474
|
-
/***/
|
|
50029
|
+
/***/ 8004:
|
|
50030
|
+
/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
|
|
50031
|
+
|
|
50032
|
+
"use strict";
|
|
50033
|
+
|
|
50034
|
+
var $ = __webpack_require__(6518);
|
|
50035
|
+
var fails = __webpack_require__(9039);
|
|
50036
|
+
var intersection = __webpack_require__(8750);
|
|
50037
|
+
var setMethodAcceptSetLike = __webpack_require__(4916);
|
|
50038
|
+
|
|
50039
|
+
var INCORRECT = !setMethodAcceptSetLike('intersection', function (result) {
|
|
50040
|
+
return result.size === 2 && result.has(1) && result.has(2);
|
|
50041
|
+
}) || fails(function () {
|
|
50042
|
+
// eslint-disable-next-line es/no-array-from, es/no-set, es/no-set-prototype-intersection -- testing
|
|
50043
|
+
return String(Array.from(new Set([1, 2, 3]).intersection(new Set([3, 2])))) !== '3,2';
|
|
50044
|
+
});
|
|
50045
|
+
|
|
50046
|
+
// `Set.prototype.intersection` method
|
|
50047
|
+
// https://tc39.es/ecma262/#sec-set.prototype.intersection
|
|
50048
|
+
$({ target: 'Set', proto: true, real: true, forced: INCORRECT }, {
|
|
50049
|
+
intersection: intersection
|
|
50050
|
+
});
|
|
50051
|
+
|
|
50052
|
+
|
|
50053
|
+
/***/ }),
|
|
50054
|
+
|
|
50055
|
+
/***/ 8014:
|
|
50056
|
+
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
50057
|
+
|
|
50058
|
+
"use strict";
|
|
50059
|
+
|
|
50060
|
+
var toIntegerOrInfinity = __webpack_require__(1291);
|
|
50061
|
+
|
|
50062
|
+
var min = Math.min;
|
|
50063
|
+
|
|
50064
|
+
// `ToLength` abstract operation
|
|
50065
|
+
// https://tc39.es/ecma262/#sec-tolength
|
|
50066
|
+
module.exports = function (argument) {
|
|
50067
|
+
var len = toIntegerOrInfinity(argument);
|
|
50068
|
+
return len > 0 ? min(len, 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
|
|
50069
|
+
};
|
|
50070
|
+
|
|
50071
|
+
|
|
50072
|
+
/***/ }),
|
|
50073
|
+
|
|
50074
|
+
/***/ 8066:
|
|
50075
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
50076
|
+
|
|
50077
|
+
"use strict";
|
|
50078
|
+
__webpack_require__.r(__webpack_exports__);
|
|
50079
|
+
/* harmony default export */ __webpack_exports__["default"] = ({
|
|
50080
|
+
onlinePurchase: 'Online Purchase',
|
|
50081
|
+
CMHK: 'CMHK 5G',
|
|
50082
|
+
servicePlans: 'Service Plans',
|
|
50083
|
+
broadband: 'Home Broadband',
|
|
50084
|
+
Gband: '5G Broadband',
|
|
50085
|
+
devices: 'Handsets & Devices',
|
|
50086
|
+
card: 'Prepaid Card Service',
|
|
50087
|
+
data: 'Data & VAS',
|
|
50088
|
+
IDD: 'Global Services & IDD',
|
|
50089
|
+
policy: 'Privacy Policy',
|
|
50090
|
+
summary: 'Key Information Summary',
|
|
50091
|
+
customer: 'Our Customer Charter',
|
|
50092
|
+
infomations: 'Your imfomations',
|
|
50093
|
+
privacy: 'Privacy',
|
|
50094
|
+
conditions: 'Contract Terms & Conditions',
|
|
50095
|
+
us: 'About Us',
|
|
50096
|
+
overview: 'Corporate Overview',
|
|
50097
|
+
news: 'Company News',
|
|
50098
|
+
notice: 'Tender Notice',
|
|
50099
|
+
join: 'Join Us',
|
|
50100
|
+
links: 'Friendly Links',
|
|
50101
|
+
partnerships: 'Partnerships',
|
|
50102
|
+
help: 'Help and Support',
|
|
50103
|
+
onlineHelp: 'Online Help and Support',
|
|
50104
|
+
education: 'Customer Education Zone',
|
|
50105
|
+
fraud: 'Customer Education Zone',
|
|
50106
|
+
shop: 'CMHK Shop',
|
|
50107
|
+
contact: 'Contact Us',
|
|
50108
|
+
questions: 'FAQ/Frequently Asked Questions',
|
|
50109
|
+
service: '24-hour Customer Service Hotline 12580',
|
|
50110
|
+
hotline: 'Sales Hotline 12588 (11am to 8pm)',
|
|
50111
|
+
follow: 'Follow or Contact Us',
|
|
50112
|
+
download: 'Download MyLink App, follow our official WeChat account, and stay tuned for more information and enjoy mobile services',
|
|
50113
|
+
account: 'WeChat Official Account',
|
|
50114
|
+
bottomText: '© 2023 China Mobile Hong Kong Company Limited. All rights reserved'
|
|
50115
|
+
});
|
|
50116
|
+
|
|
50117
|
+
/***/ }),
|
|
50118
|
+
|
|
50119
|
+
/***/ 8067:
|
|
49475
50120
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
49476
50121
|
|
|
49477
50122
|
"use strict";
|
|
@@ -49483,7 +50128,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
|
49483
50128
|
"default": function() { return /* binding */ View; }
|
|
49484
50129
|
});
|
|
49485
50130
|
|
|
49486
|
-
;// ./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-
|
|
50131
|
+
;// ./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-lineFour/View.vue?vue&type=template&id=68bb7872&scoped=true
|
|
49487
50132
|
var render = function render() {
|
|
49488
50133
|
var _vm = this,
|
|
49489
50134
|
_c = _vm._self._c;
|
|
@@ -49498,500 +50143,33 @@ var render = function render() {
|
|
|
49498
50143
|
"getConfigData": _vm.getConfigData
|
|
49499
50144
|
}
|
|
49500
50145
|
}, 'BaseComp', _vm.$attrs, false), [_c('section', {
|
|
49501
|
-
staticClass: "
|
|
49502
|
-
|
|
49503
|
-
|
|
49504
|
-
},
|
|
49505
|
-
|
|
49506
|
-
|
|
49507
|
-
|
|
49508
|
-
|
|
49509
|
-
|
|
49510
|
-
|
|
49511
|
-
|
|
49512
|
-
|
|
49513
|
-
|
|
49514
|
-
|
|
49515
|
-
|
|
49516
|
-
|
|
49517
|
-
|
|
49518
|
-
|
|
49519
|
-
},
|
|
49520
|
-
on: {
|
|
49521
|
-
"loadstart": _vm.onVideoLoadStart,
|
|
49522
|
-
"loadeddata": _vm.onVideoLoaded,
|
|
49523
|
-
"error": _vm.onVideoError
|
|
49524
|
-
}
|
|
49525
|
-
}) : _vm.configData.embedCode ? _c('div', {
|
|
49526
|
-
staticClass: "cms-video embed-video",
|
|
49527
|
-
style: _vm.videoStyle,
|
|
49528
|
-
domProps: {
|
|
49529
|
-
"innerHTML": _vm._s(_vm.configData.embedCode)
|
|
49530
|
-
}
|
|
49531
|
-
}) : _c('div', {
|
|
49532
|
-
staticClass: "video-placeholder",
|
|
49533
|
-
style: _vm.placeholderStyle
|
|
49534
|
-
}, [_c('img', {
|
|
49535
|
-
staticStyle: {
|
|
49536
|
-
"width": "97.82px",
|
|
49537
|
-
"height": "97.82px"
|
|
49538
|
-
},
|
|
49539
|
-
attrs: {
|
|
49540
|
-
"src": __webpack_require__(6148),
|
|
49541
|
-
"alt": "Video Camera"
|
|
49542
|
-
}
|
|
49543
|
-
})])]), _vm.configData.title ? _c('div', {
|
|
49544
|
-
staticClass: "f-c-c"
|
|
49545
|
-
}, [_vm._v(_vm._s(_vm.configData.title))]) : _vm._e()])]);
|
|
50146
|
+
staticClass: "cmhk-home_main"
|
|
50147
|
+
}, [_c('ul', {
|
|
50148
|
+
staticClass: "cartoon-need-list clearfix"
|
|
50149
|
+
}, _vm._l(_vm.configList, function (item, index) {
|
|
50150
|
+
return _c('li', {
|
|
50151
|
+
key: `${index}${item === null || item === void 0 ? void 0 : item.id}`,
|
|
50152
|
+
on: {
|
|
50153
|
+
"click": function ($event) {
|
|
50154
|
+
return _vm.decodeJumpUrl(item.jumpUrl);
|
|
50155
|
+
}
|
|
50156
|
+
}
|
|
50157
|
+
}, [_c('div', [_c('img', {
|
|
50158
|
+
attrs: {
|
|
50159
|
+
"src": item.uploadImagePC,
|
|
50160
|
+
"alt": item.imagePcATL
|
|
50161
|
+
}
|
|
50162
|
+
}), _c('p', [_vm._v(_vm._s(item.input1))])])]);
|
|
50163
|
+
}), 0)])]);
|
|
49546
50164
|
};
|
|
49547
50165
|
var staticRenderFns = [];
|
|
49548
50166
|
|
|
49549
|
-
;// ./package/cms-video/View.vue?vue&type=template&id=08ec3683&scoped=true
|
|
49550
|
-
|
|
49551
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
|
|
49552
|
-
var es_iterator_constructor = __webpack_require__(8111);
|
|
49553
|
-
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
|
|
49554
|
-
var es_iterator_for_each = __webpack_require__(7588);
|
|
49555
50167
|
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
49556
50168
|
var baseComp = __webpack_require__(677);
|
|
49557
|
-
;// ./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-
|
|
49558
|
-
|
|
49559
|
-
|
|
49560
|
-
|
|
49561
|
-
|
|
50169
|
+
;// ./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
|
|
49562
50170
|
|
|
49563
50171
|
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
49564
|
-
name: "cms-
|
|
49565
|
-
components: {
|
|
49566
|
-
BaseComp: baseComp["default"]
|
|
49567
|
-
},
|
|
49568
|
-
props: {
|
|
49569
|
-
data: {
|
|
49570
|
-
type: Object,
|
|
49571
|
-
default: () => {
|
|
49572
|
-
return {};
|
|
49573
|
-
}
|
|
49574
|
-
},
|
|
49575
|
-
nowCompId: {
|
|
49576
|
-
type: [String, Number],
|
|
49577
|
-
default: ""
|
|
49578
|
-
},
|
|
49579
|
-
isOpcacity: {
|
|
49580
|
-
type: Boolean,
|
|
49581
|
-
default: true
|
|
49582
|
-
},
|
|
49583
|
-
lang: {
|
|
49584
|
-
type: String,
|
|
49585
|
-
default: "zh-HK"
|
|
49586
|
-
}
|
|
49587
|
-
},
|
|
49588
|
-
data() {
|
|
49589
|
-
return {
|
|
49590
|
-
configData: {},
|
|
49591
|
-
videoLoaded: false,
|
|
49592
|
-
videoError: false,
|
|
49593
|
-
// 默认配置数据
|
|
49594
|
-
defaultConfig: {
|
|
49595
|
-
// 视频源设置
|
|
49596
|
-
videoType: "direct",
|
|
49597
|
-
videoUrl: "",
|
|
49598
|
-
embedCode: "",
|
|
49599
|
-
posterUrl: "",
|
|
49600
|
-
// 播放控制
|
|
49601
|
-
showControls: true,
|
|
49602
|
-
autoplay: false,
|
|
49603
|
-
loop: false,
|
|
49604
|
-
muted: false,
|
|
49605
|
-
// 尺寸控制
|
|
49606
|
-
widthType: "auto",
|
|
49607
|
-
widthValue: 100,
|
|
49608
|
-
heightType: "auto",
|
|
49609
|
-
heightValue: 100,
|
|
49610
|
-
aspectRatio: "16:9",
|
|
49611
|
-
customAspectRatio: "16:9",
|
|
49612
|
-
maxWidth: 0,
|
|
49613
|
-
maxHeight: 0,
|
|
49614
|
-
// 样式设置
|
|
49615
|
-
borderRadius: 0,
|
|
49616
|
-
// 高级配置
|
|
49617
|
-
customClass: "",
|
|
49618
|
-
customStyle: ""
|
|
49619
|
-
}
|
|
49620
|
-
};
|
|
49621
|
-
},
|
|
49622
|
-
mounted() {
|
|
49623
|
-
this.initConfigData();
|
|
49624
|
-
},
|
|
49625
|
-
watch: {
|
|
49626
|
-
configData: {
|
|
49627
|
-
handler() {
|
|
49628
|
-
this.updateStyles();
|
|
49629
|
-
},
|
|
49630
|
-
deep: true
|
|
49631
|
-
}
|
|
49632
|
-
},
|
|
49633
|
-
computed: {
|
|
49634
|
-
// 视频类型
|
|
49635
|
-
videoType() {
|
|
49636
|
-
return this.configData.videoType || this.defaultConfig.videoType;
|
|
49637
|
-
},
|
|
49638
|
-
// 实际使用的宽高比
|
|
49639
|
-
actualAspectRatio() {
|
|
49640
|
-
const config = {
|
|
49641
|
-
...this.defaultConfig,
|
|
49642
|
-
...this.configData
|
|
49643
|
-
};
|
|
49644
|
-
if (config.aspectRatio === "custom") {
|
|
49645
|
-
return config.customAspectRatio || "16:9";
|
|
49646
|
-
}
|
|
49647
|
-
return config.aspectRatio;
|
|
49648
|
-
},
|
|
49649
|
-
// 容器样式
|
|
49650
|
-
containerStyle() {
|
|
49651
|
-
const config = {
|
|
49652
|
-
...this.defaultConfig,
|
|
49653
|
-
...this.configData
|
|
49654
|
-
};
|
|
49655
|
-
return {
|
|
49656
|
-
...this.parseCustomStyle(config.customStyle)
|
|
49657
|
-
};
|
|
49658
|
-
},
|
|
49659
|
-
// 包装器样式
|
|
49660
|
-
wrapperStyle() {
|
|
49661
|
-
const config = {
|
|
49662
|
-
...this.defaultConfig,
|
|
49663
|
-
...this.configData
|
|
49664
|
-
};
|
|
49665
|
-
let width = "auto";
|
|
49666
|
-
let height = "auto";
|
|
49667
|
-
|
|
49668
|
-
// 宽度设置
|
|
49669
|
-
if (config.widthType === "fixed") {
|
|
49670
|
-
width = `${config.widthValue}px`;
|
|
49671
|
-
} else if (config.widthType === "percent") {
|
|
49672
|
-
width = `${config.widthValue}%`;
|
|
49673
|
-
}
|
|
49674
|
-
|
|
49675
|
-
// 高度设置
|
|
49676
|
-
if (config.heightType === "fixed") {
|
|
49677
|
-
height = `${config.heightValue}px`;
|
|
49678
|
-
} else if (config.heightType === "percent") {
|
|
49679
|
-
height = `${config.heightValue}%`;
|
|
49680
|
-
} else if (config.heightType === "aspect") {
|
|
49681
|
-
// 根据宽高比计算高度
|
|
49682
|
-
height = "auto";
|
|
49683
|
-
}
|
|
49684
|
-
return {
|
|
49685
|
-
width,
|
|
49686
|
-
height,
|
|
49687
|
-
maxWidth: config.maxWidth > 0 ? `${config.maxWidth}px` : "none",
|
|
49688
|
-
maxHeight: config.maxHeight > 0 ? `${config.maxHeight}px` : "none",
|
|
49689
|
-
borderRadius: `${config.borderRadius}px`,
|
|
49690
|
-
overflow: "hidden",
|
|
49691
|
-
display: "block",
|
|
49692
|
-
position: "relative"
|
|
49693
|
-
};
|
|
49694
|
-
},
|
|
49695
|
-
// 视频样式
|
|
49696
|
-
videoStyle() {
|
|
49697
|
-
const config = {
|
|
49698
|
-
...this.defaultConfig,
|
|
49699
|
-
...this.configData
|
|
49700
|
-
};
|
|
49701
|
-
let style = {
|
|
49702
|
-
width: "100%",
|
|
49703
|
-
height: "100%",
|
|
49704
|
-
display: "block",
|
|
49705
|
-
border: "none",
|
|
49706
|
-
outline: "none"
|
|
49707
|
-
};
|
|
49708
|
-
|
|
49709
|
-
// 如果是宽高比模式,设置aspect-ratio
|
|
49710
|
-
if (config.heightType === "aspect") {
|
|
49711
|
-
style.aspectRatio = this.actualAspectRatio.replace(":", "/");
|
|
49712
|
-
}
|
|
49713
|
-
return style;
|
|
49714
|
-
},
|
|
49715
|
-
// 占位符样式
|
|
49716
|
-
placeholderStyle() {
|
|
49717
|
-
const config = {
|
|
49718
|
-
...this.defaultConfig,
|
|
49719
|
-
...this.configData
|
|
49720
|
-
};
|
|
49721
|
-
let width = "100%";
|
|
49722
|
-
let height = "auto";
|
|
49723
|
-
|
|
49724
|
-
// 如果设置了固定尺寸,使用设置的尺寸
|
|
49725
|
-
if (config.widthType === "fixed") {
|
|
49726
|
-
width = `${config.widthValue}px`;
|
|
49727
|
-
} else if (config.widthType === "percent") {
|
|
49728
|
-
width = `${config.widthValue}%`;
|
|
49729
|
-
}
|
|
49730
|
-
if (config.heightType === "fixed") {
|
|
49731
|
-
height = `${config.heightValue}px`;
|
|
49732
|
-
} else if (config.heightType === "aspect") {
|
|
49733
|
-
// 使用aspect-ratio保持16:9比例
|
|
49734
|
-
height = "auto";
|
|
49735
|
-
} else {
|
|
49736
|
-
// 默认使用16:9比例
|
|
49737
|
-
height = "auto";
|
|
49738
|
-
}
|
|
49739
|
-
const style = {
|
|
49740
|
-
width,
|
|
49741
|
-
height,
|
|
49742
|
-
backgroundColor: "#f5f7fa",
|
|
49743
|
-
border: "1px dashed #dcdfe6",
|
|
49744
|
-
borderRadius: `${config.borderRadius}px`,
|
|
49745
|
-
display: "flex",
|
|
49746
|
-
flexDirection: "column",
|
|
49747
|
-
alignItems: "center",
|
|
49748
|
-
justifyContent: "center",
|
|
49749
|
-
color: "#909399",
|
|
49750
|
-
fontSize: "14px"
|
|
49751
|
-
};
|
|
49752
|
-
|
|
49753
|
-
// 如果不是固定高度,使用aspect-ratio保持16:9比例
|
|
49754
|
-
if (config.heightType !== "fixed") {
|
|
49755
|
-
style.aspectRatio = this.actualAspectRatio.replace(":", "/");
|
|
49756
|
-
}
|
|
49757
|
-
return style;
|
|
49758
|
-
}
|
|
49759
|
-
},
|
|
49760
|
-
methods: {
|
|
49761
|
-
// 初始化配置数据
|
|
49762
|
-
initConfigData() {
|
|
49763
|
-
this.configData = {
|
|
49764
|
-
...this.defaultConfig,
|
|
49765
|
-
...this.configData
|
|
49766
|
-
};
|
|
49767
|
-
},
|
|
49768
|
-
// 获取配置数据
|
|
49769
|
-
getConfigData(configData) {
|
|
49770
|
-
this.configData = {
|
|
49771
|
-
...this.defaultConfig,
|
|
49772
|
-
...configData
|
|
49773
|
-
};
|
|
49774
|
-
this.updateStyles();
|
|
49775
|
-
},
|
|
49776
|
-
// 更新样式
|
|
49777
|
-
updateStyles() {
|
|
49778
|
-
this.$nextTick(() => {
|
|
49779
|
-
this.$forceUpdate();
|
|
49780
|
-
});
|
|
49781
|
-
},
|
|
49782
|
-
// 视频开始加载
|
|
49783
|
-
onVideoLoadStart() {
|
|
49784
|
-
this.videoLoaded = false;
|
|
49785
|
-
this.videoError = false;
|
|
49786
|
-
},
|
|
49787
|
-
// 视频加载完成
|
|
49788
|
-
onVideoLoaded() {
|
|
49789
|
-
this.videoLoaded = true;
|
|
49790
|
-
this.videoError = false;
|
|
49791
|
-
},
|
|
49792
|
-
// 视频加载失败
|
|
49793
|
-
onVideoError() {
|
|
49794
|
-
this.videoLoaded = false;
|
|
49795
|
-
this.videoError = true;
|
|
49796
|
-
},
|
|
49797
|
-
// 解析自定义样式
|
|
49798
|
-
parseCustomStyle(customStyle) {
|
|
49799
|
-
if (!customStyle) return {};
|
|
49800
|
-
try {
|
|
49801
|
-
const styles = {};
|
|
49802
|
-
const declarations = customStyle.split(";");
|
|
49803
|
-
declarations.forEach(declaration => {
|
|
49804
|
-
const [property, value] = declaration.split(":");
|
|
49805
|
-
if (property && value) {
|
|
49806
|
-
const camelCaseProperty = property.trim().replace(/-([a-z])/g, g => g[1].toUpperCase());
|
|
49807
|
-
styles[camelCaseProperty] = value.trim();
|
|
49808
|
-
}
|
|
49809
|
-
});
|
|
49810
|
-
return styles;
|
|
49811
|
-
} catch (error) {
|
|
49812
|
-
console.warn("解析自定义样式失败:", error);
|
|
49813
|
-
return {};
|
|
49814
|
-
}
|
|
49815
|
-
}
|
|
49816
|
-
}
|
|
49817
|
-
});
|
|
49818
|
-
;// ./package/cms-video/View.vue?vue&type=script&lang=js
|
|
49819
|
-
/* harmony default export */ var cms_video_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
49820
|
-
;// ./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-video/View.vue?vue&type=style&index=0&id=08ec3683&prod&lang=scss&scoped=true
|
|
49821
|
-
// extracted by mini-css-extract-plugin
|
|
49822
|
-
|
|
49823
|
-
;// ./package/cms-video/View.vue?vue&type=style&index=0&id=08ec3683&prod&lang=scss&scoped=true
|
|
49824
|
-
|
|
49825
|
-
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
49826
|
-
var componentNormalizer = __webpack_require__(1656);
|
|
49827
|
-
;// ./package/cms-video/View.vue
|
|
49828
|
-
|
|
49829
|
-
|
|
49830
|
-
|
|
49831
|
-
;
|
|
49832
|
-
|
|
49833
|
-
|
|
49834
|
-
/* normalize component */
|
|
49835
|
-
|
|
49836
|
-
var component = (0,componentNormalizer/* default */.A)(
|
|
49837
|
-
cms_video_Viewvue_type_script_lang_js,
|
|
49838
|
-
render,
|
|
49839
|
-
staticRenderFns,
|
|
49840
|
-
false,
|
|
49841
|
-
null,
|
|
49842
|
-
"08ec3683",
|
|
49843
|
-
null
|
|
49844
|
-
|
|
49845
|
-
)
|
|
49846
|
-
|
|
49847
|
-
/* harmony default export */ var View = (component.exports);
|
|
49848
|
-
|
|
49849
|
-
/***/ }),
|
|
49850
|
-
|
|
49851
|
-
/***/ 8004:
|
|
49852
|
-
/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
|
|
49853
|
-
|
|
49854
|
-
"use strict";
|
|
49855
|
-
|
|
49856
|
-
var $ = __webpack_require__(6518);
|
|
49857
|
-
var fails = __webpack_require__(9039);
|
|
49858
|
-
var intersection = __webpack_require__(8750);
|
|
49859
|
-
var setMethodAcceptSetLike = __webpack_require__(4916);
|
|
49860
|
-
|
|
49861
|
-
var INCORRECT = !setMethodAcceptSetLike('intersection', function (result) {
|
|
49862
|
-
return result.size === 2 && result.has(1) && result.has(2);
|
|
49863
|
-
}) || fails(function () {
|
|
49864
|
-
// eslint-disable-next-line es/no-array-from, es/no-set, es/no-set-prototype-intersection -- testing
|
|
49865
|
-
return String(Array.from(new Set([1, 2, 3]).intersection(new Set([3, 2])))) !== '3,2';
|
|
49866
|
-
});
|
|
49867
|
-
|
|
49868
|
-
// `Set.prototype.intersection` method
|
|
49869
|
-
// https://tc39.es/ecma262/#sec-set.prototype.intersection
|
|
49870
|
-
$({ target: 'Set', proto: true, real: true, forced: INCORRECT }, {
|
|
49871
|
-
intersection: intersection
|
|
49872
|
-
});
|
|
49873
|
-
|
|
49874
|
-
|
|
49875
|
-
/***/ }),
|
|
49876
|
-
|
|
49877
|
-
/***/ 8014:
|
|
49878
|
-
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
49879
|
-
|
|
49880
|
-
"use strict";
|
|
49881
|
-
|
|
49882
|
-
var toIntegerOrInfinity = __webpack_require__(1291);
|
|
49883
|
-
|
|
49884
|
-
var min = Math.min;
|
|
49885
|
-
|
|
49886
|
-
// `ToLength` abstract operation
|
|
49887
|
-
// https://tc39.es/ecma262/#sec-tolength
|
|
49888
|
-
module.exports = function (argument) {
|
|
49889
|
-
var len = toIntegerOrInfinity(argument);
|
|
49890
|
-
return len > 0 ? min(len, 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
|
|
49891
|
-
};
|
|
49892
|
-
|
|
49893
|
-
|
|
49894
|
-
/***/ }),
|
|
49895
|
-
|
|
49896
|
-
/***/ 8066:
|
|
49897
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
49898
|
-
|
|
49899
|
-
"use strict";
|
|
49900
|
-
__webpack_require__.r(__webpack_exports__);
|
|
49901
|
-
/* harmony default export */ __webpack_exports__["default"] = ({
|
|
49902
|
-
onlinePurchase: 'Online Purchase',
|
|
49903
|
-
CMHK: 'CMHK 5G',
|
|
49904
|
-
servicePlans: 'Service Plans',
|
|
49905
|
-
broadband: 'Home Broadband',
|
|
49906
|
-
Gband: '5G Broadband',
|
|
49907
|
-
devices: 'Handsets & Devices',
|
|
49908
|
-
card: 'Prepaid Card Service',
|
|
49909
|
-
data: 'Data & VAS',
|
|
49910
|
-
IDD: 'Global Services & IDD',
|
|
49911
|
-
policy: 'Privacy Policy',
|
|
49912
|
-
summary: 'Key Information Summary',
|
|
49913
|
-
customer: 'Our Customer Charter',
|
|
49914
|
-
infomations: 'Your imfomations',
|
|
49915
|
-
privacy: 'Privacy',
|
|
49916
|
-
conditions: 'Contract Terms & Conditions',
|
|
49917
|
-
us: 'About Us',
|
|
49918
|
-
overview: 'Corporate Overview',
|
|
49919
|
-
news: 'Company News',
|
|
49920
|
-
notice: 'Tender Notice',
|
|
49921
|
-
join: 'Join Us',
|
|
49922
|
-
links: 'Friendly Links',
|
|
49923
|
-
partnerships: 'Partnerships',
|
|
49924
|
-
help: 'Help and Support',
|
|
49925
|
-
onlineHelp: 'Online Help and Support',
|
|
49926
|
-
education: 'Customer Education Zone',
|
|
49927
|
-
fraud: 'Customer Education Zone',
|
|
49928
|
-
shop: 'CMHK Shop',
|
|
49929
|
-
contact: 'Contact Us',
|
|
49930
|
-
questions: 'FAQ/Frequently Asked Questions',
|
|
49931
|
-
service: '24-hour Customer Service Hotline 12580',
|
|
49932
|
-
hotline: 'Sales Hotline 12588 (11am to 8pm)',
|
|
49933
|
-
follow: 'Follow or Contact Us',
|
|
49934
|
-
download: 'Download MyLink App, follow our official WeChat account, and stay tuned for more information and enjoy mobile services',
|
|
49935
|
-
account: 'WeChat Official Account',
|
|
49936
|
-
bottomText: '© 2023 China Mobile Hong Kong Company Limited. All rights reserved'
|
|
49937
|
-
});
|
|
49938
|
-
|
|
49939
|
-
/***/ }),
|
|
49940
|
-
|
|
49941
|
-
/***/ 8067:
|
|
49942
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
49943
|
-
|
|
49944
|
-
"use strict";
|
|
49945
|
-
// ESM COMPAT FLAG
|
|
49946
|
-
__webpack_require__.r(__webpack_exports__);
|
|
49947
|
-
|
|
49948
|
-
// EXPORTS
|
|
49949
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
49950
|
-
"default": function() { return /* binding */ View; }
|
|
49951
|
-
});
|
|
49952
|
-
|
|
49953
|
-
;// ./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-lineFour/View.vue?vue&type=template&id=68bb7872&scoped=true
|
|
49954
|
-
var render = function render() {
|
|
49955
|
-
var _vm = this,
|
|
49956
|
-
_c = _vm._self._c;
|
|
49957
|
-
return _c('BaseComp', _vm._b({
|
|
49958
|
-
attrs: {
|
|
49959
|
-
"data": _vm.data,
|
|
49960
|
-
"nowCompId": _vm.nowCompId,
|
|
49961
|
-
"isOpcacity": _vm.isOpcacity,
|
|
49962
|
-
"lang": _vm.lang
|
|
49963
|
-
},
|
|
49964
|
-
on: {
|
|
49965
|
-
"getConfigData": _vm.getConfigData
|
|
49966
|
-
}
|
|
49967
|
-
}, 'BaseComp', _vm.$attrs, false), [_c('section', {
|
|
49968
|
-
staticClass: "cmhk-home_main"
|
|
49969
|
-
}, [_c('ul', {
|
|
49970
|
-
staticClass: "cartoon-need-list clearfix"
|
|
49971
|
-
}, _vm._l(_vm.configList, function (item, index) {
|
|
49972
|
-
return _c('li', {
|
|
49973
|
-
key: `${index}${item === null || item === void 0 ? void 0 : item.id}`,
|
|
49974
|
-
on: {
|
|
49975
|
-
"click": function ($event) {
|
|
49976
|
-
return _vm.decodeJumpUrl(item.jumpUrl);
|
|
49977
|
-
}
|
|
49978
|
-
}
|
|
49979
|
-
}, [_c('div', [_c('img', {
|
|
49980
|
-
attrs: {
|
|
49981
|
-
"src": item.uploadImagePC,
|
|
49982
|
-
"alt": item.imagePcATL
|
|
49983
|
-
}
|
|
49984
|
-
}), _c('p', [_vm._v(_vm._s(item.input1))])])]);
|
|
49985
|
-
}), 0)])]);
|
|
49986
|
-
};
|
|
49987
|
-
var staticRenderFns = [];
|
|
49988
|
-
|
|
49989
|
-
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
49990
|
-
var baseComp = __webpack_require__(677);
|
|
49991
|
-
;// ./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
|
|
49992
|
-
|
|
49993
|
-
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
49994
|
-
name: "cms-lineFour",
|
|
50172
|
+
name: "cms-lineFour",
|
|
49995
50173
|
components: {
|
|
49996
50174
|
BaseComp: baseComp["default"]
|
|
49997
50175
|
},
|
|
@@ -56169,127 +56347,6 @@ var component = (0,componentNormalizer/* default */.A)(
|
|
|
56169
56347
|
|
|
56170
56348
|
/***/ }),
|
|
56171
56349
|
|
|
56172
|
-
/***/ 9086:
|
|
56173
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
56174
|
-
|
|
56175
|
-
"use strict";
|
|
56176
|
-
// ESM COMPAT FLAG
|
|
56177
|
-
__webpack_require__.r(__webpack_exports__);
|
|
56178
|
-
|
|
56179
|
-
// EXPORTS
|
|
56180
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
56181
|
-
"default": function() { return /* binding */ View; }
|
|
56182
|
-
});
|
|
56183
|
-
|
|
56184
|
-
;// ./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-richText/View.vue?vue&type=template&id=6e48aa1e&scoped=true
|
|
56185
|
-
var render = function render() {
|
|
56186
|
-
var _vm = this,
|
|
56187
|
-
_c = _vm._self._c;
|
|
56188
|
-
return _c('BaseComp', _vm._b({
|
|
56189
|
-
attrs: {
|
|
56190
|
-
"data": _vm.data,
|
|
56191
|
-
"nowCompId": _vm.nowCompId,
|
|
56192
|
-
"isOpcacity": _vm.isOpcacity,
|
|
56193
|
-
"lang": _vm.lang
|
|
56194
|
-
},
|
|
56195
|
-
on: {
|
|
56196
|
-
"getConfigData": _vm.getConfigData
|
|
56197
|
-
}
|
|
56198
|
-
}, 'BaseComp', _vm.$attrs, false), [_c('section', {
|
|
56199
|
-
staticClass: "cmhk-home_main"
|
|
56200
|
-
}, [_c('div', [_c('div', {
|
|
56201
|
-
staticClass: "inner"
|
|
56202
|
-
}, [_c('p', {
|
|
56203
|
-
domProps: {
|
|
56204
|
-
"innerHTML": _vm._s(_vm.configData.input1)
|
|
56205
|
-
}
|
|
56206
|
-
})])])])]);
|
|
56207
|
-
};
|
|
56208
|
-
var staticRenderFns = [];
|
|
56209
|
-
|
|
56210
|
-
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
56211
|
-
var baseComp = __webpack_require__(677);
|
|
56212
|
-
;// ./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
|
|
56213
|
-
|
|
56214
|
-
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
56215
|
-
name: "cms-richText",
|
|
56216
|
-
components: {
|
|
56217
|
-
BaseComp: baseComp["default"]
|
|
56218
|
-
},
|
|
56219
|
-
props: {
|
|
56220
|
-
data: {
|
|
56221
|
-
type: Object,
|
|
56222
|
-
default: () => {
|
|
56223
|
-
return {};
|
|
56224
|
-
}
|
|
56225
|
-
},
|
|
56226
|
-
nowCompId: {
|
|
56227
|
-
type: [String, Number],
|
|
56228
|
-
default: ""
|
|
56229
|
-
},
|
|
56230
|
-
isOpcacity: {
|
|
56231
|
-
type: Boolean,
|
|
56232
|
-
default: true
|
|
56233
|
-
},
|
|
56234
|
-
lang: {
|
|
56235
|
-
type: String,
|
|
56236
|
-
default: "zh-HK"
|
|
56237
|
-
}
|
|
56238
|
-
},
|
|
56239
|
-
data() {
|
|
56240
|
-
return {
|
|
56241
|
-
configData: {},
|
|
56242
|
-
messFold: false
|
|
56243
|
-
};
|
|
56244
|
-
},
|
|
56245
|
-
mounted() {},
|
|
56246
|
-
watch: {},
|
|
56247
|
-
methods: {
|
|
56248
|
-
getConfigData(configData) {
|
|
56249
|
-
this.configData = configData;
|
|
56250
|
-
},
|
|
56251
|
-
foldMessText() {
|
|
56252
|
-
this.messFold = !this.messFold;
|
|
56253
|
-
},
|
|
56254
|
-
decodeJumpUrl(url) {
|
|
56255
|
-
if (!url) return;
|
|
56256
|
-
top.location.href = url;
|
|
56257
|
-
}
|
|
56258
|
-
}
|
|
56259
|
-
});
|
|
56260
|
-
;// ./package/cms-richText/View.vue?vue&type=script&lang=js
|
|
56261
|
-
/* harmony default export */ var cms_richText_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
56262
|
-
;// ./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-richText/View.vue?vue&type=style&index=0&id=6e48aa1e&prod&lang=scss&scoped=true
|
|
56263
|
-
// extracted by mini-css-extract-plugin
|
|
56264
|
-
|
|
56265
|
-
;// ./package/cms-richText/View.vue?vue&type=style&index=0&id=6e48aa1e&prod&lang=scss&scoped=true
|
|
56266
|
-
|
|
56267
|
-
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
56268
|
-
var componentNormalizer = __webpack_require__(1656);
|
|
56269
|
-
;// ./package/cms-richText/View.vue
|
|
56270
|
-
|
|
56271
|
-
|
|
56272
|
-
|
|
56273
|
-
;
|
|
56274
|
-
|
|
56275
|
-
|
|
56276
|
-
/* normalize component */
|
|
56277
|
-
|
|
56278
|
-
var component = (0,componentNormalizer/* default */.A)(
|
|
56279
|
-
cms_richText_Viewvue_type_script_lang_js,
|
|
56280
|
-
render,
|
|
56281
|
-
staticRenderFns,
|
|
56282
|
-
false,
|
|
56283
|
-
null,
|
|
56284
|
-
"6e48aa1e",
|
|
56285
|
-
null
|
|
56286
|
-
|
|
56287
|
-
)
|
|
56288
|
-
|
|
56289
|
-
/* harmony default export */ var View = (component.exports);
|
|
56290
|
-
|
|
56291
|
-
/***/ }),
|
|
56292
|
-
|
|
56293
56350
|
/***/ 9098:
|
|
56294
56351
|
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
|
|
56295
56352
|
|