cms-chenhj-ui 1.0.57 → 1.0.58

package/cms-chenhj-ui.umd.js

@@ -38138,7 +38138,7 @@ var map = {
 	"./cms-aLineThreeLeftTwo/View.vue": 149,
 	"./cms-activityCountdown/View.vue": 5591,
 	"./cms-activityTime/View.vue": 4879,
-	"./cms-banner/View.vue": 6274,
+	"./cms-banner/View.vue": 8410,
 	"./cms-breadCrumb/View.vue": 1263,
 	"./cms-button/View.vue": 7081,
 	"./cms-cells/View.vue": 2442,
@@ -43244,405 +43244,6 @@ var component = (0,componentNormalizer/* default */.A)(
 module.exports = {};
 
 
-/***/ }),
-
-/***/ 6274:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": function() { return /* binding */ View; }
-});
-
-;// ./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-banner/View.vue?vue&type=template&id=504b8057&scoped=true
-var render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('div', {
-    staticClass: "test",
-    class: [_vm.nowCompId !== '' && _vm.nowCompId == _vm.data.id ? 'highLight' : ''],
-    staticStyle: {
-      "position": "relative",
-      "cursor": "pointer"
-    },
-    style: _vm.style,
-    on: {
-      "click": function ($event) {
-        $event.stopPropagation();
-        return _vm.handleNowComp();
-      }
-    }
-  }, [_c('div', {
-    staticClass: "content-swiper tt_banner"
-  }, [_vm.cmsConfig.bannerList.length > 0 ? _c('div', {
-    staticClass: "relative position"
-  }, [_c('div', {
-    staticClass: "my_banner"
-  }, [_c('div', {
-    staticClass: "swiper-container_contentswiper",
-    attrs: {
-      "id": `contentSwiper${_vm.data.id}`
-    }
-  }, [_c('div', {
-    staticClass: "swiper-wrapper",
-    staticStyle: {
-      "width": "1074px",
-      "height": "100%"
-    }
-  }, _vm._l(_vm.cmsConfig.bannerList, function (item, inx) {
-    return _c('div', {
-      key: inx,
-      staticClass: "swiper-slide"
-    }, [item ? _c('div', {
-      staticClass: "swiper-banner_box",
-      on: {
-        "click": function ($event) {
-          return _vm.decodeJumpUrl(item.jumpUrl, _vm.$router);
-        }
-      }
-    }, [_c('img', {
-      staticClass: "swiper-banner_image layout-pc",
-      attrs: {
-        "src": item.uploadImagePC,
-        "alt": "PC"
-      }
-    }), _c('img', {
-      staticClass: "swiper-banner_image layout-mobile",
-      attrs: {
-        "src": item.uploadImageH5,
-        "alt": "H5"
-      }
-    }), _c('div', {
-      staticClass: "extra-swiper_box layout-pc"
-    }, [item.title ? _c('div', {
-      staticClass: "swiper-contentbtn"
-    }, [_c('span', [_vm._v(_vm._s(item.title))])]) : _vm._e(), item.des ? _c('div', {
-      staticClass: "swiper-labels"
-    }, [_c('span', [_vm._v(_vm._s(item.des))])]) : _vm._e(), _c('div', {
-      staticClass: "swiper-btn_container"
-    }, [item.input1 != '' ? _c('a', {
-      attrs: {
-        "href": item.jumpUrl1,
-        "target": "_self"
-      }
-    }, [_c('button', {
-      staticClass: "swiper-opbtn have-arrow"
-    }, [_c('span', [_vm._v(_vm._s(item.input1))])])]) : _vm._e(), item.input2 != '' ? _c('a', {
-      attrs: {
-        "href": item.jumpUrl2,
-        "target": "_self"
-      }
-    }, [_c('button', {
-      staticClass: "swiper-opbtn_wt"
-    }, [_c('span', [_vm._v(_vm._s(item.input2))])])]) : _vm._e()])])]) : _vm._e()]);
-  }), 0)])]), _c('div', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      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,
-      expression: "\n          cmsConfig.bannerList[swiperIdx].input1 ||\n          cmsConfig.bannerList[swiperIdx].input2 ||\n          cmsConfig.bannerList[swiperIdx].input3 ||\n          cmsConfig.bannerList[swiperIdx].inputNew\n        "
-    }],
-    staticClass: "mb-swiper_box layout-mobile"
-  }, [_vm.cmsConfig.bannerList[_vm.swiperIdx].title ? _c('div', {
-    staticClass: "swiper-contentbtn"
-  }, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].title))])]) : _vm._e(), _vm.cmsConfig.bannerList[_vm.swiperIdx].des ? _c('div', {
-    staticClass: "swiper-label"
-  }, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].des))])]) : _vm._e(), _c('div', {
-    staticClass: "swiper-btn_container"
-  }, [_vm.cmsConfig.bannerList[_vm.swiperIdx].input1 ? _c('a', {
-    attrs: {
-      "href": _vm.cmsConfig.bannerList[_vm.swiperIdx].jumpUrl1,
-      "target": "_self"
-    }
-  }, [_c('button', {
-    staticClass: "swiper-opbtn have-arrow"
-  }, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].input1))])])]) : _vm._e(), _vm.cmsConfig.bannerList[_vm.swiperIdx].input2 ? _c('a', {
-    attrs: {
-      "href": _vm.cmsConfig.bannerList[_vm.swiperIdx].jumpUrl2,
-      "target": "_self"
-    }
-  }, [_c('button', {
-    staticClass: "swiper-opbtn_wt have-arrow"
-  }, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].input2))])])]) : _vm._e()])]), _vm.cmsConfig.bannerList.length > 1 ? _c('div', {
-    staticClass: "cmhk-swiper-button-number"
-  }, [_vm._l(_vm.cmsConfig.bannerList, function (item, idx) {
-    return _c('div', {
-      key: idx,
-      staticClass: "line-customs_wrapper",
-      on: {
-        "click": function ($event) {
-          $event.stopPropagation();
-          return _vm.jumpToSlide(idx);
-        }
-      }
-    }, [_c('div', {
-      class: ['cmhk-line-customs', idx === _vm.swiperIdx ? 'cmhk-line-customs-active' : '']
-    }, [item && item.input1 ? _c('div', {
-      staticClass: "swiper-popupup layout-pc"
-    }, [_c('p', {
-      staticClass: "swiper-popuptext"
-    }, [_vm._v(_vm._s(item.input1))])]) : _vm._e()])]);
-  }), _c('div', {
-    staticClass: "swiper-button-puase",
-    on: {
-      "click": function ($event) {
-        $event.stopPropagation();
-        return _vm.swiperPlay.apply(null, arguments);
-      }
-    }
-  }, [!_vm.swiperPlayVal ? _c('img', {
-    staticClass: "playstart-image",
-    attrs: {
-      "src": __webpack_require__(2254)
-    }
-  }) : _vm._e(), _vm.swiperPlayVal ? _c('img', {
-    staticClass: "playstop-image",
-    attrs: {
-      "src": __webpack_require__(2584)
-    }
-  }) : _vm._e()])], 2) : _vm._e()]) : _vm._e(), _c('div', {
-    class: {
-      opcacity: _vm.isOpcacity
-    },
-    on: {
-      "click": _vm.handleNowComp
-    }
-  })]), _vm.nowCompId !== '' && _vm.nowCompId == _vm.data.id ? _c('div', {
-    staticClass: "com-delete"
-  }, [_c('i', {
-    staticClass: "el-icon-delete",
-    on: {
-      "click": function ($event) {
-        $event.stopPropagation();
-        return _vm.deleteComponent.apply(null, arguments);
-      }
-    }
-  })]) : _vm._e()]);
-};
-var staticRenderFns = [];
-
-;// ./package/cms-banner/View.vue?vue&type=template&id=504b8057&scoped=true
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
-var es_iterator_constructor = __webpack_require__(8111);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
-var es_iterator_for_each = __webpack_require__(7588);
-// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.js
-var swiper = __webpack_require__(828);
-// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
-var swiper_esm_bundle = __webpack_require__(1532);
-// EXTERNAL MODULE: ./src/utils/jumpUrl.js
-var jumpUrl = __webpack_require__(4102);
-;// ./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-banner/View.vue?vue&type=script&lang=js
-
-
-
-
-
-
-
-
-/* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-banner",
-  props: {
-    data: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    nowCompId: {
-      type: [String, Number],
-      default: ""
-    },
-    isOpcacity: {
-      type: Boolean,
-      default: true
-    },
-    lang: {
-      type: String,
-      default: "zh-HK"
-    }
-  },
-  data() {
-    return {
-      style: {},
-      // 样式
-      isEditor: true,
-      cmsConfig: {
-        bannerList: []
-      },
-      CN: [],
-      HK: [],
-      EN: [],
-      // 轮播
-      swiperOne: null,
-      swiperIdx: 0,
-      swiperPlayVal: true
-    };
-  },
-  created() {
-    if (this.$route.path != "/editor") {
-      this.isEditor = false;
-    }
-  },
-  mounted() {
-    if (this.$EventBus) {
-      this.$EventBus.$on("forceUpdateCom", data => {
-        if (data.id == this.data.id) {
-          let obj = {};
-          data.settings.attribute.forEach(item => {
-            obj[item.key] = item.value;
-          });
-          this.style = obj;
-        }
-      });
-    }
-    if (this.cmsConfig.bannerList.length > 0) {
-      this.initSwiper("bannerList");
-    }
-  },
-  watch: {
-    data: {
-      handler(val) {
-        let obj = {};
-        val.settings.settings.forEach(item => {
-          this.CN = item.value.bannerList.CN;
-          this.HK = item.value.bannerList.HK;
-          this.EN = item.value.bannerList.EN;
-        });
-        val.settings.attribute.forEach(item => {
-          obj[item.key] = item.value;
-        });
-        this.style = obj;
-        this.getValue(this.lang);
-      },
-      deep: true,
-      immediate: true
-    },
-    lang: {
-      handler(val) {
-        this.getValue(val);
-      },
-      deep: true,
-      immediate: true
-    }
-  },
-  methods: {
-    getValue(val) {
-      const obj = {
-        "zh-CN": "CN",
-        "zh-HK": "HK",
-        "en-US": "EN"
-      };
-      this.cmsConfig.bannerList = this[`${obj[val]}`];
-    },
-    handleNowComp() {
-      if (!this.isOpcacity) return;
-      this.$EventBus.$emit("handleNowComp", {
-        key: this.data.id,
-        settings: this.data.settings,
-        nowCompName: this.data.compName
-      });
-    },
-    deleteComponent() {
-      this.$EventBus.$emit("handleDeleteComp", {
-        key: this.data.id
-      });
-    },
-    initSwiper(operationName) {
-      const vm = this;
-      if (operationName === "bannerList" && this.cmsConfig.bannerList.length > 0) {
-        // 当广告个数大于1的时候才开启循环
-        const ifLoop = this.cmsConfig.bannerList.length > 1 ? true : false;
-        this.swiperOne = new swiper_esm_bundle/* default */.A(`#contentSwiper${this.data.id}`, {
-          initialSlide: 0,
-          // 初始化时slide的索引
-          autoplay: {
-            // 自动开始
-            delay: 5000,
-            // 时间间隔
-            disableOnInteraction: false // 手动操作轮播图后不会暂停
-          },
-          loop: ifLoop,
-          // 循环模式选项
-          spaceBetween: 30,
-          // 在slide之间设置距离
-          observer: true,
-          observeParents: true,
-          on: {
-            slideChangeTransitionEnd: function () {
-              // swiper从一个slide过渡到另一个slide结束时执行
-              console.log("realIndex", this.realIndex);
-              if (this.realIndex > vm.cmsConfig.bannerList.length - 1) return;
-              vm.swiperIdx = this.realIndex;
-            },
-            resize: function () {
-              this.update(true);
-            }
-          }
-        });
-      }
-    },
-    // 轮播
-    swiperPlay() {
-      this.swiperPlayVal = !this.swiperPlayVal;
-      this.swiperPlayVal ? this.swiperClickStart() : this.swiperClickStop();
-    },
-    swiperClickStop() {
-      this.swiperOne.autoplay.stop();
-    },
-    swiperClickStart() {
-      this.swiperOne.autoplay.start();
-    },
-    jumpToSlide(idx) {
-      // banner 轮播PC
-      console.log("PC点击了", idx);
-      // 在Loop模式下Swiper切换到指定slide。切换到的是slide索引是realIndex
-      this.swiperOne.slideToLoop(idx, 1000, false);
-      this.swiperIdx = idx;
-    },
-    //跳转
-    decodeJumpUrl(path, route) {
-      (0,jumpUrl/* decodeJumpUrl */.u)(path, route);
-    }
-  }
-});
-;// ./package/cms-banner/View.vue?vue&type=script&lang=js
- /* harmony default export */ var cms_banner_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// ./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-banner/View.vue?vue&type=style&index=0&id=504b8057&prod&scoped=true&lang=scss
-// extracted by mini-css-extract-plugin
-
-;// ./package/cms-banner/View.vue?vue&type=style&index=0&id=504b8057&prod&scoped=true&lang=scss
-
-// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(1656);
-;// ./package/cms-banner/View.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var component = (0,componentNormalizer/* default */.A)(
-  cms_banner_Viewvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  "504b8057",
-  null
-  
-)
-
-/* harmony default export */ var View = (component.exports);
-
 /***/ }),
 
 /***/ 6279:
@@ -46591,397 +46192,780 @@ module.exports = function (O, C) {
 
 "use strict";
 
-var IS_PURE = __webpack_require__(6395);
+var IS_PURE = __webpack_require__(6395);
+var globalThis = __webpack_require__(4576);
+var defineGlobalProperty = __webpack_require__(9433);
+
+var SHARED = '__core-js_shared__';
+var store = module.exports = globalThis[SHARED] || defineGlobalProperty(SHARED, {});
+
+(store.versions || (store.versions = [])).push({
+  version: '3.41.0',
+  mode: IS_PURE ? 'pure' : 'global',
+  copyright: '© 2014-2025 Denis Pushkarev (zloirock.ru)',
+  license: 'https://github.com/zloirock/core-js/blob/v3.41.0/LICENSE',
+  source: 'https://github.com/zloirock/core-js'
+});
+
+
+/***/ }),
+
+/***/ 7634:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+
+var GetIntrinsic = __webpack_require__(6303);
+var callBindBasic = __webpack_require__(5556);
+
+/** @type {(thisArg: string, searchString: string, position?: number) => number} */
+var $indexOf = callBindBasic([GetIntrinsic('%String.prototype.indexOf%')]);
+
+/** @type {import('.')} */
+module.exports = function callBoundIntrinsic(name, allowMissing) {
+  /* eslint no-extra-parens: 0 */
+
+  var intrinsic = /** @type {(this: unknown, ...args: unknown[]) => unknown} */GetIntrinsic(name, !!allowMissing);
+  if (typeof intrinsic === 'function' && $indexOf(name, '.prototype.') > -1) {
+    return callBindBasic(/** @type {const} */[intrinsic]);
+  }
+  return intrinsic;
+};
+
+/***/ }),
+
+/***/ 7642:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var $ = __webpack_require__(6518);
+var difference = __webpack_require__(3440);
+var setMethodAcceptSetLike = __webpack_require__(4916);
+
+var INCORRECT = !setMethodAcceptSetLike('difference', function (result) {
+  return result.size === 0;
+});
+
+// `Set.prototype.difference` method
+// https://tc39.es/ecma262/#sec-set.prototype.difference
+$({ target: 'Set', proto: true, real: true, forced: INCORRECT }, {
+  difference: difference
+});
+
+
+/***/ }),
+
+/***/ 7657:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var fails = __webpack_require__(9039);
+var isCallable = __webpack_require__(4901);
+var isObject = __webpack_require__(34);
+var create = __webpack_require__(2360);
+var getPrototypeOf = __webpack_require__(2787);
+var defineBuiltIn = __webpack_require__(6840);
+var wellKnownSymbol = __webpack_require__(8227);
+var IS_PURE = __webpack_require__(6395);
+
+var ITERATOR = wellKnownSymbol('iterator');
+var BUGGY_SAFARI_ITERATORS = false;
+
+// `%IteratorPrototype%` object
+// https://tc39.es/ecma262/#sec-%iteratorprototype%-object
+var IteratorPrototype, PrototypeOfArrayIteratorPrototype, arrayIterator;
+
+/* eslint-disable es/no-array-prototype-keys -- safe */
+if ([].keys) {
+  arrayIterator = [].keys();
+  // Safari 8 has buggy iterators w/o `next`
+  if (!('next' in arrayIterator)) BUGGY_SAFARI_ITERATORS = true;
+  else {
+    PrototypeOfArrayIteratorPrototype = getPrototypeOf(getPrototypeOf(arrayIterator));
+    if (PrototypeOfArrayIteratorPrototype !== Object.prototype) IteratorPrototype = PrototypeOfArrayIteratorPrototype;
+  }
+}
+
+var NEW_ITERATOR_PROTOTYPE = !isObject(IteratorPrototype) || fails(function () {
+  var test = {};
+  // FF44- legacy iterators case
+  return IteratorPrototype[ITERATOR].call(test) !== test;
+});
+
+if (NEW_ITERATOR_PROTOTYPE) IteratorPrototype = {};
+else if (IS_PURE) IteratorPrototype = create(IteratorPrototype);
+
+// `%IteratorPrototype%[@@iterator]()` method
+// https://tc39.es/ecma262/#sec-%iteratorprototype%-@@iterator
+if (!isCallable(IteratorPrototype[ITERATOR])) {
+  defineBuiltIn(IteratorPrototype, ITERATOR, function () {
+    return this;
+  });
+}
+
+module.exports = {
+  IteratorPrototype: IteratorPrototype,
+  BUGGY_SAFARI_ITERATORS: BUGGY_SAFARI_ITERATORS
+};
+
+
+/***/ }),
+
+/***/ 7680:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var uncurryThis = __webpack_require__(9504);
+
+module.exports = uncurryThis([].slice);
+
+
+/***/ }),
+
+/***/ 7696:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var toIntegerOrInfinity = __webpack_require__(1291);
+var toLength = __webpack_require__(8014);
+
+var $RangeError = RangeError;
+
+// `ToIndex` abstract operation
+// https://tc39.es/ecma262/#sec-toindex
+module.exports = function (it) {
+  if (it === undefined) return 0;
+  var number = toIntegerOrInfinity(it);
+  var length = toLength(number);
+  if (number !== length) throw new $RangeError('Wrong length or index');
+  return length;
+};
+
+
+/***/ }),
+
+/***/ 7740:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var hasOwn = __webpack_require__(9297);
+var ownKeys = __webpack_require__(5031);
+var getOwnPropertyDescriptorModule = __webpack_require__(7347);
+var definePropertyModule = __webpack_require__(4913);
+
+module.exports = function (target, source, exceptions) {
+  var keys = ownKeys(source);
+  var defineProperty = definePropertyModule.f;
+  var getOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;
+  for (var i = 0; i < keys.length; i++) {
+    var key = keys[i];
+    if (!hasOwn(target, key) && !(exceptions && hasOwn(exceptions, key))) {
+      defineProperty(target, key, getOwnPropertyDescriptor(source, key));
+    }
+  }
+};
+
+
+/***/ }),
+
+/***/ 7750:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var isNullOrUndefined = __webpack_require__(4117);
+
+var $TypeError = TypeError;
+
+// `RequireObjectCoercible` abstract operation
+// https://tc39.es/ecma262/#sec-requireobjectcoercible
+module.exports = function (it) {
+  if (isNullOrUndefined(it)) throw new $TypeError("Can't call method on " + it);
+  return it;
+};
+
+
+/***/ }),
+
+/***/ 7751:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
 var globalThis = __webpack_require__(4576);
-var defineGlobalProperty = __webpack_require__(9433);
+var isCallable = __webpack_require__(4901);
 
-var SHARED = '__core-js_shared__';
-var store = module.exports = globalThis[SHARED] || defineGlobalProperty(SHARED, {});
+var aFunction = function (argument) {
+  return isCallable(argument) ? argument : undefined;
+};
 
-(store.versions || (store.versions = [])).push({
-  version: '3.41.0',
-  mode: IS_PURE ? 'pure' : 'global',
-  copyright: '© 2014-2025 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.41.0/LICENSE',
-  source: 'https://github.com/zloirock/core-js'
-});
+module.exports = function (namespace, method) {
+  return arguments.length < 2 ? aFunction(globalThis[namespace]) : globalThis[namespace] && globalThis[namespace][method];
+};
 
 
 /***/ }),
 
-/***/ 7634:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+/***/ 7811:
+/***/ (function(module) {
 
 "use strict";
 
+// eslint-disable-next-line es/no-typed-arrays -- safe
+module.exports = typeof ArrayBuffer != 'undefined' && typeof DataView != 'undefined';
 
-var GetIntrinsic = __webpack_require__(6303);
-var callBindBasic = __webpack_require__(5556);
 
-/** @type {(thisArg: string, searchString: string, position?: number) => number} */
-var $indexOf = callBindBasic([GetIntrinsic('%String.prototype.indexOf%')]);
+/***/ }),
 
-/** @type {import('.')} */
-module.exports = function callBoundIntrinsic(name, allowMissing) {
-  /* eslint no-extra-parens: 0 */
+/***/ 7897:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
-  var intrinsic = /** @type {(this: unknown, ...args: unknown[]) => unknown} */GetIntrinsic(name, !!allowMissing);
-  if (typeof intrinsic === 'function' && $indexOf(name, '.prototype.') > -1) {
-    return callBindBasic(/** @type {const} */[intrinsic]);
+"use strict";
+var __webpack_unused_export__;
+
+
+__webpack_unused_export__ = true;
+__webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = undefined;
+var _zhCN = __webpack_require__(5434);
+var _zhCN2 = _interopRequireDefault(_zhCN);
+var _vue = __webpack_require__(3562);
+var _vue2 = _interopRequireDefault(_vue);
+var _deepmerge = __webpack_require__(7934);
+var _deepmerge2 = _interopRequireDefault(_deepmerge);
+var _format = __webpack_require__(850);
+var _format2 = _interopRequireDefault(_format);
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : {
+    default: obj
+  };
+}
+var format = (0, _format2.default)(_vue2.default);
+var lang = _zhCN2.default;
+var merged = false;
+var i18nHandler = function i18nHandler() {
+  var vuei18n = Object.getPrototypeOf(this || _vue2.default).$t;
+  if (typeof vuei18n === 'function' && !!_vue2.default.locale) {
+    if (!merged) {
+      merged = true;
+      _vue2.default.locale(_vue2.default.config.lang, (0, _deepmerge2.default)(lang, _vue2.default.locale(_vue2.default.config.lang) || {}, {
+        clone: true
+      }));
+    }
+    return vuei18n.apply(this, arguments);
   }
-  return intrinsic;
+};
+var t = __webpack_unused_export__ = function t(path, options) {
+  var value = i18nHandler.apply(this, arguments);
+  if (value !== null && value !== undefined) return value;
+  var array = path.split('.');
+  var current = lang;
+  for (var i = 0, j = array.length; i < j; i++) {
+    var property = array[i];
+    value = current[property];
+    if (i === j - 1) return format(value, options);
+    if (!value) return '';
+    current = value;
+  }
+  return '';
+};
+var use = __webpack_unused_export__ = function use(l) {
+  lang = l || lang;
+};
+var i18n = __webpack_unused_export__ = function i18n(fn) {
+  i18nHandler = fn || i18nHandler;
+};
+__webpack_unused_export__ = {
+  use: use,
+  t: t,
+  i18n: i18n
 };
 
 /***/ }),
 
-/***/ 7642:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+/***/ 7934:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 "use strict";
 
-var $ = __webpack_require__(6518);
-var difference = __webpack_require__(3440);
-var setMethodAcceptSetLike = __webpack_require__(4916);
 
-var INCORRECT = !setMethodAcceptSetLike('difference', function (result) {
-  return result.size === 0;
-});
+__webpack_require__(4114);
+__webpack_require__(8111);
+__webpack_require__(7588);
+__webpack_require__(8237);
+var isMergeableObject = function isMergeableObject(value) {
+  return isNonNullObject(value) && !isSpecial(value);
+};
+function isNonNullObject(value) {
+  return !!value && typeof value === 'object';
+}
+function isSpecial(value) {
+  var stringValue = Object.prototype.toString.call(value);
+  return stringValue === '[object RegExp]' || stringValue === '[object Date]' || isReactElement(value);
+}
 
-// `Set.prototype.difference` method
-// https://tc39.es/ecma262/#sec-set.prototype.difference
-$({ target: 'Set', proto: true, real: true, forced: INCORRECT }, {
-  difference: difference
-});
+// see https://github.com/facebook/react/blob/b5ac963fb791d1298e7f396236383bc955f916c1/src/isomorphic/classic/element/ReactElement.js#L21-L25
+var canUseSymbol = typeof Symbol === 'function' && Symbol.for;
+var REACT_ELEMENT_TYPE = canUseSymbol ? Symbol.for('react.element') : 0xeac7;
+function isReactElement(value) {
+  return value.$$typeof === REACT_ELEMENT_TYPE;
+}
+function emptyTarget(val) {
+  return Array.isArray(val) ? [] : {};
+}
+function cloneIfNecessary(value, optionsArgument) {
+  var clone = optionsArgument && optionsArgument.clone === true;
+  return clone && isMergeableObject(value) ? deepmerge(emptyTarget(value), value, optionsArgument) : value;
+}
+function defaultArrayMerge(target, source, optionsArgument) {
+  var destination = target.slice();
+  source.forEach(function (e, i) {
+    if (typeof destination[i] === 'undefined') {
+      destination[i] = cloneIfNecessary(e, optionsArgument);
+    } else if (isMergeableObject(e)) {
+      destination[i] = deepmerge(target[i], e, optionsArgument);
+    } else if (target.indexOf(e) === -1) {
+      destination.push(cloneIfNecessary(e, optionsArgument));
+    }
+  });
+  return destination;
+}
+function mergeObject(target, source, optionsArgument) {
+  var destination = {};
+  if (isMergeableObject(target)) {
+    Object.keys(target).forEach(function (key) {
+      destination[key] = cloneIfNecessary(target[key], optionsArgument);
+    });
+  }
+  Object.keys(source).forEach(function (key) {
+    if (!isMergeableObject(source[key]) || !target[key]) {
+      destination[key] = cloneIfNecessary(source[key], optionsArgument);
+    } else {
+      destination[key] = deepmerge(target[key], source[key], optionsArgument);
+    }
+  });
+  return destination;
+}
+function deepmerge(target, source, optionsArgument) {
+  var sourceIsArray = Array.isArray(source);
+  var targetIsArray = Array.isArray(target);
+  var options = optionsArgument || {
+    arrayMerge: defaultArrayMerge
+  };
+  var sourceAndTargetTypesMatch = sourceIsArray === targetIsArray;
+  if (!sourceAndTargetTypesMatch) {
+    return cloneIfNecessary(source, optionsArgument);
+  } else if (sourceIsArray) {
+    var arrayMerge = options.arrayMerge || defaultArrayMerge;
+    return arrayMerge(target, source, optionsArgument);
+  } else {
+    return mergeObject(target, source, optionsArgument);
+  }
+}
+deepmerge.all = function deepmergeAll(array, optionsArgument) {
+  if (!Array.isArray(array) || array.length < 2) {
+    throw new Error('first argument should be an array with at least two elements');
+  }
 
+  // we are sure there are at least 2 values, so it is safe to have no initial value
+  return array.reduce(function (prev, next) {
+    return deepmerge(prev, next, optionsArgument);
+  });
+};
+var deepmerge_1 = deepmerge;
+module.exports = deepmerge_1;
 
 /***/ }),
 
-/***/ 7657:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+/***/ 7936:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
 
 "use strict";
 
-var fails = __webpack_require__(9039);
-var isCallable = __webpack_require__(4901);
-var isObject = __webpack_require__(34);
-var create = __webpack_require__(2360);
-var getPrototypeOf = __webpack_require__(2787);
-var defineBuiltIn = __webpack_require__(6840);
-var wellKnownSymbol = __webpack_require__(8227);
-var IS_PURE = __webpack_require__(6395);
-
-var ITERATOR = wellKnownSymbol('iterator');
-var BUGGY_SAFARI_ITERATORS = false;
-
-// `%IteratorPrototype%` object
-// https://tc39.es/ecma262/#sec-%iteratorprototype%-object
-var IteratorPrototype, PrototypeOfArrayIteratorPrototype, arrayIterator;
+var $ = __webpack_require__(6518);
+var $transfer = __webpack_require__(5636);
 
-/* eslint-disable es/no-array-prototype-keys -- safe */
-if ([].keys) {
-  arrayIterator = [].keys();
-  // Safari 8 has buggy iterators w/o `next`
-  if (!('next' in arrayIterator)) BUGGY_SAFARI_ITERATORS = true;
-  else {
-    PrototypeOfArrayIteratorPrototype = getPrototypeOf(getPrototypeOf(arrayIterator));
-    if (PrototypeOfArrayIteratorPrototype !== Object.prototype) IteratorPrototype = PrototypeOfArrayIteratorPrototype;
+// `ArrayBuffer.prototype.transferToFixedLength` method
+// https://tc39.es/proposal-arraybuffer-transfer/#sec-arraybuffer.prototype.transfertofixedlength
+if ($transfer) $({ target: 'ArrayBuffer', proto: true }, {
+  transferToFixedLength: function transferToFixedLength() {
+    return $transfer(this, arguments.length ? arguments[0] : undefined, false);
   }
-}
-
-var NEW_ITERATOR_PROTOTYPE = !isObject(IteratorPrototype) || fails(function () {
-  var test = {};
-  // FF44- legacy iterators case
-  return IteratorPrototype[ITERATOR].call(test) !== test;
 });
 
-if (NEW_ITERATOR_PROTOTYPE) IteratorPrototype = {};
-else if (IS_PURE) IteratorPrototype = create(IteratorPrototype);
-
-// `%IteratorPrototype%[@@iterator]()` method
-// https://tc39.es/ecma262/#sec-%iteratorprototype%-@@iterator
-if (!isCallable(IteratorPrototype[ITERATOR])) {
-  defineBuiltIn(IteratorPrototype, ITERATOR, function () {
-    return this;
-  });
-}
-
-module.exports = {
-  IteratorPrototype: IteratorPrototype,
-  BUGGY_SAFARI_ITERATORS: BUGGY_SAFARI_ITERATORS
-};
-
 
 /***/ }),
 
-/***/ 7680:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+/***/ 8004:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
 
 "use strict";
 
-var uncurryThis = __webpack_require__(9504);
+var $ = __webpack_require__(6518);
+var fails = __webpack_require__(9039);
+var intersection = __webpack_require__(8750);
+var setMethodAcceptSetLike = __webpack_require__(4916);
+
+var INCORRECT = !setMethodAcceptSetLike('intersection', function (result) {
+  return result.size === 2 && result.has(1) && result.has(2);
+}) || fails(function () {
+  // eslint-disable-next-line es/no-array-from, es/no-set, es/no-set-prototype-intersection -- testing
+  return String(Array.from(new Set([1, 2, 3]).intersection(new Set([3, 2])))) !== '3,2';
+});
 
-module.exports = uncurryThis([].slice);
+// `Set.prototype.intersection` method
+// https://tc39.es/ecma262/#sec-set.prototype.intersection
+$({ target: 'Set', proto: true, real: true, forced: INCORRECT }, {
+  intersection: intersection
+});
 
 
 /***/ }),
 
-/***/ 7696:
+/***/ 8014:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 "use strict";
 
 var toIntegerOrInfinity = __webpack_require__(1291);
-var toLength = __webpack_require__(8014);
 
-var $RangeError = RangeError;
+var min = Math.min;
 
-// `ToIndex` abstract operation
-// https://tc39.es/ecma262/#sec-toindex
-module.exports = function (it) {
-  if (it === undefined) return 0;
-  var number = toIntegerOrInfinity(it);
-  var length = toLength(number);
-  if (number !== length) throw new $RangeError('Wrong length or index');
-  return length;
+// `ToLength` abstract operation
+// https://tc39.es/ecma262/#sec-tolength
+module.exports = function (argument) {
+  var len = toIntegerOrInfinity(argument);
+  return len > 0 ? min(len, 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
 };
 
 
 /***/ }),
 
-/***/ 7740:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+/***/ 8036:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
 
-var hasOwn = __webpack_require__(9297);
-var ownKeys = __webpack_require__(5031);
-var getOwnPropertyDescriptorModule = __webpack_require__(7347);
-var definePropertyModule = __webpack_require__(4913);
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ View; }
+});
 
-module.exports = function (target, source, exceptions) {
-  var keys = ownKeys(source);
-  var defineProperty = definePropertyModule.f;
-  var getOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;
-  for (var i = 0; i < keys.length; i++) {
-    var key = keys[i];
-    if (!hasOwn(target, key) && !(exceptions && hasOwn(exceptions, key))) {
-      defineProperty(target, key, getOwnPropertyDescriptor(source, key));
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=template&id=bd317c30
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('Draggable', {
+    attrs: {
+      "chosen-class": "chosen",
+      "force-fallback": "true",
+      "group": "people",
+      "animation": "1000",
+      "disabled": _vm.dragDisabled
+    },
+    on: {
+      "start": _vm.onStart,
+      "end": _vm.onEnd
     }
-  }
+  }, [_c('div', {
+    staticClass: "drag-column-container",
+    class: [_vm.nowCompId !== '' && _vm.nowCompId == _vm.data.id ? 'highLight' : ''],
+    staticStyle: {
+      "position": "relative"
+    },
+    style: _vm.style,
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.handleNowComp.apply(null, arguments);
+      }
+    }
+  }, [_vm._l(_vm.data.list, function (item) {
+    return [_c('Draggable', {
+      key: item.id,
+      staticClass: "drag-column",
+      class: [_vm.isEditor ? 'border' : ''],
+      attrs: {
+        "id": item.id,
+        "chosen-class": "chosen",
+        "force-fallback": "true",
+        "group": "people",
+        "animation": "1000",
+        "disabled": _vm.dragDisabled
+      },
+      on: {
+        "start": _vm.onStart,
+        "end": _vm.onEnd
+      }
+    }, [item ? [_c(item.compName, {
+      tag: "component",
+      attrs: {
+        "data": item,
+        "nowCompId": _vm.nowCompId
+      }
+    })] : _vm._e()], 2)];
+  }), _vm.nowCompId !== '' && _vm.nowCompId == _vm.data.id ? _c('div', {
+    staticClass: "com-delete"
+  }, [_c('i', {
+    staticClass: "el-icon-delete",
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.deleteComponent.apply(null, arguments);
+      }
+    }
+  })]) : _vm._e()], 2)]);
 };
+var staticRenderFns = [];
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
+var es_iterator_constructor = __webpack_require__(8111);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
+var es_iterator_for_each = __webpack_require__(7588);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.map.js
+var es_iterator_map = __webpack_require__(1701);
+// EXTERNAL MODULE: ./node_modules/vuedraggable/dist/vuedraggable.umd.js
+var vuedraggable_umd = __webpack_require__(9014);
+var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_umd);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=script&lang=js
 
-/***/ }),
-
-/***/ 7750:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var isNullOrUndefined = __webpack_require__(4117);
 
-var $TypeError = TypeError;
 
-// `RequireObjectCoercible` abstract operation
-// https://tc39.es/ecma262/#sec-requireobjectcoercible
-module.exports = function (it) {
-  if (isNullOrUndefined(it)) throw new $TypeError("Can't call method on " + it);
-  return it;
-};
 
 
-/***/ }),
 
-/***/ 7751:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
-"use strict";
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-column",
+  components: {
+    Draggable: (vuedraggable_umd_default())
+  },
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    nowCompId: {
+      type: [String, Number],
+      default: ""
+    }
+  },
+  watch: {
+    data: {
+      handler(val) {
+        let obj = {};
+        let num = 0;
+        let originHeight = 0;
+        val.settings.settings.forEach(item => {
+          if (item.key == "num") {
+            num = item.value;
+          }
+        });
+        val.settings.attribute.map(item => {
+          obj[item.key] = item.value;
+          if (this.getDevice() == "mobile" || this.getDevice() == "tablet") {
+            if (item.key == "height") {
+              if (item.value.indexOf("px") != -1) {
+                originHeight = parseFloat(item.value.split("px")[0]) * num + "px";
+              }
+              if (item.value.indexOf("%") != -1) {
+                originHeight = parseFloat(item.value.split("px")[0]) * num + "%";
+              }
+            }
+          }
+        });
+        this.style = obj;
+        if (this.getDevice() == "mobile" || this.getDevice() == "tablet") {
+          this.style.height = originHeight;
+        }
+        if (this.isEditor) {
+          this.style.width = `calc(${obj.width} - 2px)`;
+        }
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  data() {
+    return {
+      style: {},
+      isEditor: true,
+      // 是否是开发态
+      dragDisabled: false
+    };
+  },
+  created() {
+    if (this.$route.path != "/editor") {
+      this.isEditor = false;
+      this.dragDisabled = true;
+    }
+  },
+  mounted() {
+    if (this.$EventBus) {
+      this.$EventBus.$on("forceUpdateCom", data => {
+        if (data.id == this.data.id) {
+          let obj = {};
+          data.settings.attribute.forEach(item => {
+            obj[item.key] = item.value;
+          });
+          this.style = obj;
+        }
+      });
+    }
+  },
+  methods: {
+    getDevice() {
+      const DEVICES = {
+        /**
+         * 桌面
+         */
+        DESKTOP: "pc",
+        PC: "pc",
+        /**
+         * 平板
+         */
+        TABLET: "tablet",
+        /**
+         * 移动端/手机
+         */
+        MOBILE: "mobile"
+      };
+      const tablet = "(max-width: 1024px)";
+      const mobile = "(max-width: 1024px)";
+      if (window.parent.matchMedia(mobile).matches) {
+        return DEVICES.MOBILE;
+      } else if (window.parent.matchMedia(tablet).matches) {
+        return DEVICES.TABLET;
+      }
+      return DEVICES.PC;
+    },
+    onStart() {},
+    onEnd(e) {
+      console.log(e, 8);
+    },
+    handleNowComp() {
+      if (!this.isOpcacity) return;
+      this.$EventBus.$emit("handleNowComp", {
+        key: this.data.id,
+        settings: this.data.settings,
+        nowCompName: this.data.compName
+      });
+    },
+    deleteComponent() {
+      this.$EventBus.$emit("handleDeleteComp", {
+        key: this.data.id
+      });
+    }
+  }
+});
+;// ./package/cms-column/View.vue?vue&type=script&lang=js
+ /* harmony default export */ var cms_column_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-57.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-57.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-57.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=style&index=0&id=bd317c30&prod&lang=css
+// extracted by mini-css-extract-plugin
 
-var globalThis = __webpack_require__(4576);
-var isCallable = __webpack_require__(4901);
+;// ./package/cms-column/View.vue?vue&type=style&index=0&id=bd317c30&prod&lang=css
 
-var aFunction = function (argument) {
-  return isCallable(argument) ? argument : undefined;
-};
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1656);
+;// ./package/cms-column/View.vue
 
-module.exports = function (namespace, method) {
-  return arguments.length < 2 ? aFunction(globalThis[namespace]) : globalThis[namespace] && globalThis[namespace][method];
-};
 
 
-/***/ }),
+;
 
-/***/ 7811:
-/***/ (function(module) {
 
-"use strict";
+/* normalize component */
 
-// eslint-disable-next-line es/no-typed-arrays -- safe
-module.exports = typeof ArrayBuffer != 'undefined' && typeof DataView != 'undefined';
+var component = (0,componentNormalizer/* default */.A)(
+  cms_column_Viewvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
 
+/* harmony default export */ var View = (component.exports);
 
 /***/ }),
 
-/***/ 7897:
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+/***/ 8066:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-var __webpack_unused_export__;
-
-
-__webpack_unused_export__ = true;
-__webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = undefined;
-var _zhCN = __webpack_require__(5434);
-var _zhCN2 = _interopRequireDefault(_zhCN);
-var _vue = __webpack_require__(3562);
-var _vue2 = _interopRequireDefault(_vue);
-var _deepmerge = __webpack_require__(7934);
-var _deepmerge2 = _interopRequireDefault(_deepmerge);
-var _format = __webpack_require__(850);
-var _format2 = _interopRequireDefault(_format);
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : {
-    default: obj
-  };
-}
-var format = (0, _format2.default)(_vue2.default);
-var lang = _zhCN2.default;
-var merged = false;
-var i18nHandler = function i18nHandler() {
-  var vuei18n = Object.getPrototypeOf(this || _vue2.default).$t;
-  if (typeof vuei18n === 'function' && !!_vue2.default.locale) {
-    if (!merged) {
-      merged = true;
-      _vue2.default.locale(_vue2.default.config.lang, (0, _deepmerge2.default)(lang, _vue2.default.locale(_vue2.default.config.lang) || {}, {
-        clone: true
-      }));
-    }
-    return vuei18n.apply(this, arguments);
-  }
-};
-var t = __webpack_unused_export__ = function t(path, options) {
-  var value = i18nHandler.apply(this, arguments);
-  if (value !== null && value !== undefined) return value;
-  var array = path.split('.');
-  var current = lang;
-  for (var i = 0, j = array.length; i < j; i++) {
-    var property = array[i];
-    value = current[property];
-    if (i === j - 1) return format(value, options);
-    if (!value) return '';
-    current = value;
-  }
-  return '';
-};
-var use = __webpack_unused_export__ = function use(l) {
-  lang = l || lang;
-};
-var i18n = __webpack_unused_export__ = function i18n(fn) {
-  i18nHandler = fn || i18nHandler;
-};
-__webpack_unused_export__ = {
-  use: use,
-  t: t,
-  i18n: i18n
-};
+__webpack_require__.r(__webpack_exports__);
+/* harmony default export */ __webpack_exports__["default"] = ({
+  onlinePurchase: 'Online Purchase',
+  CMHK: 'CMHK 5G',
+  servicePlans: 'Service Plans',
+  broadband: 'Home Broadband',
+  Gband: '5G Broadband',
+  devices: 'Handsets & Devices',
+  card: 'Prepaid Card Service',
+  data: 'Data & VAS',
+  IDD: 'Global Services & IDD',
+  policy: 'Privacy Policy',
+  summary: 'Key Information Summary',
+  customer: 'Our Customer Charter',
+  infomations: 'Your imfomations',
+  privacy: 'Privacy',
+  conditions: 'Contract Terms & Conditions',
+  us: 'About Us',
+  overview: 'Corporate Overview',
+  news: 'Company News',
+  notice: 'Tender Notice',
+  join: 'Join Us',
+  links: 'Friendly Links',
+  partnerships: 'Partnerships',
+  help: 'Help and Support',
+  onlineHelp: 'Online Help and Support',
+  education: 'Customer Education Zone',
+  fraud: 'Customer Education Zone',
+  shop: 'CMHK Shop',
+  contact: 'Contact Us',
+  questions: 'FAQ/Frequently Asked Questions',
+  service: '24-hour Customer Service Hotline 12580',
+  hotline: 'Sales Hotline 12588 (11am to 8pm)',
+  follow: 'Follow or Contact Us',
+  download: 'Download MyLink App, follow our official WeChat account, and stay tuned for more information and enjoy mobile services',
+  account: 'WeChat Official Account',
+  bottomText: '© 2023 China Mobile Hong Kong Company Limited. All rights reserved'
+});
 
 /***/ }),
 
-/***/ 7934:
+/***/ 8089:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 "use strict";
 
 
-__webpack_require__(4114);
-__webpack_require__(8111);
-__webpack_require__(7588);
-__webpack_require__(8237);
-var isMergeableObject = function isMergeableObject(value) {
-  return isNonNullObject(value) && !isSpecial(value);
-};
-function isNonNullObject(value) {
-  return !!value && typeof value === 'object';
-}
-function isSpecial(value) {
-  var stringValue = Object.prototype.toString.call(value);
-  return stringValue === '[object RegExp]' || stringValue === '[object Date]' || isReactElement(value);
-}
-
-// see https://github.com/facebook/react/blob/b5ac963fb791d1298e7f396236383bc955f916c1/src/isomorphic/classic/element/ReactElement.js#L21-L25
-var canUseSymbol = typeof Symbol === 'function' && Symbol.for;
-var REACT_ELEMENT_TYPE = canUseSymbol ? Symbol.for('react.element') : 0xeac7;
-function isReactElement(value) {
-  return value.$$typeof === REACT_ELEMENT_TYPE;
-}
-function emptyTarget(val) {
-  return Array.isArray(val) ? [] : {};
-}
-function cloneIfNecessary(value, optionsArgument) {
-  var clone = optionsArgument && optionsArgument.clone === true;
-  return clone && isMergeableObject(value) ? deepmerge(emptyTarget(value), value, optionsArgument) : value;
-}
-function defaultArrayMerge(target, source, optionsArgument) {
-  var destination = target.slice();
-  source.forEach(function (e, i) {
-    if (typeof destination[i] === 'undefined') {
-      destination[i] = cloneIfNecessary(e, optionsArgument);
-    } else if (isMergeableObject(e)) {
-      destination[i] = deepmerge(target[i], e, optionsArgument);
-    } else if (target.indexOf(e) === -1) {
-      destination.push(cloneIfNecessary(e, optionsArgument));
-    }
-  });
-  return destination;
-}
-function mergeObject(target, source, optionsArgument) {
-  var destination = {};
-  if (isMergeableObject(target)) {
-    Object.keys(target).forEach(function (key) {
-      destination[key] = cloneIfNecessary(target[key], optionsArgument);
-    });
-  }
-  Object.keys(source).forEach(function (key) {
-    if (!isMergeableObject(source[key]) || !target[key]) {
-      destination[key] = cloneIfNecessary(source[key], optionsArgument);
-    } else {
-      destination[key] = deepmerge(target[key], source[key], optionsArgument);
-    }
-  });
-  return destination;
-}
-function deepmerge(target, source, optionsArgument) {
-  var sourceIsArray = Array.isArray(source);
-  var targetIsArray = Array.isArray(target);
-  var options = optionsArgument || {
-    arrayMerge: defaultArrayMerge
-  };
-  var sourceAndTargetTypesMatch = sourceIsArray === targetIsArray;
-  if (!sourceAndTargetTypesMatch) {
-    return cloneIfNecessary(source, optionsArgument);
-  } else if (sourceIsArray) {
-    var arrayMerge = options.arrayMerge || defaultArrayMerge;
-    return arrayMerge(target, source, optionsArgument);
-  } else {
-    return mergeObject(target, source, optionsArgument);
+/** @type {import('.')} */
+var $gOPD = __webpack_require__(3299);
+if ($gOPD) {
+  try {
+    $gOPD([], 'length');
+  } catch (e) {
+    // IE 8 has a broken gOPD
+    $gOPD = null;
   }
 }
-deepmerge.all = function deepmergeAll(array, optionsArgument) {
-  if (!Array.isArray(array) || array.length < 2) {
-    throw new Error('first argument should be an array with at least two elements');
-  }
-
-  // we are sure there are at least 2 values, so it is safe to have no initial value
-  return array.reduce(function (prev, next) {
-    return deepmerge(prev, next, optionsArgument);
-  });
-};
-var deepmerge_1 = deepmerge;
-module.exports = deepmerge_1;
+module.exports = $gOPD;
 
 /***/ }),
 
-/***/ 7936:
+/***/ 8100:
 /***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
 
 "use strict";
@@ -46989,63 +46973,102 @@ module.exports = deepmerge_1;
 var $ = __webpack_require__(6518);
 var $transfer = __webpack_require__(5636);
 
-// `ArrayBuffer.prototype.transferToFixedLength` method
-// https://tc39.es/proposal-arraybuffer-transfer/#sec-arraybuffer.prototype.transfertofixedlength
+// `ArrayBuffer.prototype.transfer` method
+// https://tc39.es/proposal-arraybuffer-transfer/#sec-arraybuffer.prototype.transfer
 if ($transfer) $({ target: 'ArrayBuffer', proto: true }, {
-  transferToFixedLength: function transferToFixedLength() {
-    return $transfer(this, arguments.length ? arguments[0] : undefined, false);
+  transfer: function transfer() {
+    return $transfer(this, arguments.length ? arguments[0] : undefined, true);
   }
 });
 
 
 /***/ }),
 
-/***/ 8004:
+/***/ 8111:
 /***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
 
 "use strict";
 
 var $ = __webpack_require__(6518);
+var globalThis = __webpack_require__(4576);
+var anInstance = __webpack_require__(679);
+var anObject = __webpack_require__(8551);
+var isCallable = __webpack_require__(4901);
+var getPrototypeOf = __webpack_require__(2787);
+var defineBuiltInAccessor = __webpack_require__(2106);
+var createProperty = __webpack_require__(4659);
 var fails = __webpack_require__(9039);
-var intersection = __webpack_require__(8750);
-var setMethodAcceptSetLike = __webpack_require__(4916);
+var hasOwn = __webpack_require__(9297);
+var wellKnownSymbol = __webpack_require__(8227);
+var IteratorPrototype = (__webpack_require__(7657).IteratorPrototype);
+var DESCRIPTORS = __webpack_require__(3724);
+var IS_PURE = __webpack_require__(6395);
 
-var INCORRECT = !setMethodAcceptSetLike('intersection', function (result) {
-  return result.size === 2 && result.has(1) && result.has(2);
-}) || fails(function () {
-  // eslint-disable-next-line es/no-array-from, es/no-set, es/no-set-prototype-intersection -- testing
-  return String(Array.from(new Set([1, 2, 3]).intersection(new Set([3, 2])))) !== '3,2';
-});
+var CONSTRUCTOR = 'constructor';
+var ITERATOR = 'Iterator';
+var TO_STRING_TAG = wellKnownSymbol('toStringTag');
 
-// `Set.prototype.intersection` method
-// https://tc39.es/ecma262/#sec-set.prototype.intersection
-$({ target: 'Set', proto: true, real: true, forced: INCORRECT }, {
-  intersection: intersection
+var $TypeError = TypeError;
+var NativeIterator = globalThis[ITERATOR];
+
+// FF56- have non-standard global helper `Iterator`
+var FORCED = IS_PURE
+  || !isCallable(NativeIterator)
+  || NativeIterator.prototype !== IteratorPrototype
+  // FF44- non-standard `Iterator` passes previous tests
+  || !fails(function () { NativeIterator({}); });
+
+var IteratorConstructor = function Iterator() {
+  anInstance(this, IteratorPrototype);
+  if (getPrototypeOf(this) === IteratorPrototype) throw new $TypeError('Abstract class Iterator not directly constructable');
+};
+
+var defineIteratorPrototypeAccessor = function (key, value) {
+  if (DESCRIPTORS) {
+    defineBuiltInAccessor(IteratorPrototype, key, {
+      configurable: true,
+      get: function () {
+        return value;
+      },
+      set: function (replacement) {
+        anObject(this);
+        if (this === IteratorPrototype) throw new $TypeError("You can't redefine this property");
+        if (hasOwn(this, key)) this[key] = replacement;
+        else createProperty(this, key, replacement);
+      }
+    });
+  } else IteratorPrototype[key] = value;
+};
+
+if (!hasOwn(IteratorPrototype, TO_STRING_TAG)) defineIteratorPrototypeAccessor(TO_STRING_TAG, ITERATOR);
+
+if (FORCED || !hasOwn(IteratorPrototype, CONSTRUCTOR) || IteratorPrototype[CONSTRUCTOR] === Object) {
+  defineIteratorPrototypeAccessor(CONSTRUCTOR, IteratorConstructor);
+}
+
+IteratorConstructor.prototype = IteratorPrototype;
+
+// `Iterator` constructor
+// https://tc39.es/ecma262/#sec-iterator
+$({ global: true, constructor: true, forced: FORCED }, {
+  Iterator: IteratorConstructor
 });
 
 
 /***/ }),
 
-/***/ 8014:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+/***/ 8134:
+/***/ (function(module) {
 
 "use strict";
 
-var toIntegerOrInfinity = __webpack_require__(1291);
-
-var min = Math.min;
-
-// `ToLength` abstract operation
-// https://tc39.es/ecma262/#sec-tolength
-module.exports = function (argument) {
-  var len = toIntegerOrInfinity(argument);
-  return len > 0 ? min(len, 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
-};
 
+/** @type {import('./syntax')} */
+module.exports = SyntaxError;
 
 /***/ }),
 
-/***/ 8036:
+/***/ 8167:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -47057,28 +47080,12 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=template&id=bd317c30
+;// ./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-productDetails/View.vue?vue&type=template&id=35963b51&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
-  return _c('Draggable', {
-    attrs: {
-      "chosen-class": "chosen",
-      "force-fallback": "true",
-      "group": "people",
-      "animation": "1000",
-      "disabled": _vm.dragDisabled
-    },
-    on: {
-      "start": _vm.onStart,
-      "end": _vm.onEnd
-    }
-  }, [_c('div', {
-    staticClass: "drag-column-container",
+  return _c('div', {
     class: [_vm.nowCompId !== '' && _vm.nowCompId == _vm.data.id ? 'highLight' : ''],
-    staticStyle: {
-      "position": "relative"
-    },
     style: _vm.style,
     on: {
       "click": function ($event) {
@@ -47086,31 +47093,50 @@ var render = function render() {
         return _vm.handleNowComp.apply(null, arguments);
       }
     }
-  }, [_vm._l(_vm.data.list, function (item) {
-    return [_c('Draggable', {
-      key: item.id,
-      staticClass: "drag-column",
-      class: [_vm.isEditor ? 'border' : ''],
-      attrs: {
-        "id": item.id,
-        "chosen-class": "chosen",
-        "force-fallback": "true",
-        "group": "people",
-        "animation": "1000",
-        "disabled": _vm.dragDisabled
-      },
-      on: {
-        "start": _vm.onStart,
-        "end": _vm.onEnd
-      }
-    }, [item ? [_c(item.compName, {
-      tag: "component",
-      attrs: {
-        "data": item,
-        "nowCompId": _vm.nowCompId
-      }
-    })] : _vm._e()], 2)];
-  }), _vm.nowCompId !== '' && _vm.nowCompId == _vm.data.id ? _c('div', {
+  }, [_c('div', {
+    staticClass: "position",
+    on: {
+      "click": _vm.handleNowComp
+    }
+  }, [_c('div', {
+    staticClass: "project-page"
+  }, [_c('div', {
+    staticClass: "cmhk-home_main"
+  }, [_c('div', {
+    staticClass: "page-valueadded-card-des"
+  }, [_c('div', {
+    staticClass: "card-des-content"
+  }, [_c('div', {
+    staticClass: "content-left"
+  }, [_c('img', {
+    staticClass: "pc-show",
+    attrs: {
+      "src": _vm.contentObj.uploadImagePC,
+      "alt": _vm.contentObj.imagePcATL
+    }
+  }), _c('img', {
+    staticClass: "mobile-show",
+    attrs: {
+      "src": _vm.contentObj.uploadImageH5,
+      "alt": _vm.contentObj.imageH5ATL
+    }
+  })]), _c('div', {
+    staticClass: "content-right"
+  }, [_c('h6', {
+    staticClass: "card-mess-title"
+  }, [_vm._v(_vm._s(_vm.contentObj.input1))]), _c('div', {
+    staticClass: "page-dot-section",
+    domProps: {
+      "innerHTML": _vm._s(_vm.contentObj.input2)
+    }
+  })])])])])]), _c('div', {
+    class: {
+      opcacity: _vm.isOpcacity
+    },
+    on: {
+      "click": _vm.handleNowComp
+    }
+  })]), _vm.nowCompId !== '' && _vm.nowCompId == _vm.data.id ? _c('div', {
     staticClass: "com-delete"
   }, [_c('i', {
     staticClass: "el-icon-delete",
@@ -47120,7 +47146,7 @@ var render = function render() {
         return _vm.deleteComponent.apply(null, arguments);
       }
     }
-  })]) : _vm._e()], 2)]);
+  })]) : _vm._e()]);
 };
 var staticRenderFns = [];
 
@@ -47128,24 +47154,13 @@ var staticRenderFns = [];
 var es_iterator_constructor = __webpack_require__(8111);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
 var es_iterator_for_each = __webpack_require__(7588);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.map.js
-var es_iterator_map = __webpack_require__(1701);
-// EXTERNAL MODULE: ./node_modules/vuedraggable/dist/vuedraggable.umd.js
-var vuedraggable_umd = __webpack_require__(9014);
-var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_umd);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=script&lang=js
-
-
-
+;// ./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-productDetails/View.vue?vue&type=script&lang=js
 
 
 
 
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-column",
-  components: {
-    Draggable: (vuedraggable_umd_default())
-  },
+  name: "cms-productDetails",
   props: {
     data: {
       type: Object,
@@ -47156,57 +47171,25 @@ var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_u
     nowCompId: {
       type: [String, Number],
       default: ""
+    },
+    isOpcacity: {
+      type: Boolean,
+      default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
     }
-  },
-  watch: {
-    data: {
-      handler(val) {
-        let obj = {};
-        let num = 0;
-        let originHeight = 0;
-        val.settings.settings.forEach(item => {
-          if (item.key == "num") {
-            num = item.value;
-          }
-        });
-        val.settings.attribute.map(item => {
-          obj[item.key] = item.value;
-          if (this.getDevice() == "mobile" || this.getDevice() == "tablet") {
-            if (item.key == "height") {
-              if (item.value.indexOf("px") != -1) {
-                originHeight = parseFloat(item.value.split("px")[0]) * num + "px";
-              }
-              if (item.value.indexOf("%") != -1) {
-                originHeight = parseFloat(item.value.split("px")[0]) * num + "%";
-              }
-            }
-          }
-        });
-        this.style = obj;
-        if (this.getDevice() == "mobile" || this.getDevice() == "tablet") {
-          this.style.height = originHeight;
-        }
-        if (this.isEditor) {
-          this.style.width = `calc(${obj.width} - 2px)`;
-        }
-      },
-      deep: true,
-      immediate: true
-    }
-  },
-  data() {
-    return {
-      style: {},
-      isEditor: true,
-      // 是否是开发态
-      dragDisabled: false
-    };
-  },
-  created() {
-    if (this.$route.path != "/editor") {
-      this.isEditor = false;
-      this.dragDisabled = true;
-    }
+  },
+  data() {
+    return {
+      style: {},
+      CN: {},
+      HK: {},
+      EN: {},
+      contentObj: {},
+      messFold: false
+    };
   },
   mounted() {
     if (this.$EventBus) {
@@ -47221,35 +47204,46 @@ var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_u
       });
     }
   },
+  watch: {
+    data: {
+      handler(val) {
+        let obj = {};
+        val.settings.settings.forEach(item => {
+          this.CN = item.value.content.CN;
+          this.HK = item.value.content.HK;
+          this.EN = item.value.content.EN;
+        });
+        val.settings.attribute.forEach(item => {
+          obj[item.key] = item.value;
+        });
+        this.getValue(this.lang);
+      },
+      deep: true,
+      immediate: true
+    },
+    lang: {
+      handler(val) {
+        this.getValue(val);
+      },
+      deep: true,
+      immediate: true
+    }
+  },
   methods: {
-    getDevice() {
-      const DEVICES = {
-        /**
-         * 桌面
-         */
-        DESKTOP: "pc",
-        PC: "pc",
-        /**
-         * 平板
-         */
-        TABLET: "tablet",
-        /**
-         * 移动端/手机
-         */
-        MOBILE: "mobile"
+    getValue(val) {
+      const obj = {
+        "zh-CN": "CN",
+        "zh-HK": "HK",
+        "en-US": "EN"
       };
-      const tablet = "(max-width: 1024px)";
-      const mobile = "(max-width: 1024px)";
-      if (window.parent.matchMedia(mobile).matches) {
-        return DEVICES.MOBILE;
-      } else if (window.parent.matchMedia(tablet).matches) {
-        return DEVICES.TABLET;
-      }
-      return DEVICES.PC;
+      this.contentObj = this[`${obj[val]}`];
     },
-    onStart() {},
-    onEnd(e) {
-      console.log(e, 8);
+    foldMessText() {
+      this.messFold = !this.messFold;
+    },
+    decodeJumpUrl(url) {
+      if (!url) return;
+      top.location.href = url;
     },
     handleNowComp() {
       if (!this.isOpcacity) return;
@@ -47263,19 +47257,35 @@ var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_u
       this.$EventBus.$emit("handleDeleteComp", {
         key: this.data.id
       });
+    },
+    escape2Html(str) {
+      if (str) {
+        var arrEntities = {
+          lt: "<",
+          gt: ">",
+          nbsp: " ",
+          amp: "&",
+          quot: '"'
+        };
+        return str.replace(/&(lt|gt|nbsp|amp|quot);/gi, function (all, t) {
+          return arrEntities[t];
+        });
+      } else {
+        return "";
+      }
     }
   }
 });
-;// ./package/cms-column/View.vue?vue&type=script&lang=js
- /* harmony default export */ var cms_column_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-57.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-57.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-57.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=style&index=0&id=bd317c30&prod&lang=css
+;// ./package/cms-productDetails/View.vue?vue&type=script&lang=js
+ /* harmony default export */ var cms_productDetails_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
+;// ./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-productDetails/View.vue?vue&type=style&index=0&id=35963b51&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./package/cms-column/View.vue?vue&type=style&index=0&id=bd317c30&prod&lang=css
+;// ./package/cms-productDetails/View.vue?vue&type=style&index=0&id=35963b51&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1656);
-;// ./package/cms-column/View.vue
+;// ./package/cms-productDetails/View.vue
 
 
 
@@ -47285,12 +47295,12 @@ var componentNormalizer = __webpack_require__(1656);
 /* normalize component */
 
 var component = (0,componentNormalizer/* default */.A)(
-  cms_column_Viewvue_type_script_lang_js,
+  cms_productDetails_Viewvue_type_script_lang_js,
   render,
   staticRenderFns,
   false,
   null,
-  null,
+  "35963b51",
   null
   
 )
@@ -47299,175 +47309,156 @@ var component = (0,componentNormalizer/* default */.A)(
 
 /***/ }),
 
-/***/ 8066:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+/***/ 8227:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 "use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ({
-  onlinePurchase: 'Online Purchase',
-  CMHK: 'CMHK 5G',
-  servicePlans: 'Service Plans',
-  broadband: 'Home Broadband',
-  Gband: '5G Broadband',
-  devices: 'Handsets & Devices',
-  card: 'Prepaid Card Service',
-  data: 'Data & VAS',
-  IDD: 'Global Services & IDD',
-  policy: 'Privacy Policy',
-  summary: 'Key Information Summary',
-  customer: 'Our Customer Charter',
-  infomations: 'Your imfomations',
-  privacy: 'Privacy',
-  conditions: 'Contract Terms & Conditions',
-  us: 'About Us',
-  overview: 'Corporate Overview',
-  news: 'Company News',
-  notice: 'Tender Notice',
-  join: 'Join Us',
-  links: 'Friendly Links',
-  partnerships: 'Partnerships',
-  help: 'Help and Support',
-  onlineHelp: 'Online Help and Support',
-  education: 'Customer Education Zone',
-  fraud: 'Customer Education Zone',
-  shop: 'CMHK Shop',
-  contact: 'Contact Us',
-  questions: 'FAQ/Frequently Asked Questions',
-  service: '24-hour Customer Service Hotline 12580',
-  hotline: 'Sales Hotline 12588 (11am to 8pm)',
-  follow: 'Follow or Contact Us',
-  download: 'Download MyLink App, follow our official WeChat account, and stay tuned for more information and enjoy mobile services',
-  account: 'WeChat Official Account',
-  bottomText: '© 2023 China Mobile Hong Kong Company Limited. All rights reserved'
-});
-
-/***/ }),
 
-/***/ 8089:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+var globalThis = __webpack_require__(4576);
+var shared = __webpack_require__(5745);
+var hasOwn = __webpack_require__(9297);
+var uid = __webpack_require__(3392);
+var NATIVE_SYMBOL = __webpack_require__(4495);
+var USE_SYMBOL_AS_UID = __webpack_require__(7040);
 
-"use strict";
+var Symbol = globalThis.Symbol;
+var WellKnownSymbolsStore = shared('wks');
+var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol['for'] || Symbol : Symbol && Symbol.withoutSetter || uid;
 
+module.exports = function (name) {
+  if (!hasOwn(WellKnownSymbolsStore, name)) {
+    WellKnownSymbolsStore[name] = NATIVE_SYMBOL && hasOwn(Symbol, name)
+      ? Symbol[name]
+      : createWellKnownSymbol('Symbol.' + name);
+  } return WellKnownSymbolsStore[name];
+};
 
-/** @type {import('.')} */
-var $gOPD = __webpack_require__(3299);
-if ($gOPD) {
-  try {
-    $gOPD([], 'length');
-  } catch (e) {
-    // IE 8 has a broken gOPD
-    $gOPD = null;
-  }
-}
-module.exports = $gOPD;
 
 /***/ }),
 
-/***/ 8100:
+/***/ 8237:
 /***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
 
 "use strict";
 
 var $ = __webpack_require__(6518);
-var $transfer = __webpack_require__(5636);
+var iterate = __webpack_require__(2652);
+var aCallable = __webpack_require__(9306);
+var anObject = __webpack_require__(8551);
+var getIteratorDirect = __webpack_require__(1767);
 
-// `ArrayBuffer.prototype.transfer` method
-// https://tc39.es/proposal-arraybuffer-transfer/#sec-arraybuffer.prototype.transfer
-if ($transfer) $({ target: 'ArrayBuffer', proto: true }, {
-  transfer: function transfer() {
-    return $transfer(this, arguments.length ? arguments[0] : undefined, true);
+var $TypeError = TypeError;
+
+// `Iterator.prototype.reduce` method
+// https://tc39.es/ecma262/#sec-iterator.prototype.reduce
+$({ target: 'Iterator', proto: true, real: true }, {
+  reduce: function reduce(reducer /* , initialValue */) {
+    anObject(this);
+    aCallable(reducer);
+    var record = getIteratorDirect(this);
+    var noInitial = arguments.length < 2;
+    var accumulator = noInitial ? undefined : arguments[1];
+    var counter = 0;
+    iterate(record, function (value) {
+      if (noInitial) {
+        noInitial = false;
+        accumulator = value;
+      } else {
+        accumulator = reducer(accumulator, value, counter);
+      }
+      counter++;
+    }, { IS_RECORD: true });
+    if (noInitial) throw new $TypeError('Reduce of empty iterator with no initial value');
+    return accumulator;
   }
 });
 
 
 /***/ }),
 
-/***/ 8111:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+/***/ 8251:
+/***/ (function(module) {
 
 "use strict";
 
-var $ = __webpack_require__(6518);
-var globalThis = __webpack_require__(4576);
-var anInstance = __webpack_require__(679);
-var anObject = __webpack_require__(8551);
-var isCallable = __webpack_require__(4901);
-var getPrototypeOf = __webpack_require__(2787);
-var defineBuiltInAccessor = __webpack_require__(2106);
-var createProperty = __webpack_require__(4659);
-var fails = __webpack_require__(9039);
-var hasOwn = __webpack_require__(9297);
-var wellKnownSymbol = __webpack_require__(8227);
-var IteratorPrototype = (__webpack_require__(7657).IteratorPrototype);
-var DESCRIPTORS = __webpack_require__(3724);
-var IS_PURE = __webpack_require__(6395);
-
-var CONSTRUCTOR = 'constructor';
-var ITERATOR = 'Iterator';
-var TO_STRING_TAG = wellKnownSymbol('toStringTag');
-
-var $TypeError = TypeError;
-var NativeIterator = globalThis[ITERATOR];
-
-// FF56- have non-standard global helper `Iterator`
-var FORCED = IS_PURE
-  || !isCallable(NativeIterator)
-  || NativeIterator.prototype !== IteratorPrototype
-  // FF44- non-standard `Iterator` passes previous tests
-  || !fails(function () { NativeIterator({}); });
 
-var IteratorConstructor = function Iterator() {
-  anInstance(this, IteratorPrototype);
-  if (getPrototypeOf(this) === IteratorPrototype) throw new $TypeError('Abstract class Iterator not directly constructable');
+var replace = String.prototype.replace;
+var percentTwenties = /%20/g;
+var Format = {
+  RFC1738: 'RFC1738',
+  RFC3986: 'RFC3986'
+};
+module.exports = {
+  'default': Format.RFC3986,
+  formatters: {
+    RFC1738: function (value) {
+      return replace.call(value, percentTwenties, '+');
+    },
+    RFC3986: function (value) {
+      return String(value);
+    }
+  },
+  RFC1738: Format.RFC1738,
+  RFC3986: Format.RFC3986
 };
 
-var defineIteratorPrototypeAccessor = function (key, value) {
-  if (DESCRIPTORS) {
-    defineBuiltInAccessor(IteratorPrototype, key, {
-      configurable: true,
-      get: function () {
-        return value;
-      },
-      set: function (replacement) {
-        anObject(this);
-        if (this === IteratorPrototype) throw new $TypeError("You can't redefine this property");
-        if (hasOwn(this, key)) this[key] = replacement;
-        else createProperty(this, key, replacement);
-      }
-    });
-  } else IteratorPrototype[key] = value;
-};
+/***/ }),
 
-if (!hasOwn(IteratorPrototype, TO_STRING_TAG)) defineIteratorPrototypeAccessor(TO_STRING_TAG, ITERATOR);
+/***/ 8254:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8111);
+/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_iterator_reduce_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8237);
+/* harmony import */ var core_js_modules_es_iterator_reduce_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_reduce_js__WEBPACK_IMPORTED_MODULE_1__);
 
-if (FORCED || !hasOwn(IteratorPrototype, CONSTRUCTOR) || IteratorPrototype[CONSTRUCTOR] === Object) {
-  defineIteratorPrototypeAccessor(CONSTRUCTOR, IteratorConstructor);
-}
 
-IteratorConstructor.prototype = IteratorPrototype;
 
-// `Iterator` constructor
-// https://tc39.es/ecma262/#sec-iterator
-$({ global: true, constructor: true, forced: FORCED }, {
-  Iterator: IteratorConstructor
-});
 
+const modulesFiles = __webpack_require__(8607);
+const modules = modulesFiles.keys().reduce((modules, modulePath) => {
+  const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1').replace('/en', '');
+  const value = modulesFiles(modulePath);
+  modules[moduleName] = value.default;
+  return modules;
+}, {});
+/* harmony default export */ __webpack_exports__["default"] = (modules);
 
 /***/ }),
 
-/***/ 8134:
-/***/ (function(module) {
+/***/ 8307:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 "use strict";
 
 
-/** @type {import('./syntax')} */
-module.exports = SyntaxError;
+__webpack_require__(8111);
+__webpack_require__(7588);
+var utils = __webpack_require__(758);
+var defaults = __webpack_require__(9189);
+
+/**
+ * Transform the data for a request or a response
+ *
+ * @param {Object|String} data The data to be transformed
+ * @param {Array} headers The headers for the request or response
+ * @param {Array|Function} fns A single function or Array of functions
+ * @returns {*} The resulting transformed data
+ */
+module.exports = function transformData(data, headers, fns) {
+  var context = this || defaults;
+  /*eslint no-param-reassign:0*/
+  utils.forEach(fns, function transform(fn) {
+    data = fn.call(context, data, headers);
+  });
+  return data;
+};
 
 /***/ }),
 
-/***/ 8167:
+/***/ 8410:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -47479,56 +47470,148 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// ./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-productDetails/View.vue?vue&type=template&id=35963b51&scoped=true
+;// ./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-banner/View.vue?vue&type=template&id=27afd59e&scoped=true
 var render = function render() {
+  var _vm$cmsConfig$bannerL;
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
+    staticClass: "test",
     class: [_vm.nowCompId !== '' && _vm.nowCompId == _vm.data.id ? 'highLight' : ''],
+    staticStyle: {
+      "position": "relative",
+      "cursor": "pointer"
+    },
     style: _vm.style,
     on: {
       "click": function ($event) {
         $event.stopPropagation();
-        return _vm.handleNowComp.apply(null, arguments);
+        return _vm.handleNowComp();
       }
     }
   }, [_c('div', {
-    staticClass: "position",
-    on: {
-      "click": _vm.handleNowComp
-    }
-  }, [_c('div', {
-    staticClass: "project-page"
-  }, [_c('div', {
-    staticClass: "cmhk-home_main"
+    staticClass: "content-swiper tt_banner"
+  }, [_vm.cmsConfig.bannerList.length > 0 ? _c('div', {
+    staticClass: "relative position"
   }, [_c('div', {
-    staticClass: "page-valueadded-card-des"
+    staticClass: "my_banner"
   }, [_c('div', {
-    staticClass: "card-des-content"
+    staticClass: "swiper-container_contentswiper",
+    attrs: {
+      "id": `contentSwiper${_vm.data.id}`
+    }
   }, [_c('div', {
-    staticClass: "content-left"
-  }, [_c('img', {
-    staticClass: "pc-show",
+    staticClass: "swiper-wrapper",
+    staticStyle: {
+      "width": "1074px",
+      "height": "100%"
+    }
+  }, _vm._l(_vm.cmsConfig.bannerList, function (item, inx) {
+    return _c('div', {
+      key: inx,
+      staticClass: "swiper-slide"
+    }, [item ? _c('div', {
+      staticClass: "swiper-banner_box",
+      on: {
+        "click": function ($event) {
+          return _vm.decodeJumpUrl(item.jumpUrl, _vm.$router);
+        }
+      }
+    }, [_c('img', {
+      staticClass: "swiper-banner_image layout-pc",
+      attrs: {
+        "src": item.uploadImagePC,
+        "alt": "PC"
+      }
+    }), _c('img', {
+      staticClass: "swiper-banner_image layout-mobile",
+      attrs: {
+        "src": item.uploadImageH5,
+        "alt": "H5"
+      }
+    }), _c('div', {
+      staticClass: "extra-swiper_box layout-pc"
+    }, [item.title ? _c('div', {
+      staticClass: "swiper-contentbtn"
+    }, [_c('span', [_vm._v(_vm._s(item.title))])]) : _vm._e(), item.des ? _c('div', {
+      staticClass: "swiper-labels"
+    }, [_c('span', [_vm._v(_vm._s(item.des))])]) : _vm._e(), _c('div', {
+      staticClass: "swiper-btn_container"
+    }, [item.input1 != '' ? _c('a', {
+      attrs: {
+        "href": item.jumpUrl1,
+        "target": "_self"
+      }
+    }, [_c('button', {
+      staticClass: "swiper-opbtn have-arrow"
+    }, [_c('span', [_vm._v(_vm._s(item.input1))])])]) : _vm._e(), item.input2 != '' ? _c('a', {
+      attrs: {
+        "href": item.jumpUrl2,
+        "target": "_self"
+      }
+    }, [_c('button', {
+      staticClass: "swiper-opbtn_wt"
+    }, [_c('span', [_vm._v(_vm._s(item.input2))])])]) : _vm._e()])])]) : _vm._e()]);
+  }), 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', {
+    staticClass: "mb-swiper_box layout-mobile"
+  }, [_vm.cmsConfig.bannerList[_vm.swiperIdx].title ? _c('div', {
+    staticClass: "swiper-contentbtn"
+  }, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].title))])]) : _vm._e(), _vm.cmsConfig.bannerList[_vm.swiperIdx].des ? _c('div', {
+    staticClass: "swiper-label"
+  }, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].des))])]) : _vm._e(), _c('div', {
+    staticClass: "swiper-btn_container"
+  }, [_vm.cmsConfig.bannerList[_vm.swiperIdx].input1 ? _c('a', {
     attrs: {
-      "src": _vm.contentObj.uploadImagePC,
-      "alt": _vm.contentObj.imagePcATL
+      "href": _vm.cmsConfig.bannerList[_vm.swiperIdx].jumpUrl1,
+      "target": "_self"
     }
-  }), _c('img', {
-    staticClass: "mobile-show",
+  }, [_c('button', {
+    staticClass: "swiper-opbtn have-arrow"
+  }, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].input1))])])]) : _vm._e(), _vm.cmsConfig.bannerList[_vm.swiperIdx].input2 ? _c('a', {
     attrs: {
-      "src": _vm.contentObj.uploadImageH5,
-      "alt": _vm.contentObj.imageH5ATL
+      "href": _vm.cmsConfig.bannerList[_vm.swiperIdx].jumpUrl2,
+      "target": "_self"
     }
-  })]), _c('div', {
-    staticClass: "content-right"
-  }, [_c('h6', {
-    staticClass: "card-mess-title"
-  }, [_vm._v(_vm._s(_vm.contentObj.input1))]), _c('div', {
-    staticClass: "page-dot-section",
-    domProps: {
-      "innerHTML": _vm._s(_vm.contentObj.input2)
+  }, [_c('button', {
+    staticClass: "swiper-opbtn_wt have-arrow"
+  }, [_c('span', [_vm._v(_vm._s(_vm.cmsConfig.bannerList[_vm.swiperIdx].input2))])])]) : _vm._e()])]) : _vm._e(), _vm.cmsConfig.bannerList.length > 1 ? _c('div', {
+    staticClass: "cmhk-swiper-button-number"
+  }, [_vm._l(_vm.cmsConfig.bannerList, function (item, idx) {
+    return _c('div', {
+      key: idx,
+      staticClass: "line-customs_wrapper",
+      on: {
+        "click": function ($event) {
+          $event.stopPropagation();
+          return _vm.jumpToSlide(idx);
+        }
+      }
+    }, [_c('div', {
+      class: ['cmhk-line-customs', idx === _vm.swiperIdx ? 'cmhk-line-customs-active' : '']
+    }, [item && item.input1 ? _c('div', {
+      staticClass: "swiper-popupup layout-pc"
+    }, [_c('p', {
+      staticClass: "swiper-popuptext"
+    }, [_vm._v(_vm._s(item.input1))])]) : _vm._e()])]);
+  }), _c('div', {
+    staticClass: "swiper-button-puase",
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.swiperPlay.apply(null, arguments);
+      }
     }
-  })])])])])]), _c('div', {
+  }, [!_vm.swiperPlayVal ? _c('img', {
+    staticClass: "playstart-image",
+    attrs: {
+      "src": __webpack_require__(2254)
+    }
+  }) : _vm._e(), _vm.swiperPlayVal ? _c('img', {
+    staticClass: "playstop-image",
+    attrs: {
+      "src": __webpack_require__(2584)
+    }
+  }) : _vm._e()])], 2) : _vm._e()]) : _vm._e(), _c('div', {
     class: {
       opcacity: _vm.isOpcacity
     },
@@ -47549,17 +47632,29 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
+;// ./package/cms-banner/View.vue?vue&type=template&id=27afd59e&scoped=true
+
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
 var es_iterator_constructor = __webpack_require__(8111);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
 var es_iterator_for_each = __webpack_require__(7588);
-;// ./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-productDetails/View.vue?vue&type=script&lang=js
+// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.js
+var swiper = __webpack_require__(828);
+// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
+var swiper_esm_bundle = __webpack_require__(1532);
+// EXTERNAL MODULE: ./src/utils/jumpUrl.js
+var jumpUrl = __webpack_require__(4102);
+;// ./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-banner/View.vue?vue&type=script&lang=js
+
+
+
+
 
 
 
 
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-productDetails",
+  name: "cms-banner",
   props: {
     data: {
       type: Object,
@@ -47583,13 +47678,25 @@ var es_iterator_for_each = __webpack_require__(7588);
   data() {
     return {
       style: {},
-      CN: {},
-      HK: {},
-      EN: {},
-      contentObj: {},
-      messFold: false
+      // 样式
+      isEditor: true,
+      cmsConfig: {
+        bannerList: []
+      },
+      CN: [],
+      HK: [],
+      EN: [],
+      // 轮播
+      swiperOne: null,
+      swiperIdx: 0,
+      swiperPlayVal: true
     };
   },
+  created() {
+    if (this.$route.path != "/editor") {
+      this.isEditor = false;
+    }
+  },
   mounted() {
     if (this.$EventBus) {
       this.$EventBus.$on("forceUpdateCom", data => {
@@ -47602,19 +47709,23 @@ var es_iterator_for_each = __webpack_require__(7588);
         }
       });
     }
+    if (this.cmsConfig.bannerList.length > 0) {
+      this.initSwiper("bannerList");
+    }
   },
   watch: {
     data: {
       handler(val) {
         let obj = {};
         val.settings.settings.forEach(item => {
-          this.CN = item.value.content.CN;
-          this.HK = item.value.content.HK;
-          this.EN = item.value.content.EN;
+          this.CN = item.value.bannerList.CN;
+          this.HK = item.value.bannerList.HK;
+          this.EN = item.value.bannerList.EN;
         });
         val.settings.attribute.forEach(item => {
           obj[item.key] = item.value;
         });
+        this.style = obj;
         this.getValue(this.lang);
       },
       deep: true,
@@ -47635,14 +47746,7 @@ var es_iterator_for_each = __webpack_require__(7588);
         "zh-HK": "HK",
         "en-US": "EN"
       };
-      this.contentObj = this[`${obj[val]}`];
-    },
-    foldMessText() {
-      this.messFold = !this.messFold;
-    },
-    decodeJumpUrl(url) {
-      if (!url) return;
-      top.location.href = url;
+      this.cmsConfig.bannerList = this[`${obj[val]}`];
     },
     handleNowComp() {
       if (!this.isOpcacity) return;
@@ -47657,34 +47761,74 @@ var es_iterator_for_each = __webpack_require__(7588);
         key: this.data.id
       });
     },
-    escape2Html(str) {
-      if (str) {
-        var arrEntities = {
-          lt: "<",
-          gt: ">",
-          nbsp: " ",
-          amp: "&",
-          quot: '"'
-        };
-        return str.replace(/&(lt|gt|nbsp|amp|quot);/gi, function (all, t) {
-          return arrEntities[t];
+    initSwiper(operationName) {
+      const vm = this;
+      if (operationName === "bannerList" && this.cmsConfig.bannerList.length > 0) {
+        // 当广告个数大于1的时候才开启循环
+        const ifLoop = this.cmsConfig.bannerList.length > 1 ? true : false;
+        this.swiperOne = new swiper_esm_bundle/* default */.A(`#contentSwiper${this.data.id}`, {
+          initialSlide: 0,
+          // 初始化时slide的索引
+          autoplay: {
+            // 自动开始
+            delay: 5000,
+            // 时间间隔
+            disableOnInteraction: false // 手动操作轮播图后不会暂停
+          },
+          loop: ifLoop,
+          // 循环模式选项
+          spaceBetween: 30,
+          // 在slide之间设置距离
+          observer: true,
+          observeParents: true,
+          on: {
+            slideChangeTransitionEnd: function () {
+              // swiper从一个slide过渡到另一个slide结束时执行
+              console.log("realIndex", this.realIndex);
+              if (this.realIndex > vm.cmsConfig.bannerList.length - 1) return;
+              vm.swiperIdx = this.realIndex;
+            },
+            resize: function () {
+              this.update(true);
+            }
+          }
         });
-      } else {
-        return "";
       }
+    },
+    // 轮播
+    swiperPlay() {
+      this.swiperPlayVal = !this.swiperPlayVal;
+      this.swiperPlayVal ? this.swiperClickStart() : this.swiperClickStop();
+    },
+    swiperClickStop() {
+      this.swiperOne.autoplay.stop();
+    },
+    swiperClickStart() {
+      this.swiperOne.autoplay.start();
+    },
+    jumpToSlide(idx) {
+      // banner 轮播PC
+      console.log("PC点击了", idx);
+      // 在Loop模式下Swiper切换到指定slide。切换到的是slide索引是realIndex
+      this.swiperOne.slideToLoop(idx, 1000, false);
+      this.swiperIdx = idx;
+    },
+    //跳转
+    decodeJumpUrl(path, route) {
+      (0,jumpUrl/* decodeJumpUrl */.u)(path, route);
     }
   }
 });
-;// ./package/cms-productDetails/View.vue?vue&type=script&lang=js
- /* harmony default export */ var cms_productDetails_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// ./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-productDetails/View.vue?vue&type=style&index=0&id=35963b51&prod&lang=scss&scoped=true
+;// ./package/cms-banner/View.vue?vue&type=script&lang=js
+ /* harmony default export */ var cms_banner_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
+;// ./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-banner/View.vue?vue&type=style&index=0&id=27afd59e&prod&scoped=true&lang=scss
 // extracted by mini-css-extract-plugin
 
-;// ./package/cms-productDetails/View.vue?vue&type=style&index=0&id=35963b51&prod&lang=scss&scoped=true
+;// ./package/cms-banner/View.vue?vue&type=style&index=0&id=27afd59e&prod&scoped=true&lang=scss
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1656);
-;// ./package/cms-productDetails/View.vue
+;// ./package/cms-banner/View.vue
 
 
 
@@ -47694,12 +47838,12 @@ var componentNormalizer = __webpack_require__(1656);
 /* normalize component */
 
 var component = (0,componentNormalizer/* default */.A)(
-  cms_productDetails_Viewvue_type_script_lang_js,
+  cms_banner_Viewvue_type_script_lang_js,
   render,
   staticRenderFns,
   false,
   null,
-  "35963b51",
+  "27afd59e",
   null
   
 )
@@ -47708,155 +47852,6 @@ var component = (0,componentNormalizer/* default */.A)(
 
 /***/ }),
 
-/***/ 8227:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var globalThis = __webpack_require__(4576);
-var shared = __webpack_require__(5745);
-var hasOwn = __webpack_require__(9297);
-var uid = __webpack_require__(3392);
-var NATIVE_SYMBOL = __webpack_require__(4495);
-var USE_SYMBOL_AS_UID = __webpack_require__(7040);
-
-var Symbol = globalThis.Symbol;
-var WellKnownSymbolsStore = shared('wks');
-var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol['for'] || Symbol : Symbol && Symbol.withoutSetter || uid;
-
-module.exports = function (name) {
-  if (!hasOwn(WellKnownSymbolsStore, name)) {
-    WellKnownSymbolsStore[name] = NATIVE_SYMBOL && hasOwn(Symbol, name)
-      ? Symbol[name]
-      : createWellKnownSymbol('Symbol.' + name);
-  } return WellKnownSymbolsStore[name];
-};
-
-
-/***/ }),
-
-/***/ 8237:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var $ = __webpack_require__(6518);
-var iterate = __webpack_require__(2652);
-var aCallable = __webpack_require__(9306);
-var anObject = __webpack_require__(8551);
-var getIteratorDirect = __webpack_require__(1767);
-
-var $TypeError = TypeError;
-
-// `Iterator.prototype.reduce` method
-// https://tc39.es/ecma262/#sec-iterator.prototype.reduce
-$({ target: 'Iterator', proto: true, real: true }, {
-  reduce: function reduce(reducer /* , initialValue */) {
-    anObject(this);
-    aCallable(reducer);
-    var record = getIteratorDirect(this);
-    var noInitial = arguments.length < 2;
-    var accumulator = noInitial ? undefined : arguments[1];
-    var counter = 0;
-    iterate(record, function (value) {
-      if (noInitial) {
-        noInitial = false;
-        accumulator = value;
-      } else {
-        accumulator = reducer(accumulator, value, counter);
-      }
-      counter++;
-    }, { IS_RECORD: true });
-    if (noInitial) throw new $TypeError('Reduce of empty iterator with no initial value');
-    return accumulator;
-  }
-});
-
-
-/***/ }),
-
-/***/ 8251:
-/***/ (function(module) {
-
-"use strict";
-
-
-var replace = String.prototype.replace;
-var percentTwenties = /%20/g;
-var Format = {
-  RFC1738: 'RFC1738',
-  RFC3986: 'RFC3986'
-};
-module.exports = {
-  'default': Format.RFC3986,
-  formatters: {
-    RFC1738: function (value) {
-      return replace.call(value, percentTwenties, '+');
-    },
-    RFC3986: function (value) {
-      return String(value);
-    }
-  },
-  RFC1738: Format.RFC1738,
-  RFC3986: Format.RFC3986
-};
-
-/***/ }),
-
-/***/ 8254:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8111);
-/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var core_js_modules_es_iterator_reduce_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8237);
-/* harmony import */ var core_js_modules_es_iterator_reduce_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_reduce_js__WEBPACK_IMPORTED_MODULE_1__);
-
-
-
-
-const modulesFiles = __webpack_require__(8607);
-const modules = modulesFiles.keys().reduce((modules, modulePath) => {
-  const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1').replace('/en', '');
-  const value = modulesFiles(modulePath);
-  modules[moduleName] = value.default;
-  return modules;
-}, {});
-/* harmony default export */ __webpack_exports__["default"] = (modules);
-
-/***/ }),
-
-/***/ 8307:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-
-__webpack_require__(8111);
-__webpack_require__(7588);
-var utils = __webpack_require__(758);
-var defaults = __webpack_require__(9189);
-
-/**
- * Transform the data for a request or a response
- *
- * @param {Object|String} data The data to be transformed
- * @param {Array} headers The headers for the request or response
- * @param {Array|Function} fns A single function or Array of functions
- * @returns {*} The resulting transformed data
- */
-module.exports = function transformData(data, headers, fns) {
-  var context = this || defaults;
-  /*eslint no-param-reassign:0*/
-  utils.forEach(fns, function transform(fn) {
-    data = fn.call(context, data, headers);
-  });
-  return data;
-};
-
-/***/ }),
-
 /***/ 8425:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {