cms-chenhj-ui 2.0.30 → 2.0.31
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 +956 -899
- package/cms-chenhj-ui.common.js.map +1 -1
- package/cms-chenhj-ui.css +1 -1
- package/cms-chenhj-ui.umd.js +848 -791
- 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__, 4865));
|
|
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": 4865,
|
|
20636
|
+
"./cms-richText/View.vue": 4865,
|
|
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"
|
|
@@ -38247,6 +37968,133 @@ module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADz
|
|
|
38247
37968
|
|
|
38248
37969
|
/***/ }),
|
|
38249
37970
|
|
|
37971
|
+
/***/ 4865:
|
|
37972
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
37973
|
+
|
|
37974
|
+
"use strict";
|
|
37975
|
+
// ESM COMPAT FLAG
|
|
37976
|
+
__webpack_require__.r(__webpack_exports__);
|
|
37977
|
+
|
|
37978
|
+
// EXPORTS
|
|
37979
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
37980
|
+
"default": function() { return /* binding */ View; }
|
|
37981
|
+
});
|
|
37982
|
+
|
|
37983
|
+
;// ./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=9286cb2e&scoped=true
|
|
37984
|
+
var render = function render() {
|
|
37985
|
+
var _vm = this,
|
|
37986
|
+
_c = _vm._self._c;
|
|
37987
|
+
return _c('BaseComp', _vm._b({
|
|
37988
|
+
attrs: {
|
|
37989
|
+
"data": _vm.data,
|
|
37990
|
+
"nowCompId": _vm.nowCompId,
|
|
37991
|
+
"isOpcacity": _vm.isOpcacity,
|
|
37992
|
+
"lang": _vm.lang
|
|
37993
|
+
},
|
|
37994
|
+
on: {
|
|
37995
|
+
"getConfigData": _vm.getConfigData
|
|
37996
|
+
}
|
|
37997
|
+
}, 'BaseComp', _vm.$attrs, false), [_c('section', {
|
|
37998
|
+
staticClass: "cmhk-home_main"
|
|
37999
|
+
}, [_c('div', [_c('div', {
|
|
38000
|
+
staticClass: "inner"
|
|
38001
|
+
}, [_c('p', {
|
|
38002
|
+
domProps: {
|
|
38003
|
+
"innerHTML": _vm._s(_vm.configData.input1)
|
|
38004
|
+
}
|
|
38005
|
+
})])])])]);
|
|
38006
|
+
};
|
|
38007
|
+
var staticRenderFns = [];
|
|
38008
|
+
|
|
38009
|
+
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
38010
|
+
var baseComp = __webpack_require__(677);
|
|
38011
|
+
;// ./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
|
|
38012
|
+
|
|
38013
|
+
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
38014
|
+
name: "cms-richText",
|
|
38015
|
+
components: {
|
|
38016
|
+
BaseComp: baseComp["default"]
|
|
38017
|
+
},
|
|
38018
|
+
props: {
|
|
38019
|
+
data: {
|
|
38020
|
+
type: Object,
|
|
38021
|
+
default: () => {
|
|
38022
|
+
return {};
|
|
38023
|
+
}
|
|
38024
|
+
},
|
|
38025
|
+
nowCompId: {
|
|
38026
|
+
type: [String, Number],
|
|
38027
|
+
default: ""
|
|
38028
|
+
},
|
|
38029
|
+
isOpcacity: {
|
|
38030
|
+
type: Boolean,
|
|
38031
|
+
default: true
|
|
38032
|
+
},
|
|
38033
|
+
lang: {
|
|
38034
|
+
type: String,
|
|
38035
|
+
default: "zh-HK"
|
|
38036
|
+
}
|
|
38037
|
+
},
|
|
38038
|
+
data() {
|
|
38039
|
+
return {
|
|
38040
|
+
configData: {},
|
|
38041
|
+
messFold: false
|
|
38042
|
+
};
|
|
38043
|
+
},
|
|
38044
|
+
mounted() {},
|
|
38045
|
+
watch: {},
|
|
38046
|
+
methods: {
|
|
38047
|
+
getConfigData(configData) {
|
|
38048
|
+
this.configData = configData;
|
|
38049
|
+
},
|
|
38050
|
+
foldMessText() {
|
|
38051
|
+
this.messFold = !this.messFold;
|
|
38052
|
+
},
|
|
38053
|
+
decodeJumpUrl(url) {
|
|
38054
|
+
if (!url) return;
|
|
38055
|
+
top.location.href = url;
|
|
38056
|
+
}
|
|
38057
|
+
}
|
|
38058
|
+
});
|
|
38059
|
+
;// ./package/cms-richText/View.vue?vue&type=script&lang=js
|
|
38060
|
+
/* harmony default export */ var cms_richText_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
38061
|
+
;// ./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=9286cb2e&prod&lang=scss&scoped=true
|
|
38062
|
+
// extracted by mini-css-extract-plugin
|
|
38063
|
+
|
|
38064
|
+
;// ./package/cms-richText/View.vue?vue&type=style&index=0&id=9286cb2e&prod&lang=scss&scoped=true
|
|
38065
|
+
|
|
38066
|
+
;// ./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=9286cb2e&prod&lang=scss
|
|
38067
|
+
// extracted by mini-css-extract-plugin
|
|
38068
|
+
|
|
38069
|
+
;// ./package/cms-richText/View.vue?vue&type=style&index=1&id=9286cb2e&prod&lang=scss
|
|
38070
|
+
|
|
38071
|
+
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
38072
|
+
var componentNormalizer = __webpack_require__(1656);
|
|
38073
|
+
;// ./package/cms-richText/View.vue
|
|
38074
|
+
|
|
38075
|
+
|
|
38076
|
+
|
|
38077
|
+
;
|
|
38078
|
+
|
|
38079
|
+
|
|
38080
|
+
|
|
38081
|
+
/* normalize component */
|
|
38082
|
+
|
|
38083
|
+
var component = (0,componentNormalizer/* default */.A)(
|
|
38084
|
+
cms_richText_Viewvue_type_script_lang_js,
|
|
38085
|
+
render,
|
|
38086
|
+
staticRenderFns,
|
|
38087
|
+
false,
|
|
38088
|
+
null,
|
|
38089
|
+
"9286cb2e",
|
|
38090
|
+
null
|
|
38091
|
+
|
|
38092
|
+
)
|
|
38093
|
+
|
|
38094
|
+
/* harmony default export */ var View = (component.exports);
|
|
38095
|
+
|
|
38096
|
+
/***/ }),
|
|
38097
|
+
|
|
38250
38098
|
/***/ 4889:
|
|
38251
38099
|
/***/ (function(module) {
|
|
38252
38100
|
|
|
@@ -38981,7 +38829,7 @@ var map = {
|
|
|
38981
38829
|
"./cms-activityCountdown/View.vue": 4115,
|
|
38982
38830
|
"./cms-activityTime/View.vue": 2620,
|
|
38983
38831
|
"./cms-banner/View.vue": 9894,
|
|
38984
|
-
"./cms-button/View.vue":
|
|
38832
|
+
"./cms-button/View.vue": 6446,
|
|
38985
38833
|
"./cms-cells/View.vue": 983,
|
|
38986
38834
|
"./cms-column-card/View.vue": 9043,
|
|
38987
38835
|
"./cms-column/View.vue": 7473,
|
|
@@ -38999,7 +38847,7 @@ var map = {
|
|
|
38999
38847
|
"./cms-prodCustomization/View.vue": 1662,
|
|
39000
38848
|
"./cms-productDetails/View.vue": 7793,
|
|
39001
38849
|
"./cms-question/View.vue": 6287,
|
|
39002
|
-
"./cms-richText/View.vue":
|
|
38850
|
+
"./cms-richText/View.vue": 4865,
|
|
39003
38851
|
"./cms-servePlan-tab/View.vue": 8296,
|
|
39004
38852
|
"./cms-servePlan-text/View.vue": 4726,
|
|
39005
38853
|
"./cms-tab/View.vue": 6000,
|
|
@@ -39010,7 +38858,7 @@ var map = {
|
|
|
39010
38858
|
"./cms-titleLeft/View.vue": 7284,
|
|
39011
38859
|
"./cms-via-storedValueCard/View.vue": 5669,
|
|
39012
38860
|
"./cms-video-group/View.vue": 1882,
|
|
39013
|
-
"./cms-video/View.vue":
|
|
38861
|
+
"./cms-video/View.vue": 6681,
|
|
39014
38862
|
"./cms-view/View.vue": 3774
|
|
39015
38863
|
};
|
|
39016
38864
|
|
|
@@ -45331,6 +45179,286 @@ const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSc
|
|
|
45331
45179
|
|
|
45332
45180
|
/***/ }),
|
|
45333
45181
|
|
|
45182
|
+
/***/ 6446:
|
|
45183
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
45184
|
+
|
|
45185
|
+
"use strict";
|
|
45186
|
+
// ESM COMPAT FLAG
|
|
45187
|
+
__webpack_require__.r(__webpack_exports__);
|
|
45188
|
+
|
|
45189
|
+
// EXPORTS
|
|
45190
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
45191
|
+
"default": function() { return /* binding */ View; }
|
|
45192
|
+
});
|
|
45193
|
+
|
|
45194
|
+
;// ./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
|
|
45195
|
+
var render = function render() {
|
|
45196
|
+
var _vm = this,
|
|
45197
|
+
_c = _vm._self._c;
|
|
45198
|
+
return _c('BaseComp', _vm._b({
|
|
45199
|
+
attrs: {
|
|
45200
|
+
"data": _vm.data,
|
|
45201
|
+
"nowCompId": _vm.nowCompId,
|
|
45202
|
+
"isOpcacity": _vm.isOpcacity,
|
|
45203
|
+
"lang": _vm.lang
|
|
45204
|
+
},
|
|
45205
|
+
on: {
|
|
45206
|
+
"getConfigData": _vm.getConfigData
|
|
45207
|
+
}
|
|
45208
|
+
}, 'BaseComp', _vm.$attrs, false), [_c('section', {
|
|
45209
|
+
staticClass: "cms-button-container",
|
|
45210
|
+
class: [`align-${_vm.configData.textAlign || 'center'}`, _vm.configData.customClass || ''],
|
|
45211
|
+
style: _vm.containerStyle
|
|
45212
|
+
}, [_c('button', {
|
|
45213
|
+
staticClass: "cms-button",
|
|
45214
|
+
class: ['cms-button-element', {
|
|
45215
|
+
'has-link': _vm.configData.linkUrl,
|
|
45216
|
+
'hover-effect': _vm.configData.hoverEffect
|
|
45217
|
+
}],
|
|
45218
|
+
style: _vm.buttonStyle,
|
|
45219
|
+
attrs: {
|
|
45220
|
+
"disabled": _vm.configData.disabled
|
|
45221
|
+
},
|
|
45222
|
+
on: {
|
|
45223
|
+
"click": _vm.handleClick
|
|
45224
|
+
}
|
|
45225
|
+
}, [_vm._v(" " + _vm._s(_vm.configData.buttonText) + " "), _c('i', {
|
|
45226
|
+
staticClass: "el-icon-arrow-right el-icon--right"
|
|
45227
|
+
})])])]);
|
|
45228
|
+
};
|
|
45229
|
+
var staticRenderFns = [];
|
|
45230
|
+
|
|
45231
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
|
|
45232
|
+
var es_iterator_constructor = __webpack_require__(8111);
|
|
45233
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
|
|
45234
|
+
var es_iterator_for_each = __webpack_require__(7588);
|
|
45235
|
+
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
45236
|
+
var baseComp = __webpack_require__(677);
|
|
45237
|
+
;// ./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
|
|
45238
|
+
|
|
45239
|
+
|
|
45240
|
+
|
|
45241
|
+
|
|
45242
|
+
|
|
45243
|
+
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
45244
|
+
name: "cms-button",
|
|
45245
|
+
components: {
|
|
45246
|
+
BaseComp: baseComp["default"]
|
|
45247
|
+
},
|
|
45248
|
+
props: {
|
|
45249
|
+
data: {
|
|
45250
|
+
type: Object,
|
|
45251
|
+
default: () => {
|
|
45252
|
+
return {};
|
|
45253
|
+
}
|
|
45254
|
+
},
|
|
45255
|
+
nowCompId: {
|
|
45256
|
+
type: [String, Number],
|
|
45257
|
+
default: ""
|
|
45258
|
+
},
|
|
45259
|
+
isOpcacity: {
|
|
45260
|
+
type: Boolean,
|
|
45261
|
+
default: true
|
|
45262
|
+
},
|
|
45263
|
+
lang: {
|
|
45264
|
+
type: String,
|
|
45265
|
+
default: "zh-HK"
|
|
45266
|
+
}
|
|
45267
|
+
},
|
|
45268
|
+
data() {
|
|
45269
|
+
return {
|
|
45270
|
+
configData: {},
|
|
45271
|
+
// 默认配置数据
|
|
45272
|
+
defaultConfig: {
|
|
45273
|
+
// 文字设置
|
|
45274
|
+
buttonText: "按钮文字",
|
|
45275
|
+
textAlign: "center",
|
|
45276
|
+
fontSize: 16,
|
|
45277
|
+
fontColor: "#ffffff",
|
|
45278
|
+
fontWeight: "normal",
|
|
45279
|
+
// 样式控制
|
|
45280
|
+
backgroundColor: "#409eff",
|
|
45281
|
+
borderRadius: 30,
|
|
45282
|
+
borderWidth: 1,
|
|
45283
|
+
borderStyle: "solid",
|
|
45284
|
+
borderColor: "#409eff",
|
|
45285
|
+
// 空间布局
|
|
45286
|
+
paddingTop: 12,
|
|
45287
|
+
paddingBottom: 12,
|
|
45288
|
+
paddingLeft: 20,
|
|
45289
|
+
paddingRight: 20,
|
|
45290
|
+
marginTop: 0,
|
|
45291
|
+
marginBottom: 0,
|
|
45292
|
+
marginLeft: 0,
|
|
45293
|
+
marginRight: 0,
|
|
45294
|
+
// 交互功能
|
|
45295
|
+
linkUrl: "",
|
|
45296
|
+
linkTarget: "_self",
|
|
45297
|
+
disabled: false,
|
|
45298
|
+
// 高级配置
|
|
45299
|
+
customClass: "",
|
|
45300
|
+
customStyle: "",
|
|
45301
|
+
hoverEffect: false,
|
|
45302
|
+
// 尺寸设置
|
|
45303
|
+
buttonWidth: "300",
|
|
45304
|
+
buttonHeight: "48",
|
|
45305
|
+
minWidth: 80,
|
|
45306
|
+
minHeight: 36
|
|
45307
|
+
}
|
|
45308
|
+
};
|
|
45309
|
+
},
|
|
45310
|
+
mounted() {
|
|
45311
|
+
this.initConfigData();
|
|
45312
|
+
},
|
|
45313
|
+
watch: {
|
|
45314
|
+
configData: {
|
|
45315
|
+
handler() {
|
|
45316
|
+
this.updateStyles();
|
|
45317
|
+
},
|
|
45318
|
+
deep: true
|
|
45319
|
+
}
|
|
45320
|
+
},
|
|
45321
|
+
computed: {
|
|
45322
|
+
// 容器样式
|
|
45323
|
+
containerStyle() {
|
|
45324
|
+
const config = {
|
|
45325
|
+
...this.defaultConfig,
|
|
45326
|
+
...this.configData
|
|
45327
|
+
};
|
|
45328
|
+
return {
|
|
45329
|
+
backgroundColor: config.wrapperBackgroundColor,
|
|
45330
|
+
textAlign: config.textAlign,
|
|
45331
|
+
margin: `${config.marginTop}px ${config.marginRight}px ${config.marginBottom}px ${config.marginLeft}px`,
|
|
45332
|
+
...this.parseCustomStyle(config.customStyle)
|
|
45333
|
+
};
|
|
45334
|
+
},
|
|
45335
|
+
// 按钮样式
|
|
45336
|
+
buttonStyle() {
|
|
45337
|
+
const config = {
|
|
45338
|
+
...this.defaultConfig,
|
|
45339
|
+
...this.configData
|
|
45340
|
+
};
|
|
45341
|
+
return {
|
|
45342
|
+
// 文字样式
|
|
45343
|
+
fontSize: `${config.fontSize}px`,
|
|
45344
|
+
color: config.fontColor,
|
|
45345
|
+
fontWeight: config.fontWeight,
|
|
45346
|
+
// 背景和边框
|
|
45347
|
+
backgroundColor: config.backgroundColor ? config.backgroundColor : "transparent",
|
|
45348
|
+
borderRadius: `${config.borderRadius}px`,
|
|
45349
|
+
border: config.borderWidth ? `${config.borderWidth}px ${config.borderStyle} ${config.borderColor}` : "none",
|
|
45350
|
+
// 内边距
|
|
45351
|
+
padding: `${config.paddingTop}px ${config.paddingRight}px ${config.paddingBottom}px ${config.paddingLeft}px`,
|
|
45352
|
+
// 尺寸
|
|
45353
|
+
width: config.buttonWidth === "auto" ? "auto" : `${config.buttonWidth}px`,
|
|
45354
|
+
height: config.buttonHeight === "auto" ? "auto" : `${config.buttonHeight}px`,
|
|
45355
|
+
minWidth: `${config.minWidth}px`,
|
|
45356
|
+
minHeight: `${config.minHeight}px`,
|
|
45357
|
+
// 交互效果
|
|
45358
|
+
cursor: config.linkUrl ? "pointer" : "default",
|
|
45359
|
+
opacity: config.disabled ? 0.6 : 1,
|
|
45360
|
+
transition: config.hoverEffect ? "all 0.3s ease" : "none",
|
|
45361
|
+
// 基础样式
|
|
45362
|
+
outline: "none",
|
|
45363
|
+
textDecoration: "none",
|
|
45364
|
+
display: "inline-block",
|
|
45365
|
+
textAlign: "center",
|
|
45366
|
+
verticalAlign: "middle",
|
|
45367
|
+
userSelect: "none",
|
|
45368
|
+
whiteSpace: "nowrap"
|
|
45369
|
+
};
|
|
45370
|
+
}
|
|
45371
|
+
},
|
|
45372
|
+
methods: {
|
|
45373
|
+
// 初始化配置数据
|
|
45374
|
+
initConfigData() {
|
|
45375
|
+
this.configData = {
|
|
45376
|
+
...this.defaultConfig,
|
|
45377
|
+
...this.configData
|
|
45378
|
+
};
|
|
45379
|
+
},
|
|
45380
|
+
// 获取配置数据
|
|
45381
|
+
getConfigData(configData) {
|
|
45382
|
+
this.configData = {
|
|
45383
|
+
...this.defaultConfig,
|
|
45384
|
+
...configData
|
|
45385
|
+
};
|
|
45386
|
+
this.updateStyles();
|
|
45387
|
+
},
|
|
45388
|
+
// 更新样式
|
|
45389
|
+
updateStyles() {
|
|
45390
|
+
this.$nextTick(() => {
|
|
45391
|
+
this.$forceUpdate();
|
|
45392
|
+
});
|
|
45393
|
+
},
|
|
45394
|
+
// 处理点击事件
|
|
45395
|
+
handleClick() {
|
|
45396
|
+
if (this.configData.disabled) {
|
|
45397
|
+
return;
|
|
45398
|
+
}
|
|
45399
|
+
if (this.configData.linkUrl) {
|
|
45400
|
+
const target = this.configData.linkTarget || "_self";
|
|
45401
|
+
if (target === "_blank") {
|
|
45402
|
+
window.open(this.configData.linkUrl, "_blank");
|
|
45403
|
+
} else {
|
|
45404
|
+
window.location.href = this.configData.linkUrl;
|
|
45405
|
+
}
|
|
45406
|
+
}
|
|
45407
|
+
},
|
|
45408
|
+
// 解析自定义样式
|
|
45409
|
+
parseCustomStyle(customStyle) {
|
|
45410
|
+
if (!customStyle) return {};
|
|
45411
|
+
try {
|
|
45412
|
+
const styles = {};
|
|
45413
|
+
const declarations = customStyle.split(";");
|
|
45414
|
+
declarations.forEach(declaration => {
|
|
45415
|
+
const [property, value] = declaration.split(":");
|
|
45416
|
+
if (property && value) {
|
|
45417
|
+
const camelCaseProperty = property.trim().replace(/-([a-z])/g, g => g[1].toUpperCase());
|
|
45418
|
+
styles[camelCaseProperty] = value.trim();
|
|
45419
|
+
}
|
|
45420
|
+
});
|
|
45421
|
+
return styles;
|
|
45422
|
+
} catch (error) {
|
|
45423
|
+
console.warn("解析自定义样式失败:", error);
|
|
45424
|
+
return {};
|
|
45425
|
+
}
|
|
45426
|
+
}
|
|
45427
|
+
}
|
|
45428
|
+
});
|
|
45429
|
+
;// ./package/cms-button/View.vue?vue&type=script&lang=js
|
|
45430
|
+
/* harmony default export */ var cms_button_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
45431
|
+
;// ./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
|
|
45432
|
+
// extracted by mini-css-extract-plugin
|
|
45433
|
+
|
|
45434
|
+
;// ./package/cms-button/View.vue?vue&type=style&index=0&id=d7712dd2&prod&lang=scss&scoped=true
|
|
45435
|
+
|
|
45436
|
+
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
45437
|
+
var componentNormalizer = __webpack_require__(1656);
|
|
45438
|
+
;// ./package/cms-button/View.vue
|
|
45439
|
+
|
|
45440
|
+
|
|
45441
|
+
|
|
45442
|
+
;
|
|
45443
|
+
|
|
45444
|
+
|
|
45445
|
+
/* normalize component */
|
|
45446
|
+
|
|
45447
|
+
var component = (0,componentNormalizer/* default */.A)(
|
|
45448
|
+
cms_button_Viewvue_type_script_lang_js,
|
|
45449
|
+
render,
|
|
45450
|
+
staticRenderFns,
|
|
45451
|
+
false,
|
|
45452
|
+
null,
|
|
45453
|
+
"d7712dd2",
|
|
45454
|
+
null
|
|
45455
|
+
|
|
45456
|
+
)
|
|
45457
|
+
|
|
45458
|
+
/* harmony default export */ var View = (component.exports);
|
|
45459
|
+
|
|
45460
|
+
/***/ }),
|
|
45461
|
+
|
|
45334
45462
|
/***/ 6467:
|
|
45335
45463
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
45336
45464
|
|
|
@@ -45458,10 +45586,12 @@ if (DESCRIPTORS && !('detached' in ArrayBufferPrototype)) {
|
|
|
45458
45586
|
__webpack_require__.r(__webpack_exports__);
|
|
45459
45587
|
/* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
|
|
45460
45588
|
|
|
45461
|
-
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__,
|
|
45589
|
+
const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 6446));
|
|
45462
45590
|
const langData = {
|
|
45463
45591
|
// 文字设置
|
|
45464
45592
|
buttonText: "按钮文字",
|
|
45593
|
+
buttonType: "bg-blue",
|
|
45594
|
+
wrapperBackgroundColor: "#ffffff",
|
|
45465
45595
|
textAlign: "center",
|
|
45466
45596
|
fontSize: 16,
|
|
45467
45597
|
fontColor: "#ffffff",
|
|
@@ -45502,6 +45632,44 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
45502
45632
|
widgetType: "el-input",
|
|
45503
45633
|
placeholder: "请输入按钮文字"
|
|
45504
45634
|
},
|
|
45635
|
+
buttonType: {
|
|
45636
|
+
label: "按钮类型",
|
|
45637
|
+
widgetType: "el-select",
|
|
45638
|
+
options: [{
|
|
45639
|
+
label: "蓝底",
|
|
45640
|
+
value: "bg-blue"
|
|
45641
|
+
}, {
|
|
45642
|
+
label: "白底",
|
|
45643
|
+
value: "bg-white"
|
|
45644
|
+
}, {
|
|
45645
|
+
label: "灰底",
|
|
45646
|
+
value: "bg-gray"
|
|
45647
|
+
}],
|
|
45648
|
+
on: {
|
|
45649
|
+
change: (data, value) => {
|
|
45650
|
+
if (value == "bg-blue") {
|
|
45651
|
+
data.backgroundColor = "#409eff";
|
|
45652
|
+
data.fontColor = "#fff";
|
|
45653
|
+
data.borderWidth = 0;
|
|
45654
|
+
data.wrapperBackgroundColor = "#fff";
|
|
45655
|
+
} else if (value == "bg-white") {
|
|
45656
|
+
data.backgroundColor = "#fff";
|
|
45657
|
+
data.fontColor = "#409eff";
|
|
45658
|
+
data.borderWidth = 1;
|
|
45659
|
+
data.borderStyle = "solid";
|
|
45660
|
+
data.borderColor = "#409eff";
|
|
45661
|
+
data.wrapperBackgroundColor = "#fff";
|
|
45662
|
+
} else if (value == "bg-gray") {
|
|
45663
|
+
data.backgroundColor = "#888888";
|
|
45664
|
+
data.fontColor = "#fff";
|
|
45665
|
+
data.borderWidth = 1;
|
|
45666
|
+
data.borderStyle = "solid";
|
|
45667
|
+
data.borderColor = "#fff";
|
|
45668
|
+
data.wrapperBackgroundColor = "#979797";
|
|
45669
|
+
}
|
|
45670
|
+
}
|
|
45671
|
+
}
|
|
45672
|
+
},
|
|
45505
45673
|
textAlign: {
|
|
45506
45674
|
label: "对齐方式",
|
|
45507
45675
|
widgetType: "el-radio-group",
|
|
@@ -45572,8 +45740,15 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
|
|
|
45572
45740
|
}]
|
|
45573
45741
|
},
|
|
45574
45742
|
// 样式控制配置
|
|
45743
|
+
wrapperBackgroundColor: {
|
|
45744
|
+
label: "区块背景颜色",
|
|
45745
|
+
widgetType: "el-color-picker",
|
|
45746
|
+
showAlpha: true,
|
|
45747
|
+
predefine: ["#262729", "rgb(36,38,40,0.8)", "rgb(36,38,40,0.5)", "#2F85FF", "#D6197F", "#52C41A", "#f48427", "#FFFFFF"]
|
|
45748
|
+
},
|
|
45749
|
+
// 样式控制配置
|
|
45575
45750
|
backgroundColor: {
|
|
45576
|
-
label: "
|
|
45751
|
+
label: "按钮背景颜色",
|
|
45577
45752
|
widgetType: "el-color-picker",
|
|
45578
45753
|
showAlpha: true,
|
|
45579
45754
|
predefine: ["#262729", "rgb(36,38,40,0.8)", "rgb(36,38,40,0.5)", "#2F85FF", "#D6197F", "#52C41A", "#f48427", "#FFFFFF"]
|
|
@@ -46001,6 +46176,386 @@ var isDefined = exports.isDefined = function isDefined(val) {
|
|
|
46001
46176
|
|
|
46002
46177
|
/***/ }),
|
|
46003
46178
|
|
|
46179
|
+
/***/ 6681:
|
|
46180
|
+
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
46181
|
+
|
|
46182
|
+
"use strict";
|
|
46183
|
+
// ESM COMPAT FLAG
|
|
46184
|
+
__webpack_require__.r(__webpack_exports__);
|
|
46185
|
+
|
|
46186
|
+
// EXPORTS
|
|
46187
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
46188
|
+
"default": function() { return /* binding */ View; }
|
|
46189
|
+
});
|
|
46190
|
+
|
|
46191
|
+
;// ./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
|
|
46192
|
+
var render = function render() {
|
|
46193
|
+
var _vm = this,
|
|
46194
|
+
_c = _vm._self._c;
|
|
46195
|
+
return _c('BaseComp', _vm._b({
|
|
46196
|
+
attrs: {
|
|
46197
|
+
"data": _vm.data,
|
|
46198
|
+
"nowCompId": _vm.nowCompId,
|
|
46199
|
+
"isOpcacity": _vm.isOpcacity,
|
|
46200
|
+
"lang": _vm.lang
|
|
46201
|
+
},
|
|
46202
|
+
on: {
|
|
46203
|
+
"getConfigData": _vm.getConfigData
|
|
46204
|
+
}
|
|
46205
|
+
}, 'BaseComp', _vm.$attrs, false), [_c('section', {
|
|
46206
|
+
staticClass: "cms-video-container",
|
|
46207
|
+
class: [_vm.configData.customClass || ''],
|
|
46208
|
+
style: _vm.containerStyle
|
|
46209
|
+
}, [_c('div', {
|
|
46210
|
+
staticClass: "video-wrapper",
|
|
46211
|
+
style: _vm.wrapperStyle
|
|
46212
|
+
}, [_vm.videoType === 'direct' && _vm.configData.videoUrl ? _c('video', {
|
|
46213
|
+
staticClass: "cms-video direct-video",
|
|
46214
|
+
style: _vm.videoStyle,
|
|
46215
|
+
attrs: {
|
|
46216
|
+
"src": _vm.configData.videoUrl,
|
|
46217
|
+
"controls": _vm.configData.showControls,
|
|
46218
|
+
"autoplay": _vm.configData.autoplay,
|
|
46219
|
+
"loop": _vm.configData.loop,
|
|
46220
|
+
"poster": _vm.configData.posterUrl
|
|
46221
|
+
},
|
|
46222
|
+
domProps: {
|
|
46223
|
+
"muted": _vm.configData.muted
|
|
46224
|
+
},
|
|
46225
|
+
on: {
|
|
46226
|
+
"loadstart": _vm.onVideoLoadStart,
|
|
46227
|
+
"loadeddata": _vm.onVideoLoaded,
|
|
46228
|
+
"error": _vm.onVideoError
|
|
46229
|
+
}
|
|
46230
|
+
}) : _vm.configData.embedCode ? _c('div', {
|
|
46231
|
+
staticClass: "cms-video embed-video",
|
|
46232
|
+
style: _vm.videoStyle,
|
|
46233
|
+
domProps: {
|
|
46234
|
+
"innerHTML": _vm._s(_vm.configData.embedCode)
|
|
46235
|
+
}
|
|
46236
|
+
}) : _c('div', {
|
|
46237
|
+
staticClass: "video-placeholder",
|
|
46238
|
+
style: _vm.placeholderStyle
|
|
46239
|
+
}, [_c('img', {
|
|
46240
|
+
staticStyle: {
|
|
46241
|
+
"width": "97.82px",
|
|
46242
|
+
"height": "97.82px"
|
|
46243
|
+
},
|
|
46244
|
+
attrs: {
|
|
46245
|
+
"src": __webpack_require__(6148),
|
|
46246
|
+
"alt": "Video Camera"
|
|
46247
|
+
}
|
|
46248
|
+
})])]), _vm.configData.title ? _c('div', {
|
|
46249
|
+
staticClass: "f-c-c"
|
|
46250
|
+
}, [_vm._v(_vm._s(_vm.configData.title))]) : _vm._e()])]);
|
|
46251
|
+
};
|
|
46252
|
+
var staticRenderFns = [];
|
|
46253
|
+
|
|
46254
|
+
;// ./package/cms-video/View.vue?vue&type=template&id=6b24141a&scoped=true
|
|
46255
|
+
|
|
46256
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
|
|
46257
|
+
var es_iterator_constructor = __webpack_require__(8111);
|
|
46258
|
+
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
|
|
46259
|
+
var es_iterator_for_each = __webpack_require__(7588);
|
|
46260
|
+
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
46261
|
+
var baseComp = __webpack_require__(677);
|
|
46262
|
+
;// ./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
|
|
46263
|
+
|
|
46264
|
+
|
|
46265
|
+
|
|
46266
|
+
|
|
46267
|
+
|
|
46268
|
+
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
46269
|
+
name: "cms-video",
|
|
46270
|
+
components: {
|
|
46271
|
+
BaseComp: baseComp["default"]
|
|
46272
|
+
},
|
|
46273
|
+
props: {
|
|
46274
|
+
data: {
|
|
46275
|
+
type: Object,
|
|
46276
|
+
default: () => {
|
|
46277
|
+
return {};
|
|
46278
|
+
}
|
|
46279
|
+
},
|
|
46280
|
+
nowCompId: {
|
|
46281
|
+
type: [String, Number],
|
|
46282
|
+
default: ""
|
|
46283
|
+
},
|
|
46284
|
+
isOpcacity: {
|
|
46285
|
+
type: Boolean,
|
|
46286
|
+
default: true
|
|
46287
|
+
},
|
|
46288
|
+
lang: {
|
|
46289
|
+
type: String,
|
|
46290
|
+
default: "zh-HK"
|
|
46291
|
+
}
|
|
46292
|
+
},
|
|
46293
|
+
data() {
|
|
46294
|
+
return {
|
|
46295
|
+
configData: {},
|
|
46296
|
+
videoLoaded: false,
|
|
46297
|
+
videoError: false,
|
|
46298
|
+
// 默认配置数据
|
|
46299
|
+
defaultConfig: {
|
|
46300
|
+
// 视频源设置
|
|
46301
|
+
videoType: "direct",
|
|
46302
|
+
videoUrl: "",
|
|
46303
|
+
embedCode: "",
|
|
46304
|
+
posterUrl: "",
|
|
46305
|
+
// 播放控制
|
|
46306
|
+
showControls: true,
|
|
46307
|
+
autoplay: false,
|
|
46308
|
+
loop: false,
|
|
46309
|
+
muted: false,
|
|
46310
|
+
// 尺寸控制
|
|
46311
|
+
widthType: "auto",
|
|
46312
|
+
widthValue: 100,
|
|
46313
|
+
heightType: "auto",
|
|
46314
|
+
heightValue: 100,
|
|
46315
|
+
aspectRatio: "16:9",
|
|
46316
|
+
customAspectRatio: "16:9",
|
|
46317
|
+
maxWidth: 0,
|
|
46318
|
+
maxHeight: 0,
|
|
46319
|
+
// 样式设置
|
|
46320
|
+
borderRadius: 0,
|
|
46321
|
+
// 高级配置
|
|
46322
|
+
customClass: "",
|
|
46323
|
+
customStyle: ""
|
|
46324
|
+
}
|
|
46325
|
+
};
|
|
46326
|
+
},
|
|
46327
|
+
mounted() {
|
|
46328
|
+
this.initConfigData();
|
|
46329
|
+
},
|
|
46330
|
+
watch: {
|
|
46331
|
+
configData: {
|
|
46332
|
+
handler() {
|
|
46333
|
+
this.updateStyles();
|
|
46334
|
+
},
|
|
46335
|
+
deep: true
|
|
46336
|
+
}
|
|
46337
|
+
},
|
|
46338
|
+
computed: {
|
|
46339
|
+
showEmbedCode() {
|
|
46340
|
+
return this.configData.embedCode.replace(/<iframe(.*?)width="(\d+)"(.*?)height="(\d+)"(.*?)>/gi, '<iframe$1width="100%"$3height="auto"$5 aspect-ratio="$2/$4">');
|
|
46341
|
+
},
|
|
46342
|
+
// 视频类型
|
|
46343
|
+
videoType() {
|
|
46344
|
+
return this.configData.videoType || this.defaultConfig.videoType;
|
|
46345
|
+
},
|
|
46346
|
+
// 实际使用的宽高比
|
|
46347
|
+
actualAspectRatio() {
|
|
46348
|
+
const config = {
|
|
46349
|
+
...this.defaultConfig,
|
|
46350
|
+
...this.configData
|
|
46351
|
+
};
|
|
46352
|
+
if (config.aspectRatio === "custom") {
|
|
46353
|
+
return config.customAspectRatio || "16:9";
|
|
46354
|
+
}
|
|
46355
|
+
return config.aspectRatio;
|
|
46356
|
+
},
|
|
46357
|
+
// 容器样式
|
|
46358
|
+
containerStyle() {
|
|
46359
|
+
const config = {
|
|
46360
|
+
...this.defaultConfig,
|
|
46361
|
+
...this.configData
|
|
46362
|
+
};
|
|
46363
|
+
return {
|
|
46364
|
+
...this.parseCustomStyle(config.customStyle)
|
|
46365
|
+
};
|
|
46366
|
+
},
|
|
46367
|
+
// 包装器样式
|
|
46368
|
+
wrapperStyle() {
|
|
46369
|
+
const config = {
|
|
46370
|
+
...this.defaultConfig,
|
|
46371
|
+
...this.configData
|
|
46372
|
+
};
|
|
46373
|
+
let width = "auto";
|
|
46374
|
+
let height = "auto";
|
|
46375
|
+
|
|
46376
|
+
// 宽度设置
|
|
46377
|
+
if (config.widthType === "fixed") {
|
|
46378
|
+
width = `${config.widthValue}px`;
|
|
46379
|
+
} else if (config.widthType === "percent") {
|
|
46380
|
+
width = `${config.widthValue}%`;
|
|
46381
|
+
}
|
|
46382
|
+
|
|
46383
|
+
// 高度设置
|
|
46384
|
+
if (config.heightType === "fixed") {
|
|
46385
|
+
height = `${config.heightValue}px`;
|
|
46386
|
+
} else if (config.heightType === "percent") {
|
|
46387
|
+
height = `${config.heightValue}%`;
|
|
46388
|
+
} else if (config.heightType === "aspect") {
|
|
46389
|
+
// 根据宽高比计算高度
|
|
46390
|
+
height = "auto";
|
|
46391
|
+
}
|
|
46392
|
+
return {
|
|
46393
|
+
width,
|
|
46394
|
+
height,
|
|
46395
|
+
maxWidth: config.maxWidth > 0 ? `${config.maxWidth}px` : "none",
|
|
46396
|
+
maxHeight: config.maxHeight > 0 ? `${config.maxHeight}px` : "none",
|
|
46397
|
+
borderRadius: `${config.borderRadius}px`,
|
|
46398
|
+
overflow: "hidden",
|
|
46399
|
+
display: "block",
|
|
46400
|
+
position: "relative"
|
|
46401
|
+
};
|
|
46402
|
+
},
|
|
46403
|
+
// 视频样式
|
|
46404
|
+
videoStyle() {
|
|
46405
|
+
const config = {
|
|
46406
|
+
...this.defaultConfig,
|
|
46407
|
+
...this.configData
|
|
46408
|
+
};
|
|
46409
|
+
let style = {
|
|
46410
|
+
width: "100%",
|
|
46411
|
+
height: "100%",
|
|
46412
|
+
display: "block",
|
|
46413
|
+
border: "none",
|
|
46414
|
+
outline: "none"
|
|
46415
|
+
};
|
|
46416
|
+
|
|
46417
|
+
// 如果是宽高比模式,设置aspect-ratio
|
|
46418
|
+
if (config.heightType === "aspect") {
|
|
46419
|
+
style.aspectRatio = this.actualAspectRatio.replace(":", "/");
|
|
46420
|
+
}
|
|
46421
|
+
return style;
|
|
46422
|
+
},
|
|
46423
|
+
// 占位符样式
|
|
46424
|
+
placeholderStyle() {
|
|
46425
|
+
const config = {
|
|
46426
|
+
...this.defaultConfig,
|
|
46427
|
+
...this.configData
|
|
46428
|
+
};
|
|
46429
|
+
let width = "100%";
|
|
46430
|
+
let height = "auto";
|
|
46431
|
+
|
|
46432
|
+
// 如果设置了固定尺寸,使用设置的尺寸
|
|
46433
|
+
if (config.widthType === "fixed") {
|
|
46434
|
+
width = `${config.widthValue}px`;
|
|
46435
|
+
} else if (config.widthType === "percent") {
|
|
46436
|
+
width = `${config.widthValue}%`;
|
|
46437
|
+
}
|
|
46438
|
+
if (config.heightType === "fixed") {
|
|
46439
|
+
height = `${config.heightValue}px`;
|
|
46440
|
+
} else if (config.heightType === "aspect") {
|
|
46441
|
+
// 使用aspect-ratio保持16:9比例
|
|
46442
|
+
height = "auto";
|
|
46443
|
+
} else {
|
|
46444
|
+
// 默认使用16:9比例
|
|
46445
|
+
height = "auto";
|
|
46446
|
+
}
|
|
46447
|
+
const style = {
|
|
46448
|
+
width,
|
|
46449
|
+
height,
|
|
46450
|
+
backgroundColor: "#f5f7fa",
|
|
46451
|
+
border: "1px dashed #dcdfe6",
|
|
46452
|
+
borderRadius: `${config.borderRadius}px`,
|
|
46453
|
+
display: "flex",
|
|
46454
|
+
flexDirection: "column",
|
|
46455
|
+
alignItems: "center",
|
|
46456
|
+
justifyContent: "center",
|
|
46457
|
+
color: "#909399",
|
|
46458
|
+
fontSize: "14px"
|
|
46459
|
+
};
|
|
46460
|
+
|
|
46461
|
+
// 如果不是固定高度,使用aspect-ratio保持16:9比例
|
|
46462
|
+
if (config.heightType !== "fixed") {
|
|
46463
|
+
style.aspectRatio = this.actualAspectRatio.replace(":", "/");
|
|
46464
|
+
}
|
|
46465
|
+
return style;
|
|
46466
|
+
}
|
|
46467
|
+
},
|
|
46468
|
+
methods: {
|
|
46469
|
+
// 初始化配置数据
|
|
46470
|
+
initConfigData() {
|
|
46471
|
+
this.configData = {
|
|
46472
|
+
...this.defaultConfig,
|
|
46473
|
+
...this.configData
|
|
46474
|
+
};
|
|
46475
|
+
},
|
|
46476
|
+
// 获取配置数据
|
|
46477
|
+
getConfigData(configData) {
|
|
46478
|
+
this.configData = {
|
|
46479
|
+
...this.defaultConfig,
|
|
46480
|
+
...configData
|
|
46481
|
+
};
|
|
46482
|
+
this.updateStyles();
|
|
46483
|
+
},
|
|
46484
|
+
// 更新样式
|
|
46485
|
+
updateStyles() {
|
|
46486
|
+
this.$nextTick(() => {
|
|
46487
|
+
this.$forceUpdate();
|
|
46488
|
+
});
|
|
46489
|
+
},
|
|
46490
|
+
// 视频开始加载
|
|
46491
|
+
onVideoLoadStart() {
|
|
46492
|
+
this.videoLoaded = false;
|
|
46493
|
+
this.videoError = false;
|
|
46494
|
+
},
|
|
46495
|
+
// 视频加载完成
|
|
46496
|
+
onVideoLoaded() {
|
|
46497
|
+
this.videoLoaded = true;
|
|
46498
|
+
this.videoError = false;
|
|
46499
|
+
},
|
|
46500
|
+
// 视频加载失败
|
|
46501
|
+
onVideoError() {
|
|
46502
|
+
this.videoLoaded = false;
|
|
46503
|
+
this.videoError = true;
|
|
46504
|
+
},
|
|
46505
|
+
// 解析自定义样式
|
|
46506
|
+
parseCustomStyle(customStyle) {
|
|
46507
|
+
if (!customStyle) return {};
|
|
46508
|
+
try {
|
|
46509
|
+
const styles = {};
|
|
46510
|
+
const declarations = customStyle.split(";");
|
|
46511
|
+
declarations.forEach(declaration => {
|
|
46512
|
+
const [property, value] = declaration.split(":");
|
|
46513
|
+
if (property && value) {
|
|
46514
|
+
const camelCaseProperty = property.trim().replace(/-([a-z])/g, g => g[1].toUpperCase());
|
|
46515
|
+
styles[camelCaseProperty] = value.trim();
|
|
46516
|
+
}
|
|
46517
|
+
});
|
|
46518
|
+
return styles;
|
|
46519
|
+
} catch (error) {
|
|
46520
|
+
console.warn("解析自定义样式失败:", error);
|
|
46521
|
+
return {};
|
|
46522
|
+
}
|
|
46523
|
+
}
|
|
46524
|
+
}
|
|
46525
|
+
});
|
|
46526
|
+
;// ./package/cms-video/View.vue?vue&type=script&lang=js
|
|
46527
|
+
/* harmony default export */ var cms_video_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
|
|
46528
|
+
;// ./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
|
|
46529
|
+
// extracted by mini-css-extract-plugin
|
|
46530
|
+
|
|
46531
|
+
;// ./package/cms-video/View.vue?vue&type=style&index=0&id=6b24141a&prod&lang=scss&scoped=true
|
|
46532
|
+
|
|
46533
|
+
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
|
46534
|
+
var componentNormalizer = __webpack_require__(1656);
|
|
46535
|
+
;// ./package/cms-video/View.vue
|
|
46536
|
+
|
|
46537
|
+
|
|
46538
|
+
|
|
46539
|
+
;
|
|
46540
|
+
|
|
46541
|
+
|
|
46542
|
+
/* normalize component */
|
|
46543
|
+
|
|
46544
|
+
var component = (0,componentNormalizer/* default */.A)(
|
|
46545
|
+
cms_video_Viewvue_type_script_lang_js,
|
|
46546
|
+
render,
|
|
46547
|
+
staticRenderFns,
|
|
46548
|
+
false,
|
|
46549
|
+
null,
|
|
46550
|
+
"6b24141a",
|
|
46551
|
+
null
|
|
46552
|
+
|
|
46553
|
+
)
|
|
46554
|
+
|
|
46555
|
+
/* harmony default export */ var View = (component.exports);
|
|
46556
|
+
|
|
46557
|
+
/***/ }),
|
|
46558
|
+
|
|
46004
46559
|
/***/ 6699:
|
|
46005
46560
|
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
|
46006
46561
|
|
|
@@ -49471,383 +50026,6 @@ module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABwCAMAAADx
|
|
|
49471
50026
|
|
|
49472
50027
|
/***/ }),
|
|
49473
50028
|
|
|
49474
|
-
/***/ 7989:
|
|
49475
|
-
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
49476
|
-
|
|
49477
|
-
"use strict";
|
|
49478
|
-
// ESM COMPAT FLAG
|
|
49479
|
-
__webpack_require__.r(__webpack_exports__);
|
|
49480
|
-
|
|
49481
|
-
// EXPORTS
|
|
49482
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
49483
|
-
"default": function() { return /* binding */ View; }
|
|
49484
|
-
});
|
|
49485
|
-
|
|
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-video/View.vue?vue&type=template&id=08ec3683&scoped=true
|
|
49487
|
-
var render = function render() {
|
|
49488
|
-
var _vm = this,
|
|
49489
|
-
_c = _vm._self._c;
|
|
49490
|
-
return _c('BaseComp', _vm._b({
|
|
49491
|
-
attrs: {
|
|
49492
|
-
"data": _vm.data,
|
|
49493
|
-
"nowCompId": _vm.nowCompId,
|
|
49494
|
-
"isOpcacity": _vm.isOpcacity,
|
|
49495
|
-
"lang": _vm.lang
|
|
49496
|
-
},
|
|
49497
|
-
on: {
|
|
49498
|
-
"getConfigData": _vm.getConfigData
|
|
49499
|
-
}
|
|
49500
|
-
}, 'BaseComp', _vm.$attrs, false), [_c('section', {
|
|
49501
|
-
staticClass: "cms-video-container",
|
|
49502
|
-
class: [_vm.configData.customClass || ''],
|
|
49503
|
-
style: _vm.containerStyle
|
|
49504
|
-
}, [_c('div', {
|
|
49505
|
-
staticClass: "video-wrapper",
|
|
49506
|
-
style: _vm.wrapperStyle
|
|
49507
|
-
}, [_vm.videoType === 'direct' && _vm.configData.videoUrl ? _c('video', {
|
|
49508
|
-
staticClass: "cms-video direct-video",
|
|
49509
|
-
style: _vm.videoStyle,
|
|
49510
|
-
attrs: {
|
|
49511
|
-
"src": _vm.configData.videoUrl,
|
|
49512
|
-
"controls": _vm.configData.showControls,
|
|
49513
|
-
"autoplay": _vm.configData.autoplay,
|
|
49514
|
-
"loop": _vm.configData.loop,
|
|
49515
|
-
"poster": _vm.configData.posterUrl
|
|
49516
|
-
},
|
|
49517
|
-
domProps: {
|
|
49518
|
-
"muted": _vm.configData.muted
|
|
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()])]);
|
|
49546
|
-
};
|
|
49547
|
-
var staticRenderFns = [];
|
|
49548
|
-
|
|
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
|
-
// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
|
|
49556
|
-
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-video/View.vue?vue&type=script&lang=js
|
|
49558
|
-
|
|
49559
|
-
|
|
49560
|
-
|
|
49561
|
-
|
|
49562
|
-
|
|
49563
|
-
/* harmony default export */ var Viewvue_type_script_lang_js = ({
|
|
49564
|
-
name: "cms-video",
|
|
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
50029
|
/***/ 8004:
|
|
49852
50030
|
/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
|
|
49853
50031
|
|
|
@@ -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
|
|