cms-chenhj-ui 2.0.26 → 2.0.28

package/cms-chenhj-ui.umd.js

@@ -21174,8 +21174,8 @@ var map = {
 	"./cms-column-card/index": 3583,
 	"./cms-column-card/index.js": 3583,
 	"./cms-column/": 3154,
-	"./cms-column/View": 2171,
-	"./cms-column/View.vue": 2171,
+	"./cms-column/View": 7473,
+	"./cms-column/View.vue": 7473,
 	"./cms-column/index": 3154,
 	"./cms-column/index.js": 3154,
 	"./cms-description": 98,
@@ -21293,8 +21293,8 @@ var map = {
 	"./cms-termsAndConditions/index.js": 8806,
 	"./cms-text": 4759,
 	"./cms-text/": 4759,
-	"./cms-text/View": 7326,
-	"./cms-text/View.vue": 7326,
+	"./cms-text/View": 7428,
+	"./cms-text/View.vue": 7428,
 	"./cms-text/index": 4759,
 	"./cms-text/index.js": 4759,
 	"./cms-threeScroll": 1661,
@@ -21317,8 +21317,8 @@ var map = {
 	"./cms-titleLeft/index.js": 3003,
 	"./cms-via-storedValueCard": 9711,
 	"./cms-via-storedValueCard/": 9711,
-	"./cms-via-storedValueCard/View": 4160,
-	"./cms-via-storedValueCard/View.vue": 4160,
+	"./cms-via-storedValueCard/View": 8924,
+	"./cms-via-storedValueCard/View.vue": 8924,
 	"./cms-via-storedValueCard/index": 9711,
 	"./cms-via-storedValueCard/index copy": 8862,
 	"./cms-via-storedValueCard/index copy.js": 8862,
@@ -22795,270 +22795,6 @@ test[TO_STRING_TAG] = 'z';
 module.exports = String(test) === '[object z]';
 
 
-/***/ }),
-
-/***/ 2171:
-/***/ (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-column/View.vue?vue&type=template&id=f2ba72e8&scoped=true
-var render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('BaseComp', _vm._b({
-    attrs: {
-      "data": _vm.data,
-      "nowCompId": _vm.nowCompId,
-      "isOpcacity": _vm.isOpcacity,
-      "isMask": false,
-      "lang": _vm.lang
-    },
-    on: {
-      "getConfigData": _vm.getConfigData
-    },
-    scopedSlots: _vm._u([{
-      key: "default",
-      fn: function (slotProps) {
-        return [_c('section', {
-          class: (_vm.configData.widthType === 'full' ? 'width-full' : 'cmhk-home_main', {
-            hoverBorderClass: _vm.isConfigPage
-          }),
-          style: _vm.containerStyle
-        }, [_c('div', {
-          staticClass: "column-setting",
-          class: [`layout-${_vm.configData.layoutType || 'default'}`, `${slotProps.isMobile && _vm.configData.mobileLayout === 'vertical' ? 'mobile-vertical' : 'mobile-horizontal'}`],
-          style: _vm.columnStyle
-        }, _vm._l(_vm.data.childList, function (item, index) {
-          return _c('cms-column-card', _vm._b({
-            key: item.componentId,
-            class: _vm.getColumnItemClass(index),
-            style: _vm.getColumnItemStyle(index),
-            attrs: {
-              "data": item,
-              "nowCompId": _vm.nowCompId,
-              "isOpcacity": _vm.isOpcacity,
-              "isMask": false,
-              "lang": _vm.lang,
-              "isMobile": slotProps.isMobile,
-              "mobileLayout": _vm.configData.mobileLayout
-            }
-          }, 'cms-column-card', _vm.$attrs, false));
-        }), 1)])];
-      }
-    }])
-  }, 'BaseComp', _vm.$attrs, false));
-};
-var staticRenderFns = [];
-
-// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(9659);
-;// ./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
-
-/* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-column",
-  components: {
-    BaseComp: baseComp["default"]
-  },
-  props: {
-    data: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    nowCompId: {
-      type: [String, Number],
-      default: ""
-    },
-    isOpcacity: {
-      type: Boolean,
-      default: true
-    },
-    lang: {
-      type: String,
-      default: "zh-HK"
-    }
-  },
-  data() {
-    return {
-      configData: {},
-      messFold: true,
-      // 默认配置数据
-      defaultConfig: {
-        layoutType: "100",
-        heightType: "auto",
-        widthType: "auto",
-        mobileLayout: "vertical",
-        fixedHeight: 300,
-        borderWidth: 0,
-        borderStyle: "solid",
-        borderColor: "",
-        backgroundColor: "#FFF",
-        backgroundImage: "",
-        boxShadow: "",
-        borderRadius: 0,
-        columnGap: 0,
-        rowGap: 0,
-        title: "",
-        description: "",
-        input1: "",
-        showTitle: true,
-        showDescription: true,
-        animationDuration: 300,
-        responsiveBreakpoint: 768
-      }
-    };
-  },
-  mounted() {},
-  watch: {
-    configData: {
-      handler() {
-        this.updateStyles();
-      },
-      immediate: true,
-      deep: true
-    }
-  },
-  computed: {
-    isConfigPage() {
-      return this.$EventBus && this.isOpcacity;
-    },
-    // 容器样式
-    containerStyle() {
-      return {
-        backgroundColor: this.configData.backgroundColor || this.defaultConfig.backgroundColor,
-        backgroundImage: this.configData.backgroundImage ? `url(${this.configData.backgroundImage})` : "",
-        backgroundSize: "cover",
-        backgroundRepeat: "no-repeat",
-        backgroundPosition: "center center",
-        boxShadow: this.configData.boxShadow || this.defaultConfig.boxShadow,
-        borderRadius: `${this.configData.borderRadius || this.defaultConfig.borderRadius}px`,
-        minHeight: this.configData.heightType === "fixed" ? `${this.configData.fixedHeight}px` : "auto"
-      };
-    },
-    // 分栏容器样式
-    columnStyle() {
-      // const gap = this.configData.rowGap || this.defaultConfig.rowGap;
-      return {
-        // gap: `${gap}px`,
-        border: this.configData.borderWidth ? `${this.configData.borderWidth}px ${this.configData.borderStyle} ${this.configData.borderColor}` : "none"
-      };
-    }
-  },
-  methods: {
-    // 获取配置数据
-    getConfigData(configData) {
-      this.configData = configData;
-      this.updateStyles();
-    },
-    // 更新样式
-    updateStyles() {
-      this.$nextTick(() => {
-        // 触发样式更新
-        this.$forceUpdate();
-      });
-    },
-    // 获取分栏项的类名
-    getColumnItemClass(index) {
-      const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
-      return ["column-item", `column-item-${index}`, `layout-${layoutType}`, {
-        "min-h": this.$EventBus && this.isOpcacity,
-        "first-item": index === 0,
-        "last-item": index === this.data.childList.length - 1
-      }];
-    },
-    // 获取分栏项的样式
-    getColumnItemStyle(index) {
-      const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
-      const gap = this.configData.rowGap || this.defaultConfig.rowGap;
-      let flexBasis = "100%";
-      let marginRight = "0";
-
-      // 根据布局类型设置宽度
-      switch (layoutType) {
-        case "50-50":
-          flexBasis = `calc(50% - ${gap / 2}px)`;
-          marginRight = index % 2 === 0 ? `${gap}px` : "0";
-          break;
-        case "33-66":
-          flexBasis = index === 0 ? `calc(33.33% - ${gap / 2}px)` : `calc(66.67% - ${gap / 2}px)`;
-          marginRight = index === 0 ? `${gap}px` : "0";
-          break;
-        case "66-33":
-          flexBasis = index === 0 ? `calc(66.67% - ${gap / 2}px)` : `calc(33.33% - ${gap / 2}px)`;
-          marginRight = index === 0 ? `${gap}px` : "0";
-          break;
-        case "33-33-33":
-          flexBasis = `calc(33.33% - ${gap * 2 / 3}px)`;
-          marginRight = index < 2 ? `${gap}px` : "0";
-          break;
-        case "25-50-25":
-          if (index === 0 || index === 2) {
-            flexBasis = `calc(25% - ${gap * 2 / 3}px)`;
-          } else {
-            flexBasis = `calc(50% - ${gap * 2 / 3}px)`;
-          }
-          marginRight = index < 2 ? `${gap}px` : "0";
-          break;
-        default:
-          flexBasis = "100%";
-      }
-      return {
-        flexBasis,
-        marginRight,
-        marginBottom: `${this.configData.columnGap || this.defaultConfig.columnGap}px`
-      };
-    },
-    // 折叠/展开文本
-    foldMessText() {
-      this.messFold = !this.messFold;
-    },
-    // 处理跳转链接
-    decodeJumpUrl(url) {
-      if (!url) return;
-      top.location.href = url;
-    }
-  }
-});
-;// ./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-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-column/View.vue?vue&type=style&index=0&id=f2ba72e8&prod&lang=scss&scoped=true
-// extracted by mini-css-extract-plugin
-
-;// ./package/cms-column/View.vue?vue&type=style&index=0&id=f2ba72e8&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
-
-
-
-;
-
-
-/* normalize component */
-
-var component = (0,componentNormalizer/* default */.A)(
-  cms_column_Viewvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  "f2ba72e8",
-  null
-  
-)
-
-/* harmony default export */ var View = (component.exports);
-
 /***/ }),
 
 /***/ 2179:
@@ -25444,7 +25180,7 @@ module.exports = Math.min;
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
 
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 2171));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 7473));
 const langData = {
   // 布局配置
   layoutType: "100",
@@ -35659,384 +35395,6 @@ module.exports = function (it) {
 };
 
 
-/***/ }),
-
-/***/ 4160:
-/***/ (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-via-storedValueCard/View.vue?vue&type=template&id=25771ea8&scoped=true
-var render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('BaseComp', _vm._b({
-    attrs: {
-      "data": _vm.data,
-      "nowCompId": _vm.nowCompId,
-      "isOpcacity": _vm.isOpcacity,
-      "lang": _vm.lang
-    },
-    on: {
-      "getConfigData": _vm.getConfigData
-    }
-  }, 'BaseComp', _vm.$attrs, false), [_c('section', {
-    staticClass: "cmhk-home_main"
-  }, [_c('div', {
-    staticClass: "wrap"
-  }, [_c('div', {
-    ref: "cardList",
-    staticClass: "cardList"
-  }, [_vm.viewList.length === 0 ? [_c('div', {
-    staticClass: "card-box"
-  }, [_c('div', {
-    staticClass: "card"
-  }, [_c('div', {
-    staticClass: "img-box"
-  }, [_c('div', {
-    staticClass: "card-img",
-    class: {
-      'is-cms': _vm.$EventBus
-    }
-  }, [_c('img', {
-    staticStyle: {
-      "height": "200px"
-    },
-    attrs: {
-      "src": _vm.placeholderImg,
-      "alt": ""
-    }
-  })])]), _c('div', {
-    staticClass: "content-box"
-  }, [_c('div', {
-    staticClass: "card-name"
-  }, [_vm._v(_vm._s(_vm.langText.productName))]), _c('div', {
-    staticClass: "text-box"
-  }, [_c('div', {
-    staticClass: "card-refPrice"
-  }, [_vm._v(" " + _vm._s(_vm.langText.Price) + " HK$XXXX ")]), _c('div', {
-    staticClass: "card-pice-text"
-  }, [_vm._v(_vm._s(_vm.langText.onlinePrice))])]), _c('div', {
-    staticClass: "card-pice"
-  }, [_c('span', [_vm._v("HK$")]), _vm._v("XXXX")]), _c('div', {
-    staticClass: "card-btn"
-  }, [_vm._v(_vm._s(_vm.langText.buyNow))])])])])] : _vm._e(), _vm._l(_vm.viewList, function (item, index) {
-    return _c('div', {
-      key: `${index}-${item.commodityId || index}`,
-      staticClass: "card-box"
-    }, [_c('div', {
-      staticClass: "card"
-    }, [_c('div', {
-      staticClass: "tag-box-left"
-    }, [_vm._l(item.malltCommodityLeft, function (ele, i) {
-      return [_c('img', {
-        key: i,
-        attrs: {
-          "src": _vm.compBaseUrl + ele.pictureUrl,
-          "alt": ""
-        }
-      })];
-    })], 2), _c('div', {
-      staticClass: "tag-box-right"
-    }, [_vm._l(item.malltCommodityRight, function (ele, i) {
-      return [_c('img', {
-        key: i,
-        attrs: {
-          "src": _vm.compBaseUrl + ele.pictureUrl,
-          "alt": ""
-        }
-      })];
-    })], 2), _c('div', {
-      staticClass: "img-box"
-    }, [_vm.isNotActive(item) ? _c('div', {
-      staticClass: "mask"
-    }, [_vm._v(" " + _vm._s(new Date(item.upTime).getTime() > _vm.nowTs ? _vm.langText.comingSoon : _vm.langText.expired) + " ")]) : _vm._e(), _c('div', {
-      staticClass: "card-img",
-      class: {
-        'is-cms': _vm.$EventBus
-      }
-    }, [_c('img', {
-      attrs: {
-        "src": _vm.compBaseUrl + item.maxPicId,
-        "alt": ""
-      }
-    })])]), _c('div', {
-      staticClass: "content-box"
-    }, [_vm.isNotActive(item) ? _c('div', {
-      staticClass: "content-mask"
-    }) : _vm._e(), _c('div', {
-      staticClass: "card-name"
-    }, [_vm._v(_vm._s(item.commodityName))]), _c('div', {
-      staticClass: "text-box"
-    }, [item.price !== item.refPrice ? _c('div', {
-      staticClass: "card-refPrice"
-    }, [_vm._v(" " + _vm._s(_vm.langText.Price) + " HK$" + _vm._s(_vm.convertCentsToYuan(item.refPrice)) + " ")]) : _c('div', {
-      staticClass: "card-refPrice"
-    }), _c('div', {
-      staticClass: "card-pice-text"
-    }, [_vm._v(" " + _vm._s(item.price !== item.refPrice ? _vm.langText.onlinePrice : _vm.langText.Price) + " ")])]), _c('div', {
-      staticClass: "card-pice spc-font"
-    }, [_c('span', [_vm._v("HK$")]), _vm._v(_vm._s(_vm.convertCentsToYuan(item.price)) + " ")]), _vm.isActive(item) ? _c('div', {
-      staticClass: "card-btn",
-      on: {
-        "click": function ($event) {
-          return _vm.goDetail(item);
-        }
-      }
-    }, [_vm._v(" " + _vm._s(_vm.langText.buyNow)), _c('img', {
-      attrs: {
-        "src": _vm.arrowRightImg
-      }
-    })]) : _c('div', {
-      staticClass: "card-btn"
-    }, [_vm._v(" " + _vm._s(new Date(item.upTime).getTime() > _vm.nowTs ? (_vm.langText.launch || "").replace("NNN", item.upTime) : _vm.langText.Offer) + " ")])])])]);
-  })], 2), !_vm.seeMore && _vm.configList.length > 9 ? _c('div', {
-    ref: "seeMoreRef",
-    staticClass: "seeMore",
-    on: {
-      "click": function ($event) {
-        _vm.seeMore = true;
-      }
-    }
-  }, [_vm._v(" " + _vm._s(_vm.langText.more) + " "), _c('img', {
-    staticClass: "btm",
-    attrs: {
-      "src": _vm.arrowDownImg
-    }
-  })]) : _vm._e()])])]);
-};
-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.filter.js
-var es_iterator_filter = __webpack_require__(2489);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
-var es_iterator_for_each = __webpack_require__(7588);
-// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(9659);
-// EXTERNAL MODULE: ./src/api/index.js
-var api = __webpack_require__(2842);
-// EXTERNAL MODULE: ./package/patch.js
-var patch = __webpack_require__(4229);
-// EXTERNAL MODULE: ./node_modules/qs/lib/index.js
-var lib = __webpack_require__(7087);
-var lib_default = /*#__PURE__*/__webpack_require__.n(lib);
-;// ./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-via-storedValueCard/View.vue?vue&type=script&lang=js
-
-
-
-
-
-
-
-
-
-
-/* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-via-storedValueCard",
-  components: {
-    BaseComp: baseComp["default"]
-  },
-  props: {
-    data: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    nowCompId: {
-      type: [String, Number],
-      default: ""
-    },
-    isOpcacity: {
-      type: Boolean,
-      default: true
-    },
-    lang: {
-      type: String,
-      default: "zh-HK"
-    }
-  },
-  data() {
-    return {
-      langConfig: {
-        "zh-HK": {
-          productName: "產品名稱",
-          Price: "建議零售價",
-          onlinePrice: "網上優惠價",
-          buyNow: "立即選購",
-          comingSoon: "即將推出",
-          expired: "優惠已過期",
-          more: "查看更多",
-          launch: "NNN 上線",
-          Offer: "優惠即將推出"
-        },
-        "zh-CN": {
-          productName: "产品名称",
-          Price: "建议零售价",
-          onlinePrice: "网上优惠价",
-          buyNow: "立即选购",
-          comingSoon: "即将推出",
-          expired: "优惠已过期",
-          more: "查看更多",
-          launch: "NNN 上线",
-          Offer: "优惠即将推出"
-        },
-        "en-US": {
-          productName: "Product Name",
-          Price: "SRP",
-          onlinePrice: "Online Price",
-          buyNow: "Buy Now",
-          comingSoon: "Coming Soon",
-          expired: "Expired",
-          more: "See more",
-          launch: "Launch at NNN",
-          Offer: "Offer Coming"
-        }
-      },
-      configList: [],
-      seeMore: false,
-      nowTs: Date.now(),
-      compBaseUrl: "https://omniapi.hk.chinamobile.com",
-      // images
-      placeholderImg: __webpack_require__(5335),
-      arrowRightImg: __webpack_require__(4860),
-      arrowDownImg: __webpack_require__(1861),
-      arrowHoverImg: __webpack_require__(4116),
-      arrowActiveImg: __webpack_require__(9670),
-      shopList: []
-    };
-  },
-  computed: {
-    langText() {
-      return this.langConfig[this.lang] ? this.langConfig[this.lang] : this.langConfig["zh-HK"];
-    },
-    viewList() {
-      if (this.seeMore) return this.shopList;
-      return this.shopList.slice(0, 9);
-    }
-  },
-  mounted() {
-    if (!this.$EventBus) {
-      this.compBaseUrl = (0,patch.getCompBaseUrl)();
-    }
-  },
-  beforeDestroy() {},
-  methods: {
-    getConfigData(configData) {
-      this.configList = configData.configList;
-      console.log("getConfigData", this.configList);
-      this.getValue();
-    },
-    async getValue() {
-      await this.getCommodityDetails();
-    },
-    // 拉取已选商品详情
-    async getCommodityDetails() {
-      // try {
-      let req = {
-        busInfo: JSON.stringify({
-          commodityIds: [...this.configList],
-          commodityTypes: ["604", "605"]
-        })
-      };
-      req = lib_default().stringify(req);
-      const json = await (0,api/* getCommodityDetails */.yX)(req, this.lang);
-      let dataResult = json && json.busiResp && json.busiResp.busiDataResp;
-      if (Array.isArray(dataResult)) {
-        dataResult.forEach(item => {
-          if (Array.isArray(item.malltCommodityTags)) {
-            const left = item.malltCommodityTags.filter(ele => ele.tagType == 5001).sort((a, b) => a.sort - b.sort);
-            const right = item.malltCommodityTags.filter(ele => ele.tagType == 5002).sort((a, b) => a.sort - b.sort);
-            item.malltCommodityLeft = left.slice(0, 2);
-            item.malltCommodityRight = right.slice(0, 4);
-          } else {
-            item.malltCommodityLeft = [];
-            item.malltCommodityRight = [];
-          }
-        });
-        // 按选择顺序排序
-        this.shopList = dataResult.sort((a, b) => {
-          return this.configList.indexOf(a.commodityId) - this.configList.indexOf(b.commodityId);
-        });
-      } else {
-        this.shopList = [];
-      }
-      // } catch (e) {
-      //   this.shopList = [];
-      // }
-    },
-    isActive(item) {
-      const now = Date.now();
-      return new Date(item.upTime).getTime() < now && new Date(item.downTime).getTime() > now;
-    },
-    isNotActive(item) {
-      const now = Date.now();
-      return new Date(item.upTime).getTime() > now || new Date(item.downTime).getTime() < now;
-    },
-    convertCentsToYuan(cents) {
-      const yuan = (Number(cents || 0) / 100).toFixed(2);
-      return parseFloat(yuan);
-    },
-    goDetail(item) {
-      const base = this.$EventBus ? this.compBaseUrl : window.location.origin;
-      const langMap = {
-        "zh-CN": "sc",
-        "zh-HK": "tc",
-        "en-US": "en"
-      };
-      const routeLang = langMap[this.lang];
-      if (item.commodityType === "604") {
-        if ((item.commodityName || "").includes("MySIM")) {
-          window.parent.location.href = `${base}/${routeLang}/home/prepaid-card/mysim/detail?commodityId=${item.commodityId}&mysim=${item.commodityName}`;
-        } else {
-          window.parent.location.href = `${base}/${routeLang}/home/prepaid-card/detail?commodityId=${item.commodityId}&commodityType=604&commodityName=${item.commodityName}`;
-        }
-      } else if (item.commodityType === "605") {
-        window.parent.location.href = `${base}/${routeLang}/home/prepaid/refill-voucher/detail?commodityId=${item.commodityId}&commodityType=605&commodityName=${item.commodityName}`;
-      }
-    }
-  }
-});
-;// ./package/cms-via-storedValueCard/View.vue?vue&type=script&lang=js
- /* harmony default export */ var cms_via_storedValueCard_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-via-storedValueCard/View.vue?vue&type=style&index=0&id=25771ea8&prod&lang=scss&scoped=true
-// extracted by mini-css-extract-plugin
-
-;// ./package/cms-via-storedValueCard/View.vue?vue&type=style&index=0&id=25771ea8&prod&lang=scss&scoped=true
-
-// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(1656);
-;// ./package/cms-via-storedValueCard/View.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var component = (0,componentNormalizer/* default */.A)(
-  cms_via_storedValueCard_Viewvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  "25771ea8",
-  null
-  
-)
-
-/* harmony default export */ var View = (component.exports);
-
 /***/ }),
 
 /***/ 4188:
@@ -38082,7 +37440,7 @@ exportTypedArrayMethod('toSorted', function toSorted(compareFn) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
 
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 7326));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 7428));
 const langData = {
   // 内容编辑
   textContent: "请输入文本内容",
@@ -38097,7 +37455,8 @@ const langData = {
   fontWeight: "normal",
   fontStyle: "normal",
   textDecoration: "none",
-  fontFamily: "Microsoft YaHei",
+  // fontFamily: "Microsoft YaHei",
+
   // 布局设置
   paddingTop: 0,
   paddingBottom: 0,
@@ -39333,7 +38692,7 @@ var map = {
 	"./cms-button/View.vue": 1163,
 	"./cms-cells/View.vue": 983,
 	"./cms-column-card/View.vue": 688,
-	"./cms-column/View.vue": 2171,
+	"./cms-column/View.vue": 7473,
 	"./cms-description/View.vue": 6296,
 	"./cms-dynamic-comp/View.vue": 471,
 	"./cms-iconFour/View.vue": 2946,
@@ -39352,11 +38711,11 @@ var map = {
 	"./cms-servePlan-tab/View.vue": 8296,
 	"./cms-servePlan-text/View.vue": 4726,
 	"./cms-termsAndConditions/View.vue": 7060,
-	"./cms-text/View.vue": 7326,
+	"./cms-text/View.vue": 7428,
 	"./cms-threeScroll/View.vue": 38,
 	"./cms-titleCenter/View.vue": 788,
 	"./cms-titleLeft/View.vue": 7284,
-	"./cms-via-storedValueCard/View.vue": 4160,
+	"./cms-via-storedValueCard/View.vue": 8924,
 	"./cms-video-group/View.vue": 103,
 	"./cms-video/View.vue": 5846,
 	"./cms-view/View.vue": 3774
@@ -39746,7 +39105,7 @@ function getShopproGroup(data) {
 function columnQuery(params) {
   return request({
     method: "post",
-    url: "/ecosp-console/columnCategory/query",
+    url: "/ecosp-console/columnCategory/queryByCommodityType",
     data: params
   });
 }
@@ -47609,7 +46968,61 @@ var component = (0,componentNormalizer/* default */.A)(
 
 /***/ }),
 
-/***/ 7326:
+/***/ 7347:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+var DESCRIPTORS = __webpack_require__(3724);
+var call = __webpack_require__(9565);
+var propertyIsEnumerableModule = __webpack_require__(8773);
+var createPropertyDescriptor = __webpack_require__(6980);
+var toIndexedObject = __webpack_require__(5397);
+var toPropertyKey = __webpack_require__(6969);
+var hasOwn = __webpack_require__(9297);
+var IE8_DOM_DEFINE = __webpack_require__(5917);
+
+// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
+
+// `Object.getOwnPropertyDescriptor` method
+// https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
+exports.f = DESCRIPTORS ? $getOwnPropertyDescriptor : function getOwnPropertyDescriptor(O, P) {
+  O = toIndexedObject(O);
+  P = toPropertyKey(P);
+  if (IE8_DOM_DEFINE) try {
+    return $getOwnPropertyDescriptor(O, P);
+  } catch (error) { /* empty */ }
+  if (hasOwn(O, P)) return createPropertyDescriptor(!call(propertyIsEnumerableModule.f, O, P), O[P]);
+};
+
+
+/***/ }),
+
+/***/ 7394:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var globalThis = __webpack_require__(4576);
+var uncurryThisAccessor = __webpack_require__(6706);
+var classof = __webpack_require__(2195);
+
+var ArrayBuffer = globalThis.ArrayBuffer;
+var TypeError = globalThis.TypeError;
+
+// Includes
+// - Perform ? RequireInternalSlot(O, [[ArrayBufferData]]).
+// - If IsSharedArrayBuffer(O) is true, throw a TypeError exception.
+module.exports = ArrayBuffer && uncurryThisAccessor(ArrayBuffer.prototype, 'byteLength', 'get') || function (O) {
+  if (classof(O) !== 'ArrayBuffer') throw new TypeError('ArrayBuffer expected');
+  return O.byteLength;
+};
+
+
+/***/ }),
+
+/***/ 7428:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -47621,7 +47034,7 @@ __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-text/View.vue?vue&type=template&id=7fe7dfef&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-text/View.vue?vue&type=template&id=1854eb12&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -47727,7 +47140,8 @@ var baseComp = __webpack_require__(9659);
         fontWeight: "normal",
         fontStyle: "normal",
         textDecoration: "none",
-        fontFamily: "inherit",
+        // fontFamily: "inherit",
+
         // 布局设置
         paddingTop: 0,
         paddingBottom: 0,
@@ -47821,7 +47235,7 @@ var baseComp = __webpack_require__(9659);
         fontWeight: config.fontWeight,
         fontStyle: config.fontStyle,
         textDecoration: config.textDecoration,
-        fontFamily: config.fontFamily,
+        // fontFamily: config.fontFamily,
         lineHeight: config.lineHeight,
         letterSpacing: `${config.letterSpacing}px`,
         textAlign: config.textAlign,
@@ -47992,10 +47406,10 @@ var baseComp = __webpack_require__(9659);
 });
 ;// ./package/cms-text/View.vue?vue&type=script&lang=js
  /* harmony default export */ var cms_text_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-text/View.vue?vue&type=style&index=0&id=7fe7dfef&prod&lang=scss&scoped=true
+;// ./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-text/View.vue?vue&type=style&index=0&id=1854eb12&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./package/cms-text/View.vue?vue&type=style&index=0&id=7fe7dfef&prod&lang=scss&scoped=true
+;// ./package/cms-text/View.vue?vue&type=style&index=0&id=1854eb12&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1656);
@@ -48014,7 +47428,7 @@ var component = (0,componentNormalizer/* default */.A)(
   staticRenderFns,
   false,
   null,
-  "7fe7dfef",
+  "1854eb12",
   null
   
 )
@@ -48023,78 +47437,286 @@ var component = (0,componentNormalizer/* default */.A)(
 
 /***/ }),
 
-/***/ 7347:
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+/***/ 7467:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
 
 "use strict";
 
-var DESCRIPTORS = __webpack_require__(3724);
-var call = __webpack_require__(9565);
-var propertyIsEnumerableModule = __webpack_require__(8773);
-var createPropertyDescriptor = __webpack_require__(6980);
-var toIndexedObject = __webpack_require__(5397);
-var toPropertyKey = __webpack_require__(6969);
-var hasOwn = __webpack_require__(9297);
-var IE8_DOM_DEFINE = __webpack_require__(5917);
+var arrayToReversed = __webpack_require__(7628);
+var ArrayBufferViewCore = __webpack_require__(4644);
 
-// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
+var aTypedArray = ArrayBufferViewCore.aTypedArray;
+var exportTypedArrayMethod = ArrayBufferViewCore.exportTypedArrayMethod;
+var getTypedArrayConstructor = ArrayBufferViewCore.getTypedArrayConstructor;
 
-// `Object.getOwnPropertyDescriptor` method
-// https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
-exports.f = DESCRIPTORS ? $getOwnPropertyDescriptor : function getOwnPropertyDescriptor(O, P) {
-  O = toIndexedObject(O);
-  P = toPropertyKey(P);
-  if (IE8_DOM_DEFINE) try {
-    return $getOwnPropertyDescriptor(O, P);
-  } catch (error) { /* empty */ }
-  if (hasOwn(O, P)) return createPropertyDescriptor(!call(propertyIsEnumerableModule.f, O, P), O[P]);
-};
+// `%TypedArray%.prototype.toReversed` method
+// https://tc39.es/ecma262/#sec-%typedarray%.prototype.toreversed
+exportTypedArrayMethod('toReversed', function toReversed() {
+  return arrayToReversed(aTypedArray(this), getTypedArrayConstructor(this));
+});
 
 
 /***/ }),
 
-/***/ 7394:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+/***/ 7473:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
 
-var globalThis = __webpack_require__(4576);
-var uncurryThisAccessor = __webpack_require__(6706);
-var classof = __webpack_require__(2195);
-
-var ArrayBuffer = globalThis.ArrayBuffer;
-var TypeError = globalThis.TypeError;
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ View; }
+});
 
-// Includes
-// - Perform ? RequireInternalSlot(O, [[ArrayBufferData]]).
-// - If IsSharedArrayBuffer(O) is true, throw a TypeError exception.
-module.exports = ArrayBuffer && uncurryThisAccessor(ArrayBuffer.prototype, 'byteLength', 'get') || function (O) {
-  if (classof(O) !== 'ArrayBuffer') throw new TypeError('ArrayBuffer expected');
-  return O.byteLength;
+;// ./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=033e8b60&scoped=true
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('BaseComp', _vm._b({
+    attrs: {
+      "data": _vm.data,
+      "nowCompId": _vm.nowCompId,
+      "isOpcacity": _vm.isOpcacity,
+      "isMask": false,
+      "lang": _vm.lang
+    },
+    on: {
+      "getConfigData": _vm.getConfigData
+    },
+    scopedSlots: _vm._u([{
+      key: "default",
+      fn: function (slotProps) {
+        return [_c('section', {
+          class: [_vm.configData.widthType === 'full' ? 'width-full' : 'cmhk-home_main', _vm.isConfigPage ? 'hoverBorderClass' : ''],
+          style: _vm.containerStyle
+        }, [_c('div', {
+          staticClass: "column-setting",
+          class: [`layout-${_vm.configData.layoutType || 'default'}`, `${slotProps.isMobile && _vm.configData.mobileLayout === 'vertical' ? 'mobile-vertical' : 'mobile-horizontal'}`],
+          style: _vm.columnStyle
+        }, _vm._l(_vm.data.childList, function (item, index) {
+          return _c('cms-column-card', _vm._b({
+            key: item.componentId,
+            class: _vm.getColumnItemClass(index),
+            style: _vm.getColumnItemStyle(index),
+            attrs: {
+              "data": item,
+              "nowCompId": _vm.nowCompId,
+              "isOpcacity": _vm.isOpcacity,
+              "isMask": false,
+              "lang": _vm.lang,
+              "isMobile": slotProps.isMobile,
+              "mobileLayout": _vm.configData.mobileLayout
+            }
+          }, 'cms-column-card', _vm.$attrs, false));
+        }), 1)])];
+      }
+    }])
+  }, 'BaseComp', _vm.$attrs, false));
 };
+var staticRenderFns = [];
 
+// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
+var baseComp = __webpack_require__(9659);
+;// ./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
 
-/***/ }),
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-column",
+  components: {
+    BaseComp: baseComp["default"]
+  },
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    nowCompId: {
+      type: [String, Number],
+      default: ""
+    },
+    isOpcacity: {
+      type: Boolean,
+      default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
+    }
+  },
+  data() {
+    return {
+      configData: {},
+      messFold: true,
+      // 默认配置数据
+      defaultConfig: {
+        layoutType: "100",
+        heightType: "auto",
+        widthType: "auto",
+        mobileLayout: "vertical",
+        fixedHeight: 300,
+        borderWidth: 0,
+        borderStyle: "solid",
+        borderColor: "",
+        backgroundColor: "#FFF",
+        backgroundImage: "",
+        boxShadow: "",
+        borderRadius: 0,
+        columnGap: 0,
+        rowGap: 0,
+        title: "",
+        description: "",
+        input1: "",
+        showTitle: true,
+        showDescription: true,
+        animationDuration: 300,
+        responsiveBreakpoint: 768
+      }
+    };
+  },
+  mounted() {},
+  watch: {
+    configData: {
+      handler() {
+        this.updateStyles();
+      },
+      immediate: true,
+      deep: true
+    }
+  },
+  computed: {
+    isConfigPage() {
+      return this.$EventBus && this.isOpcacity;
+    },
+    // 容器样式
+    containerStyle() {
+      return {
+        backgroundColor: this.configData.backgroundColor || this.defaultConfig.backgroundColor,
+        backgroundImage: this.configData.backgroundImage ? `url(${this.configData.backgroundImage})` : "",
+        backgroundSize: "cover",
+        backgroundRepeat: "no-repeat",
+        backgroundPosition: "center center",
+        boxShadow: this.configData.boxShadow || this.defaultConfig.boxShadow,
+        borderRadius: `${this.configData.borderRadius || this.defaultConfig.borderRadius}px`,
+        minHeight: this.configData.heightType === "fixed" ? `${this.configData.fixedHeight}px` : "auto"
+      };
+    },
+    // 分栏容器样式
+    columnStyle() {
+      // const gap = this.configData.rowGap || this.defaultConfig.rowGap;
+      return {
+        // gap: `${gap}px`,
+        border: this.configData.borderWidth ? `${this.configData.borderWidth}px ${this.configData.borderStyle} ${this.configData.borderColor}` : "none"
+      };
+    }
+  },
+  methods: {
+    // 获取配置数据
+    getConfigData(configData) {
+      this.configData = configData;
+      this.updateStyles();
+    },
+    // 更新样式
+    updateStyles() {
+      this.$nextTick(() => {
+        // 触发样式更新
+        this.$forceUpdate();
+      });
+    },
+    // 获取分栏项的类名
+    getColumnItemClass(index) {
+      const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
+      return ["column-item", `column-item-${index}`, `layout-${layoutType}`, {
+        "min-h": this.$EventBus && this.isOpcacity,
+        "first-item": index === 0,
+        "last-item": index === this.data.childList.length - 1
+      }];
+    },
+    // 获取分栏项的样式
+    getColumnItemStyle(index) {
+      const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
+      const gap = this.configData.rowGap || this.defaultConfig.rowGap;
+      let flexBasis = "100%";
+      let marginRight = "0";
 
-/***/ 7467:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+      // 根据布局类型设置宽度
+      switch (layoutType) {
+        case "50-50":
+          flexBasis = `calc(50% - ${gap / 2}px)`;
+          marginRight = index % 2 === 0 ? `${gap}px` : "0";
+          break;
+        case "33-66":
+          flexBasis = index === 0 ? `calc(33.33% - ${gap / 2}px)` : `calc(66.67% - ${gap / 2}px)`;
+          marginRight = index === 0 ? `${gap}px` : "0";
+          break;
+        case "66-33":
+          flexBasis = index === 0 ? `calc(66.67% - ${gap / 2}px)` : `calc(33.33% - ${gap / 2}px)`;
+          marginRight = index === 0 ? `${gap}px` : "0";
+          break;
+        case "33-33-33":
+          flexBasis = `calc(33.33% - ${gap * 2 / 3}px)`;
+          marginRight = index < 2 ? `${gap}px` : "0";
+          break;
+        case "25-50-25":
+          if (index === 0 || index === 2) {
+            flexBasis = `calc(25% - ${gap * 2 / 3}px)`;
+          } else {
+            flexBasis = `calc(50% - ${gap * 2 / 3}px)`;
+          }
+          marginRight = index < 2 ? `${gap}px` : "0";
+          break;
+        default:
+          flexBasis = "100%";
+      }
+      return {
+        flexBasis,
+        marginRight,
+        marginBottom: `${this.configData.columnGap || this.defaultConfig.columnGap}px`
+      };
+    },
+    // 折叠/展开文本
+    foldMessText() {
+      this.messFold = !this.messFold;
+    },
+    // 处理跳转链接
+    decodeJumpUrl(url) {
+      if (!url) return;
+      top.location.href = url;
+    }
+  }
+});
+;// ./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-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-column/View.vue?vue&type=style&index=0&id=033e8b60&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
 
-"use strict";
+;// ./package/cms-column/View.vue?vue&type=style&index=0&id=033e8b60&prod&lang=scss&scoped=true
 
-var arrayToReversed = __webpack_require__(7628);
-var ArrayBufferViewCore = __webpack_require__(4644);
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1656);
+;// ./package/cms-column/View.vue
 
-var aTypedArray = ArrayBufferViewCore.aTypedArray;
-var exportTypedArrayMethod = ArrayBufferViewCore.exportTypedArrayMethod;
-var getTypedArrayConstructor = ArrayBufferViewCore.getTypedArrayConstructor;
 
-// `%TypedArray%.prototype.toReversed` method
-// https://tc39.es/ecma262/#sec-%typedarray%.prototype.toreversed
-exportTypedArrayMethod('toReversed', function toReversed() {
-  return arrayToReversed(aTypedArray(this), getTypedArrayConstructor(this));
-});
 
+;
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.A)(
+  cms_column_Viewvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "033e8b60",
+  null
+  
+)
+
+/* harmony default export */ var View = (component.exports);
 
 /***/ }),
 
@@ -52754,7 +52376,7 @@ module.exports = URIError;
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
 
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 4160));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 8924));
 const langData = {};
 const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataType)(langData, {});
 const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSchema)(langData);
@@ -52840,6 +52462,384 @@ module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABwCAQAAABs
 
 /***/ }),
 
+/***/ 8924:
+/***/ (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-via-storedValueCard/View.vue?vue&type=template&id=ff44e87c&scoped=true
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('BaseComp', _vm._b({
+    attrs: {
+      "data": _vm.data,
+      "nowCompId": _vm.nowCompId,
+      "isOpcacity": _vm.isOpcacity,
+      "lang": _vm.lang
+    },
+    on: {
+      "getConfigData": _vm.getConfigData
+    }
+  }, 'BaseComp', _vm.$attrs, false), [_c('section', {
+    staticClass: "cmhk-home_main"
+  }, [_c('div', {
+    staticClass: "wrap"
+  }, [_c('div', {
+    ref: "cardList",
+    staticClass: "cardList"
+  }, [_vm.viewList.length === 0 ? [_c('div', {
+    staticClass: "card-box"
+  }, [_c('div', {
+    staticClass: "card"
+  }, [_c('div', {
+    staticClass: "img-box"
+  }, [_c('div', {
+    staticClass: "card-img",
+    class: {
+      'is-cms': _vm.$EventBus
+    }
+  }, [_c('img', {
+    staticStyle: {
+      "height": "200px"
+    },
+    attrs: {
+      "src": _vm.placeholderImg,
+      "alt": ""
+    }
+  })])]), _c('div', {
+    staticClass: "content-box"
+  }, [_c('div', {
+    staticClass: "card-name"
+  }, [_vm._v(_vm._s(_vm.langText.productName))]), _c('div', {
+    staticClass: "text-box"
+  }, [_c('div', {
+    staticClass: "card-refPrice"
+  }, [_vm._v(" " + _vm._s(_vm.langText.Price) + " HK$XXXX ")]), _c('div', {
+    staticClass: "card-pice-text"
+  }, [_vm._v(_vm._s(_vm.langText.onlinePrice))])]), _c('div', {
+    staticClass: "card-pice"
+  }, [_c('span', [_vm._v("HK$")]), _vm._v("XXXX")]), _c('div', {
+    staticClass: "card-btn"
+  }, [_vm._v(_vm._s(_vm.langText.buyNow))])])])])] : _vm._e(), _vm._l(_vm.viewList, function (item, index) {
+    return _c('div', {
+      key: `${index}-${item.commodityId || index}`,
+      staticClass: "card-box"
+    }, [_c('div', {
+      staticClass: "card"
+    }, [_c('div', {
+      staticClass: "tag-box-left"
+    }, [_vm._l(item.malltCommodityLeft, function (ele, i) {
+      return [_c('img', {
+        key: i,
+        attrs: {
+          "src": _vm.compBaseUrl + ele.pictureUrl,
+          "alt": ""
+        }
+      })];
+    })], 2), _c('div', {
+      staticClass: "tag-box-right"
+    }, [_vm._l(item.malltCommodityRight, function (ele, i) {
+      return [_c('img', {
+        key: i,
+        attrs: {
+          "src": _vm.compBaseUrl + ele.pictureUrl,
+          "alt": ""
+        }
+      })];
+    })], 2), _c('div', {
+      staticClass: "img-box"
+    }, [_vm.isNotActive(item) ? _c('div', {
+      staticClass: "mask"
+    }, [_vm._v(" " + _vm._s(new Date(item.upTime).getTime() > _vm.nowTs ? _vm.langText.comingSoon : _vm.langText.expired) + " ")]) : _vm._e(), _c('div', {
+      staticClass: "card-img",
+      class: {
+        'is-cms': _vm.$EventBus
+      }
+    }, [_c('img', {
+      attrs: {
+        "src": _vm.compBaseUrl + item.maxPicId,
+        "alt": ""
+      }
+    })])]), _c('div', {
+      staticClass: "content-box"
+    }, [_vm.isNotActive(item) ? _c('div', {
+      staticClass: "content-mask"
+    }) : _vm._e(), _c('div', {
+      staticClass: "card-name"
+    }, [_vm._v(_vm._s(item.commodityName))]), _c('div', {
+      staticClass: "text-box"
+    }, [item.price !== item.refPrice ? _c('div', {
+      staticClass: "card-refPrice"
+    }, [_vm._v(" " + _vm._s(_vm.langText.Price) + " HK$" + _vm._s(_vm.convertCentsToYuan(item.refPrice)) + " ")]) : _c('div', {
+      staticClass: "card-refPrice"
+    }), _c('div', {
+      staticClass: "card-pice-text"
+    }, [_vm._v(" " + _vm._s(item.price !== item.refPrice ? _vm.langText.onlinePrice : _vm.langText.Price) + " ")])]), _c('div', {
+      staticClass: "card-pice spc-font"
+    }, [_c('span', [_vm._v("HK$")]), _vm._v(_vm._s(_vm.convertCentsToYuan(item.price)) + " ")]), _vm.isActive(item) ? _c('div', {
+      staticClass: "card-btn",
+      on: {
+        "click": function ($event) {
+          return _vm.goDetail(item);
+        }
+      }
+    }, [_vm._v(" " + _vm._s(_vm.langText.buyNow)), _c('img', {
+      attrs: {
+        "src": _vm.arrowRightImg
+      }
+    })]) : _c('div', {
+      staticClass: "card-btn"
+    }, [_vm._v(" " + _vm._s(new Date(item.upTime).getTime() > _vm.nowTs ? (_vm.langText.launch || "").replace("NNN", item.upTime) : _vm.langText.Offer) + " ")])])])]);
+  })], 2), !_vm.seeMore && _vm.configList.length > 9 ? _c('div', {
+    ref: "seeMoreRef",
+    staticClass: "seeMore",
+    on: {
+      "click": function ($event) {
+        _vm.seeMore = true;
+      }
+    }
+  }, [_vm._v(" " + _vm._s(_vm.langText.more) + " "), _c('img', {
+    staticClass: "btm",
+    attrs: {
+      "src": _vm.arrowDownImg
+    }
+  })]) : _vm._e()])])]);
+};
+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.filter.js
+var es_iterator_filter = __webpack_require__(2489);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
+var es_iterator_for_each = __webpack_require__(7588);
+// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
+var baseComp = __webpack_require__(9659);
+// EXTERNAL MODULE: ./src/api/index.js
+var api = __webpack_require__(2842);
+// EXTERNAL MODULE: ./package/patch.js
+var patch = __webpack_require__(4229);
+// EXTERNAL MODULE: ./node_modules/qs/lib/index.js
+var lib = __webpack_require__(7087);
+var lib_default = /*#__PURE__*/__webpack_require__.n(lib);
+;// ./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-via-storedValueCard/View.vue?vue&type=script&lang=js
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-via-storedValueCard",
+  components: {
+    BaseComp: baseComp["default"]
+  },
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    nowCompId: {
+      type: [String, Number],
+      default: ""
+    },
+    isOpcacity: {
+      type: Boolean,
+      default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
+    }
+  },
+  data() {
+    return {
+      langConfig: {
+        "zh-HK": {
+          productName: "產品名稱",
+          Price: "建議零售價",
+          onlinePrice: "網上優惠價",
+          buyNow: "立即購買",
+          comingSoon: "即將推出",
+          expired: "優惠已過期",
+          more: "查看更多",
+          launch: "NNN 上線",
+          Offer: "優惠即將推出"
+        },
+        "zh-CN": {
+          productName: "产品名称",
+          Price: "建议零售价",
+          onlinePrice: "网上优惠价",
+          buyNow: "立即购买",
+          comingSoon: "即将推出",
+          expired: "优惠已过期",
+          more: "查看更多",
+          launch: "NNN 上线",
+          Offer: "优惠即将推出"
+        },
+        "en-US": {
+          productName: "Product Name",
+          Price: "SRP",
+          onlinePrice: "Online Price",
+          buyNow: "Buy Now",
+          comingSoon: "Coming Soon",
+          expired: "Expired",
+          more: "See more",
+          launch: "Launch at NNN",
+          Offer: "Offer Coming"
+        }
+      },
+      configList: [],
+      seeMore: false,
+      nowTs: Date.now(),
+      compBaseUrl: "https://omniapi.hk.chinamobile.com",
+      // images
+      placeholderImg: __webpack_require__(5335),
+      arrowRightImg: __webpack_require__(4860),
+      arrowDownImg: __webpack_require__(1861),
+      arrowHoverImg: __webpack_require__(4116),
+      arrowActiveImg: __webpack_require__(9670),
+      shopList: []
+    };
+  },
+  computed: {
+    langText() {
+      return this.langConfig[this.lang] ? this.langConfig[this.lang] : this.langConfig["zh-HK"];
+    },
+    viewList() {
+      if (this.seeMore) return this.shopList;
+      return this.shopList.slice(0, 9);
+    }
+  },
+  mounted() {
+    if (!this.$EventBus) {
+      this.compBaseUrl = (0,patch.getCompBaseUrl)();
+    }
+  },
+  beforeDestroy() {},
+  methods: {
+    getConfigData(configData) {
+      this.configList = configData.configList;
+      console.log("getConfigData", this.configList);
+      this.getValue();
+    },
+    async getValue() {
+      await this.getCommodityDetails();
+    },
+    // 拉取已选商品详情
+    async getCommodityDetails() {
+      // try {
+      let req = {
+        busInfo: JSON.stringify({
+          commodityIds: [...this.configList],
+          commodityTypes: ["604", "605"]
+        })
+      };
+      req = lib_default().stringify(req);
+      const json = await (0,api/* getCommodityDetails */.yX)(req, this.lang);
+      let dataResult = json && json.busiResp && json.busiResp.busiDataResp;
+      if (Array.isArray(dataResult)) {
+        dataResult.forEach(item => {
+          if (Array.isArray(item.malltCommodityTags)) {
+            const left = item.malltCommodityTags.filter(ele => ele.tagType == 5001).sort((a, b) => a.sort - b.sort);
+            const right = item.malltCommodityTags.filter(ele => ele.tagType == 5002).sort((a, b) => a.sort - b.sort);
+            item.malltCommodityLeft = left.slice(0, 2);
+            item.malltCommodityRight = right.slice(0, 4);
+          } else {
+            item.malltCommodityLeft = [];
+            item.malltCommodityRight = [];
+          }
+        });
+        // 按选择顺序排序
+        this.shopList = dataResult.sort((a, b) => {
+          return this.configList.indexOf(a.commodityId) - this.configList.indexOf(b.commodityId);
+        });
+      } else {
+        this.shopList = [];
+      }
+      // } catch (e) {
+      //   this.shopList = [];
+      // }
+    },
+    isActive(item) {
+      const now = Date.now();
+      return new Date(item.upTime).getTime() < now && new Date(item.downTime).getTime() > now;
+    },
+    isNotActive(item) {
+      const now = Date.now();
+      return new Date(item.upTime).getTime() > now || new Date(item.downTime).getTime() < now;
+    },
+    convertCentsToYuan(cents) {
+      const yuan = (Number(cents || 0) / 100).toFixed(2);
+      return parseFloat(yuan);
+    },
+    goDetail(item) {
+      const base = this.$EventBus ? this.compBaseUrl : window.location.origin;
+      const langMap = {
+        "zh-CN": "sc",
+        "zh-HK": "tc",
+        "en-US": "en"
+      };
+      const routeLang = langMap[this.lang];
+      if (item.commodityType === "604") {
+        if ((item.commodityName || "").includes("MySIM")) {
+          window.parent.location.href = `${base}/${routeLang}/home/prepaid-card/mysim/detail?commodityId=${item.commodityId}&mysim=${item.commodityName}`;
+        } else {
+          window.parent.location.href = `${base}/${routeLang}/home/prepaid-card/detail?commodityId=${item.commodityId}&commodityType=604&commodityName=${item.commodityName}`;
+        }
+      } else if (item.commodityType === "605") {
+        window.parent.location.href = `${base}/${routeLang}/home/prepaid/refill-voucher/detail?commodityId=${item.commodityId}&commodityType=605&commodityName=${item.commodityName}`;
+      }
+    }
+  }
+});
+;// ./package/cms-via-storedValueCard/View.vue?vue&type=script&lang=js
+ /* harmony default export */ var cms_via_storedValueCard_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-via-storedValueCard/View.vue?vue&type=style&index=0&id=ff44e87c&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./package/cms-via-storedValueCard/View.vue?vue&type=style&index=0&id=ff44e87c&prod&lang=scss&scoped=true
+
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1656);
+;// ./package/cms-via-storedValueCard/View.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.A)(
+  cms_via_storedValueCard_Viewvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "ff44e87c",
+  null
+  
+)
+
+/* harmony default export */ var View = (component.exports);
+
+/***/ }),
+
 /***/ 8945:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -59901,7 +59901,7 @@ const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSc
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
 
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 4160));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 8924));
 const langData = {
   configList: [
     // {