cms-chenhj-ui 1.0.56 → 1.0.57

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.
@@ -20800,159 +20800,558 @@ module.exports = function (argument) {
20800
20800
 
20801
20801
  /***/ }),
20802
20802
 
20803
- /***/ 3553:
20804
- /***/ (function(module) {
20803
+ /***/ 3510:
20804
+ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
20805
20805
 
20806
20806
  "use strict";
20807
+ // ESM COMPAT FLAG
20808
+ __webpack_require__.r(__webpack_exports__);
20807
20809
 
20810
+ // EXPORTS
20811
+ __webpack_require__.d(__webpack_exports__, {
20812
+ "default": function() { return /* binding */ View; }
20813
+ });
20808
20814
 
20809
- /**
20810
- * Creates a new URL by combining the specified URLs
20811
- *
20812
- * @param {string} baseURL The base URL
20813
- * @param {string} relativeURL The relative URL
20814
- * @returns {string} The combined URL
20815
- */
20816
- module.exports = function combineURLs(baseURL, relativeURL) {
20817
- return relativeURL ? baseURL.replace(/\/+$/, '') + '/' + relativeURL.replace(/^\/+/, '') : baseURL;
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()]);
20818
20979
  };
20980
+ var staticRenderFns = [];
20819
20981
 
20820
- /***/ }),
20821
-
20822
- /***/ 3579:
20823
- /***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
20824
-
20825
- "use strict";
20826
-
20827
- var $ = __webpack_require__(6518);
20828
- var iterate = __webpack_require__(2652);
20829
- var aCallable = __webpack_require__(9306);
20830
- var anObject = __webpack_require__(8551);
20831
- var getIteratorDirect = __webpack_require__(1767);
20832
-
20833
- // `Iterator.prototype.some` method
20834
- // https://tc39.es/ecma262/#sec-iterator.prototype.some
20835
- $({ target: 'Iterator', proto: true, real: true }, {
20836
- some: function some(predicate) {
20837
- anObject(this);
20838
- aCallable(predicate);
20839
- var record = getIteratorDirect(this);
20840
- var counter = 0;
20841
- return iterate(record, function (value, stop) {
20842
- if (predicate(value, counter++)) return stop();
20843
- }, { IS_RECORD: true, INTERRUPTED: true }).stopped;
20844
- }
20845
- });
20846
-
20982
+ ;// ./package/cms-banner/View.vue?vue&type=template&id=504b8057&scoped=true
20847
20983
 
20848
- /***/ }),
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
20849
20995
 
20850
- /***/ 3580:
20851
- /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
20852
20996
 
20853
- "use strict";
20854
- __webpack_require__.r(__webpack_exports__);
20855
- /* harmony default export */ __webpack_exports__["default"] = ({
20856
- ChinaMobile: '中國移動',
20857
- CloseButton: '關閉按鈕',
20858
- PauseButton: '暫停',
20859
- PlayButton: '播放',
20860
- AddButton: '加號',
20861
- MinusButton: '減號',
20862
- SubscribeNowButton: '立即登記按鈕',
20863
- Icon: '圖示',
20864
- DefaultText: '小按鈕'
20865
- });
20866
20997
 
20867
- /***/ }),
20868
20998
 
20869
- /***/ 3650:
20870
- /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
20871
20999
 
20872
- "use strict";
20873
21000
 
20874
- var aSet = __webpack_require__(7080);
20875
- var SetHelpers = __webpack_require__(4402);
20876
- var clone = __webpack_require__(9286);
20877
- var getSetRecord = __webpack_require__(3789);
20878
- var iterateSimple = __webpack_require__(507);
20879
21001
 
20880
- var add = SetHelpers.add;
20881
- var has = SetHelpers.has;
20882
- var remove = SetHelpers.remove;
20883
-
20884
- // `Set.prototype.symmetricDifference` method
20885
- // https://github.com/tc39/proposal-set-methods
20886
- module.exports = function symmetricDifference(other) {
20887
- var O = aSet(this);
20888
- var keysIter = getSetRecord(other).getIterator();
20889
- var result = clone(O);
20890
- iterateSimple(keysIter, function (e) {
20891
- if (has(O, e)) remove(result, e);
20892
- else add(result, e);
20893
- });
20894
- return result;
20895
- };
20896
-
20897
-
20898
- /***/ }),
20899
-
20900
- /***/ 3682:
20901
- /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
20902
-
20903
- "use strict";
20904
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
20905
21173
 
20906
- var implementation = __webpack_require__(2602);
20907
- module.exports = Function.prototype.bind || implementation;
21174
+ ;// ./package/cms-banner/View.vue?vue&type=style&index=0&id=504b8057&prod&scoped=true&lang=scss
20908
21175
 
20909
- /***/ }),
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
20910
21179
 
20911
- /***/ 3706:
20912
- /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
20913
21180
 
20914
- "use strict";
20915
21181
 
20916
- var uncurryThis = __webpack_require__(9504);
20917
- var isCallable = __webpack_require__(4901);
20918
- var store = __webpack_require__(7629);
21182
+ ;
20919
21183
 
20920
- var functionToString = uncurryThis(Function.toString);
20921
21184
 
20922
- // this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
20923
- if (!isCallable(store.inspectSource)) {
20924
- store.inspectSource = function (it) {
20925
- return functionToString(it);
20926
- };
20927
- }
21185
+ /* normalize component */
20928
21186
 
20929
- module.exports = store.inspectSource;
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
+ )
20930
21197
 
21198
+ /* harmony default export */ var View = (component.exports);
20931
21199
 
20932
21200
  /***/ }),
20933
21201
 
20934
- /***/ 3717:
20935
- /***/ (function(__unused_webpack_module, exports) {
21202
+ /***/ 3553:
21203
+ /***/ (function(module) {
20936
21204
 
20937
21205
  "use strict";
20938
21206
 
20939
- // eslint-disable-next-line es/no-object-getownpropertysymbols -- safe
20940
- exports.f = Object.getOwnPropertySymbols;
20941
21207
 
21208
+ /**
21209
+ * Creates a new URL by combining the specified URLs
21210
+ *
21211
+ * @param {string} baseURL The base URL
21212
+ * @param {string} relativeURL The relative URL
21213
+ * @returns {string} The combined URL
21214
+ */
21215
+ module.exports = function combineURLs(baseURL, relativeURL) {
21216
+ return relativeURL ? baseURL.replace(/\/+$/, '') + '/' + relativeURL.replace(/^\/+/, '') : baseURL;
21217
+ };
20942
21218
 
20943
21219
  /***/ }),
20944
21220
 
20945
- /***/ 3724:
20946
- /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
21221
+ /***/ 3579:
21222
+ /***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
20947
21223
 
20948
21224
  "use strict";
20949
21225
 
20950
- var fails = __webpack_require__(9039);
21226
+ var $ = __webpack_require__(6518);
21227
+ var iterate = __webpack_require__(2652);
21228
+ var aCallable = __webpack_require__(9306);
21229
+ var anObject = __webpack_require__(8551);
21230
+ var getIteratorDirect = __webpack_require__(1767);
20951
21231
 
20952
- // Detect IE8's incomplete defineProperty implementation
20953
- module.exports = !fails(function () {
20954
- // eslint-disable-next-line es/no-object-defineproperty -- required for testing
20955
- return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] !== 7;
21232
+ // `Iterator.prototype.some` method
21233
+ // https://tc39.es/ecma262/#sec-iterator.prototype.some
21234
+ $({ target: 'Iterator', proto: true, real: true }, {
21235
+ some: function some(predicate) {
21236
+ anObject(this);
21237
+ aCallable(predicate);
21238
+ var record = getIteratorDirect(this);
21239
+ var counter = 0;
21240
+ return iterate(record, function (value, stop) {
21241
+ if (predicate(value, counter++)) return stop();
21242
+ }, { IS_RECORD: true, INTERRUPTED: true }).stopped;
21243
+ }
21244
+ });
21245
+
21246
+
21247
+ /***/ }),
21248
+
21249
+ /***/ 3580:
21250
+ /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
21251
+
21252
+ "use strict";
21253
+ __webpack_require__.r(__webpack_exports__);
21254
+ /* harmony default export */ __webpack_exports__["default"] = ({
21255
+ ChinaMobile: '中國移動',
21256
+ CloseButton: '關閉按鈕',
21257
+ PauseButton: '暫停',
21258
+ PlayButton: '播放',
21259
+ AddButton: '加號',
21260
+ MinusButton: '減號',
21261
+ SubscribeNowButton: '立即登記按鈕',
21262
+ Icon: '圖示',
21263
+ DefaultText: '小按鈕'
21264
+ });
21265
+
21266
+ /***/ }),
21267
+
21268
+ /***/ 3650:
21269
+ /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
21270
+
21271
+ "use strict";
21272
+
21273
+ var aSet = __webpack_require__(7080);
21274
+ var SetHelpers = __webpack_require__(4402);
21275
+ var clone = __webpack_require__(9286);
21276
+ var getSetRecord = __webpack_require__(3789);
21277
+ var iterateSimple = __webpack_require__(507);
21278
+
21279
+ var add = SetHelpers.add;
21280
+ var has = SetHelpers.has;
21281
+ var remove = SetHelpers.remove;
21282
+
21283
+ // `Set.prototype.symmetricDifference` method
21284
+ // https://github.com/tc39/proposal-set-methods
21285
+ module.exports = function symmetricDifference(other) {
21286
+ var O = aSet(this);
21287
+ var keysIter = getSetRecord(other).getIterator();
21288
+ var result = clone(O);
21289
+ iterateSimple(keysIter, function (e) {
21290
+ if (has(O, e)) remove(result, e);
21291
+ else add(result, e);
21292
+ });
21293
+ return result;
21294
+ };
21295
+
21296
+
21297
+ /***/ }),
21298
+
21299
+ /***/ 3682:
21300
+ /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
21301
+
21302
+ "use strict";
21303
+
21304
+
21305
+ var implementation = __webpack_require__(2602);
21306
+ module.exports = Function.prototype.bind || implementation;
21307
+
21308
+ /***/ }),
21309
+
21310
+ /***/ 3706:
21311
+ /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
21312
+
21313
+ "use strict";
21314
+
21315
+ var uncurryThis = __webpack_require__(9504);
21316
+ var isCallable = __webpack_require__(4901);
21317
+ var store = __webpack_require__(7629);
21318
+
21319
+ var functionToString = uncurryThis(Function.toString);
21320
+
21321
+ // this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
21322
+ if (!isCallable(store.inspectSource)) {
21323
+ store.inspectSource = function (it) {
21324
+ return functionToString(it);
21325
+ };
21326
+ }
21327
+
21328
+ module.exports = store.inspectSource;
21329
+
21330
+
21331
+ /***/ }),
21332
+
21333
+ /***/ 3717:
21334
+ /***/ (function(__unused_webpack_module, exports) {
21335
+
21336
+ "use strict";
21337
+
21338
+ // eslint-disable-next-line es/no-object-getownpropertysymbols -- safe
21339
+ exports.f = Object.getOwnPropertySymbols;
21340
+
21341
+
21342
+ /***/ }),
21343
+
21344
+ /***/ 3724:
21345
+ /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
21346
+
21347
+ "use strict";
21348
+
21349
+ var fails = __webpack_require__(9039);
21350
+
21351
+ // Detect IE8's incomplete defineProperty implementation
21352
+ module.exports = !fails(function () {
21353
+ // eslint-disable-next-line es/no-object-defineproperty -- required for testing
21354
+ return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] !== 7;
20956
21355
  });
20957
21356
 
20958
21357
 
@@ -35437,7 +35836,7 @@ var map = {
35437
35836
  "./cms-aLineThreeLeftTwo/View.vue": 152,
35438
35837
  "./cms-activityCountdown/View.vue": 54,
35439
35838
  "./cms-activityTime/View.vue": 9204,
35440
- "./cms-banner/View.vue": 7026,
35839
+ "./cms-banner/View.vue": 3510,
35441
35840
  "./cms-breadCrumb/View.vue": 5202,
35442
35841
  "./cms-button/View.vue": 1011,
35443
35842
  "./cms-cells/View.vue": 9730,
@@ -46437,405 +46836,6 @@ var isDefined = exports.isDefined = function isDefined(val) {
46437
46836
 
46438
46837
  /***/ }),
46439
46838
 
46440
- /***/ 7026:
46441
- /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
46442
-
46443
- "use strict";
46444
- // ESM COMPAT FLAG
46445
- __webpack_require__.r(__webpack_exports__);
46446
-
46447
- // EXPORTS
46448
- __webpack_require__.d(__webpack_exports__, {
46449
- "default": function() { return /* binding */ View; }
46450
- });
46451
-
46452
- ;// ./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=33b2c1db&scoped=true
46453
- var render = function render() {
46454
- var _vm = this,
46455
- _c = _vm._self._c;
46456
- return _c('div', {
46457
- staticClass: "test",
46458
- class: [_vm.nowCompId !== '' && _vm.nowCompId == _vm.data.id ? 'highLight' : ''],
46459
- staticStyle: {
46460
- "position": "relative",
46461
- "cursor": "pointer"
46462
- },
46463
- style: _vm.style,
46464
- on: {
46465
- "click": function ($event) {
46466
- $event.stopPropagation();
46467
- return _vm.handleNowComp();
46468
- }
46469
- }
46470
- }, [_c('div', {
46471
- staticClass: "content-swiper tt_banner"
46472
- }, [_vm.cmsConfig.bannerList.length > 0 ? _c('div', {
46473
- staticClass: "relative position"
46474
- }, [_c('div', {
46475
- staticClass: "my_banner"
46476
- }, [_c('div', {
46477
- staticClass: "swiper-container_contentswiper",
46478
- attrs: {
46479
- "id": `contentSwiper${_vm.data.id}`
46480
- }
46481
- }, [_c('div', {
46482
- staticClass: "swiper-wrapper",
46483
- staticStyle: {
46484
- "width": "1074px",
46485
- "height": "100%"
46486
- }
46487
- }, _vm._l(_vm.cmsConfig.bannerList, function (item, inx) {
46488
- return _c('div', {
46489
- key: inx,
46490
- staticClass: "swiper-slide"
46491
- }, [item ? _c('div', {
46492
- staticClass: "swiper-banner_box",
46493
- on: {
46494
- "click": function ($event) {
46495
- return _vm.decodeJumpUrl(item.jumpUrl, _vm.$router);
46496
- }
46497
- }
46498
- }, [_c('img', {
46499
- staticClass: "swiper-banner_image layout-pc",
46500
- attrs: {
46501
- "src": item.uploadImagePC,
46502
- "alt": "PC"
46503
- }
46504
- }), _c('img', {
46505
- staticClass: "swiper-banner_image layout-mobile",
46506
- attrs: {
46507
- "src": item.uploadImageH5,
46508
- "alt": "H5"
46509
- }
46510
- }), _c('div', {
46511
- staticClass: "extra-swiper_box layout-pc"
46512
- }, [item.title ? _c('div', {
46513
- staticClass: "swiper-contentbtn"
46514
- }, [_c('span', [_vm._v(_vm._s(item.title))])]) : _vm._e(), item.des ? _c('div', {
46515
- staticClass: "swiper-labels"
46516
- }, [_c('span', [_vm._v(_vm._s(item.des))])]) : _vm._e(), _c('div', {
46517
- staticClass: "swiper-btn_container"
46518
- }, [item.input1 != '' ? _c('a', {
46519
- attrs: {
46520
- "href": item.jumpUrl1,
46521
- "target": "_self"
46522
- }
46523
- }, [_c('button', {
46524
- staticClass: "swiper-opbtn have-arrow"
46525
- }, [_c('span', [_vm._v(_vm._s(item.input1))])])]) : _vm._e(), item.input2 != '' ? _c('a', {
46526
- attrs: {
46527
- "href": item.jumpUrl2,
46528
- "target": "_self"
46529
- }
46530
- }, [_c('button', {
46531
- staticClass: "swiper-opbtn_wt"
46532
- }, [_c('span', [_vm._v(_vm._s(item.input2))])])]) : _vm._e()])])]) : _vm._e()]);
46533
- }), 0)])]), _c('div', {
46534
- directives: [{
46535
- name: "show",
46536
- rawName: "v-show",
46537
- 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,
46538
- expression: "\n cmsConfig.bannerList[swiperIdx].input1 ||\n cmsConfig.bannerList[swiperIdx].input2 ||\n cmsConfig.bannerList[swiperIdx].input3 ||\n cmsConfig.bannerList[swiperIdx].inputNew\n "
46539
- }],
46540
- staticClass: "mb-swiper_box layout-mobile"
46541
- }, [_vm.cmsConfig.bannerList[_vm.swiperIdx].title ? _c('div', {
46542
- staticClass: "swiper-contentbtn"
46543
- }, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].title))])]) : _vm._e(), _vm.cmsConfig.bannerList[_vm.swiperIdx].des ? _c('div', {
46544
- staticClass: "swiper-label"
46545
- }, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].des))])]) : _vm._e(), _c('div', {
46546
- staticClass: "swiper-btn_container"
46547
- }, [_vm.cmsConfig.bannerList[_vm.swiperIdx].input1 ? _c('a', {
46548
- attrs: {
46549
- "href": _vm.cmsConfig.bannerList[_vm.swiperIdx].jumpUrl1,
46550
- "target": "_self"
46551
- }
46552
- }, [_c('button', {
46553
- staticClass: "swiper-opbtn have-arrow"
46554
- }, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].input1))])])]) : _vm._e(), _vm.cmsConfig.bannerList[_vm.swiperIdx].input2 ? _c('a', {
46555
- attrs: {
46556
- "href": _vm.cmsConfig.bannerList[_vm.swiperIdx].jumpUrl2,
46557
- "target": "_self"
46558
- }
46559
- }, [_c('button', {
46560
- staticClass: "swiper-opbtn_wt have-arrow"
46561
- }, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].input2))])])]) : _vm._e()])]), _vm.cmsConfig.bannerList.length > 1 ? _c('div', {
46562
- staticClass: "cmhk-swiper-button-number"
46563
- }, [_vm._l(_vm.cmsConfig.bannerList, function (item, idx) {
46564
- return _c('div', {
46565
- key: idx,
46566
- staticClass: "line-customs_wrapper",
46567
- on: {
46568
- "click": function ($event) {
46569
- $event.stopPropagation();
46570
- return _vm.jumpToSlide(idx);
46571
- }
46572
- }
46573
- }, [_c('div', {
46574
- class: ['cmhk-line-customs', idx === _vm.swiperIdx ? 'cmhk-line-customs-active' : '']
46575
- }, [item && item.input1 ? _c('div', {
46576
- staticClass: "swiper-popupup layout-pc"
46577
- }, [_c('p', {
46578
- staticClass: "swiper-popuptext"
46579
- }, [_vm._v(_vm._s(item.input1))])]) : _vm._e()])]);
46580
- }), _c('div', {
46581
- staticClass: "swiper-button-puase",
46582
- on: {
46583
- "click": function ($event) {
46584
- $event.stopPropagation();
46585
- return _vm.swiperPlay.apply(null, arguments);
46586
- }
46587
- }
46588
- }, [!_vm.swiperPlayVal ? _c('img', {
46589
- staticClass: "playstart-image",
46590
- attrs: {
46591
- "src": __webpack_require__(2254)
46592
- }
46593
- }) : _vm._e(), _vm.swiperPlayVal ? _c('img', {
46594
- staticClass: "playstop-image",
46595
- attrs: {
46596
- "src": __webpack_require__(2584)
46597
- }
46598
- }) : _vm._e()])], 2) : _vm._e()]) : _vm._e(), _c('div', {
46599
- class: {
46600
- opcacity: _vm.isOpcacity
46601
- },
46602
- on: {
46603
- "click": _vm.handleNowComp
46604
- }
46605
- })]), _vm.nowCompId !== '' && _vm.nowCompId == _vm.data.id ? _c('div', {
46606
- staticClass: "com-delete"
46607
- }, [_c('i', {
46608
- staticClass: "el-icon-delete",
46609
- on: {
46610
- "click": function ($event) {
46611
- $event.stopPropagation();
46612
- return _vm.deleteComponent.apply(null, arguments);
46613
- }
46614
- }
46615
- })]) : _vm._e()]);
46616
- };
46617
- var staticRenderFns = [];
46618
-
46619
- ;// ./package/cms-banner/View.vue?vue&type=template&id=33b2c1db&scoped=true
46620
-
46621
- // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
46622
- var es_iterator_constructor = __webpack_require__(8111);
46623
- // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
46624
- var es_iterator_for_each = __webpack_require__(7588);
46625
- // EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.js
46626
- var swiper = __webpack_require__(2791);
46627
- // EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
46628
- var swiper_esm_bundle = __webpack_require__(4418);
46629
- // EXTERNAL MODULE: ./src/utils/jumpUrl.js
46630
- var jumpUrl = __webpack_require__(813);
46631
- ;// ./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
46632
-
46633
-
46634
-
46635
-
46636
-
46637
-
46638
-
46639
-
46640
- /* harmony default export */ var Viewvue_type_script_lang_js = ({
46641
- name: "cms-banner",
46642
- props: {
46643
- data: {
46644
- type: Object,
46645
- default: () => {
46646
- return {};
46647
- }
46648
- },
46649
- nowCompId: {
46650
- type: [String, Number],
46651
- default: ""
46652
- },
46653
- isOpcacity: {
46654
- type: Boolean,
46655
- default: true
46656
- },
46657
- lang: {
46658
- type: String,
46659
- default: "zh-HK"
46660
- }
46661
- },
46662
- data() {
46663
- return {
46664
- style: {},
46665
- // 样式
46666
- isEditor: true,
46667
- cmsConfig: {
46668
- bannerList: []
46669
- },
46670
- CN: [],
46671
- HK: [],
46672
- EN: [],
46673
- // 轮播
46674
- swiperOne: null,
46675
- swiperIdx: 0,
46676
- swiperPlayVal: true
46677
- };
46678
- },
46679
- created() {
46680
- if (this.$route.path != "/editor") {
46681
- this.isEditor = false;
46682
- }
46683
- },
46684
- mounted() {
46685
- if (this.$EventBus) {
46686
- this.$EventBus.$on("forceUpdateCom", data => {
46687
- if (data.id == this.data.id) {
46688
- let obj = {};
46689
- data.settings.attribute.forEach(item => {
46690
- obj[item.key] = item.value;
46691
- });
46692
- this.style = obj;
46693
- }
46694
- });
46695
- }
46696
- if (this.cmsConfig.bannerList.length > 0) {
46697
- this.initSwiper("bannerList");
46698
- }
46699
- },
46700
- watch: {
46701
- data: {
46702
- handler(val) {
46703
- let obj = {};
46704
- val.settings.settings.forEach(item => {
46705
- this.CN = item.value.bannerList.CN;
46706
- this.HK = item.value.bannerList.HK;
46707
- this.EN = item.value.bannerList.EN;
46708
- });
46709
- val.settings.attribute.forEach(item => {
46710
- obj[item.key] = item.value;
46711
- });
46712
- this.style = obj;
46713
- this.getValue(this.lang);
46714
- },
46715
- deep: true,
46716
- immediate: true
46717
- },
46718
- lang: {
46719
- handler(val) {
46720
- this.getValue(val);
46721
- },
46722
- deep: true,
46723
- immediate: true
46724
- }
46725
- },
46726
- methods: {
46727
- getValue(val) {
46728
- const obj = {
46729
- "zh-CN": "CN",
46730
- "zh-HK": "HK",
46731
- "en-US": "EN"
46732
- };
46733
- this.cmsConfig.bannerList = this[`${obj[val]}`];
46734
- },
46735
- handleNowComp() {
46736
- if (!this.isOpcacity) return;
46737
- this.$EventBus.$emit("handleNowComp", {
46738
- key: this.data.id,
46739
- settings: this.data.settings,
46740
- nowCompName: this.data.compName
46741
- });
46742
- },
46743
- deleteComponent() {
46744
- this.$EventBus.$emit("handleDeleteComp", {
46745
- key: this.data.id
46746
- });
46747
- },
46748
- initSwiper(operationName) {
46749
- const vm = this;
46750
- if (operationName === "bannerList" && this.cmsConfig.bannerList.length > 0) {
46751
- // 当广告个数大于1的时候才开启循环
46752
- const ifLoop = this.cmsConfig.bannerList.length > 1 ? true : false;
46753
- this.swiperOne = new swiper_esm_bundle/* default */.A(`#contentSwiper${this.data.id}`, {
46754
- initialSlide: 0,
46755
- // 初始化时slide的索引
46756
- autoplay: {
46757
- // 自动开始
46758
- delay: 5000,
46759
- // 时间间隔
46760
- disableOnInteraction: false // 手动操作轮播图后不会暂停
46761
- },
46762
- loop: ifLoop,
46763
- // 循环模式选项
46764
- spaceBetween: 30,
46765
- // 在slide之间设置距离
46766
- observer: true,
46767
- observeParents: true,
46768
- on: {
46769
- slideChangeTransitionEnd: function () {
46770
- // swiper从一个slide过渡到另一个slide结束时执行
46771
- console.log("realIndex", this.realIndex);
46772
- if (this.realIndex > vm.cmsConfig.bannerList.length - 1) return;
46773
- vm.swiperIdx = this.realIndex;
46774
- },
46775
- resize: function () {
46776
- this.update(true);
46777
- }
46778
- }
46779
- });
46780
- }
46781
- },
46782
- // 轮播
46783
- swiperPlay() {
46784
- this.swiperPlayVal = !this.swiperPlayVal;
46785
- this.swiperPlayVal ? this.swiperClickStart() : this.swiperClickStop();
46786
- },
46787
- swiperClickStop() {
46788
- this.swiperOne.autoplay.stop();
46789
- },
46790
- swiperClickStart() {
46791
- this.swiperOne.autoplay.start();
46792
- },
46793
- jumpToSlide(idx) {
46794
- // banner 轮播PC
46795
- console.log("PC点击了", idx);
46796
- // 在Loop模式下Swiper切换到指定slide。切换到的是slide索引是realIndex
46797
- this.swiperOne.slideToLoop(idx, 1000, false);
46798
- this.swiperIdx = idx;
46799
- },
46800
- //跳转
46801
- decodeJumpUrl(path, route) {
46802
- (0,jumpUrl/* decodeJumpUrl */.u)(path, route);
46803
- }
46804
- }
46805
- });
46806
- ;// ./package/cms-banner/View.vue?vue&type=script&lang=js
46807
- /* harmony default export */ var cms_banner_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
46808
- ;// ./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=33b2c1db&prod&scoped=true&lang=scss
46809
- // extracted by mini-css-extract-plugin
46810
-
46811
- ;// ./package/cms-banner/View.vue?vue&type=style&index=0&id=33b2c1db&prod&scoped=true&lang=scss
46812
-
46813
- // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
46814
- var componentNormalizer = __webpack_require__(1656);
46815
- ;// ./package/cms-banner/View.vue
46816
-
46817
-
46818
-
46819
- ;
46820
-
46821
-
46822
- /* normalize component */
46823
-
46824
- var component = (0,componentNormalizer/* default */.A)(
46825
- cms_banner_Viewvue_type_script_lang_js,
46826
- render,
46827
- staticRenderFns,
46828
- false,
46829
- null,
46830
- "33b2c1db",
46831
- null
46832
-
46833
- )
46834
-
46835
- /* harmony default export */ var View = (component.exports);
46836
-
46837
- /***/ }),
46838
-
46839
46839
  /***/ 7040:
46840
46840
  /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
46841
46841