cms-chenhj-ui 1.0.57 → 1.0.58

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.
@@ -20798,405 +20798,6 @@ module.exports = function (argument) {
20798
20798
  };
20799
20799
 
20800
20800
 
20801
- /***/ }),
20802
-
20803
- /***/ 3510:
20804
- /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
20805
-
20806
- "use strict";
20807
- // ESM COMPAT FLAG
20808
- __webpack_require__.r(__webpack_exports__);
20809
-
20810
- // EXPORTS
20811
- __webpack_require__.d(__webpack_exports__, {
20812
- "default": function() { return /* binding */ View; }
20813
- });
20814
-
20815
- ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-banner/View.vue?vue&type=template&id=504b8057&scoped=true
20816
- var render = function render() {
20817
- var _vm = this,
20818
- _c = _vm._self._c;
20819
- return _c('div', {
20820
- staticClass: "test",
20821
- class: [_vm.nowCompId !== '' && _vm.nowCompId == _vm.data.id ? 'highLight' : ''],
20822
- staticStyle: {
20823
- "position": "relative",
20824
- "cursor": "pointer"
20825
- },
20826
- style: _vm.style,
20827
- on: {
20828
- "click": function ($event) {
20829
- $event.stopPropagation();
20830
- return _vm.handleNowComp();
20831
- }
20832
- }
20833
- }, [_c('div', {
20834
- staticClass: "content-swiper tt_banner"
20835
- }, [_vm.cmsConfig.bannerList.length > 0 ? _c('div', {
20836
- staticClass: "relative position"
20837
- }, [_c('div', {
20838
- staticClass: "my_banner"
20839
- }, [_c('div', {
20840
- staticClass: "swiper-container_contentswiper",
20841
- attrs: {
20842
- "id": `contentSwiper${_vm.data.id}`
20843
- }
20844
- }, [_c('div', {
20845
- staticClass: "swiper-wrapper",
20846
- staticStyle: {
20847
- "width": "1074px",
20848
- "height": "100%"
20849
- }
20850
- }, _vm._l(_vm.cmsConfig.bannerList, function (item, inx) {
20851
- return _c('div', {
20852
- key: inx,
20853
- staticClass: "swiper-slide"
20854
- }, [item ? _c('div', {
20855
- staticClass: "swiper-banner_box",
20856
- on: {
20857
- "click": function ($event) {
20858
- return _vm.decodeJumpUrl(item.jumpUrl, _vm.$router);
20859
- }
20860
- }
20861
- }, [_c('img', {
20862
- staticClass: "swiper-banner_image layout-pc",
20863
- attrs: {
20864
- "src": item.uploadImagePC,
20865
- "alt": "PC"
20866
- }
20867
- }), _c('img', {
20868
- staticClass: "swiper-banner_image layout-mobile",
20869
- attrs: {
20870
- "src": item.uploadImageH5,
20871
- "alt": "H5"
20872
- }
20873
- }), _c('div', {
20874
- staticClass: "extra-swiper_box layout-pc"
20875
- }, [item.title ? _c('div', {
20876
- staticClass: "swiper-contentbtn"
20877
- }, [_c('span', [_vm._v(_vm._s(item.title))])]) : _vm._e(), item.des ? _c('div', {
20878
- staticClass: "swiper-labels"
20879
- }, [_c('span', [_vm._v(_vm._s(item.des))])]) : _vm._e(), _c('div', {
20880
- staticClass: "swiper-btn_container"
20881
- }, [item.input1 != '' ? _c('a', {
20882
- attrs: {
20883
- "href": item.jumpUrl1,
20884
- "target": "_self"
20885
- }
20886
- }, [_c('button', {
20887
- staticClass: "swiper-opbtn have-arrow"
20888
- }, [_c('span', [_vm._v(_vm._s(item.input1))])])]) : _vm._e(), item.input2 != '' ? _c('a', {
20889
- attrs: {
20890
- "href": item.jumpUrl2,
20891
- "target": "_self"
20892
- }
20893
- }, [_c('button', {
20894
- staticClass: "swiper-opbtn_wt"
20895
- }, [_c('span', [_vm._v(_vm._s(item.input2))])])]) : _vm._e()])])]) : _vm._e()]);
20896
- }), 0)])]), _c('div', {
20897
- directives: [{
20898
- name: "show",
20899
- rawName: "v-show",
20900
- value: _vm.cmsConfig.bannerList[_vm.swiperIdx].input1 || _vm.cmsConfig.bannerList[_vm.swiperIdx].input2 || _vm.cmsConfig.bannerList[_vm.swiperIdx].input3 || _vm.cmsConfig.bannerList[_vm.swiperIdx].inputNew,
20901
- expression: "\n cmsConfig.bannerList[swiperIdx].input1 ||\n cmsConfig.bannerList[swiperIdx].input2 ||\n cmsConfig.bannerList[swiperIdx].input3 ||\n cmsConfig.bannerList[swiperIdx].inputNew\n "
20902
- }],
20903
- staticClass: "mb-swiper_box layout-mobile"
20904
- }, [_vm.cmsConfig.bannerList[_vm.swiperIdx].title ? _c('div', {
20905
- staticClass: "swiper-contentbtn"
20906
- }, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].title))])]) : _vm._e(), _vm.cmsConfig.bannerList[_vm.swiperIdx].des ? _c('div', {
20907
- staticClass: "swiper-label"
20908
- }, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].des))])]) : _vm._e(), _c('div', {
20909
- staticClass: "swiper-btn_container"
20910
- }, [_vm.cmsConfig.bannerList[_vm.swiperIdx].input1 ? _c('a', {
20911
- attrs: {
20912
- "href": _vm.cmsConfig.bannerList[_vm.swiperIdx].jumpUrl1,
20913
- "target": "_self"
20914
- }
20915
- }, [_c('button', {
20916
- staticClass: "swiper-opbtn have-arrow"
20917
- }, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].input1))])])]) : _vm._e(), _vm.cmsConfig.bannerList[_vm.swiperIdx].input2 ? _c('a', {
20918
- attrs: {
20919
- "href": _vm.cmsConfig.bannerList[_vm.swiperIdx].jumpUrl2,
20920
- "target": "_self"
20921
- }
20922
- }, [_c('button', {
20923
- staticClass: "swiper-opbtn_wt have-arrow"
20924
- }, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].input2))])])]) : _vm._e()])]), _vm.cmsConfig.bannerList.length > 1 ? _c('div', {
20925
- staticClass: "cmhk-swiper-button-number"
20926
- }, [_vm._l(_vm.cmsConfig.bannerList, function (item, idx) {
20927
- return _c('div', {
20928
- key: idx,
20929
- staticClass: "line-customs_wrapper",
20930
- on: {
20931
- "click": function ($event) {
20932
- $event.stopPropagation();
20933
- return _vm.jumpToSlide(idx);
20934
- }
20935
- }
20936
- }, [_c('div', {
20937
- class: ['cmhk-line-customs', idx === _vm.swiperIdx ? 'cmhk-line-customs-active' : '']
20938
- }, [item && item.input1 ? _c('div', {
20939
- staticClass: "swiper-popupup layout-pc"
20940
- }, [_c('p', {
20941
- staticClass: "swiper-popuptext"
20942
- }, [_vm._v(_vm._s(item.input1))])]) : _vm._e()])]);
20943
- }), _c('div', {
20944
- staticClass: "swiper-button-puase",
20945
- on: {
20946
- "click": function ($event) {
20947
- $event.stopPropagation();
20948
- return _vm.swiperPlay.apply(null, arguments);
20949
- }
20950
- }
20951
- }, [!_vm.swiperPlayVal ? _c('img', {
20952
- staticClass: "playstart-image",
20953
- attrs: {
20954
- "src": __webpack_require__(2254)
20955
- }
20956
- }) : _vm._e(), _vm.swiperPlayVal ? _c('img', {
20957
- staticClass: "playstop-image",
20958
- attrs: {
20959
- "src": __webpack_require__(2584)
20960
- }
20961
- }) : _vm._e()])], 2) : _vm._e()]) : _vm._e(), _c('div', {
20962
- class: {
20963
- opcacity: _vm.isOpcacity
20964
- },
20965
- on: {
20966
- "click": _vm.handleNowComp
20967
- }
20968
- })]), _vm.nowCompId !== '' && _vm.nowCompId == _vm.data.id ? _c('div', {
20969
- staticClass: "com-delete"
20970
- }, [_c('i', {
20971
- staticClass: "el-icon-delete",
20972
- on: {
20973
- "click": function ($event) {
20974
- $event.stopPropagation();
20975
- return _vm.deleteComponent.apply(null, arguments);
20976
- }
20977
- }
20978
- })]) : _vm._e()]);
20979
- };
20980
- var staticRenderFns = [];
20981
-
20982
- ;// ./package/cms-banner/View.vue?vue&type=template&id=504b8057&scoped=true
20983
-
20984
- // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
20985
- var es_iterator_constructor = __webpack_require__(8111);
20986
- // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
20987
- var es_iterator_for_each = __webpack_require__(7588);
20988
- // EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.js
20989
- var swiper = __webpack_require__(2791);
20990
- // EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
20991
- var swiper_esm_bundle = __webpack_require__(4418);
20992
- // EXTERNAL MODULE: ./src/utils/jumpUrl.js
20993
- var jumpUrl = __webpack_require__(813);
20994
- ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-banner/View.vue?vue&type=script&lang=js
20995
-
20996
-
20997
-
20998
-
20999
-
21000
-
21001
-
21002
-
21003
- /* harmony default export */ var Viewvue_type_script_lang_js = ({
21004
- name: "cms-banner",
21005
- props: {
21006
- data: {
21007
- type: Object,
21008
- default: () => {
21009
- return {};
21010
- }
21011
- },
21012
- nowCompId: {
21013
- type: [String, Number],
21014
- default: ""
21015
- },
21016
- isOpcacity: {
21017
- type: Boolean,
21018
- default: true
21019
- },
21020
- lang: {
21021
- type: String,
21022
- default: "zh-HK"
21023
- }
21024
- },
21025
- data() {
21026
- return {
21027
- style: {},
21028
- // 样式
21029
- isEditor: true,
21030
- cmsConfig: {
21031
- bannerList: []
21032
- },
21033
- CN: [],
21034
- HK: [],
21035
- EN: [],
21036
- // 轮播
21037
- swiperOne: null,
21038
- swiperIdx: 0,
21039
- swiperPlayVal: true
21040
- };
21041
- },
21042
- created() {
21043
- if (this.$route.path != "/editor") {
21044
- this.isEditor = false;
21045
- }
21046
- },
21047
- mounted() {
21048
- if (this.$EventBus) {
21049
- this.$EventBus.$on("forceUpdateCom", data => {
21050
- if (data.id == this.data.id) {
21051
- let obj = {};
21052
- data.settings.attribute.forEach(item => {
21053
- obj[item.key] = item.value;
21054
- });
21055
- this.style = obj;
21056
- }
21057
- });
21058
- }
21059
- if (this.cmsConfig.bannerList.length > 0) {
21060
- this.initSwiper("bannerList");
21061
- }
21062
- },
21063
- watch: {
21064
- data: {
21065
- handler(val) {
21066
- let obj = {};
21067
- val.settings.settings.forEach(item => {
21068
- this.CN = item.value.bannerList.CN;
21069
- this.HK = item.value.bannerList.HK;
21070
- this.EN = item.value.bannerList.EN;
21071
- });
21072
- val.settings.attribute.forEach(item => {
21073
- obj[item.key] = item.value;
21074
- });
21075
- this.style = obj;
21076
- this.getValue(this.lang);
21077
- },
21078
- deep: true,
21079
- immediate: true
21080
- },
21081
- lang: {
21082
- handler(val) {
21083
- this.getValue(val);
21084
- },
21085
- deep: true,
21086
- immediate: true
21087
- }
21088
- },
21089
- methods: {
21090
- getValue(val) {
21091
- const obj = {
21092
- "zh-CN": "CN",
21093
- "zh-HK": "HK",
21094
- "en-US": "EN"
21095
- };
21096
- this.cmsConfig.bannerList = this[`${obj[val]}`];
21097
- },
21098
- handleNowComp() {
21099
- if (!this.isOpcacity) return;
21100
- this.$EventBus.$emit("handleNowComp", {
21101
- key: this.data.id,
21102
- settings: this.data.settings,
21103
- nowCompName: this.data.compName
21104
- });
21105
- },
21106
- deleteComponent() {
21107
- this.$EventBus.$emit("handleDeleteComp", {
21108
- key: this.data.id
21109
- });
21110
- },
21111
- initSwiper(operationName) {
21112
- const vm = this;
21113
- if (operationName === "bannerList" && this.cmsConfig.bannerList.length > 0) {
21114
- // 当广告个数大于1的时候才开启循环
21115
- const ifLoop = this.cmsConfig.bannerList.length > 1 ? true : false;
21116
- this.swiperOne = new swiper_esm_bundle/* default */.A(`#contentSwiper${this.data.id}`, {
21117
- initialSlide: 0,
21118
- // 初始化时slide的索引
21119
- autoplay: {
21120
- // 自动开始
21121
- delay: 5000,
21122
- // 时间间隔
21123
- disableOnInteraction: false // 手动操作轮播图后不会暂停
21124
- },
21125
- loop: ifLoop,
21126
- // 循环模式选项
21127
- spaceBetween: 30,
21128
- // 在slide之间设置距离
21129
- observer: true,
21130
- observeParents: true,
21131
- on: {
21132
- slideChangeTransitionEnd: function () {
21133
- // swiper从一个slide过渡到另一个slide结束时执行
21134
- console.log("realIndex", this.realIndex);
21135
- if (this.realIndex > vm.cmsConfig.bannerList.length - 1) return;
21136
- vm.swiperIdx = this.realIndex;
21137
- },
21138
- resize: function () {
21139
- this.update(true);
21140
- }
21141
- }
21142
- });
21143
- }
21144
- },
21145
- // 轮播
21146
- swiperPlay() {
21147
- this.swiperPlayVal = !this.swiperPlayVal;
21148
- this.swiperPlayVal ? this.swiperClickStart() : this.swiperClickStop();
21149
- },
21150
- swiperClickStop() {
21151
- this.swiperOne.autoplay.stop();
21152
- },
21153
- swiperClickStart() {
21154
- this.swiperOne.autoplay.start();
21155
- },
21156
- jumpToSlide(idx) {
21157
- // banner 轮播PC
21158
- console.log("PC点击了", idx);
21159
- // 在Loop模式下Swiper切换到指定slide。切换到的是slide索引是realIndex
21160
- this.swiperOne.slideToLoop(idx, 1000, false);
21161
- this.swiperIdx = idx;
21162
- },
21163
- //跳转
21164
- decodeJumpUrl(path, route) {
21165
- (0,jumpUrl/* decodeJumpUrl */.u)(path, route);
21166
- }
21167
- }
21168
- });
21169
- ;// ./package/cms-banner/View.vue?vue&type=script&lang=js
21170
- /* harmony default export */ var cms_banner_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
21171
- ;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-banner/View.vue?vue&type=style&index=0&id=504b8057&prod&scoped=true&lang=scss
21172
- // extracted by mini-css-extract-plugin
21173
-
21174
- ;// ./package/cms-banner/View.vue?vue&type=style&index=0&id=504b8057&prod&scoped=true&lang=scss
21175
-
21176
- // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
21177
- var componentNormalizer = __webpack_require__(1656);
21178
- ;// ./package/cms-banner/View.vue
21179
-
21180
-
21181
-
21182
- ;
21183
-
21184
-
21185
- /* normalize component */
21186
-
21187
- var component = (0,componentNormalizer/* default */.A)(
21188
- cms_banner_Viewvue_type_script_lang_js,
21189
- render,
21190
- staticRenderFns,
21191
- false,
21192
- null,
21193
- "504b8057",
21194
- null
21195
-
21196
- )
21197
-
21198
- /* harmony default export */ var View = (component.exports);
21199
-
21200
20801
  /***/ }),
21201
20802
 
21202
20803
  /***/ 3553:
@@ -35836,7 +35437,7 @@ var map = {
35836
35437
  "./cms-aLineThreeLeftTwo/View.vue": 152,
35837
35438
  "./cms-activityCountdown/View.vue": 54,
35838
35439
  "./cms-activityTime/View.vue": 9204,
35839
- "./cms-banner/View.vue": 3510,
35440
+ "./cms-banner/View.vue": 9099,
35840
35441
  "./cms-breadCrumb/View.vue": 5202,
35841
35442
  "./cms-button/View.vue": 1011,
35842
35443
  "./cms-cells/View.vue": 9730,
@@ -50243,79 +49844,379 @@ validators.transitional = function transitional(validator, version, message) {
50243
49844
  }
50244
49845
  return validator ? validator(value, opt, opts) : true;
50245
49846
  };
50246
- };
49847
+ };
49848
+
49849
+ /**
49850
+ * Assert object's properties type
49851
+ * @param {object} options
49852
+ * @param {object} schema
49853
+ * @param {boolean?} allowUnknown
49854
+ */
49855
+
49856
+ function assertOptions(options, schema, allowUnknown) {
49857
+ if (typeof options !== 'object') {
49858
+ throw new TypeError('options must be an object');
49859
+ }
49860
+ var keys = Object.keys(options);
49861
+ var i = keys.length;
49862
+ while (i-- > 0) {
49863
+ var opt = keys[i];
49864
+ var validator = schema[opt];
49865
+ if (validator) {
49866
+ var value = options[opt];
49867
+ var result = value === undefined || validator(value, opt, options);
49868
+ if (result !== true) {
49869
+ throw new TypeError('option ' + opt + ' must be ' + result);
49870
+ }
49871
+ continue;
49872
+ }
49873
+ if (allowUnknown !== true) {
49874
+ throw Error('Unknown option ' + opt);
49875
+ }
49876
+ }
49877
+ }
49878
+ module.exports = {
49879
+ assertOptions: assertOptions,
49880
+ validators: validators
49881
+ };
49882
+
49883
+ /***/ }),
49884
+
49885
+ /***/ 8981:
49886
+ /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
49887
+
49888
+ "use strict";
49889
+
49890
+ var requireObjectCoercible = __webpack_require__(7750);
49891
+
49892
+ var $Object = Object;
49893
+
49894
+ // `ToObject` abstract operation
49895
+ // https://tc39.es/ecma262/#sec-toobject
49896
+ module.exports = function (argument) {
49897
+ return $Object(requireObjectCoercible(argument));
49898
+ };
49899
+
49900
+
49901
+ /***/ }),
49902
+
49903
+ /***/ 9039:
49904
+ /***/ (function(module) {
49905
+
49906
+ "use strict";
49907
+
49908
+ module.exports = function (exec) {
49909
+ try {
49910
+ return !!exec();
49911
+ } catch (error) {
49912
+ return true;
49913
+ }
49914
+ };
49915
+
49916
+
49917
+ /***/ }),
49918
+
49919
+ /***/ 9043:
49920
+ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
49921
+
49922
+ "use strict";
49923
+ // ESM COMPAT FLAG
49924
+ __webpack_require__.r(__webpack_exports__);
49925
+
49926
+ // EXPORTS
49927
+ __webpack_require__.d(__webpack_exports__, {
49928
+ "default": function() { return /* binding */ View; }
49929
+ });
49930
+
49931
+ ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineThree/View.vue?vue&type=template&id=42dea33b&scoped=true
49932
+ var render = function render() {
49933
+ var _vm = this,
49934
+ _c = _vm._self._c,
49935
+ _setup = _vm._self._setupProxy;
49936
+ return _c('div', {
49937
+ class: [_vm.nowCompId !== '' && _vm.nowCompId == _vm.data.id ? 'highLight' : ''],
49938
+ style: _vm.style,
49939
+ on: {
49940
+ "click": function ($event) {
49941
+ $event.stopPropagation();
49942
+ return _vm.handleNowComp.apply(null, arguments);
49943
+ }
49944
+ }
49945
+ }, [_c('div', {
49946
+ staticClass: "corp-static_scene position"
49947
+ }, [_c('div', {
49948
+ staticClass: "cmhk-home_main"
49949
+ }, [_c('div', {
49950
+ staticClass: "corp-static_wrapper"
49951
+ }, [_c('div', {
49952
+ staticClass: "corp-static_scene_container"
49953
+ }, [_c('ul', {
49954
+ staticClass: "clearfix"
49955
+ }, _vm._l(_vm.list, function (item, index) {
49956
+ return _c('li', {
49957
+ key: `${index}${item === null || item === void 0 ? void 0 : item.id}`,
49958
+ on: {
49959
+ "click": function ($event) {
49960
+ return _setup.decodeJumpUrl(item === null || item === void 0 ? void 0 : item.jumpUrl, _vm.$router);
49961
+ }
49962
+ }
49963
+ }, [_c('div', {
49964
+ staticClass: "card-shadow"
49965
+ }, [_c('div', {
49966
+ staticClass: "image-desbox_wapper"
49967
+ }, [_c('img', {
49968
+ staticClass: "scene-image",
49969
+ attrs: {
49970
+ "src": _setup.isMobileHook ? item === null || item === void 0 ? void 0 : item.uploadImageH5 : item === null || item === void 0 ? void 0 : item.uploadImagePC,
49971
+ "alt": item === null || item === void 0 ? void 0 : item.imagePcATL
49972
+ }
49973
+ })]), _c('div', {
49974
+ staticClass: "corp-static_scene_content"
49975
+ }, [_c('p', {
49976
+ staticClass: "title"
49977
+ }, [_vm._v(_vm._s(item.input1))]), _c('p', {
49978
+ staticClass: "des",
49979
+ class: _vm.panelFold ? 'des-more' : ''
49980
+ }, [_vm._v(" " + _vm._s(item === null || item === void 0 ? void 0 : item.input2) + " ")]), _vm.$i18n.locale == 'zh-CN' && (item === null || item === void 0 ? void 0 : item.input2.length) > 66 ? _c('div', {
49981
+ staticClass: "crad-more",
49982
+ on: {
49983
+ "click": function ($event) {
49984
+ $event.stopPropagation();
49985
+ _vm.panelFold = !_vm.panelFold;
49986
+ }
49987
+ }
49988
+ }, [_c('span', {
49989
+ directives: [{
49990
+ name: "show",
49991
+ rawName: "v-show",
49992
+ value: _vm.$i18n.locale == 'zh-CN',
49993
+ expression: "$i18n.locale == 'zh-CN'"
49994
+ }]
49995
+ }, [_vm._v(_vm._s(_vm.panelFold ? "收起" : "展开")), _c('i', {
49996
+ class: _vm.panelFold ? 'el-icon-arrow-up' : 'el-icon-arrow-down'
49997
+ })])]) : _vm._e(), _vm.$i18n.locale == 'zh-HK' && (item === null || item === void 0 ? void 0 : item.input2.length) > 66 ? _c('div', {
49998
+ staticClass: "crad-more",
49999
+ on: {
50000
+ "click": function ($event) {
50001
+ $event.stopPropagation();
50002
+ _vm.panelFold = !_vm.panelFold;
50003
+ }
50004
+ }
50005
+ }, [_c('span', [_vm._v(_vm._s(_vm.panelFold ? "收起" : "展開")), _c('i', {
50006
+ class: _vm.panelFold ? 'el-icon-arrow-up' : 'el-icon-arrow-down'
50007
+ })])]) : _vm._e(), _vm.$i18n.locale == 'en-US' && (item === null || item === void 0 ? void 0 : item.input2.length) > 132 ? _c('div', {
50008
+ staticClass: "crad-more",
50009
+ on: {
50010
+ "click": function ($event) {
50011
+ $event.stopPropagation();
50012
+ _vm.panelFold = !_vm.panelFold;
50013
+ }
50014
+ }
50015
+ }, [_c('span', [_vm._v(_vm._s(_vm.panelFold ? "Collpase" : "Expand")), _c('i', {
50016
+ class: _vm.panelFold ? 'el-icon-arrow-up' : 'el-icon-arrow-down'
50017
+ })])]) : _vm._e()])])]);
50018
+ }), 0)])])]), _c('div', {
50019
+ class: {
50020
+ opcacity: _vm.isOpcacity
50021
+ },
50022
+ on: {
50023
+ "click": _vm.handleNowComp
50024
+ }
50025
+ })]), _vm.nowCompId !== '' && _vm.nowCompId == _vm.data.id ? _c('div', {
50026
+ staticClass: "com-delete"
50027
+ }, [_c('i', {
50028
+ staticClass: "el-icon-delete",
50029
+ on: {
50030
+ "click": function ($event) {
50031
+ $event.stopPropagation();
50032
+ return _vm.deleteComponent.apply(null, arguments);
50033
+ }
50034
+ }
50035
+ })]) : _vm._e()]);
50036
+ };
50037
+ var staticRenderFns = [];
50038
+
50039
+ // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
50040
+ var es_iterator_constructor = __webpack_require__(8111);
50041
+ // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
50042
+ var es_iterator_for_each = __webpack_require__(7588);
50043
+ // EXTERNAL MODULE: ./src/utils/jumpUrl.js
50044
+ var jumpUrl = __webpack_require__(813);
50045
+ // EXTERNAL MODULE: ./node_modules/vue/dist/vue.runtime.esm.js
50046
+ var vue_runtime_esm = __webpack_require__(6848);
50047
+ ;// ./src/utils/useMobileEffect.js
50048
+
50049
+ const isMobileHook = (0,vue_runtime_esm.ref)(false);
50050
+ const resize = () => {
50051
+ let bodyW = 0;
50052
+ if (document.body) {
50053
+ bodyW = document.body.scrollWidth || document.body.clientWidth;
50054
+ }
50055
+ if (bodyW < 800) {
50056
+ isMobileHook.value = true;
50057
+ } else {
50058
+ isMobileHook.value = false;
50059
+ }
50060
+ };
50061
+ /* harmony default export */ function useMobileEffect() {
50062
+ (0,vue_runtime_esm.onMounted)(() => {
50063
+ resize();
50064
+ window.addEventListener('resize', resize);
50065
+ });
50066
+ (0,vue_runtime_esm.onUnmounted)(() => {
50067
+ window.removeEventListener('resize', resize);
50068
+ });
50069
+ return {
50070
+ isMobileHook
50071
+ };
50072
+ }
50073
+ ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineThree/View.vue?vue&type=script&setup=true&lang=js
50247
50074
 
50248
- /**
50249
- * Assert object's properties type
50250
- * @param {object} options
50251
- * @param {object} schema
50252
- * @param {boolean?} allowUnknown
50253
- */
50254
50075
 
50255
- function assertOptions(options, schema, allowUnknown) {
50256
- if (typeof options !== 'object') {
50257
- throw new TypeError('options must be an object');
50258
- }
50259
- var keys = Object.keys(options);
50260
- var i = keys.length;
50261
- while (i-- > 0) {
50262
- var opt = keys[i];
50263
- var validator = schema[opt];
50264
- if (validator) {
50265
- var value = options[opt];
50266
- var result = value === undefined || validator(value, opt, options);
50267
- if (result !== true) {
50268
- throw new TypeError('option ' + opt + ' must be ' + result);
50076
+
50077
+
50078
+ const __default__ = {
50079
+ name: "cms-lineThree",
50080
+ props: {
50081
+ data: {
50082
+ type: Object,
50083
+ default: () => {
50084
+ return {};
50269
50085
  }
50270
- continue;
50086
+ },
50087
+ nowCompId: {
50088
+ type: [String, Number],
50089
+ default: ""
50090
+ },
50091
+ isOpcacity: {
50092
+ type: Boolean,
50093
+ default: true
50094
+ },
50095
+ lang: {
50096
+ type: String,
50097
+ default: "zh-HK"
50271
50098
  }
50272
- if (allowUnknown !== true) {
50273
- throw Error('Unknown option ' + opt);
50099
+ },
50100
+ data() {
50101
+ return {
50102
+ style: {},
50103
+ CN: [],
50104
+ HK: [],
50105
+ EN: [],
50106
+ list: [],
50107
+ panelFold: false
50108
+ };
50109
+ },
50110
+ mounted() {
50111
+ if (this.$EventBus) {
50112
+ this.$EventBus.$on("forceUpdateCom", data => {
50113
+ if (data.id == this.data.id) {
50114
+ let obj = {};
50115
+ data.settings.attribute.forEach(item => {
50116
+ obj[item.key] = item.value;
50117
+ });
50118
+ this.style = obj;
50119
+ }
50120
+ });
50121
+ }
50122
+ },
50123
+ watch: {
50124
+ data: {
50125
+ handler(val) {
50126
+ let obj = {};
50127
+ val.settings.settings.forEach(item => {
50128
+ this.CN = item.value.bannerList.CN;
50129
+ this.HK = item.value.bannerList.HK;
50130
+ this.EN = item.value.bannerList.EN;
50131
+ });
50132
+ val.settings.attribute.forEach(item => {
50133
+ obj[item.key] = item.value;
50134
+ });
50135
+ this.getValue(this.lang);
50136
+ },
50137
+ deep: true,
50138
+ immediate: true
50139
+ },
50140
+ lang: {
50141
+ handler(val) {
50142
+ this.getValue(val);
50143
+ },
50144
+ deep: true,
50145
+ immediate: true
50146
+ }
50147
+ },
50148
+ methods: {
50149
+ getValue(val) {
50150
+ const obj = {
50151
+ "zh-CN": "CN",
50152
+ "zh-HK": "HK",
50153
+ "en-US": "EN"
50154
+ };
50155
+ this.list = this[`${obj[val]}`];
50156
+ },
50157
+ handleNowComp() {
50158
+ if (!this.isOpcacity) return;
50159
+ this.$EventBus.$emit("handleNowComp", {
50160
+ key: this.data.id,
50161
+ settings: this.data.settings,
50162
+ nowCompName: this.data.compName
50163
+ });
50164
+ },
50165
+ deleteComponent() {
50166
+ this.$EventBus.$emit("handleDeleteComp", {
50167
+ key: this.data.id
50168
+ });
50274
50169
  }
50275
50170
  }
50276
- }
50277
- module.exports = {
50278
- assertOptions: assertOptions,
50279
- validators: validators
50280
50171
  };
50281
50172
 
50282
- /***/ }),
50283
-
50284
- /***/ 8981:
50285
- /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
50286
50173
 
50287
- "use strict";
50174
+ /* harmony default export */ var Viewvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
50175
+ setup(__props) {
50176
+ const {
50177
+ isMobileHook
50178
+ } = useMobileEffect();
50179
+ return {
50180
+ __sfc: true,
50181
+ isMobileHook,
50182
+ decodeJumpUrl: jumpUrl/* decodeJumpUrl */.u
50183
+ };
50184
+ }
50185
+ }));
50186
+ ;// ./package/cms-lineThree/View.vue?vue&type=script&setup=true&lang=js
50187
+ /* harmony default export */ var cms_lineThree_Viewvue_type_script_setup_true_lang_js = (Viewvue_type_script_setup_true_lang_js);
50188
+ ;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineThree/View.vue?vue&type=style&index=0&id=42dea33b&prod&lang=scss&scoped=true
50189
+ // extracted by mini-css-extract-plugin
50288
50190
 
50289
- var requireObjectCoercible = __webpack_require__(7750);
50191
+ ;// ./package/cms-lineThree/View.vue?vue&type=style&index=0&id=42dea33b&prod&lang=scss&scoped=true
50290
50192
 
50291
- var $Object = Object;
50193
+ // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
50194
+ var componentNormalizer = __webpack_require__(1656);
50195
+ ;// ./package/cms-lineThree/View.vue
50292
50196
 
50293
- // `ToObject` abstract operation
50294
- // https://tc39.es/ecma262/#sec-toobject
50295
- module.exports = function (argument) {
50296
- return $Object(requireObjectCoercible(argument));
50297
- };
50298
50197
 
50299
50198
 
50300
- /***/ }),
50199
+ ;
50301
50200
 
50302
- /***/ 9039:
50303
- /***/ (function(module) {
50304
50201
 
50305
- "use strict";
50202
+ /* normalize component */
50306
50203
 
50307
- module.exports = function (exec) {
50308
- try {
50309
- return !!exec();
50310
- } catch (error) {
50311
- return true;
50312
- }
50313
- };
50204
+ var component = (0,componentNormalizer/* default */.A)(
50205
+ cms_lineThree_Viewvue_type_script_setup_true_lang_js,
50206
+ render,
50207
+ staticRenderFns,
50208
+ false,
50209
+ null,
50210
+ "42dea33b",
50211
+ null
50212
+
50213
+ )
50314
50214
 
50215
+ /* harmony default export */ var View = (component.exports);
50315
50216
 
50316
50217
  /***/ }),
50317
50218
 
50318
- /***/ 9043:
50219
+ /***/ 9099:
50319
50220
  /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
50320
50221
 
50321
50222
  "use strict";
@@ -50327,94 +50228,148 @@ __webpack_require__.d(__webpack_exports__, {
50327
50228
  "default": function() { return /* binding */ View; }
50328
50229
  });
50329
50230
 
50330
- ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineThree/View.vue?vue&type=template&id=42dea33b&scoped=true
50231
+ ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-banner/View.vue?vue&type=template&id=27afd59e&scoped=true
50331
50232
  var render = function render() {
50233
+ var _vm$cmsConfig$bannerL;
50332
50234
  var _vm = this,
50333
- _c = _vm._self._c,
50334
- _setup = _vm._self._setupProxy;
50235
+ _c = _vm._self._c;
50335
50236
  return _c('div', {
50237
+ staticClass: "test",
50336
50238
  class: [_vm.nowCompId !== '' && _vm.nowCompId == _vm.data.id ? 'highLight' : ''],
50239
+ staticStyle: {
50240
+ "position": "relative",
50241
+ "cursor": "pointer"
50242
+ },
50337
50243
  style: _vm.style,
50338
50244
  on: {
50339
50245
  "click": function ($event) {
50340
50246
  $event.stopPropagation();
50341
- return _vm.handleNowComp.apply(null, arguments);
50247
+ return _vm.handleNowComp();
50342
50248
  }
50343
50249
  }
50344
50250
  }, [_c('div', {
50345
- staticClass: "corp-static_scene position"
50251
+ staticClass: "content-swiper tt_banner"
50252
+ }, [_vm.cmsConfig.bannerList.length > 0 ? _c('div', {
50253
+ staticClass: "relative position"
50346
50254
  }, [_c('div', {
50347
- staticClass: "cmhk-home_main"
50255
+ staticClass: "my_banner"
50348
50256
  }, [_c('div', {
50349
- staticClass: "corp-static_wrapper"
50257
+ staticClass: "swiper-container_contentswiper",
50258
+ attrs: {
50259
+ "id": `contentSwiper${_vm.data.id}`
50260
+ }
50350
50261
  }, [_c('div', {
50351
- staticClass: "corp-static_scene_container"
50352
- }, [_c('ul', {
50353
- staticClass: "clearfix"
50354
- }, _vm._l(_vm.list, function (item, index) {
50355
- return _c('li', {
50356
- key: `${index}${item === null || item === void 0 ? void 0 : item.id}`,
50357
- on: {
50358
- "click": function ($event) {
50359
- return _setup.decodeJumpUrl(item === null || item === void 0 ? void 0 : item.jumpUrl, _vm.$router);
50360
- }
50361
- }
50362
- }, [_c('div', {
50363
- staticClass: "card-shadow"
50364
- }, [_c('div', {
50365
- staticClass: "image-desbox_wapper"
50366
- }, [_c('img', {
50367
- staticClass: "scene-image",
50368
- attrs: {
50369
- "src": _setup.isMobileHook ? item === null || item === void 0 ? void 0 : item.uploadImageH5 : item === null || item === void 0 ? void 0 : item.uploadImagePC,
50370
- "alt": item === null || item === void 0 ? void 0 : item.imagePcATL
50371
- }
50372
- })]), _c('div', {
50373
- staticClass: "corp-static_scene_content"
50374
- }, [_c('p', {
50375
- staticClass: "title"
50376
- }, [_vm._v(_vm._s(item.input1))]), _c('p', {
50377
- staticClass: "des",
50378
- class: _vm.panelFold ? 'des-more' : ''
50379
- }, [_vm._v(" " + _vm._s(item === null || item === void 0 ? void 0 : item.input2) + " ")]), _vm.$i18n.locale == 'zh-CN' && (item === null || item === void 0 ? void 0 : item.input2.length) > 66 ? _c('div', {
50380
- staticClass: "crad-more",
50381
- on: {
50382
- "click": function ($event) {
50383
- $event.stopPropagation();
50384
- _vm.panelFold = !_vm.panelFold;
50385
- }
50386
- }
50387
- }, [_c('span', {
50388
- directives: [{
50389
- name: "show",
50390
- rawName: "v-show",
50391
- value: _vm.$i18n.locale == 'zh-CN',
50392
- expression: "$i18n.locale == 'zh-CN'"
50393
- }]
50394
- }, [_vm._v(_vm._s(_vm.panelFold ? "收起" : "展开")), _c('i', {
50395
- class: _vm.panelFold ? 'el-icon-arrow-up' : 'el-icon-arrow-down'
50396
- })])]) : _vm._e(), _vm.$i18n.locale == 'zh-HK' && (item === null || item === void 0 ? void 0 : item.input2.length) > 66 ? _c('div', {
50397
- staticClass: "crad-more",
50262
+ staticClass: "swiper-wrapper",
50263
+ staticStyle: {
50264
+ "width": "1074px",
50265
+ "height": "100%"
50266
+ }
50267
+ }, _vm._l(_vm.cmsConfig.bannerList, function (item, inx) {
50268
+ return _c('div', {
50269
+ key: inx,
50270
+ staticClass: "swiper-slide"
50271
+ }, [item ? _c('div', {
50272
+ staticClass: "swiper-banner_box",
50398
50273
  on: {
50399
50274
  "click": function ($event) {
50400
- $event.stopPropagation();
50401
- _vm.panelFold = !_vm.panelFold;
50275
+ return _vm.decodeJumpUrl(item.jumpUrl, _vm.$router);
50402
50276
  }
50403
50277
  }
50404
- }, [_c('span', [_vm._v(_vm._s(_vm.panelFold ? "收起" : "展開")), _c('i', {
50405
- class: _vm.panelFold ? 'el-icon-arrow-up' : 'el-icon-arrow-down'
50406
- })])]) : _vm._e(), _vm.$i18n.locale == 'en-US' && (item === null || item === void 0 ? void 0 : item.input2.length) > 132 ? _c('div', {
50407
- staticClass: "crad-more",
50278
+ }, [_c('img', {
50279
+ staticClass: "swiper-banner_image layout-pc",
50280
+ attrs: {
50281
+ "src": item.uploadImagePC,
50282
+ "alt": "PC"
50283
+ }
50284
+ }), _c('img', {
50285
+ staticClass: "swiper-banner_image layout-mobile",
50286
+ attrs: {
50287
+ "src": item.uploadImageH5,
50288
+ "alt": "H5"
50289
+ }
50290
+ }), _c('div', {
50291
+ staticClass: "extra-swiper_box layout-pc"
50292
+ }, [item.title ? _c('div', {
50293
+ staticClass: "swiper-contentbtn"
50294
+ }, [_c('span', [_vm._v(_vm._s(item.title))])]) : _vm._e(), item.des ? _c('div', {
50295
+ staticClass: "swiper-labels"
50296
+ }, [_c('span', [_vm._v(_vm._s(item.des))])]) : _vm._e(), _c('div', {
50297
+ staticClass: "swiper-btn_container"
50298
+ }, [item.input1 != '' ? _c('a', {
50299
+ attrs: {
50300
+ "href": item.jumpUrl1,
50301
+ "target": "_self"
50302
+ }
50303
+ }, [_c('button', {
50304
+ staticClass: "swiper-opbtn have-arrow"
50305
+ }, [_c('span', [_vm._v(_vm._s(item.input1))])])]) : _vm._e(), item.input2 != '' ? _c('a', {
50306
+ attrs: {
50307
+ "href": item.jumpUrl2,
50308
+ "target": "_self"
50309
+ }
50310
+ }, [_c('button', {
50311
+ staticClass: "swiper-opbtn_wt"
50312
+ }, [_c('span', [_vm._v(_vm._s(item.input2))])])]) : _vm._e()])])]) : _vm._e()]);
50313
+ }), 0)])]), _vm.cmsConfig.bannerList[_vm.swiperIdx].title || _vm.cmsConfig.bannerList[_vm.swiperIdx].des || _vm.cmsConfig.bannerList[_vm.swiperIdx].input1 || _vm.cmsConfig.bannerList[_vm.swiperIdx].input2 || (_vm$cmsConfig$bannerL = _vm.cmsConfig.bannerList[_vm.swiperIdx]) !== null && _vm$cmsConfig$bannerL !== void 0 && _vm$cmsConfig$bannerL.input3 ? _c('div', {
50314
+ staticClass: "mb-swiper_box layout-mobile"
50315
+ }, [_vm.cmsConfig.bannerList[_vm.swiperIdx].title ? _c('div', {
50316
+ staticClass: "swiper-contentbtn"
50317
+ }, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].title))])]) : _vm._e(), _vm.cmsConfig.bannerList[_vm.swiperIdx].des ? _c('div', {
50318
+ staticClass: "swiper-label"
50319
+ }, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].des))])]) : _vm._e(), _c('div', {
50320
+ staticClass: "swiper-btn_container"
50321
+ }, [_vm.cmsConfig.bannerList[_vm.swiperIdx].input1 ? _c('a', {
50322
+ attrs: {
50323
+ "href": _vm.cmsConfig.bannerList[_vm.swiperIdx].jumpUrl1,
50324
+ "target": "_self"
50325
+ }
50326
+ }, [_c('button', {
50327
+ staticClass: "swiper-opbtn have-arrow"
50328
+ }, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].input1))])])]) : _vm._e(), _vm.cmsConfig.bannerList[_vm.swiperIdx].input2 ? _c('a', {
50329
+ attrs: {
50330
+ "href": _vm.cmsConfig.bannerList[_vm.swiperIdx].jumpUrl2,
50331
+ "target": "_self"
50332
+ }
50333
+ }, [_c('button', {
50334
+ staticClass: "swiper-opbtn_wt have-arrow"
50335
+ }, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].input2))])])]) : _vm._e()])]) : _vm._e(), _vm.cmsConfig.bannerList.length > 1 ? _c('div', {
50336
+ staticClass: "cmhk-swiper-button-number"
50337
+ }, [_vm._l(_vm.cmsConfig.bannerList, function (item, idx) {
50338
+ return _c('div', {
50339
+ key: idx,
50340
+ staticClass: "line-customs_wrapper",
50408
50341
  on: {
50409
50342
  "click": function ($event) {
50410
50343
  $event.stopPropagation();
50411
- _vm.panelFold = !_vm.panelFold;
50344
+ return _vm.jumpToSlide(idx);
50412
50345
  }
50413
50346
  }
50414
- }, [_c('span', [_vm._v(_vm._s(_vm.panelFold ? "Collpase" : "Expand")), _c('i', {
50415
- class: _vm.panelFold ? 'el-icon-arrow-up' : 'el-icon-arrow-down'
50416
- })])]) : _vm._e()])])]);
50417
- }), 0)])])]), _c('div', {
50347
+ }, [_c('div', {
50348
+ class: ['cmhk-line-customs', idx === _vm.swiperIdx ? 'cmhk-line-customs-active' : '']
50349
+ }, [item && item.input1 ? _c('div', {
50350
+ staticClass: "swiper-popupup layout-pc"
50351
+ }, [_c('p', {
50352
+ staticClass: "swiper-popuptext"
50353
+ }, [_vm._v(_vm._s(item.input1))])]) : _vm._e()])]);
50354
+ }), _c('div', {
50355
+ staticClass: "swiper-button-puase",
50356
+ on: {
50357
+ "click": function ($event) {
50358
+ $event.stopPropagation();
50359
+ return _vm.swiperPlay.apply(null, arguments);
50360
+ }
50361
+ }
50362
+ }, [!_vm.swiperPlayVal ? _c('img', {
50363
+ staticClass: "playstart-image",
50364
+ attrs: {
50365
+ "src": __webpack_require__(2254)
50366
+ }
50367
+ }) : _vm._e(), _vm.swiperPlayVal ? _c('img', {
50368
+ staticClass: "playstop-image",
50369
+ attrs: {
50370
+ "src": __webpack_require__(2584)
50371
+ }
50372
+ }) : _vm._e()])], 2) : _vm._e()]) : _vm._e(), _c('div', {
50418
50373
  class: {
50419
50374
  opcacity: _vm.isOpcacity
50420
50375
  },
@@ -50435,47 +50390,29 @@ var render = function render() {
50435
50390
  };
50436
50391
  var staticRenderFns = [];
50437
50392
 
50393
+ ;// ./package/cms-banner/View.vue?vue&type=template&id=27afd59e&scoped=true
50394
+
50438
50395
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
50439
50396
  var es_iterator_constructor = __webpack_require__(8111);
50440
50397
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
50441
50398
  var es_iterator_for_each = __webpack_require__(7588);
50399
+ // EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.js
50400
+ var swiper = __webpack_require__(2791);
50401
+ // EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
50402
+ var swiper_esm_bundle = __webpack_require__(4418);
50442
50403
  // EXTERNAL MODULE: ./src/utils/jumpUrl.js
50443
50404
  var jumpUrl = __webpack_require__(813);
50444
- // EXTERNAL MODULE: ./node_modules/vue/dist/vue.runtime.esm.js
50445
- var vue_runtime_esm = __webpack_require__(6848);
50446
- ;// ./src/utils/useMobileEffect.js
50405
+ ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-banner/View.vue?vue&type=script&lang=js
50447
50406
 
50448
- const isMobileHook = (0,vue_runtime_esm.ref)(false);
50449
- const resize = () => {
50450
- let bodyW = 0;
50451
- if (document.body) {
50452
- bodyW = document.body.scrollWidth || document.body.clientWidth;
50453
- }
50454
- if (bodyW < 800) {
50455
- isMobileHook.value = true;
50456
- } else {
50457
- isMobileHook.value = false;
50458
- }
50459
- };
50460
- /* harmony default export */ function useMobileEffect() {
50461
- (0,vue_runtime_esm.onMounted)(() => {
50462
- resize();
50463
- window.addEventListener('resize', resize);
50464
- });
50465
- (0,vue_runtime_esm.onUnmounted)(() => {
50466
- window.removeEventListener('resize', resize);
50467
- });
50468
- return {
50469
- isMobileHook
50470
- };
50471
- }
50472
- ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineThree/View.vue?vue&type=script&setup=true&lang=js
50473
50407
 
50474
50408
 
50475
50409
 
50476
50410
 
50477
- const __default__ = {
50478
- name: "cms-lineThree",
50411
+
50412
+
50413
+
50414
+ /* harmony default export */ var Viewvue_type_script_lang_js = ({
50415
+ name: "cms-banner",
50479
50416
  props: {
50480
50417
  data: {
50481
50418
  type: Object,
@@ -50499,13 +50436,25 @@ const __default__ = {
50499
50436
  data() {
50500
50437
  return {
50501
50438
  style: {},
50439
+ // 样式
50440
+ isEditor: true,
50441
+ cmsConfig: {
50442
+ bannerList: []
50443
+ },
50502
50444
  CN: [],
50503
50445
  HK: [],
50504
50446
  EN: [],
50505
- list: [],
50506
- panelFold: false
50447
+ // 轮播
50448
+ swiperOne: null,
50449
+ swiperIdx: 0,
50450
+ swiperPlayVal: true
50507
50451
  };
50508
50452
  },
50453
+ created() {
50454
+ if (this.$route.path != "/editor") {
50455
+ this.isEditor = false;
50456
+ }
50457
+ },
50509
50458
  mounted() {
50510
50459
  if (this.$EventBus) {
50511
50460
  this.$EventBus.$on("forceUpdateCom", data => {
@@ -50518,6 +50467,9 @@ const __default__ = {
50518
50467
  }
50519
50468
  });
50520
50469
  }
50470
+ if (this.cmsConfig.bannerList.length > 0) {
50471
+ this.initSwiper("bannerList");
50472
+ }
50521
50473
  },
50522
50474
  watch: {
50523
50475
  data: {
@@ -50531,6 +50483,7 @@ const __default__ = {
50531
50483
  val.settings.attribute.forEach(item => {
50532
50484
  obj[item.key] = item.value;
50533
50485
  });
50486
+ this.style = obj;
50534
50487
  this.getValue(this.lang);
50535
50488
  },
50536
50489
  deep: true,
@@ -50551,7 +50504,7 @@ const __default__ = {
50551
50504
  "zh-HK": "HK",
50552
50505
  "en-US": "EN"
50553
50506
  };
50554
- this.list = this[`${obj[val]}`];
50507
+ this.cmsConfig.bannerList = this[`${obj[val]}`];
50555
50508
  },
50556
50509
  handleNowComp() {
50557
50510
  if (!this.isOpcacity) return;
@@ -50565,33 +50518,75 @@ const __default__ = {
50565
50518
  this.$EventBus.$emit("handleDeleteComp", {
50566
50519
  key: this.data.id
50567
50520
  });
50521
+ },
50522
+ initSwiper(operationName) {
50523
+ const vm = this;
50524
+ if (operationName === "bannerList" && this.cmsConfig.bannerList.length > 0) {
50525
+ // 当广告个数大于1的时候才开启循环
50526
+ const ifLoop = this.cmsConfig.bannerList.length > 1 ? true : false;
50527
+ this.swiperOne = new swiper_esm_bundle/* default */.A(`#contentSwiper${this.data.id}`, {
50528
+ initialSlide: 0,
50529
+ // 初始化时slide的索引
50530
+ autoplay: {
50531
+ // 自动开始
50532
+ delay: 5000,
50533
+ // 时间间隔
50534
+ disableOnInteraction: false // 手动操作轮播图后不会暂停
50535
+ },
50536
+ loop: ifLoop,
50537
+ // 循环模式选项
50538
+ spaceBetween: 30,
50539
+ // 在slide之间设置距离
50540
+ observer: true,
50541
+ observeParents: true,
50542
+ on: {
50543
+ slideChangeTransitionEnd: function () {
50544
+ // swiper从一个slide过渡到另一个slide结束时执行
50545
+ console.log("realIndex", this.realIndex);
50546
+ if (this.realIndex > vm.cmsConfig.bannerList.length - 1) return;
50547
+ vm.swiperIdx = this.realIndex;
50548
+ },
50549
+ resize: function () {
50550
+ this.update(true);
50551
+ }
50552
+ }
50553
+ });
50554
+ }
50555
+ },
50556
+ // 轮播
50557
+ swiperPlay() {
50558
+ this.swiperPlayVal = !this.swiperPlayVal;
50559
+ this.swiperPlayVal ? this.swiperClickStart() : this.swiperClickStop();
50560
+ },
50561
+ swiperClickStop() {
50562
+ this.swiperOne.autoplay.stop();
50563
+ },
50564
+ swiperClickStart() {
50565
+ this.swiperOne.autoplay.start();
50566
+ },
50567
+ jumpToSlide(idx) {
50568
+ // banner 轮播PC
50569
+ console.log("PC点击了", idx);
50570
+ // 在Loop模式下Swiper切换到指定slide。切换到的是slide索引是realIndex
50571
+ this.swiperOne.slideToLoop(idx, 1000, false);
50572
+ this.swiperIdx = idx;
50573
+ },
50574
+ //跳转
50575
+ decodeJumpUrl(path, route) {
50576
+ (0,jumpUrl/* decodeJumpUrl */.u)(path, route);
50568
50577
  }
50569
50578
  }
50570
- };
50571
-
50572
-
50573
- /* harmony default export */ var Viewvue_type_script_setup_true_lang_js = (/*#__PURE__*/Object.assign(__default__, {
50574
- setup(__props) {
50575
- const {
50576
- isMobileHook
50577
- } = useMobileEffect();
50578
- return {
50579
- __sfc: true,
50580
- isMobileHook,
50581
- decodeJumpUrl: jumpUrl/* decodeJumpUrl */.u
50582
- };
50583
- }
50584
- }));
50585
- ;// ./package/cms-lineThree/View.vue?vue&type=script&setup=true&lang=js
50586
- /* harmony default export */ var cms_lineThree_Viewvue_type_script_setup_true_lang_js = (Viewvue_type_script_setup_true_lang_js);
50587
- ;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineThree/View.vue?vue&type=style&index=0&id=42dea33b&prod&lang=scss&scoped=true
50579
+ });
50580
+ ;// ./package/cms-banner/View.vue?vue&type=script&lang=js
50581
+ /* harmony default export */ var cms_banner_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
50582
+ ;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-banner/View.vue?vue&type=style&index=0&id=27afd59e&prod&scoped=true&lang=scss
50588
50583
  // extracted by mini-css-extract-plugin
50589
50584
 
50590
- ;// ./package/cms-lineThree/View.vue?vue&type=style&index=0&id=42dea33b&prod&lang=scss&scoped=true
50585
+ ;// ./package/cms-banner/View.vue?vue&type=style&index=0&id=27afd59e&prod&scoped=true&lang=scss
50591
50586
 
50592
50587
  // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
50593
50588
  var componentNormalizer = __webpack_require__(1656);
50594
- ;// ./package/cms-lineThree/View.vue
50589
+ ;// ./package/cms-banner/View.vue
50595
50590
 
50596
50591
 
50597
50592
 
@@ -50601,12 +50596,12 @@ var componentNormalizer = __webpack_require__(1656);
50601
50596
  /* normalize component */
50602
50597
 
50603
50598
  var component = (0,componentNormalizer/* default */.A)(
50604
- cms_lineThree_Viewvue_type_script_setup_true_lang_js,
50599
+ cms_banner_Viewvue_type_script_lang_js,
50605
50600
  render,
50606
50601
  staticRenderFns,
50607
50602
  false,
50608
50603
  null,
50609
- "42dea33b",
50604
+ "27afd59e",
50610
50605
  null
50611
50606
 
50612
50607
  )