cms-chenhj-ui 2.0.38 → 2.0.39

package/cms-chenhj-ui.common.js

@@ -238,6 +238,252 @@ const install = function (Vue) {
 
 /***/ }),
 
+/***/ 201:
+/***/ (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-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video-group/View.vue?vue&type=template&id=279ca476&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,
+      "getDevice": _vm.getDevice
+    }
+  }, 'BaseComp', _vm.$attrs, false), [_c('section', {
+    staticClass: "cmhk-home_main"
+  }, [_c('div', {
+    staticClass: "wrap",
+    style: _vm.wrapStyle
+  }, _vm._l(_vm.showVideoList, function (item) {
+    return _c('cms-video', {
+      key: item.componentId,
+      staticStyle: {
+        "overflow": "hidden"
+      },
+      attrs: {
+        "data": item,
+        "nowCompId": _vm.nowCompId,
+        "isOpcacity": _vm.isOpcacity,
+        "isMask": false,
+        "lang": _vm.lang
+      }
+    });
+  }), 1), _vm.isShowPannel ? [_c('div', {
+    staticClass: "view-more-container"
+  }, [_c('div', {
+    staticClass: "view-more-btn",
+    on: {
+      "click": _vm.foldMessText
+    }
+  }, [_c('span', {
+    staticClass: "view-more-text"
+  }, [_vm._v(" " + _vm._s(_vm.messFold ? _vm.$t("roamIndex.Collpase") : _vm.$t("roamIndex.More")) + " ")]), _c('i', {
+    class: ['view-more-icon', _vm.messFold ? 'el-icon-arrow-up' : 'el-icon-arrow-down']
+  })])])] : _vm._e()], 2)]);
+};
+var staticRenderFns = [];
+
+// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
+var baseComp = __webpack_require__(4272);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video-group/View.vue?vue&type=script&lang=js
+
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-video-group",
+  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: false,
+      // 默认配置数据
+      defaultConfig: {
+        colNums_PC: 1,
+        colNums_Mobile: 1,
+        defaultCol: 12,
+        gap: 10,
+        cornerRadius: {
+          topLeft: "0",
+          topRight: "0",
+          bottomLeft: "0",
+          bottomRight: "0"
+        }
+      },
+      isShowPannel: false,
+      isMobile: false
+    };
+  },
+  mounted() {},
+  watch: {
+    configData: {
+      handler() {
+        this.updateStyles();
+      },
+      deep: true
+    }
+  },
+  computed: {
+    colNums() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      return this.isMobile ? config.colNums_Mobile : config.colNums_PC;
+    },
+    showVideoList() {
+      if (this.isShowPannel && !this.messFold) return this.data.childList.slice(0, this.colNums * this.configData.defaultCol);
+      return this.data.childList;
+    },
+    isConfigPage() {
+      return this.$EventBus && this.isOpcacity;
+    },
+    borderRadiusStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      const radiusConfig = config.cornerRadius || {};
+      const formatRadius = value => {
+        if (value === "full") return "9999px";
+        if (value === undefined || value === null || value === "") {
+          return "0px";
+        }
+        const num = Number(value);
+        return Number.isNaN(num) ? "0px" : `${num}px`;
+      };
+      const resolveValue = corner => {
+        const value = radiusConfig[corner];
+        return formatRadius(value);
+      };
+      return {
+        topLeft: resolveValue("topLeft"),
+        topRight: resolveValue("topRight"),
+        bottomLeft: resolveValue("bottomLeft"),
+        bottomRight: resolveValue("bottomRight")
+      };
+    },
+    wrapStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      return {
+        gridTemplateColumns: `repeat(${this.colNums}, 1fr)`,
+        gridGap: `${config.gap}px`,
+        borderTopLeftRadius: this.borderRadiusStyle.topLeft,
+        borderTopRightRadius: this.borderRadiusStyle.topRight,
+        borderBottomLeftRadius: this.borderRadiusStyle.bottomLeft,
+        borderBottomRightRadius: this.borderRadiusStyle.bottomRight,
+        overflow: "hidden"
+      };
+    }
+  },
+  methods: {
+    getDevice(val) {
+      this.isMobile = val;
+    },
+    // 获取配置数据
+    getConfigData(configData) {
+      this.configData = this.getMergedConfig(configData);
+      this.updateStyles();
+      this.isShowPannel = this.colNums * this.configData.defaultCol < this.data.childList.length;
+    },
+    // 更新样式
+    updateStyles() {
+      this.$nextTick(() => {
+        // 触发样式更新
+        this.$forceUpdate();
+      });
+    },
+    // 折叠/展开文本
+    foldMessText() {
+      this.messFold = !this.messFold;
+    },
+    getMergedConfig(configData = {}) {
+      const mergedCorner = {
+        ...(this.defaultConfig.cornerRadius || {})
+      };
+      if (configData.cornerRadius) {
+        Object.assign(mergedCorner, configData.cornerRadius);
+      }
+      return {
+        ...this.defaultConfig,
+        ...configData,
+        cornerRadius: mergedCorner
+      };
+    }
+  }
+});
+;// ./package/cms-video-group/View.vue?vue&type=script&lang=js
+ /* harmony default export */ var cms_video_group_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video-group/View.vue?vue&type=style&index=0&id=279ca476&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./package/cms-video-group/View.vue?vue&type=style&index=0&id=279ca476&prod&lang=scss&scoped=true
+
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1656);
+;// ./package/cms-video-group/View.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.A)(
+  cms_video_group_Viewvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "279ca476",
+  null
+  
+)
+
+/* harmony default export */ var View = (component.exports);
+
+/***/ }),
+
 /***/ 209:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -1652,13 +1898,35 @@ module.exports = !fails(function () {
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(649);
 
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 9418));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 201));
 const langData = {
   colNums_PC: 1,
   colNums_Mobile: 1,
   defaultCol: 12,
-  gap: 10
+  gap: 10,
+  cornerRadius: {
+    topLeft: "8",
+    topRight: "8",
+    bottomLeft: "8",
+    bottomRight: "8"
+  }
 };
+const radiusOptions = [{
+  label: "0",
+  value: "0"
+}, {
+  label: "4",
+  value: "4"
+}, {
+  label: "8",
+  value: "8"
+}, {
+  label: "16",
+  value: "16"
+}, {
+  label: "全圆角",
+  value: "full"
+}];
 const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataType)(langData, {
   // 布局配置
   colNums_PC: {
@@ -1700,6 +1968,11 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
     step: 1,
     isCol: true,
     unit: "行"
+  },
+  cornerRadius: {
+    label: "圆角",
+    widgetType: "CornerRadiusPicker",
+    options: radiusOptions
   }
 });
 const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSchema)(langData);
@@ -3942,6 +4215,251 @@ module.exports = {
 
 /***/ }),
 
+/***/ 1243:
+/***/ (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-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image-group/View.vue?vue&type=template&id=4dee5e5e&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
+    }
+  }, 'BaseComp', _vm.$attrs, false), [_c('section', {
+    staticClass: "cmhk-home_main"
+  }, [_c('div', {
+    staticClass: "wrap",
+    style: _vm.wrapStyle
+  }, _vm._l(_vm.showVideoList, function (item) {
+    return _c('cms-image', {
+      key: item.componentId,
+      staticStyle: {
+        "overflow": "hidden"
+      },
+      attrs: {
+        "data": item,
+        "nowCompId": _vm.nowCompId,
+        "isOpcacity": _vm.isOpcacity,
+        "isMask": false,
+        "lang": _vm.lang
+      }
+    });
+  }), 1), _vm.isShowPannel ? [_c('div', {
+    staticClass: "view-more-container"
+  }, [_c('div', {
+    staticClass: "view-more-btn",
+    on: {
+      "click": _vm.foldMessText
+    }
+  }, [_c('span', {
+    staticClass: "view-more-text"
+  }, [_vm._v(" " + _vm._s(_vm.messFold ? _vm.$t("roamIndex.Collpase") : _vm.$t("roamIndex.More")) + " ")]), _c('i', {
+    class: ['view-more-icon', _vm.messFold ? 'el-icon-arrow-up' : 'el-icon-arrow-down']
+  })])])] : _vm._e()], 2)]);
+};
+var staticRenderFns = [];
+
+// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
+var baseComp = __webpack_require__(4272);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image-group/View.vue?vue&type=script&lang=js
+
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-image-group",
+  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: false,
+      // 默认配置数据
+      defaultConfig: {
+        colNums: 1,
+        defaultCol: 12,
+        gap: 10,
+        cornerRadius: {
+          topLeft: "8",
+          topRight: "8",
+          bottomLeft: "8",
+          bottomRight: "8"
+        }
+      },
+      isShowPannel: false
+    };
+  },
+  mounted() {},
+  watch: {
+    configData: {
+      handler() {
+        this.updateStyles();
+      },
+      deep: true
+    }
+  },
+  computed: {
+    showVideoList() {
+      if (this.isShowPannel && !this.messFold) return this.data.childList.slice(0, this.configData.colNums * this.configData.defaultCol);
+      return this.data.childList;
+    },
+    isConfigPage() {
+      return this.$EventBus && this.isOpcacity;
+    },
+    borderRadiusStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      const radiusConfig = config.cornerRadius || {};
+      const legacyMap = {
+        topLeft: config.borderRadiusTopLeft,
+        topRight: config.borderRadiusTopRight,
+        bottomLeft: config.borderRadiusBottomLeft,
+        bottomRight: config.borderRadiusBottomRight
+      };
+      const formatRadius = value => {
+        if (value === "full") return "9999px";
+        if (value === undefined || value === null || value === "") {
+          return "0px";
+        }
+        const num = Number(value);
+        return Number.isNaN(num) ? "0px" : `${num}px`;
+      };
+      const resolveValue = corner => {
+        const value = radiusConfig[corner] !== undefined && radiusConfig[corner] !== null ? radiusConfig[corner] : legacyMap[corner];
+        return formatRadius(value);
+      };
+      return {
+        topLeft: resolveValue("topLeft"),
+        topRight: resolveValue("topRight"),
+        bottomLeft: resolveValue("bottomLeft"),
+        bottomRight: resolveValue("bottomRight")
+      };
+    },
+    wrapStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      return {
+        gridTemplateColumns: `repeat(${config.colNums}, 1fr)`,
+        gridGap: `${config.gap}px`,
+        borderTopLeftRadius: this.borderRadiusStyle.topLeft,
+        borderTopRightRadius: this.borderRadiusStyle.topRight,
+        borderBottomLeftRadius: this.borderRadiusStyle.bottomLeft,
+        borderBottomRightRadius: this.borderRadiusStyle.bottomRight,
+        overflow: "hidden"
+      };
+    }
+  },
+  methods: {
+    // 获取配置数据
+    getConfigData(configData) {
+      this.configData = this.getMergedConfig(configData);
+      this.updateStyles();
+      this.isShowPannel = this.configData.colNums * this.configData.defaultCol < this.data.childList.length;
+    },
+    // 更新样式
+    updateStyles() {
+      this.$nextTick(() => {
+        // 触发样式更新
+        this.$forceUpdate();
+      });
+    },
+    // 折叠/展开文本
+    foldMessText() {
+      this.messFold = !this.messFold;
+    },
+    getMergedConfig(configData = {}) {
+      const mergedCorner = {
+        ...(this.defaultConfig.cornerRadius || {})
+      };
+      if (configData.cornerRadius) {
+        Object.assign(mergedCorner, configData.cornerRadius);
+      } else {
+        var _configData$borderRad, _configData$borderRad2, _configData$borderRad3, _configData$borderRad4;
+        mergedCorner.topLeft = (_configData$borderRad = configData.borderRadiusTopLeft) === null || _configData$borderRad === void 0 ? void 0 : _configData$borderRad.mergedCorner.topLeft;
+        mergedCorner.topRight = (_configData$borderRad2 = configData.borderRadiusTopRight) === null || _configData$borderRad2 === void 0 ? void 0 : _configData$borderRad2.mergedCorner.topRight;
+        mergedCorner.bottomLeft = (_configData$borderRad3 = configData.borderRadiusBottomLeft) === null || _configData$borderRad3 === void 0 ? void 0 : _configData$borderRad3.mergedCorner.bottomLeft;
+        mergedCorner.bottomRight = (_configData$borderRad4 = configData.borderRadiusBottomRight) === null || _configData$borderRad4 === void 0 ? void 0 : _configData$borderRad4.mergedCorner.bottomRight;
+      }
+      return {
+        ...this.defaultConfig,
+        ...configData,
+        cornerRadius: mergedCorner
+      };
+    }
+  }
+});
+;// ./package/cms-image-group/View.vue?vue&type=script&lang=js
+ /* harmony default export */ var cms_image_group_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image-group/View.vue?vue&type=style&index=0&id=4dee5e5e&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./package/cms-image-group/View.vue?vue&type=style&index=0&id=4dee5e5e&prod&lang=scss&scoped=true
+
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1656);
+;// ./package/cms-image-group/View.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.A)(
+  cms_image_group_Viewvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "4dee5e5e",
+  null
+  
+)
+
+/* harmony default export */ var View = (component.exports);
+
+/***/ }),
+
 /***/ 1291:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -10625,8 +11143,8 @@ var map = {
 	"./cms-column": 3923,
 	"./cms-column-card": 5340,
 	"./cms-column-card/": 5340,
-	"./cms-column-card/View": 2159,
-	"./cms-column-card/View.vue": 2159,
+	"./cms-column-card/View": 2003,
+	"./cms-column-card/View.vue": 2003,
 	"./cms-column-card/index": 5340,
 	"./cms-column-card/index.js": 5340,
 	"./cms-column/": 3923,
@@ -10655,13 +11173,13 @@ var map = {
 	"./cms-image": 8886,
 	"./cms-image-group": 6940,
 	"./cms-image-group/": 6940,
-	"./cms-image-group/View": 6745,
-	"./cms-image-group/View.vue": 6745,
+	"./cms-image-group/View": 1243,
+	"./cms-image-group/View.vue": 1243,
 	"./cms-image-group/index": 6940,
 	"./cms-image-group/index.js": 6940,
 	"./cms-image/": 8886,
-	"./cms-image/View": 4825,
-	"./cms-image/View.vue": 4825,
+	"./cms-image/View": 2521,
+	"./cms-image/View.vue": 2521,
 	"./cms-image/index": 8886,
 	"./cms-image/index.js": 8886,
 	"./cms-imgFour": 4352,
@@ -10786,13 +11304,13 @@ var map = {
 	"./cms-video": 2404,
 	"./cms-video-group": 622,
 	"./cms-video-group/": 622,
-	"./cms-video-group/View": 9418,
-	"./cms-video-group/View.vue": 9418,
+	"./cms-video-group/View": 201,
+	"./cms-video-group/View.vue": 201,
 	"./cms-video-group/index": 622,
 	"./cms-video-group/index.js": 622,
 	"./cms-video/": 2404,
-	"./cms-video/View": 8863,
-	"./cms-video/View.vue": 8863,
+	"./cms-video/View": 3761,
+	"./cms-video/View.vue": 3761,
 	"./cms-video/index": 2404,
 	"./cms-video/index.js": 2404,
 	"./cms-view": 2392,
@@ -11868,398 +12386,7 @@ function isIos() {
 
 /***/ }),
 
-/***/ 2059:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony default export */ __webpack_exports__["default"] = ({
-  listPrice: 'Monthly Fee',
-  oneoffPrice: 'One-off Price',
-  bannerName: 'My collection',
-  price: 'Price',
-  all: 'All',
-  bannerDes: 'Enjoy a leisurely journey in the Greater Bay Area, carrying your bags without any worries',
-  addValue: 'Add value immediately',
-  whyFiveG: 'Why CMHK 5G Broadband?',
-  whyFiveGDes: 'Perfect for replacing slow-speed landlines / having your own broadband network',
-  fiveGDesTitle: 'Choose Your 5G Broadband Service Plan',
-  fiveGDesSubTitle: 'Come and choose the 5G widescreen service plan that suits you! Diverse and rich digital content opens up new possibilities for your world ',
-  nowCostomersYh: 'Exclusive Offers for Existing CMHK Customers',
-  login: 'Login',
-  lookNowCostomerYh: 'and Check Your Exclusive Offers',
-  yhPlaceholder: 'Enter Promo Code',
-  search: 'Apply',
-  select: 'Apply',
-  detail: 'Learn more',
-  yhCode: 'Promo Code Applied:',
-  listHyq: 'Contract Period（Month）',
-  basePrice: 'Originally',
-  closeDetail: 'Collapse Details',
-  open: 'Choose The Plan',
-  expend: 'Expand',
-  close: 'Collapse',
-  lookDetail: 'View Details',
-  chooseHyq: 'Contract Period (Month)',
-  addService: 'Promotional Offers',
-  reset: 'Reset Options',
-  next: 'Next',
-  nextMobile: 'Next',
-  seeOther: "Let's take a look at other products",
-  seeOtherDesc: 'Diverse and rich digital content opens up new possibilities for your world',
-  stageWay: 'On stage way',
-  newPhone: 'New number',
-  systemNum: 'Number assigned by the system',
-  simType: 'SIM card type',
-  shitiSim: 'Physical SIM card',
-  yhCodeText: 'Promo code',
-  bandwidth: 'bandwidth',
-  sfmx: 'Summary'
-});
-
-/***/ }),
-
-/***/ 2071:
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
-  return typeof obj;
-} : function (obj) {
-  return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-};
-exports["default"] = function (Vue) {
-  /**
-   * template
-   *
-   * @param {String} string
-   * @param {Array} ...args
-   * @return {String}
-   */
-
-  function template(string) {
-    for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
-    if (args.length === 1 && _typeof(args[0]) === 'object') {
-      args = args[0];
-    }
-    if (!args || !args.hasOwnProperty) {
-      args = {};
-    }
-    return string.replace(RE_NARGS, function (match, prefix, i, index) {
-      var result = void 0;
-      if (string[index - 1] === '{' && string[index + match.length] === '}') {
-        return i;
-      } else {
-        result = (0, _util.hasOwn)(args, i) ? args[i] : null;
-        if (result === null || result === undefined) {
-          return '';
-        }
-        return result;
-      }
-    });
-  }
-  return template;
-};
-var _util = __webpack_require__(2125);
-var RE_NARGS = /(%|)\{([0-9a-zA-Z_]+)\}/g;
-/**
- *  String format template
- *  - Inspired:
- *    https://github.com/Matt-Esch/string-template/index.js
- */
-
-/***/ }),
-
-/***/ 2106:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var makeBuiltIn = __webpack_require__(283);
-var defineProperty = __webpack_require__(4913);
-
-module.exports = function (target, name, descriptor) {
-  if (descriptor.get) makeBuiltIn(descriptor.get, name, { getter: true });
-  if (descriptor.set) makeBuiltIn(descriptor.set, name, { setter: true });
-  return defineProperty.f(target, name, descriptor);
-};
-
-
-/***/ }),
-
-/***/ 2125:
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-exports.isMac = exports.isEmpty = exports.isEqual = exports.arrayEquals = exports.looseEqual = exports.capitalize = exports.kebabCase = exports.autoprefixer = exports.isFirefox = exports.isEdge = exports.isIE = exports.coerceTruthyValueToArray = exports.arrayFind = exports.arrayFindIndex = exports.escapeRegexpString = exports.valueEquals = exports.generateId = exports.getValueByPath = undefined;
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
-  return typeof obj;
-} : function (obj) {
-  return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-};
-exports.noop = noop;
-exports.hasOwn = hasOwn;
-exports.toObject = toObject;
-exports.getPropByPath = getPropByPath;
-exports.rafThrottle = rafThrottle;
-exports.objToArray = objToArray;
-var _vue = __webpack_require__(6848);
-var _vue2 = _interopRequireDefault(_vue);
-var _types = __webpack_require__(7012);
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : {
-    default: obj
-  };
-}
-var hasOwnProperty = Object.prototype.hasOwnProperty;
-function noop() {}
-;
-function hasOwn(obj, key) {
-  return hasOwnProperty.call(obj, key);
-}
-;
-function extend(to, _from) {
-  for (var key in _from) {
-    to[key] = _from[key];
-  }
-  return to;
-}
-;
-function toObject(arr) {
-  var res = {};
-  for (var i = 0; i < arr.length; i++) {
-    if (arr[i]) {
-      extend(res, arr[i]);
-    }
-  }
-  return res;
-}
-;
-var getValueByPath = exports.getValueByPath = function getValueByPath(object, prop) {
-  prop = prop || '';
-  var paths = prop.split('.');
-  var current = object;
-  var result = null;
-  for (var i = 0, j = paths.length; i < j; i++) {
-    var path = paths[i];
-    if (!current) break;
-    if (i === j - 1) {
-      result = current[path];
-      break;
-    }
-    current = current[path];
-  }
-  return result;
-};
-function getPropByPath(obj, path, strict) {
-  var tempObj = obj;
-  path = path.replace(/\[(\w+)\]/g, '.$1');
-  path = path.replace(/^\./, '');
-  var keyArr = path.split('.');
-  var i = 0;
-  for (var len = keyArr.length; i < len - 1; ++i) {
-    if (!tempObj && !strict) break;
-    var key = keyArr[i];
-    if (key in tempObj) {
-      tempObj = tempObj[key];
-    } else {
-      if (strict) {
-        throw new Error('please transfer a valid prop path to form item!');
-      }
-      break;
-    }
-  }
-  return {
-    o: tempObj,
-    k: keyArr[i],
-    v: tempObj ? tempObj[keyArr[i]] : null
-  };
-}
-;
-var generateId = exports.generateId = function generateId() {
-  return Math.floor(Math.random() * 10000);
-};
-var valueEquals = exports.valueEquals = function valueEquals(a, b) {
-  // see: https://stackoverflow.com/questions/3115982/how-to-check-if-two-arrays-are-equal-with-javascript
-  if (a === b) return true;
-  if (!(a instanceof Array)) return false;
-  if (!(b instanceof Array)) return false;
-  if (a.length !== b.length) return false;
-  for (var i = 0; i !== a.length; ++i) {
-    if (a[i] !== b[i]) return false;
-  }
-  return true;
-};
-var escapeRegexpString = exports.escapeRegexpString = function escapeRegexpString() {
-  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  return String(value).replace(/[|\\{}()[\]^$+*?.]/g, '\\$&');
-};
-
-// TODO: use native Array.find, Array.findIndex when IE support is dropped
-var arrayFindIndex = exports.arrayFindIndex = function arrayFindIndex(arr, pred) {
-  for (var i = 0; i !== arr.length; ++i) {
-    if (pred(arr[i])) {
-      return i;
-    }
-  }
-  return -1;
-};
-var arrayFind = exports.arrayFind = function arrayFind(arr, pred) {
-  var idx = arrayFindIndex(arr, pred);
-  return idx !== -1 ? arr[idx] : undefined;
-};
-
-// coerce truthy value to array
-var coerceTruthyValueToArray = exports.coerceTruthyValueToArray = function coerceTruthyValueToArray(val) {
-  if (Array.isArray(val)) {
-    return val;
-  } else if (val) {
-    return [val];
-  } else {
-    return [];
-  }
-};
-var isIE = exports.isIE = function isIE() {
-  return !_vue2.default.prototype.$isServer && !isNaN(Number(document.documentMode));
-};
-var isEdge = exports.isEdge = function isEdge() {
-  return !_vue2.default.prototype.$isServer && navigator.userAgent.indexOf('Edge') > -1;
-};
-var isFirefox = exports.isFirefox = function isFirefox() {
-  return !_vue2.default.prototype.$isServer && !!window.navigator.userAgent.match(/firefox/i);
-};
-var autoprefixer = exports.autoprefixer = function autoprefixer(style) {
-  if ((typeof style === 'undefined' ? 'undefined' : _typeof(style)) !== 'object') return style;
-  var rules = ['transform', 'transition', 'animation'];
-  var prefixes = ['ms-', 'webkit-'];
-  rules.forEach(function (rule) {
-    var value = style[rule];
-    if (rule && value) {
-      prefixes.forEach(function (prefix) {
-        style[prefix + rule] = value;
-      });
-    }
-  });
-  return style;
-};
-var kebabCase = exports.kebabCase = function kebabCase(str) {
-  var hyphenateRE = /([^-])([A-Z])/g;
-  return str.replace(hyphenateRE, '$1-$2').replace(hyphenateRE, '$1-$2').toLowerCase();
-};
-var capitalize = exports.capitalize = function capitalize(str) {
-  if (!(0, _types.isString)(str)) return str;
-  return str.charAt(0).toUpperCase() + str.slice(1);
-};
-var looseEqual = exports.looseEqual = function looseEqual(a, b) {
-  var isObjectA = (0, _types.isObject)(a);
-  var isObjectB = (0, _types.isObject)(b);
-  if (isObjectA && isObjectB) {
-    return JSON.stringify(a) === JSON.stringify(b);
-  } else if (!isObjectA && !isObjectB) {
-    return String(a) === String(b);
-  } else {
-    return false;
-  }
-};
-var arrayEquals = exports.arrayEquals = function arrayEquals(arrayA, arrayB) {
-  arrayA = arrayA || [];
-  arrayB = arrayB || [];
-  if (arrayA.length !== arrayB.length) {
-    return false;
-  }
-  for (var i = 0; i < arrayA.length; i++) {
-    if (!looseEqual(arrayA[i], arrayB[i])) {
-      return false;
-    }
-  }
-  return true;
-};
-var isEqual = exports.isEqual = function isEqual(value1, value2) {
-  if (Array.isArray(value1) && Array.isArray(value2)) {
-    return arrayEquals(value1, value2);
-  }
-  return looseEqual(value1, value2);
-};
-var isEmpty = exports.isEmpty = function isEmpty(val) {
-  // null or undefined
-  if (val == null) return true;
-  if (typeof val === 'boolean') return false;
-  if (typeof val === 'number') return !val;
-  if (val instanceof Error) return val.message === '';
-  switch (Object.prototype.toString.call(val)) {
-    // String or Array
-    case '[object String]':
-    case '[object Array]':
-      return !val.length;
-
-    // Map or Set or File
-    case '[object File]':
-    case '[object Map]':
-    case '[object Set]':
-      {
-        return !val.size;
-      }
-    // Plain Object
-    case '[object Object]':
-      {
-        return !Object.keys(val).length;
-      }
-  }
-  return false;
-};
-function rafThrottle(fn) {
-  var locked = false;
-  return function () {
-    var _this = this;
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    if (locked) return;
-    locked = true;
-    window.requestAnimationFrame(function (_) {
-      fn.apply(_this, args);
-      locked = false;
-    });
-  };
-}
-function objToArray(obj) {
-  if (Array.isArray(obj)) {
-    return obj;
-  }
-  return isEmpty(obj) ? [] : [obj];
-}
-var isMac = exports.isMac = function isMac() {
-  return !_vue2.default.prototype.$isServer && /macintosh|mac os x/i.test(navigator.userAgent);
-};
-
-/***/ }),
-
-/***/ 2140:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var wellKnownSymbol = __webpack_require__(8227);
-
-var TO_STRING_TAG = wellKnownSymbol('toStringTag');
-var test = {};
-
-test[TO_STRING_TAG] = 'z';
-
-module.exports = String(test) === '[object z]';
-
-
-/***/ }),
-
-/***/ 2159:
+/***/ 2003:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -12275,7 +12402,7 @@ __webpack_require__.d(__webpack_exports__, {
 var es_iterator_constructor = __webpack_require__(8111);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.drop.js
 var es_iterator_drop = __webpack_require__(9314);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=template&id=155a8242&scoped=true
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=template&id=ad0fdc1e&scoped=true
 
 
 
@@ -12387,7 +12514,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-;// ./package/cms-column-card/View.vue?vue&type=template&id=155a8242&scoped=true
+;// ./package/cms-column-card/View.vue?vue&type=template&id=ad0fdc1e&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
@@ -12529,10 +12656,12 @@ var standard_page = __webpack_require__(8134);
     },
     // 获取容器圆角
     getContainerBorderRadius() {
-      if (this.configData.borderRadius) {
-        return `${this.configData.borderRadius}px`;
+      const radius = this.configData.borderRadius !== undefined && this.configData.borderRadius !== null ? this.configData.borderRadius : 0;
+      if (radius === "full") {
+        return "9999px";
       }
-      return "0";
+      const radiusNumber = Number(radius);
+      return Number.isNaN(radiusNumber) ? "0px" : `${radiusNumber}px`;
     },
     getConfigData(configData) {
       this.configData = configData;
@@ -12692,10 +12821,10 @@ var standard_page = __webpack_require__(8134);
 });
 ;// ./package/cms-column-card/View.vue?vue&type=script&lang=js
  /* harmony default export */ var cms_column_card_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=style&index=0&id=155a8242&prod&lang=scss&scoped=true
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=style&index=0&id=ad0fdc1e&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./package/cms-column-card/View.vue?vue&type=style&index=0&id=155a8242&prod&lang=scss&scoped=true
+;// ./package/cms-column-card/View.vue?vue&type=style&index=0&id=ad0fdc1e&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(1656);
@@ -12714,13 +12843,404 @@ var component = (0,componentNormalizer/* default */.A)(
   staticRenderFns,
   false,
   null,
-  "155a8242",
+  "ad0fdc1e",
   null
   
 )
 
 /* harmony default export */ var View = (component.exports);
 
+/***/ }),
+
+/***/ 2059:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony default export */ __webpack_exports__["default"] = ({
+  listPrice: 'Monthly Fee',
+  oneoffPrice: 'One-off Price',
+  bannerName: 'My collection',
+  price: 'Price',
+  all: 'All',
+  bannerDes: 'Enjoy a leisurely journey in the Greater Bay Area, carrying your bags without any worries',
+  addValue: 'Add value immediately',
+  whyFiveG: 'Why CMHK 5G Broadband?',
+  whyFiveGDes: 'Perfect for replacing slow-speed landlines / having your own broadband network',
+  fiveGDesTitle: 'Choose Your 5G Broadband Service Plan',
+  fiveGDesSubTitle: 'Come and choose the 5G widescreen service plan that suits you! Diverse and rich digital content opens up new possibilities for your world ',
+  nowCostomersYh: 'Exclusive Offers for Existing CMHK Customers',
+  login: 'Login',
+  lookNowCostomerYh: 'and Check Your Exclusive Offers',
+  yhPlaceholder: 'Enter Promo Code',
+  search: 'Apply',
+  select: 'Apply',
+  detail: 'Learn more',
+  yhCode: 'Promo Code Applied:',
+  listHyq: 'Contract Period（Month）',
+  basePrice: 'Originally',
+  closeDetail: 'Collapse Details',
+  open: 'Choose The Plan',
+  expend: 'Expand',
+  close: 'Collapse',
+  lookDetail: 'View Details',
+  chooseHyq: 'Contract Period (Month)',
+  addService: 'Promotional Offers',
+  reset: 'Reset Options',
+  next: 'Next',
+  nextMobile: 'Next',
+  seeOther: "Let's take a look at other products",
+  seeOtherDesc: 'Diverse and rich digital content opens up new possibilities for your world',
+  stageWay: 'On stage way',
+  newPhone: 'New number',
+  systemNum: 'Number assigned by the system',
+  simType: 'SIM card type',
+  shitiSim: 'Physical SIM card',
+  yhCodeText: 'Promo code',
+  bandwidth: 'bandwidth',
+  sfmx: 'Summary'
+});
+
+/***/ }),
+
+/***/ 2071:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+
+exports.__esModule = true;
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
+  return typeof obj;
+} : function (obj) {
+  return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+};
+exports["default"] = function (Vue) {
+  /**
+   * template
+   *
+   * @param {String} string
+   * @param {Array} ...args
+   * @return {String}
+   */
+
+  function template(string) {
+    for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+    if (args.length === 1 && _typeof(args[0]) === 'object') {
+      args = args[0];
+    }
+    if (!args || !args.hasOwnProperty) {
+      args = {};
+    }
+    return string.replace(RE_NARGS, function (match, prefix, i, index) {
+      var result = void 0;
+      if (string[index - 1] === '{' && string[index + match.length] === '}') {
+        return i;
+      } else {
+        result = (0, _util.hasOwn)(args, i) ? args[i] : null;
+        if (result === null || result === undefined) {
+          return '';
+        }
+        return result;
+      }
+    });
+  }
+  return template;
+};
+var _util = __webpack_require__(2125);
+var RE_NARGS = /(%|)\{([0-9a-zA-Z_]+)\}/g;
+/**
+ *  String format template
+ *  - Inspired:
+ *    https://github.com/Matt-Esch/string-template/index.js
+ */
+
+/***/ }),
+
+/***/ 2106:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var makeBuiltIn = __webpack_require__(283);
+var defineProperty = __webpack_require__(4913);
+
+module.exports = function (target, name, descriptor) {
+  if (descriptor.get) makeBuiltIn(descriptor.get, name, { getter: true });
+  if (descriptor.set) makeBuiltIn(descriptor.set, name, { setter: true });
+  return defineProperty.f(target, name, descriptor);
+};
+
+
+/***/ }),
+
+/***/ 2125:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.isMac = exports.isEmpty = exports.isEqual = exports.arrayEquals = exports.looseEqual = exports.capitalize = exports.kebabCase = exports.autoprefixer = exports.isFirefox = exports.isEdge = exports.isIE = exports.coerceTruthyValueToArray = exports.arrayFind = exports.arrayFindIndex = exports.escapeRegexpString = exports.valueEquals = exports.generateId = exports.getValueByPath = undefined;
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
+  return typeof obj;
+} : function (obj) {
+  return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+};
+exports.noop = noop;
+exports.hasOwn = hasOwn;
+exports.toObject = toObject;
+exports.getPropByPath = getPropByPath;
+exports.rafThrottle = rafThrottle;
+exports.objToArray = objToArray;
+var _vue = __webpack_require__(6848);
+var _vue2 = _interopRequireDefault(_vue);
+var _types = __webpack_require__(7012);
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : {
+    default: obj
+  };
+}
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+function noop() {}
+;
+function hasOwn(obj, key) {
+  return hasOwnProperty.call(obj, key);
+}
+;
+function extend(to, _from) {
+  for (var key in _from) {
+    to[key] = _from[key];
+  }
+  return to;
+}
+;
+function toObject(arr) {
+  var res = {};
+  for (var i = 0; i < arr.length; i++) {
+    if (arr[i]) {
+      extend(res, arr[i]);
+    }
+  }
+  return res;
+}
+;
+var getValueByPath = exports.getValueByPath = function getValueByPath(object, prop) {
+  prop = prop || '';
+  var paths = prop.split('.');
+  var current = object;
+  var result = null;
+  for (var i = 0, j = paths.length; i < j; i++) {
+    var path = paths[i];
+    if (!current) break;
+    if (i === j - 1) {
+      result = current[path];
+      break;
+    }
+    current = current[path];
+  }
+  return result;
+};
+function getPropByPath(obj, path, strict) {
+  var tempObj = obj;
+  path = path.replace(/\[(\w+)\]/g, '.$1');
+  path = path.replace(/^\./, '');
+  var keyArr = path.split('.');
+  var i = 0;
+  for (var len = keyArr.length; i < len - 1; ++i) {
+    if (!tempObj && !strict) break;
+    var key = keyArr[i];
+    if (key in tempObj) {
+      tempObj = tempObj[key];
+    } else {
+      if (strict) {
+        throw new Error('please transfer a valid prop path to form item!');
+      }
+      break;
+    }
+  }
+  return {
+    o: tempObj,
+    k: keyArr[i],
+    v: tempObj ? tempObj[keyArr[i]] : null
+  };
+}
+;
+var generateId = exports.generateId = function generateId() {
+  return Math.floor(Math.random() * 10000);
+};
+var valueEquals = exports.valueEquals = function valueEquals(a, b) {
+  // see: https://stackoverflow.com/questions/3115982/how-to-check-if-two-arrays-are-equal-with-javascript
+  if (a === b) return true;
+  if (!(a instanceof Array)) return false;
+  if (!(b instanceof Array)) return false;
+  if (a.length !== b.length) return false;
+  for (var i = 0; i !== a.length; ++i) {
+    if (a[i] !== b[i]) return false;
+  }
+  return true;
+};
+var escapeRegexpString = exports.escapeRegexpString = function escapeRegexpString() {
+  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  return String(value).replace(/[|\\{}()[\]^$+*?.]/g, '\\$&');
+};
+
+// TODO: use native Array.find, Array.findIndex when IE support is dropped
+var arrayFindIndex = exports.arrayFindIndex = function arrayFindIndex(arr, pred) {
+  for (var i = 0; i !== arr.length; ++i) {
+    if (pred(arr[i])) {
+      return i;
+    }
+  }
+  return -1;
+};
+var arrayFind = exports.arrayFind = function arrayFind(arr, pred) {
+  var idx = arrayFindIndex(arr, pred);
+  return idx !== -1 ? arr[idx] : undefined;
+};
+
+// coerce truthy value to array
+var coerceTruthyValueToArray = exports.coerceTruthyValueToArray = function coerceTruthyValueToArray(val) {
+  if (Array.isArray(val)) {
+    return val;
+  } else if (val) {
+    return [val];
+  } else {
+    return [];
+  }
+};
+var isIE = exports.isIE = function isIE() {
+  return !_vue2.default.prototype.$isServer && !isNaN(Number(document.documentMode));
+};
+var isEdge = exports.isEdge = function isEdge() {
+  return !_vue2.default.prototype.$isServer && navigator.userAgent.indexOf('Edge') > -1;
+};
+var isFirefox = exports.isFirefox = function isFirefox() {
+  return !_vue2.default.prototype.$isServer && !!window.navigator.userAgent.match(/firefox/i);
+};
+var autoprefixer = exports.autoprefixer = function autoprefixer(style) {
+  if ((typeof style === 'undefined' ? 'undefined' : _typeof(style)) !== 'object') return style;
+  var rules = ['transform', 'transition', 'animation'];
+  var prefixes = ['ms-', 'webkit-'];
+  rules.forEach(function (rule) {
+    var value = style[rule];
+    if (rule && value) {
+      prefixes.forEach(function (prefix) {
+        style[prefix + rule] = value;
+      });
+    }
+  });
+  return style;
+};
+var kebabCase = exports.kebabCase = function kebabCase(str) {
+  var hyphenateRE = /([^-])([A-Z])/g;
+  return str.replace(hyphenateRE, '$1-$2').replace(hyphenateRE, '$1-$2').toLowerCase();
+};
+var capitalize = exports.capitalize = function capitalize(str) {
+  if (!(0, _types.isString)(str)) return str;
+  return str.charAt(0).toUpperCase() + str.slice(1);
+};
+var looseEqual = exports.looseEqual = function looseEqual(a, b) {
+  var isObjectA = (0, _types.isObject)(a);
+  var isObjectB = (0, _types.isObject)(b);
+  if (isObjectA && isObjectB) {
+    return JSON.stringify(a) === JSON.stringify(b);
+  } else if (!isObjectA && !isObjectB) {
+    return String(a) === String(b);
+  } else {
+    return false;
+  }
+};
+var arrayEquals = exports.arrayEquals = function arrayEquals(arrayA, arrayB) {
+  arrayA = arrayA || [];
+  arrayB = arrayB || [];
+  if (arrayA.length !== arrayB.length) {
+    return false;
+  }
+  for (var i = 0; i < arrayA.length; i++) {
+    if (!looseEqual(arrayA[i], arrayB[i])) {
+      return false;
+    }
+  }
+  return true;
+};
+var isEqual = exports.isEqual = function isEqual(value1, value2) {
+  if (Array.isArray(value1) && Array.isArray(value2)) {
+    return arrayEquals(value1, value2);
+  }
+  return looseEqual(value1, value2);
+};
+var isEmpty = exports.isEmpty = function isEmpty(val) {
+  // null or undefined
+  if (val == null) return true;
+  if (typeof val === 'boolean') return false;
+  if (typeof val === 'number') return !val;
+  if (val instanceof Error) return val.message === '';
+  switch (Object.prototype.toString.call(val)) {
+    // String or Array
+    case '[object String]':
+    case '[object Array]':
+      return !val.length;
+
+    // Map or Set or File
+    case '[object File]':
+    case '[object Map]':
+    case '[object Set]':
+      {
+        return !val.size;
+      }
+    // Plain Object
+    case '[object Object]':
+      {
+        return !Object.keys(val).length;
+      }
+  }
+  return false;
+};
+function rafThrottle(fn) {
+  var locked = false;
+  return function () {
+    var _this = this;
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    if (locked) return;
+    locked = true;
+    window.requestAnimationFrame(function (_) {
+      fn.apply(_this, args);
+      locked = false;
+    });
+  };
+}
+function objToArray(obj) {
+  if (Array.isArray(obj)) {
+    return obj;
+  }
+  return isEmpty(obj) ? [] : [obj];
+}
+var isMac = exports.isMac = function isMac() {
+  return !_vue2.default.prototype.$isServer && /macintosh|mac os x/i.test(navigator.userAgent);
+};
+
+/***/ }),
+
+/***/ 2140:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var wellKnownSymbol = __webpack_require__(8227);
+
+var TO_STRING_TAG = wellKnownSymbol('toStringTag');
+var test = {};
+
+test[TO_STRING_TAG] = 'z';
+
+module.exports = String(test) === '[object z]';
+
+
 /***/ }),
 
 /***/ 2195:
@@ -13540,7 +14060,7 @@ const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(649);
 
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 8863));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 3761));
 const langData = {
   // 视频源设置
   title: '',
@@ -13557,10 +14077,32 @@ const langData = {
   aspectRatio: "16:9",
   // 样式设置
   borderRadius: 0,
+  cornerRadius: {
+    topLeft: "8",
+    topRight: "8",
+    bottomLeft: "8",
+    bottomRight: "8"
+  },
   // 高级配置
   customClass: "",
   customStyle: ""
 };
+const radiusOptions = [{
+  label: "0",
+  value: "0"
+}, {
+  label: "4",
+  value: "4"
+}, {
+  label: "8",
+  value: "8"
+}, {
+  label: "16",
+  value: "16"
+}, {
+  label: "全圆角",
+  value: "full"
+}];
 const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataType)(langData, {
   // 视频源设置配置
   title: {
@@ -13638,13 +14180,10 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
     }]
   },
   // 样式设置配置
-  borderRadius: {
-    label: "圆角(px)",
-    widgetType: "el-input-number",
-    size: "small",
-    min: 0,
-    max: 100,
-    step: 1
+  cornerRadius: {
+    label: "圆角",
+    widgetType: "CornerRadiusPicker",
+    options: radiusOptions
   }
 
   // 高级配置
@@ -13899,6 +14438,361 @@ module.exports = Object;
 
 /***/ }),
 
+/***/ 2521:
+/***/ (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-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=template&id=0c128a30&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: "cms-image-container",
+    class: [_vm.configData.customClass || '', {
+      'has-link': _vm.configData.zoomDynamic
+    }],
+    style: _vm.containerStyle
+  }, [_c('div', {
+    staticClass: "image-wrapper",
+    style: _vm.wrapperStyle,
+    on: {
+      "click": _vm.handleClick
+    }
+  }, [_vm.configData.imageUrl ? _c('img', {
+    staticClass: "cms-image",
+    style: _vm.imageStyle,
+    attrs: {
+      "src": _vm.configData.imageUrl,
+      "alt": _vm.configData.altText || '图片',
+      "title": _vm.configData.title
+    },
+    on: {
+      "load": _vm.onImageLoad,
+      "error": _vm.onImageError
+    }
+  }) : _c('div', {
+    staticClass: "image-placeholder",
+    style: _vm.placeholderStyle
+  }, [_c('img', {
+    staticStyle: {
+      "width": "200px",
+      "height": "200px"
+    },
+    attrs: {
+      "src": __webpack_require__(4806),
+      "alt": "Picture"
+    }
+  })])])]), _vm.configData.remark ? _c('div', {
+    staticClass: "f-c-c"
+  }, [_vm._v(_vm._s(_vm.configData.remark))]) : _vm._e()]);
+};
+var staticRenderFns = [];
+
+;// ./package/cms-image/View.vue?vue&type=template&id=0c128a30&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: ./package/baseComp.vue + 5 modules
+var baseComp = __webpack_require__(4272);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=script&lang=js
+
+
+
+
+
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-image",
+  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: {},
+      imageLoaded: false,
+      imageError: false,
+      // 默认配置数据
+      defaultConfig: {
+        // 图片设置
+        imageUrl: "",
+        altText: "图片",
+        title: "",
+        // 样式设置
+        borderRadius: 0,
+        cornerRadius: {
+          topLeft: "8",
+          topRight: "8",
+          bottomLeft: "8",
+          bottomRight: "8"
+        },
+        objectFit: "cover",
+        // 交互功能
+        linkUrl: "",
+        linkTarget: "_self",
+        // 高级配置
+        customClass: "",
+        customStyle: "",
+        lazyLoad: false,
+        zoomDynamic: false
+      }
+    };
+  },
+  mounted() {
+    this.initConfigData();
+  },
+  watch: {
+    configData: {
+      handler() {
+        this.updateStyles();
+      },
+      deep: true
+    }
+  },
+  computed: {
+    // 容器样式
+    containerStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      return {
+        ...this.parseCustomStyle(config.customStyle)
+      };
+    },
+    borderRadiusStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      const fallback = config.borderRadius !== undefined && config.borderRadius !== null ? `${config.borderRadius}px` : "0px";
+      const radiusConfig = config.cornerRadius || {};
+      const legacyMap = {
+        topLeft: config.borderRadiusTopLeft,
+        topRight: config.borderRadiusTopRight,
+        bottomLeft: config.borderRadiusBottomLeft,
+        bottomRight: config.borderRadiusBottomRight
+      };
+      const resolveValue = corner => {
+        const value = radiusConfig[corner] !== undefined && radiusConfig[corner] !== null ? radiusConfig[corner] : legacyMap[corner];
+        if (value === "full") return "9999px";
+        if (value === undefined || value === null || value === "") {
+          return fallback;
+        }
+        const num = Number(value);
+        return Number.isNaN(num) ? fallback : `${num}px`;
+      };
+      return {
+        topLeft: resolveValue("topLeft"),
+        topRight: resolveValue("topRight"),
+        bottomLeft: resolveValue("bottomLeft"),
+        bottomRight: resolveValue("bottomRight")
+      };
+    },
+    // 包装器样式
+    wrapperStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      return {
+        width: "100%",
+        height: "auto",
+        maxWidth: "100%",
+        borderTopLeftRadius: this.borderRadiusStyle.topLeft,
+        borderTopRightRadius: this.borderRadiusStyle.topRight,
+        borderBottomLeftRadius: this.borderRadiusStyle.bottomLeft,
+        borderBottomRightRadius: this.borderRadiusStyle.bottomRight,
+        overflow: "hidden",
+        cursor: config.linkUrl ? "pointer" : "default",
+        display: "block"
+      };
+    },
+    // 图片样式
+    imageStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      return {
+        width: "100%",
+        height: "auto",
+        objectFit: config.objectFit,
+        display: "block"
+      };
+    },
+    // 占位符样式
+    placeholderStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      return {
+        width: "100%",
+        minHeight: "150px",
+        backgroundColor: "#F2F9FF",
+        border: "1px dashed #dcdfe6",
+        borderTopLeftRadius: this.borderRadiusStyle.topLeft,
+        borderTopRightRadius: this.borderRadiusStyle.topRight,
+        borderBottomLeftRadius: this.borderRadiusStyle.bottomLeft,
+        borderBottomRightRadius: this.borderRadiusStyle.bottomRight,
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        color: "#909399",
+        fontSize: "14px"
+      };
+    }
+  },
+  methods: {
+    // 初始化配置数据
+    initConfigData() {
+      this.configData = this.getMergedConfig(this.configData);
+    },
+    // 获取配置数据
+    getConfigData(configData) {
+      this.configData = this.getMergedConfig(configData);
+      this.updateStyles();
+    },
+    // 更新样式
+    updateStyles() {
+      this.$nextTick(() => {
+        this.$forceUpdate();
+      });
+    },
+    getMergedConfig(configData = {}) {
+      const mergedCorner = {
+        ...(this.defaultConfig.cornerRadius || {})
+      };
+      if (configData.cornerRadius) {
+        Object.assign(mergedCorner, configData.cornerRadius);
+      } else {
+        var _configData$borderRad, _configData$borderRad2, _configData$borderRad3, _configData$borderRad4;
+        mergedCorner.topLeft = (_configData$borderRad = configData.borderRadiusTopLeft) === null || _configData$borderRad === void 0 ? void 0 : _configData$borderRad.mergedCorner.topLeft;
+        mergedCorner.topRight = (_configData$borderRad2 = configData.borderRadiusTopRight) === null || _configData$borderRad2 === void 0 ? void 0 : _configData$borderRad2.mergedCorner.topRight;
+        mergedCorner.bottomLeft = (_configData$borderRad3 = configData.borderRadiusBottomLeft) === null || _configData$borderRad3 === void 0 ? void 0 : _configData$borderRad3.mergedCorner.bottomLeft;
+        mergedCorner.bottomRight = (_configData$borderRad4 = configData.borderRadiusBottomRight) === null || _configData$borderRad4 === void 0 ? void 0 : _configData$borderRad4.mergedCorner.bottomRight;
+      }
+      return {
+        ...this.defaultConfig,
+        ...configData,
+        cornerRadius: mergedCorner
+      };
+    },
+    // 处理点击事件
+    handleClick() {
+      if (this.configData.linkUrl) {
+        const target = this.configData.linkTarget || "_self";
+        if (target === "_blank") {
+          window.open(this.configData.linkUrl, "_blank");
+        } else {
+          window.location.href = this.configData.linkUrl;
+        }
+      }
+    },
+    // 图片加载成功
+    onImageLoad() {
+      this.imageLoaded = true;
+      this.imageError = false;
+    },
+    // 图片加载失败
+    onImageError() {
+      this.imageLoaded = false;
+      this.imageError = true;
+    },
+    // 解析自定义样式
+    parseCustomStyle(customStyle) {
+      if (!customStyle) return {};
+      try {
+        const styles = {};
+        const declarations = customStyle.split(";");
+        declarations.forEach(declaration => {
+          const [property, value] = declaration.split(":");
+          if (property && value) {
+            const camelCaseProperty = property.trim().replace(/-([a-z])/g, g => g[1].toUpperCase());
+            styles[camelCaseProperty] = value.trim();
+          }
+        });
+        return styles;
+      } catch (error) {
+        console.warn("解析自定义样式失败:", error);
+        return {};
+      }
+    }
+  }
+});
+;// ./package/cms-image/View.vue?vue&type=script&lang=js
+ /* harmony default export */ var cms_image_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=style&index=0&id=0c128a30&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./package/cms-image/View.vue?vue&type=style&index=0&id=0c128a30&prod&lang=scss&scoped=true
+
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1656);
+;// ./package/cms-image/View.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.A)(
+  cms_image_Viewvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "0c128a30",
+  null
+  
+)
+
+/* harmony default export */ var View = (component.exports);
+
+/***/ }),
+
 /***/ 2528:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -27166,6 +28060,388 @@ const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSc
 
 /***/ }),
 
+/***/ 3761:
+/***/ (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-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video/View.vue?vue&type=template&id=11fc0d9a&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: "cms-video-container",
+    class: [_vm.configData.customClass || ''],
+    style: _vm.containerStyle
+  }, [_c('div', {
+    staticClass: "video-wrapper",
+    style: _vm.wrapperStyle
+  }, [_vm.videoType === 'direct' && _vm.configData.videoUrl ? _c('video', {
+    staticClass: "cms-video direct-video",
+    style: _vm.videoStyle,
+    attrs: {
+      "src": _vm.configData.videoUrl,
+      "controls": _vm.configData.showControls,
+      "autoplay": _vm.configData.autoplay,
+      "loop": _vm.configData.loop,
+      "poster": _vm.configData.posterUrl
+    },
+    domProps: {
+      "muted": _vm.configData.muted
+    },
+    on: {
+      "loadstart": _vm.onVideoLoadStart,
+      "loadeddata": _vm.onVideoLoaded,
+      "error": _vm.onVideoError
+    }
+  }) : _vm.configData.embedCode ? _c('div', {
+    staticClass: "cms-video embed-video cms-ht",
+    style: _vm.videoStyle,
+    domProps: {
+      "innerHTML": _vm._s(_vm.configData.embedCode)
+    }
+  }) : _c('div', {
+    staticClass: "video-placeholder",
+    style: _vm.placeholderStyle
+  }, [_c('img', {
+    staticStyle: {
+      "width": "97.82px",
+      "height": "97.82px"
+    },
+    attrs: {
+      "src": __webpack_require__(6148),
+      "alt": "Video Camera"
+    }
+  })])]), _vm.configData.title ? _c('div', {
+    staticClass: "f-c-c"
+  }, [_vm._v(_vm._s(_vm.configData.title))]) : _vm._e()])]);
+};
+var staticRenderFns = [];
+
+;// ./package/cms-video/View.vue?vue&type=template&id=11fc0d9a&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: ./package/baseComp.vue + 5 modules
+var baseComp = __webpack_require__(4272);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video/View.vue?vue&type=script&lang=js
+
+
+
+
+
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-video",
+  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: {},
+      videoLoaded: false,
+      videoError: false,
+      // 默认配置数据
+      defaultConfig: {
+        // 视频源设置
+        videoType: "direct",
+        videoUrl: "",
+        embedCode: "",
+        posterUrl: "",
+        // 播放控制
+        showControls: true,
+        autoplay: false,
+        loop: false,
+        muted: false,
+        // 尺寸控制
+        aspectRatio: "16:9",
+        // 样式设置
+        borderRadius: 0,
+        cornerRadius: {
+          topLeft: "8",
+          topRight: "8",
+          bottomLeft: "8",
+          bottomRight: "8"
+        },
+        // 高级配置
+        customClass: "",
+        customStyle: ""
+      }
+    };
+  },
+  mounted() {
+    this.initConfigData();
+  },
+  watch: {
+    configData: {
+      handler() {
+        this.updateStyles();
+      },
+      deep: true
+    }
+  },
+  computed: {
+    showEmbedCode() {
+      return this.configData.embedCode.replace(/<iframe(.*?)width="(\d+)"(.*?)height="(\d+)"(.*?)>/gi, '<iframe$1width="100%"$3height="auto"$5 aspect-ratio="$2/$4">');
+    },
+    // 视频类型
+    videoType() {
+      return this.configData.videoType || this.defaultConfig.videoType;
+    },
+    // 实际使用的宽高比
+    actualAspectRatio() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      return config.aspectRatio || "16:9";
+    },
+    aspectRatioValue() {
+      const ratio = this.actualAspectRatio;
+      if (!ratio || ratio === "auto") {
+        return null;
+      }
+      return ratio.replace(":", "/");
+    },
+    // 容器样式
+    containerStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      return {
+        ...this.parseCustomStyle(config.customStyle)
+      };
+    },
+    borderRadiusStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      const fallback = config.borderRadius !== undefined && config.borderRadius !== null ? `${config.borderRadius}px` : "0px";
+      const radiusConfig = config.cornerRadius || {};
+      const resolveValue = corner => {
+        const value = radiusConfig[corner] !== undefined && radiusConfig[corner] !== null ? radiusConfig[corner] : config.borderRadius;
+        if (value === "full") return "9999px";
+        if (value === undefined || value === null || value === "") {
+          return fallback;
+        }
+        const num = Number(value);
+        return Number.isNaN(num) ? fallback : `${num}px`;
+      };
+      return {
+        topLeft: resolveValue("topLeft"),
+        topRight: resolveValue("topRight"),
+        bottomLeft: resolveValue("bottomLeft"),
+        bottomRight: resolveValue("bottomRight")
+      };
+    },
+    // 包装器样式
+    wrapperStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      const style = {
+        width: "100%",
+        borderTopLeftRadius: this.borderRadiusStyle.topLeft,
+        borderTopRightRadius: this.borderRadiusStyle.topRight,
+        borderBottomLeftRadius: this.borderRadiusStyle.bottomLeft,
+        borderBottomRightRadius: this.borderRadiusStyle.bottomRight,
+        overflow: "hidden",
+        display: "block",
+        position: "relative"
+      };
+      if (this.aspectRatioValue) {
+        style.aspectRatio = this.aspectRatioValue;
+      }
+      return style;
+    },
+    // 视频样式
+    videoStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      const style = {
+        width: "100%",
+        display: "block",
+        border: "none",
+        outline: "none"
+      };
+      if (this.aspectRatioValue) {
+        style.height = "100%";
+        style.aspectRatio = this.aspectRatioValue;
+      } else {
+        style.height = "auto";
+      }
+      return style;
+    },
+    // 占位符样式
+    placeholderStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      const style = {
+        width: "100%",
+        backgroundColor: "#f5f7fa",
+        border: "1px dashed #dcdfe6",
+        borderTopLeftRadius: this.borderRadiusStyle.topLeft,
+        borderTopRightRadius: this.borderRadiusStyle.topRight,
+        borderBottomLeftRadius: this.borderRadiusStyle.bottomLeft,
+        borderBottomRightRadius: this.borderRadiusStyle.bottomRight,
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        color: "#909399",
+        fontSize: "14px"
+      };
+      if (this.aspectRatioValue) {
+        style.aspectRatio = this.aspectRatioValue;
+      } else {
+        style.minHeight = "160px";
+      }
+      return style;
+    }
+  },
+  methods: {
+    // 初始化配置数据
+    initConfigData() {
+      this.configData = this.getMergedConfig(this.configData);
+    },
+    // 获取配置数据
+    getConfigData(configData) {
+      this.configData = this.getMergedConfig(configData);
+      this.updateStyles();
+    },
+    // 更新样式
+    updateStyles() {
+      this.$nextTick(() => {
+        this.$forceUpdate();
+      });
+    },
+    // 视频开始加载
+    onVideoLoadStart() {
+      this.videoLoaded = false;
+      this.videoError = false;
+    },
+    // 视频加载完成
+    onVideoLoaded() {
+      this.videoLoaded = true;
+      this.videoError = false;
+    },
+    // 视频加载失败
+    onVideoError() {
+      this.videoLoaded = false;
+      this.videoError = true;
+    },
+    getMergedConfig(configData = {}) {
+      const mergedCorner = {
+        ...(this.defaultConfig.cornerRadius || {})
+      };
+      if (configData.cornerRadius) {
+        Object.assign(mergedCorner, configData.cornerRadius);
+      }
+      return {
+        ...this.defaultConfig,
+        ...configData,
+        cornerRadius: mergedCorner
+      };
+    },
+    // 解析自定义样式
+    parseCustomStyle(customStyle) {
+      if (!customStyle) return {};
+      try {
+        const styles = {};
+        const declarations = customStyle.split(";");
+        declarations.forEach(declaration => {
+          const [property, value] = declaration.split(":");
+          if (property && value) {
+            const camelCaseProperty = property.trim().replace(/-([a-z])/g, g => g[1].toUpperCase());
+            styles[camelCaseProperty] = value.trim();
+          }
+        });
+        return styles;
+      } catch (error) {
+        console.warn("解析自定义样式失败:", error);
+        return {};
+      }
+    }
+  }
+});
+;// ./package/cms-video/View.vue?vue&type=script&lang=js
+ /* harmony default export */ var cms_video_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video/View.vue?vue&type=style&index=0&id=11fc0d9a&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./package/cms-video/View.vue?vue&type=style&index=0&id=11fc0d9a&prod&lang=scss&scoped=true
+
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1656);
+;// ./package/cms-video/View.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.A)(
+  cms_video_Viewvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "11fc0d9a",
+  null
+  
+)
+
+/* harmony default export */ var View = (component.exports);
+
+/***/ }),
+
 /***/ 3783:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -39041,361 +40317,6 @@ function nonStandardBrowserEnv() {
 
 /***/ }),
 
-/***/ 4825:
-/***/ (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-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=template&id=1fc80050&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: "cms-image-container",
-    class: [_vm.configData.customClass || '', {
-      'has-link': _vm.configData.zoomDynamic
-    }],
-    style: _vm.containerStyle
-  }, [_c('div', {
-    staticClass: "image-wrapper",
-    style: _vm.wrapperStyle,
-    on: {
-      "click": _vm.handleClick
-    }
-  }, [_vm.configData.imageUrl ? _c('img', {
-    staticClass: "cms-image",
-    style: _vm.imageStyle,
-    attrs: {
-      "src": _vm.configData.imageUrl,
-      "alt": _vm.configData.altText || '图片',
-      "title": _vm.configData.title
-    },
-    on: {
-      "load": _vm.onImageLoad,
-      "error": _vm.onImageError
-    }
-  }) : _c('div', {
-    staticClass: "image-placeholder",
-    style: _vm.placeholderStyle
-  }, [_c('img', {
-    staticStyle: {
-      "width": "200px",
-      "height": "200px"
-    },
-    attrs: {
-      "src": __webpack_require__(4806),
-      "alt": "Picture"
-    }
-  })])])]), _vm.configData.remark ? _c('div', {
-    staticClass: "f-c-c"
-  }, [_vm._v(_vm._s(_vm.configData.remark))]) : _vm._e()]);
-};
-var staticRenderFns = [];
-
-;// ./package/cms-image/View.vue?vue&type=template&id=1fc80050&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: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(4272);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=script&lang=js
-
-
-
-
-
-/* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-image",
-  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: {},
-      imageLoaded: false,
-      imageError: false,
-      // 默认配置数据
-      defaultConfig: {
-        // 图片设置
-        imageUrl: "",
-        altText: "图片",
-        title: "",
-        // 样式设置
-        borderRadius: 0,
-        cornerRadius: {
-          topLeft: "0",
-          topRight: "0",
-          bottomLeft: "0",
-          bottomRight: "0"
-        },
-        objectFit: "cover",
-        // 交互功能
-        linkUrl: "",
-        linkTarget: "_self",
-        // 高级配置
-        customClass: "",
-        customStyle: "",
-        lazyLoad: false,
-        zoomDynamic: false
-      }
-    };
-  },
-  mounted() {
-    this.initConfigData();
-  },
-  watch: {
-    configData: {
-      handler() {
-        this.updateStyles();
-      },
-      deep: true
-    }
-  },
-  computed: {
-    // 容器样式
-    containerStyle() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      return {
-        ...this.parseCustomStyle(config.customStyle)
-      };
-    },
-    borderRadiusStyle() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      const fallback = config.borderRadius !== undefined && config.borderRadius !== null ? `${config.borderRadius}px` : "0px";
-      const radiusConfig = config.cornerRadius || {};
-      const legacyMap = {
-        topLeft: config.borderRadiusTopLeft,
-        topRight: config.borderRadiusTopRight,
-        bottomLeft: config.borderRadiusBottomLeft,
-        bottomRight: config.borderRadiusBottomRight
-      };
-      const resolveValue = corner => {
-        const value = radiusConfig[corner] !== undefined && radiusConfig[corner] !== null ? radiusConfig[corner] : legacyMap[corner];
-        if (value === "full") return "9999px";
-        if (value === undefined || value === null || value === "") {
-          return fallback;
-        }
-        const num = Number(value);
-        return Number.isNaN(num) ? fallback : `${num}px`;
-      };
-      return {
-        topLeft: resolveValue("topLeft"),
-        topRight: resolveValue("topRight"),
-        bottomLeft: resolveValue("bottomLeft"),
-        bottomRight: resolveValue("bottomRight")
-      };
-    },
-    // 包装器样式
-    wrapperStyle() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      return {
-        width: "100%",
-        height: "auto",
-        maxWidth: "100%",
-        borderTopLeftRadius: this.borderRadiusStyle.topLeft,
-        borderTopRightRadius: this.borderRadiusStyle.topRight,
-        borderBottomLeftRadius: this.borderRadiusStyle.bottomLeft,
-        borderBottomRightRadius: this.borderRadiusStyle.bottomRight,
-        overflow: "hidden",
-        cursor: config.linkUrl ? "pointer" : "default",
-        display: "block"
-      };
-    },
-    // 图片样式
-    imageStyle() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      return {
-        width: "100%",
-        height: "auto",
-        objectFit: config.objectFit,
-        display: "block"
-      };
-    },
-    // 占位符样式
-    placeholderStyle() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      return {
-        width: "100%",
-        minHeight: "150px",
-        backgroundColor: "#F2F9FF",
-        border: "1px dashed #dcdfe6",
-        borderTopLeftRadius: this.borderRadiusStyle.topLeft,
-        borderTopRightRadius: this.borderRadiusStyle.topRight,
-        borderBottomLeftRadius: this.borderRadiusStyle.bottomLeft,
-        borderBottomRightRadius: this.borderRadiusStyle.bottomRight,
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        color: "#909399",
-        fontSize: "14px"
-      };
-    }
-  },
-  methods: {
-    // 初始化配置数据
-    initConfigData() {
-      this.configData = this.getMergedConfig(this.configData);
-    },
-    // 获取配置数据
-    getConfigData(configData) {
-      this.configData = this.getMergedConfig(configData);
-      this.updateStyles();
-    },
-    // 更新样式
-    updateStyles() {
-      this.$nextTick(() => {
-        this.$forceUpdate();
-      });
-    },
-    getMergedConfig(configData = {}) {
-      const mergedCorner = {
-        ...(this.defaultConfig.cornerRadius || {})
-      };
-      if (configData.cornerRadius) {
-        Object.assign(mergedCorner, configData.cornerRadius);
-      } else {
-        var _configData$borderRad, _configData$borderRad2, _configData$borderRad3, _configData$borderRad4;
-        mergedCorner.topLeft = (_configData$borderRad = configData.borderRadiusTopLeft) === null || _configData$borderRad === void 0 ? void 0 : _configData$borderRad.mergedCorner.topLeft;
-        mergedCorner.topRight = (_configData$borderRad2 = configData.borderRadiusTopRight) === null || _configData$borderRad2 === void 0 ? void 0 : _configData$borderRad2.mergedCorner.topRight;
-        mergedCorner.bottomLeft = (_configData$borderRad3 = configData.borderRadiusBottomLeft) === null || _configData$borderRad3 === void 0 ? void 0 : _configData$borderRad3.mergedCorner.bottomLeft;
-        mergedCorner.bottomRight = (_configData$borderRad4 = configData.borderRadiusBottomRight) === null || _configData$borderRad4 === void 0 ? void 0 : _configData$borderRad4.mergedCorner.bottomRight;
-      }
-      return {
-        ...this.defaultConfig,
-        ...configData,
-        cornerRadius: mergedCorner
-      };
-    },
-    // 处理点击事件
-    handleClick() {
-      if (this.configData.linkUrl) {
-        const target = this.configData.linkTarget || "_self";
-        if (target === "_blank") {
-          window.open(this.configData.linkUrl, "_blank");
-        } else {
-          window.location.href = this.configData.linkUrl;
-        }
-      }
-    },
-    // 图片加载成功
-    onImageLoad() {
-      this.imageLoaded = true;
-      this.imageError = false;
-    },
-    // 图片加载失败
-    onImageError() {
-      this.imageLoaded = false;
-      this.imageError = true;
-    },
-    // 解析自定义样式
-    parseCustomStyle(customStyle) {
-      if (!customStyle) return {};
-      try {
-        const styles = {};
-        const declarations = customStyle.split(";");
-        declarations.forEach(declaration => {
-          const [property, value] = declaration.split(":");
-          if (property && value) {
-            const camelCaseProperty = property.trim().replace(/-([a-z])/g, g => g[1].toUpperCase());
-            styles[camelCaseProperty] = value.trim();
-          }
-        });
-        return styles;
-      } catch (error) {
-        console.warn("解析自定义样式失败:", error);
-        return {};
-      }
-    }
-  }
-});
-;// ./package/cms-image/View.vue?vue&type=script&lang=js
- /* harmony default export */ var cms_image_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=style&index=0&id=1fc80050&prod&lang=scss&scoped=true
-// extracted by mini-css-extract-plugin
-
-;// ./package/cms-image/View.vue?vue&type=style&index=0&id=1fc80050&prod&lang=scss&scoped=true
-
-// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(1656);
-;// ./package/cms-image/View.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var component = (0,componentNormalizer/* default */.A)(
-  cms_image_Viewvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  "1fc80050",
-  null
-  
-)
-
-/* harmony default export */ var View = (component.exports);
-
-/***/ }),
-
 /***/ 4860:
 /***/ (function(module) {
 
@@ -41202,13 +42123,13 @@ var map = {
 	"./cms-banner/View.vue": 6815,
 	"./cms-button/View.vue": 7891,
 	"./cms-cells/View.vue": 5700,
-	"./cms-column-card/View.vue": 2159,
+	"./cms-column-card/View.vue": 2003,
 	"./cms-column/View.vue": 5519,
 	"./cms-description/View.vue": 3203,
 	"./cms-dynamic-comp/View.vue": 2809,
 	"./cms-iconFour/View.vue": 8235,
-	"./cms-image-group/View.vue": 6745,
-	"./cms-image/View.vue": 4825,
+	"./cms-image-group/View.vue": 1243,
+	"./cms-image/View.vue": 2521,
 	"./cms-imgFour/View.vue": 9751,
 	"./cms-lineFive/View.vue": 4432,
 	"./cms-lineFour/View.vue": 9703,
@@ -41228,8 +42149,8 @@ var map = {
 	"./cms-titleCenter/View.vue": 1429,
 	"./cms-titleLeft/View.vue": 7874,
 	"./cms-via-storedValueCard/View.vue": 8498,
-	"./cms-video-group/View.vue": 9418,
-	"./cms-video/View.vue": 8863,
+	"./cms-video-group/View.vue": 201,
+	"./cms-video/View.vue": 3761,
 	"./cms-view/View.vue": 1380
 };
 
@@ -41327,7 +42248,23 @@ module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVAAAAEQCAYAAADm
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(649);
 
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 2159));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 2003));
+const radiusOptions = [{
+  label: "0",
+  value: 0
+}, {
+  label: "4",
+  value: 4
+}, {
+  label: "8",
+  value: 8
+}, {
+  label: "16",
+  value: 16
+}, {
+  label: "全圆角",
+  value: "full"
+}];
 
 // 默认配置数据
 const langData = {
@@ -41338,7 +42275,7 @@ const langData = {
   borderWidth: 0,
   borderStyle: "solid",
   borderColor: "",
-  borderRadius: 0,
+  borderRadius: 8,
   // 背景设置
   backgroundColor: "",
   backgroundImage: "",
@@ -41401,12 +42338,9 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
     predefine: ["#262729", "rgb(36,38,40,0.8)", "rgb(36,38,40,0.5)", "#2F85FF", "#D6197F", "#52C41A", "#f48427", "#FFFFFF"]
   },
   borderRadius: {
-    label: "圆角(px)",
-    widgetType: "el-input-number",
-    size: "small",
-    min: 0,
-    max: 100,
-    step: 1
+    label: "圆角",
+    widgetType: "el-select",
+    options: radiusOptions
   },
   // 背景设置配置
   backgroundColor: {
@@ -43211,251 +44145,6 @@ module.exports = function (object, key, method) {
 };
 
 
-/***/ }),
-
-/***/ 6745:
-/***/ (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-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image-group/View.vue?vue&type=template&id=a0772124&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
-    }
-  }, 'BaseComp', _vm.$attrs, false), [_c('section', {
-    staticClass: "cmhk-home_main"
-  }, [_c('div', {
-    staticClass: "wrap",
-    style: _vm.wrapStyle
-  }, _vm._l(_vm.showVideoList, function (item) {
-    return _c('cms-image', {
-      key: item.componentId,
-      staticStyle: {
-        "overflow": "hidden"
-      },
-      attrs: {
-        "data": item,
-        "nowCompId": _vm.nowCompId,
-        "isOpcacity": _vm.isOpcacity,
-        "isMask": false,
-        "lang": _vm.lang
-      }
-    });
-  }), 1), _vm.isShowPannel ? [_c('div', {
-    staticClass: "view-more-container"
-  }, [_c('div', {
-    staticClass: "view-more-btn",
-    on: {
-      "click": _vm.foldMessText
-    }
-  }, [_c('span', {
-    staticClass: "view-more-text"
-  }, [_vm._v(" " + _vm._s(_vm.messFold ? _vm.$t("roamIndex.Collpase") : _vm.$t("roamIndex.More")) + " ")]), _c('i', {
-    class: ['view-more-icon', _vm.messFold ? 'el-icon-arrow-up' : 'el-icon-arrow-down']
-  })])])] : _vm._e()], 2)]);
-};
-var staticRenderFns = [];
-
-// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(4272);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image-group/View.vue?vue&type=script&lang=js
-
-/* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-image-group",
-  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: false,
-      // 默认配置数据
-      defaultConfig: {
-        colNums: 1,
-        defaultCol: 12,
-        gap: 10,
-        cornerRadius: {
-          topLeft: "0",
-          topRight: "0",
-          bottomLeft: "0",
-          bottomRight: "0"
-        }
-      },
-      isShowPannel: false
-    };
-  },
-  mounted() {},
-  watch: {
-    configData: {
-      handler() {
-        this.updateStyles();
-      },
-      deep: true
-    }
-  },
-  computed: {
-    showVideoList() {
-      if (this.isShowPannel && !this.messFold) return this.data.childList.slice(0, this.configData.colNums * this.configData.defaultCol);
-      return this.data.childList;
-    },
-    isConfigPage() {
-      return this.$EventBus && this.isOpcacity;
-    },
-    borderRadiusStyle() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      const radiusConfig = config.cornerRadius || {};
-      const legacyMap = {
-        topLeft: config.borderRadiusTopLeft,
-        topRight: config.borderRadiusTopRight,
-        bottomLeft: config.borderRadiusBottomLeft,
-        bottomRight: config.borderRadiusBottomRight
-      };
-      const formatRadius = value => {
-        if (value === "full") return "9999px";
-        if (value === undefined || value === null || value === "") {
-          return "0px";
-        }
-        const num = Number(value);
-        return Number.isNaN(num) ? "0px" : `${num}px`;
-      };
-      const resolveValue = corner => {
-        const value = radiusConfig[corner] !== undefined && radiusConfig[corner] !== null ? radiusConfig[corner] : legacyMap[corner];
-        return formatRadius(value);
-      };
-      return {
-        topLeft: resolveValue("topLeft"),
-        topRight: resolveValue("topRight"),
-        bottomLeft: resolveValue("bottomLeft"),
-        bottomRight: resolveValue("bottomRight")
-      };
-    },
-    wrapStyle() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      return {
-        gridTemplateColumns: `repeat(${config.colNums}, 1fr)`,
-        gridGap: `${config.gap}px`,
-        borderTopLeftRadius: this.borderRadiusStyle.topLeft,
-        borderTopRightRadius: this.borderRadiusStyle.topRight,
-        borderBottomLeftRadius: this.borderRadiusStyle.bottomLeft,
-        borderBottomRightRadius: this.borderRadiusStyle.bottomRight,
-        overflow: "hidden"
-      };
-    }
-  },
-  methods: {
-    // 获取配置数据
-    getConfigData(configData) {
-      this.configData = this.getMergedConfig(configData);
-      this.updateStyles();
-      this.isShowPannel = this.configData.colNums * this.configData.defaultCol < this.data.childList.length;
-    },
-    // 更新样式
-    updateStyles() {
-      this.$nextTick(() => {
-        // 触发样式更新
-        this.$forceUpdate();
-      });
-    },
-    // 折叠/展开文本
-    foldMessText() {
-      this.messFold = !this.messFold;
-    },
-    getMergedConfig(configData = {}) {
-      const mergedCorner = {
-        ...(this.defaultConfig.cornerRadius || {})
-      };
-      if (configData.cornerRadius) {
-        Object.assign(mergedCorner, configData.cornerRadius);
-      } else {
-        var _configData$borderRad, _configData$borderRad2, _configData$borderRad3, _configData$borderRad4;
-        mergedCorner.topLeft = (_configData$borderRad = configData.borderRadiusTopLeft) === null || _configData$borderRad === void 0 ? void 0 : _configData$borderRad.mergedCorner.topLeft;
-        mergedCorner.topRight = (_configData$borderRad2 = configData.borderRadiusTopRight) === null || _configData$borderRad2 === void 0 ? void 0 : _configData$borderRad2.mergedCorner.topRight;
-        mergedCorner.bottomLeft = (_configData$borderRad3 = configData.borderRadiusBottomLeft) === null || _configData$borderRad3 === void 0 ? void 0 : _configData$borderRad3.mergedCorner.bottomLeft;
-        mergedCorner.bottomRight = (_configData$borderRad4 = configData.borderRadiusBottomRight) === null || _configData$borderRad4 === void 0 ? void 0 : _configData$borderRad4.mergedCorner.bottomRight;
-      }
-      return {
-        ...this.defaultConfig,
-        ...configData,
-        cornerRadius: mergedCorner
-      };
-    }
-  }
-});
-;// ./package/cms-image-group/View.vue?vue&type=script&lang=js
- /* harmony default export */ var cms_image_group_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image-group/View.vue?vue&type=style&index=0&id=a0772124&prod&lang=scss&scoped=true
-// extracted by mini-css-extract-plugin
-
-;// ./package/cms-image-group/View.vue?vue&type=style&index=0&id=a0772124&prod&lang=scss&scoped=true
-
-// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(1656);
-;// ./package/cms-image-group/View.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var component = (0,componentNormalizer/* default */.A)(
-  cms_image_group_Viewvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  "a0772124",
-  null
-  
-)
-
-/* harmony default export */ var View = (component.exports);
-
 /***/ }),
 
 /***/ 6763:
@@ -52446,16 +53135,16 @@ module.exports = Math.min;
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(649);
 
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 6745));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 1243));
 const langData = {
   colNums: 1,
   defaultCol: 12,
   gap: 10,
   cornerRadius: {
-    topLeft: "0",
-    topRight: "0",
-    bottomLeft: "0",
-    bottomRight: "0"
+    topLeft: "8",
+    topRight: "8",
+    bottomLeft: "8",
+    bottomRight: "8"
   }
 };
 const radiusOptions = [{
@@ -59965,346 +60654,6 @@ module.exports = {
 
 /***/ }),
 
-/***/ 8863:
-/***/ (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-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video/View.vue?vue&type=template&id=9d8bb9e8&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: "cms-video-container",
-    class: [_vm.configData.customClass || ''],
-    style: _vm.containerStyle
-  }, [_c('div', {
-    staticClass: "video-wrapper",
-    style: _vm.wrapperStyle
-  }, [_vm.videoType === 'direct' && _vm.configData.videoUrl ? _c('video', {
-    staticClass: "cms-video direct-video",
-    style: _vm.videoStyle,
-    attrs: {
-      "src": _vm.configData.videoUrl,
-      "controls": _vm.configData.showControls,
-      "autoplay": _vm.configData.autoplay,
-      "loop": _vm.configData.loop,
-      "poster": _vm.configData.posterUrl
-    },
-    domProps: {
-      "muted": _vm.configData.muted
-    },
-    on: {
-      "loadstart": _vm.onVideoLoadStart,
-      "loadeddata": _vm.onVideoLoaded,
-      "error": _vm.onVideoError
-    }
-  }) : _vm.configData.embedCode ? _c('div', {
-    staticClass: "cms-video embed-video cms-ht",
-    style: _vm.videoStyle,
-    domProps: {
-      "innerHTML": _vm._s(_vm.configData.embedCode)
-    }
-  }) : _c('div', {
-    staticClass: "video-placeholder",
-    style: _vm.placeholderStyle
-  }, [_c('img', {
-    staticStyle: {
-      "width": "97.82px",
-      "height": "97.82px"
-    },
-    attrs: {
-      "src": __webpack_require__(6148),
-      "alt": "Video Camera"
-    }
-  })])]), _vm.configData.title ? _c('div', {
-    staticClass: "f-c-c"
-  }, [_vm._v(_vm._s(_vm.configData.title))]) : _vm._e()])]);
-};
-var staticRenderFns = [];
-
-;// ./package/cms-video/View.vue?vue&type=template&id=9d8bb9e8&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: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(4272);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video/View.vue?vue&type=script&lang=js
-
-
-
-
-
-/* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-video",
-  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: {},
-      videoLoaded: false,
-      videoError: false,
-      // 默认配置数据
-      defaultConfig: {
-        // 视频源设置
-        videoType: "direct",
-        videoUrl: "",
-        embedCode: "",
-        posterUrl: "",
-        // 播放控制
-        showControls: true,
-        autoplay: false,
-        loop: false,
-        muted: false,
-        // 尺寸控制
-        aspectRatio: "16:9",
-        // 样式设置
-        borderRadius: 0,
-        // 高级配置
-        customClass: "",
-        customStyle: ""
-      }
-    };
-  },
-  mounted() {
-    this.initConfigData();
-  },
-  watch: {
-    configData: {
-      handler() {
-        this.updateStyles();
-      },
-      deep: true
-    }
-  },
-  computed: {
-    showEmbedCode() {
-      return this.configData.embedCode.replace(/<iframe(.*?)width="(\d+)"(.*?)height="(\d+)"(.*?)>/gi, '<iframe$1width="100%"$3height="auto"$5 aspect-ratio="$2/$4">');
-    },
-    // 视频类型
-    videoType() {
-      return this.configData.videoType || this.defaultConfig.videoType;
-    },
-    // 实际使用的宽高比
-    actualAspectRatio() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      return config.aspectRatio || "16:9";
-    },
-    aspectRatioValue() {
-      const ratio = this.actualAspectRatio;
-      if (!ratio || ratio === "auto") {
-        return null;
-      }
-      return ratio.replace(":", "/");
-    },
-    // 容器样式
-    containerStyle() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      return {
-        ...this.parseCustomStyle(config.customStyle)
-      };
-    },
-    // 包装器样式
-    wrapperStyle() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      const style = {
-        width: "100%",
-        borderRadius: `${config.borderRadius}px`,
-        overflow: "hidden",
-        display: "block",
-        position: "relative"
-      };
-      if (this.aspectRatioValue) {
-        style.aspectRatio = this.aspectRatioValue;
-      }
-      return style;
-    },
-    // 视频样式
-    videoStyle() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      const style = {
-        width: "100%",
-        display: "block",
-        border: "none",
-        outline: "none"
-      };
-      if (this.aspectRatioValue) {
-        style.height = "100%";
-        style.aspectRatio = this.aspectRatioValue;
-      } else {
-        style.height = "auto";
-      }
-      return style;
-    },
-    // 占位符样式
-    placeholderStyle() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      const style = {
-        width: "100%",
-        backgroundColor: "#f5f7fa",
-        border: "1px dashed #dcdfe6",
-        borderRadius: `${config.borderRadius}px`,
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        color: "#909399",
-        fontSize: "14px"
-      };
-      if (this.aspectRatioValue) {
-        style.aspectRatio = this.aspectRatioValue;
-      } else {
-        style.minHeight = "160px";
-      }
-      return style;
-    }
-  },
-  methods: {
-    // 初始化配置数据
-    initConfigData() {
-      this.configData = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-    },
-    // 获取配置数据
-    getConfigData(configData) {
-      this.configData = {
-        ...this.defaultConfig,
-        ...configData
-      };
-      this.updateStyles();
-    },
-    // 更新样式
-    updateStyles() {
-      this.$nextTick(() => {
-        this.$forceUpdate();
-      });
-    },
-    // 视频开始加载
-    onVideoLoadStart() {
-      this.videoLoaded = false;
-      this.videoError = false;
-    },
-    // 视频加载完成
-    onVideoLoaded() {
-      this.videoLoaded = true;
-      this.videoError = false;
-    },
-    // 视频加载失败
-    onVideoError() {
-      this.videoLoaded = false;
-      this.videoError = true;
-    },
-    // 解析自定义样式
-    parseCustomStyle(customStyle) {
-      if (!customStyle) return {};
-      try {
-        const styles = {};
-        const declarations = customStyle.split(";");
-        declarations.forEach(declaration => {
-          const [property, value] = declaration.split(":");
-          if (property && value) {
-            const camelCaseProperty = property.trim().replace(/-([a-z])/g, g => g[1].toUpperCase());
-            styles[camelCaseProperty] = value.trim();
-          }
-        });
-        return styles;
-      } catch (error) {
-        console.warn("解析自定义样式失败:", error);
-        return {};
-      }
-    }
-  }
-});
-;// ./package/cms-video/View.vue?vue&type=script&lang=js
- /* harmony default export */ var cms_video_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video/View.vue?vue&type=style&index=0&id=9d8bb9e8&prod&lang=scss&scoped=true
-// extracted by mini-css-extract-plugin
-
-;// ./package/cms-video/View.vue?vue&type=style&index=0&id=9d8bb9e8&prod&lang=scss&scoped=true
-
-// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(1656);
-;// ./package/cms-video/View.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var component = (0,componentNormalizer/* default */.A)(
-  cms_video_Viewvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  "9d8bb9e8",
-  null
-  
-)
-
-/* harmony default export */ var View = (component.exports);
-
-/***/ }),
-
 /***/ 8886:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -60312,7 +60661,7 @@ var component = (0,componentNormalizer/* default */.A)(
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(649);
 
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 4825));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 2521));
 const langData = {
   // 图片设置
   remark: "",
@@ -60322,10 +60671,10 @@ const langData = {
   // 样式设置
   borderRadius: 0,
   cornerRadius: {
-    topLeft: "0",
-    topRight: "0",
-    bottomLeft: "0",
-    bottomRight: "0"
+    topLeft: "8",
+    topRight: "8",
+    bottomLeft: "8",
+    bottomRight: "8"
   },
   objectFit: "cover",
   // 交互功能
@@ -61074,189 +61423,6 @@ const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSc
 
 /***/ }),
 
-/***/ 9418:
-/***/ (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-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video-group/View.vue?vue&type=template&id=bc32924e&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,
-      "getDevice": _vm.getDevice
-    }
-  }, 'BaseComp', _vm.$attrs, false), [_c('section', {
-    staticClass: "cmhk-home_main"
-  }, [_c('div', {
-    staticClass: "wrap",
-    style: {
-      'grid-template-columns': `repeat(${_vm.colNums}, 1fr)`,
-      'grid-gap': `${_vm.configData.gap}px`
-    }
-  }, _vm._l(_vm.showVideoList, function (item) {
-    return _c('cms-video', {
-      key: item.componentId,
-      staticStyle: {
-        "overflow": "hidden"
-      },
-      attrs: {
-        "data": item,
-        "nowCompId": _vm.nowCompId,
-        "isOpcacity": _vm.isOpcacity,
-        "isMask": false,
-        "lang": _vm.lang
-      }
-    });
-  }), 1), _vm.isShowPannel ? [_c('div', {
-    staticClass: "view-more-container"
-  }, [_c('div', {
-    staticClass: "view-more-btn",
-    on: {
-      "click": _vm.foldMessText
-    }
-  }, [_c('span', {
-    staticClass: "view-more-text"
-  }, [_vm._v(" " + _vm._s(_vm.messFold ? _vm.$t("roamIndex.Collpase") : _vm.$t("roamIndex.More")) + " ")]), _c('i', {
-    class: ['view-more-icon', _vm.messFold ? 'el-icon-arrow-up' : 'el-icon-arrow-down']
-  })])])] : _vm._e()], 2)]);
-};
-var staticRenderFns = [];
-
-// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(4272);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video-group/View.vue?vue&type=script&lang=js
-
-/* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-video-group",
-  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: false,
-      // 默认配置数据
-      isShowPannel: false,
-      isMobile: false
-    };
-  },
-  mounted() {},
-  watch: {
-    configData: {
-      handler() {
-        this.updateStyles();
-      },
-      deep: true
-    }
-  },
-  computed: {
-    colNums() {
-      return this.isMobile ? this.configData.colNums_Mobile : this.configData.colNums_PC;
-    },
-    showVideoList() {
-      if (this.isShowPannel && !this.messFold) return this.data.childList.slice(0, this.colNums * this.configData.defaultCol);
-      return this.data.childList;
-    },
-    isConfigPage() {
-      return this.$EventBus && this.isOpcacity;
-    }
-  },
-  methods: {
-    getDevice(val) {
-      this.isMobile = val;
-    },
-    // 获取配置数据
-    getConfigData(configData) {
-      this.configData = {
-        ...this.defaultConfig,
-        ...configData
-      };
-      this.updateStyles();
-      this.isShowPannel = this.colNums * this.configData.defaultCol < this.data.childList.length;
-    },
-    // 更新样式
-    updateStyles() {
-      this.$nextTick(() => {
-        // 触发样式更新
-        this.$forceUpdate();
-      });
-    },
-    // 折叠/展开文本
-    foldMessText() {
-      this.messFold = !this.messFold;
-    }
-  }
-});
-;// ./package/cms-video-group/View.vue?vue&type=script&lang=js
- /* harmony default export */ var cms_video_group_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video-group/View.vue?vue&type=style&index=0&id=bc32924e&prod&lang=scss&scoped=true
-// extracted by mini-css-extract-plugin
-
-;// ./package/cms-video-group/View.vue?vue&type=style&index=0&id=bc32924e&prod&lang=scss&scoped=true
-
-// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(1656);
-;// ./package/cms-video-group/View.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var component = (0,componentNormalizer/* default */.A)(
-  cms_video_group_Viewvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  "bc32924e",
-  null
-  
-)
-
-/* harmony default export */ var View = (component.exports);
-
-/***/ }),
-
 /***/ 9429:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {