cms-chenhj-ui 2.0.38 → 2.0.40

package/cms-chenhj-ui.umd.js

@@ -366,361 +366,6 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 153:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": function() { return /* binding */ View; }
-});
-
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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__(677);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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);
-
-/***/ }),
-
 /***/ 165:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -1070,7 +715,7 @@ Function.prototype.toString = makeBuiltIn(function toString() {
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
 
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 342));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 8737));
 const langData = {
   input1: "请输入富文本内容"
 };
@@ -1096,7 +741,7 @@ const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSc
 
 /***/ }),
 
-/***/ 342:
+/***/ 304:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1108,7 +753,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-richText/View.vue?vue&type=template&id=982cf5e8&scoped=true
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video-group/View.vue?vue&type=template&id=279ca476&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -1117,32 +762,53 @@ var render = function render() {
       "data": _vm.data,
       "nowCompId": _vm.nowCompId,
       "isOpcacity": _vm.isOpcacity,
+      "isMask": false,
       "lang": _vm.lang
     },
     on: {
-      "getConfigData": _vm.getConfigData
+      "getConfigData": _vm.getConfigData,
+      "getDevice": _vm.getDevice
     }
   }, 'BaseComp', _vm.$attrs, false), [_c('section', {
-    class: {
-      'cmhk-home_main': _vm.showCmhkMain
-    }
-  }, [_c('div', [_c('div', {
-    staticClass: "inner"
-  }, [_c('p', {
-    staticClass: "cms-ht",
-    domProps: {
-      "innerHTML": _vm._s(_vm.configData.input1)
+    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__(677);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-richText/View.vue?vue&type=script&lang=js
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video-group/View.vue?vue&type=script&lang=js
 
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-richText",
+  name: "cms-video-group",
   components: {
     BaseComp: baseComp["default"]
   },
@@ -1164,64 +830,155 @@ var baseComp = __webpack_require__(677);
     lang: {
       type: String,
       default: "zh-HK"
-    },
-    showCmhkMain: {
-      type: Boolean,
-      default: true
     }
   },
   data() {
     return {
       configData: {},
-      messFold: false
+      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: {},
+  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 = 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;
     },
-    decodeJumpUrl(url) {
-      if (!url) return;
-      top.location.href = url;
+    getMergedConfig(configData = {}) {
+      const mergedCorner = {
+        ...(this.defaultConfig.cornerRadius || {})
+      };
+      if (configData.cornerRadius) {
+        Object.assign(mergedCorner, configData.cornerRadius);
+      }
+      return {
+        ...this.defaultConfig,
+        ...configData,
+        cornerRadius: mergedCorner
+      };
     }
   }
 });
-;// ./package/cms-richText/View.vue?vue&type=script&lang=js
- /* harmony default export */ var cms_richText_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-richText/View.vue?vue&type=style&index=0&id=982cf5e8&prod&lang=scss&scoped=true
-// extracted by mini-css-extract-plugin
-
-;// ./package/cms-richText/View.vue?vue&type=style&index=0&id=982cf5e8&prod&lang=scss&scoped=true
-
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-richText/View.vue?vue&type=style&index=1&id=982cf5e8&prod&lang=scss
+;// ./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-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video-group/View.vue?vue&type=style&index=0&id=279ca476&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./package/cms-richText/View.vue?vue&type=style&index=1&id=982cf5e8&prod&lang=scss
+;// ./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-richText/View.vue
+;// ./package/cms-video-group/View.vue
 
 
 
 ;
 
 
-
 /* normalize component */
 
 var component = (0,componentNormalizer/* default */.A)(
-  cms_richText_Viewvue_type_script_lang_js,
+  cms_video_group_Viewvue_type_script_lang_js,
   render,
   staticRenderFns,
   false,
   null,
-  "982cf5e8",
+  "279ca476",
   null
   
 )
@@ -3489,6 +3246,472 @@ module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAP
 
 /***/ }),
 
+/***/ 579:
+/***/ (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; }
+});
+
+// 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.drop.js
+var es_iterator_drop = __webpack_require__(9314);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=template&id=ad0fdc1e&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,
+      "showDel": false
+    },
+    on: {
+      "getConfigData": _vm.getConfigData
+    }
+  }, 'BaseComp', _vm.$attrs, false), [_vm.isConfigPage ? _c('div', {
+    staticClass: "main_drag hoverBorderClass",
+    style: _vm.cardContainerStyle,
+    attrs: {
+      "id": `cardTarget${_vm.data.componentId}`
+    },
+    on: {
+      "dragover": _vm.dragover,
+      "dragend": function ($event) {
+        _vm.showAddCom = false;
+      },
+      "drop": _vm.drop
+    }
+  }, [_c('Draggable', {
+    staticStyle: {
+      "position": "relative"
+    },
+    attrs: {
+      "group": _vm.groupConfigForMain,
+      "chosen-class": "chosen",
+      "force-fallback": "true",
+      "animation": "1000",
+      "move": _vm.onMove
+    },
+    on: {
+      "start": _vm.onStart,
+      "end": function ($event) {
+        _vm.showAddCom = false;
+      }
+    },
+    model: {
+      value: _vm.data.childList,
+      callback: function ($$v) {
+        _vm.$set(_vm.data, "childList", $$v);
+      },
+      expression: "data.childList"
+    }
+  }, [_vm._l(_vm.data.childList, function (item, index) {
+    return _c('div', {
+      key: item.componentId,
+      staticStyle: {
+        "position": "relative"
+      }
+    }, [_vm.showAddCom ? _c('div', {
+      staticClass: "up_insert",
+      attrs: {
+        "id": `${item.componentId}-cardTargetup`
+      }
+    }, [_c('i', {
+      staticClass: "icon-up",
+      attrs: {
+        "id": `${item.componentId}-upi`
+      }
+    }), _c('span', {
+      attrs: {
+        "id": `${item.componentId}-upspan`
+      }
+    }, [_vm._v("插入组件")])]) : _vm._e(), _c(item.cmsCompName, {
+      tag: "component",
+      style: {
+        marginTop: _vm.showAddCom && index == 0 ? '20px' : '0px'
+      },
+      attrs: {
+        "data": item,
+        "lang": _vm.lang,
+        "isOpcacity": _vm.isOpcacity,
+        "nowCompId": _vm.nowCompId,
+        "showCmhkMain": false
+      }
+    })], 1);
+  }), _vm.showAddCom ? _c('div', {
+    staticClass: "up_insert insert_bottom",
+    style: {
+      bottom: _vm.data.childList.length ? '0px' : '-24px'
+    },
+    attrs: {
+      "id": `-cardTargetdown`
+    }
+  }, [_c('i', {
+    staticClass: "icon-up"
+  }), _c('span', [_vm._v("插入组件")])]) : _vm._e()], 2)], 1) : _c('cms-view', _vm._b({
+    style: _vm.cardContainerStyle,
+    attrs: {
+      "data": _vm.data.childList,
+      "lang": _vm.lang,
+      "isOpcacity": false,
+      "showCmhkMain": false
+    }
+  }, 'cms-view', _vm.$attrs, false))], 1);
+};
+var staticRenderFns = [];
+
+;// ./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);
+// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
+var baseComp = __webpack_require__(677);
+// EXTERNAL MODULE: ./node_modules/vuedraggable/dist/vuedraggable.umd.js
+var vuedraggable_umd = __webpack_require__(9014);
+var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_umd);
+// EXTERNAL MODULE: ./package/baseConfig.js
+var baseConfig = __webpack_require__(2128);
+// EXTERNAL MODULE: ./src/views/standard_page.js
+var standard_page = __webpack_require__(521);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=script&lang=js
+
+
+
+
+
+
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-column-card",
+  components: {
+    BaseComp: baseComp["default"],
+    Draggable: (vuedraggable_umd_default())
+  },
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    nowCompId: {
+      type: [String, Number],
+      default: ""
+    },
+    isOpcacity: {
+      type: Boolean,
+      default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
+    },
+    isMobile: {
+      type: Boolean,
+      default: false
+    },
+    mobileLayout: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      configData: {},
+      messFold: true,
+      showAddCom: false,
+      temporaryList: []
+    };
+  },
+  computed: {
+    isConfigPage() {
+      return this.$EventBus && this.isOpcacity;
+    },
+    groupConfigForMain() {
+      return {
+        name: "task",
+        pull: true,
+        // A列表的元素可以被拖出
+        put: (to, from, dragEl) => {
+          console.log(from.el.classList);
+          if (from.el.classList.contains("main_drag")) {
+            const dataId = this.findFirstComponentKey(dragEl);
+            const allowedComponents = ["cms-text", "cms-image", "cms-video", "cms-button", "cms-richText", "cms-column"];
+            console.log("allowedComponents", dataId);
+            if (dataId === "cms-column") {
+              if (!this.checkColumnNestingLevel()) {
+                console.log("cms-column 嵌套层级超出限制");
+                return false;
+              }
+            }
+            return allowedComponents.includes(dataId);
+          }
+          return true;
+        }
+      };
+    },
+    // 卡片容器样式
+    cardContainerStyle() {
+      return {
+        backgroundImage: this.configData.backgroundImage ? `url('${this.configData.backgroundImage}')` : "none",
+        backgroundSize: "cover",
+        backgroundRepeat: "no-repeat",
+        backgroundPosition: "center center",
+        height: this.getContainerHeight(),
+        border: this.getContainerBorder(),
+        borderRadius: this.getContainerBorderRadius(),
+        backgroundColor: this.configData.backgroundColor || "transparent",
+        boxShadow: this.configData.boxShadow || "none"
+      };
+    }
+  },
+  mounted() {
+    if (this.$EventBus) {
+      this.$EventBus.$on("handleDragEnd", () => {
+        this.showAddCom = false;
+      });
+    }
+  },
+  watch: {},
+  methods: {
+    findFirstComponentKey(root) {
+      var _root$querySelector;
+      if (!root) return null;
+
+      // 若起点自身就有
+      if (root.nodeType === 1 && root.hasAttribute("component-key")) {
+        return root.getAttribute("component-key");
+      }
+
+      // 向下查找第一个匹配的后代
+      const el = (_root$querySelector = root.querySelector) === null || _root$querySelector === void 0 ? void 0 : _root$querySelector.call(root, "[component-key]");
+      return el ? el.getAttribute("component-key") : null;
+    },
+    // 获取容器高度
+    getContainerHeight() {
+      if (this.configData.heightType === "fixed") {
+        return `${this.configData.fixedHeight}px`;
+      }
+      return this.isMobile && this.mobileLayout == "vertical" ? "auto" : "100%";
+    },
+    // 获取容器边框
+    getContainerBorder() {
+      if (this.configData.borderWidth) {
+        return `${this.configData.borderWidth}px ${this.configData.borderStyle} ${this.configData.borderColor}`;
+      }
+      return "none";
+    },
+    // 获取容器圆角
+    getContainerBorderRadius() {
+      const radius = this.configData.borderRadius !== undefined && this.configData.borderRadius !== null ? this.configData.borderRadius : 0;
+      if (radius === "full") {
+        return "9999px";
+      }
+      const radiusNumber = Number(radius);
+      return Number.isNaN(radiusNumber) ? "0px" : `${radiusNumber}px`;
+    },
+    getConfigData(configData) {
+      this.configData = configData;
+    },
+    foldMessText() {
+      this.messFold = !this.messFold;
+    },
+    decodeJumpUrl(url) {
+      if (!url) return;
+      top.location.href = url;
+    },
+    onStart(evt) {
+      console.log("drag start in column-card", evt);
+      this.showAddCom = true;
+    },
+    // 限制拖拽的组件类型
+    onMove(evt) {
+      const {
+        draggedContext
+      } = evt;
+
+      // 允许的组件类型
+      const allowedComponents = ["cms-text", "cms-image", "cms-video", "cms-button", "cms-richText", "cms-column" // 允许拖入 cms-column
+      ];
+
+      // 如果是从外部拖入的组件
+      if (draggedContext && draggedContext.element) {
+        const componentType = draggedContext.element.cmsCompName;
+        if (componentType && !allowedComponents.includes(componentType)) {
+          console.log("draggedContext.element", draggedContext.element);
+          console.log(`组件类型 ${componentType} 不允许拖入 column-card`);
+          return false;
+        }
+
+        // 特殊处理 cms-column：检查嵌套层级
+        if (componentType === "cms-column") {
+          if (!this.checkColumnNestingLevel()) {
+            console.log("cms-column 嵌套层级超出限制");
+            return false;
+          }
+        }
+      }
+      return true;
+    },
+    // 检查 cms-column 嵌套层级
+    checkColumnNestingLevel() {
+      // 检查当前 column-card 是否已经在 cms-column 内部
+      let parent = this.$parent;
+      let columnDepth = 0;
+      while (parent) {
+        // 检查父组件是否是 cms-column 或包含 cms-column
+        if (parent.$options.name === "cms-column" || parent.$data && parent.$data.data && parent.$data.data.cmsCompName === "cms-column") {
+          columnDepth++;
+        }
+
+        // 如果已经有一层 cms-column，则不允许再嵌套
+        if (columnDepth >= 2) {
+          console.log(`检测到 cms-column 嵌套层级: ${columnDepth}, 超出限制`);
+          return false;
+        }
+        parent = parent.$parent;
+      }
+      console.log(`cms-column 嵌套层级检查通过: ${columnDepth}`);
+      return true;
+    },
+    // 处理拖拽悬停
+    dragover(e) {
+      e.preventDefault();
+      this.showAddCom = true;
+    },
+    // 处理拖拽放置
+    drop(e) {
+      e.preventDefault();
+      const componentKey = e.dataTransfer.getData("componentKey");
+      let temporaryId = "";
+      this.temporaryList = e.dataTransfer.getData("temporaryList") ? JSON.parse(e.dataTransfer.getData("temporaryList")) : [];
+      console.log("cms-colum-card-drop", componentKey, this.temporaryList);
+      if (!componentKey) return;
+      const isTemporaryItem = e.dataTransfer.getData("isTemporaryItem");
+      const isTemporary = isTemporaryItem === "true";
+      if (isTemporary) {
+        temporaryId = (0,standard_page/* getCopyTemplateCompConfig */.L7)(this.temporaryList, componentKey).cmsCompName;
+      }
+      const componentType = isTemporary ? temporaryId : componentKey;
+      // 允许的组件类型
+      const allowedComponents = ["cms-text", "cms-image", "cms-video", "cms-button", "cms-richText", "cms-column" // 允许拖入 cms-column
+      ];
+
+      // 检查组件类型是否允许
+      if (!allowedComponents.includes(componentType)) {
+        console.log(`组件类型 ${componentType} 不允许拖入 column-card`);
+        this.$message && this.$message.warning(`该组件类型不支持拖入卡片容器`);
+        this.showAddCom = false;
+        return;
+      }
+
+      // 特殊处理 cms-column：检查嵌套层级
+      if (componentType === "cms-column") {
+        if (!this.checkColumnNestingLevel()) {
+          console.log("cms-column 嵌套层级超出限制");
+          this.$message && this.$message.warning(`cms-column 只能嵌套一层`);
+          this.showAddCom = false;
+          return;
+        }
+      }
+      this.addOneComp(e, componentKey);
+    },
+    // 添加组件到卡片容器
+    addOneComp(e, componentKey) {
+      this.showAddCom = false;
+      console.log("drop to column-card", componentKey);
+
+      // 动态导入组件配置
+      let initCompData;
+      try {
+        const isTemporaryItem = e.dataTransfer.getData("isTemporaryItem");
+        const isTemporary = isTemporaryItem === "true";
+        if (isTemporary) {
+          initCompData = (0,standard_page/* getCopyTemplateCompConfig */.L7)(this.temporaryList, componentKey);
+        } else {
+          initCompData = __webpack_require__(1640)(`./${componentKey}`).default.settings(componentKey);
+        }
+        if (!isTemporary) {
+          initCompData = {
+            ...initCompData,
+            styleConfig: {
+              pc: componentKey == "cms-text" ? [...(0,baseConfig.styleBaseConfig)(16, 16, 0, 0, "px")] : [...(0,baseConfig.styleBaseConfig)(0, 0, 0, 0, "px")],
+              mb: componentKey == "cms-text" ? [...(0,baseConfig.styleBaseConfig)(12, 12, 0, 0, "px")] : [...(0,baseConfig.styleBaseConfig)(0, 0, 0, 0, "px")]
+            }
+          };
+        }
+      } catch (error) {
+        console.error(`无法加载组件 ${componentKey}:`, error);
+        this.$message && this.$message.error(`组件加载失败`);
+        return;
+      }
+      const toElementId = e.toElement.id;
+      if (toElementId === `cardTarget${this.data.componentId}` || toElementId.includes("cardTargetdown")) {
+        // 添加到卡片容器末尾
+        this.data.childList.push(initCompData);
+      } else if (toElementId.includes("cardTargetup")) {
+        // 插入到指定位置
+        const underComponentId = toElementId.split("-cardTargetup")[0];
+        const index = this.data.childList.findIndex(item => item.componentId === underComponentId);
+        if (index !== -1) {
+          this.data.childList.splice(index, 0, initCompData);
+        }
+      }
+
+      // 触发数据更新
+      this.$emit("update:data", this.data);
+      if (componentKey === "cms-column") {
+        this.$EventBus.$emit("handleNowComp", initCompData);
+      }
+    }
+  }
+});
+;// ./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-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-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=ad0fdc1e&prod&lang=scss&scoped=true
+
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1656);
+;// ./package/cms-column-card/View.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.A)(
+  cms_column_card_Viewvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "ad0fdc1e",
+  null
+  
+)
+
+/* harmony default export */ var View = (component.exports);
+
+/***/ }),
+
 /***/ 613:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -22768,8 +22991,8 @@ var map = {
 	"./cms-column": 3154,
 	"./cms-column-card": 3583,
 	"./cms-column-card/": 3583,
-	"./cms-column-card/View": 4552,
-	"./cms-column-card/View.vue": 4552,
+	"./cms-column-card/View": 579,
+	"./cms-column-card/View.vue": 579,
 	"./cms-column-card/index": 3583,
 	"./cms-column-card/index.js": 3583,
 	"./cms-column/": 3154,
@@ -22798,13 +23021,13 @@ var map = {
 	"./cms-image": 3513,
 	"./cms-image-group": 2987,
 	"./cms-image-group/": 2987,
-	"./cms-image-group/View": 7800,
-	"./cms-image-group/View.vue": 7800,
+	"./cms-image-group/View": 2578,
+	"./cms-image-group/View.vue": 2578,
 	"./cms-image-group/index": 2987,
 	"./cms-image-group/index.js": 2987,
 	"./cms-image/": 3513,
-	"./cms-image/View": 153,
-	"./cms-image/View.vue": 153,
+	"./cms-image/View": 9383,
+	"./cms-image/View.vue": 9383,
 	"./cms-image/index": 3513,
 	"./cms-image/index.js": 3513,
 	"./cms-imgFour": 3395,
@@ -22863,8 +23086,8 @@ var map = {
 	"./cms-question/index.js": 9704,
 	"./cms-richText": 289,
 	"./cms-richText/": 289,
-	"./cms-richText/View": 342,
-	"./cms-richText/View.vue": 342,
+	"./cms-richText/View": 8737,
+	"./cms-richText/View.vue": 8737,
 	"./cms-richText/index": 289,
 	"./cms-richText/index.js": 289,
 	"./cms-servePlan-tab": 5786,
@@ -22929,13 +23152,13 @@ var map = {
 	"./cms-video": 3275,
 	"./cms-video-group": 2697,
 	"./cms-video-group/": 2697,
-	"./cms-video-group/View": 1882,
-	"./cms-video-group/View.vue": 1882,
+	"./cms-video-group/View": 304,
+	"./cms-video-group/View.vue": 304,
 	"./cms-video-group/index": 2697,
 	"./cms-video-group/index.js": 2697,
 	"./cms-video/": 3275,
-	"./cms-video/View": 1659,
-	"./cms-video/View.vue": 1659,
+	"./cms-video/View": 6722,
+	"./cms-video/View.vue": 6722,
 	"./cms-video/index": 3275,
 	"./cms-video/index.js": 3275,
 	"./cms-view": 725,
@@ -23108,346 +23331,6 @@ function normalizeComponent(
 }
 
 
-/***/ }),
-
-/***/ 1659:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": function() { return /* binding */ View; }
-});
-
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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__(677);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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);
-
 /***/ }),
 
 /***/ 1661:
@@ -24126,189 +24009,6 @@ module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABz
 
 /***/ }),
 
-/***/ 1882:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": function() { return /* binding */ View; }
-});
-
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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__(677);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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);
-
-/***/ }),
-
 /***/ 1944:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -25898,56 +25598,355 @@ var baseComp = __webpack_require__(677);
   },
   data() {
     return {
-      configList: [],
-      expend: "",
-      problemActive: 0
+      configList: [],
+      expend: "",
+      problemActive: 0
+    };
+  },
+  mounted() {},
+  watch: {},
+  methods: {
+    getConfigData(configData) {
+      this.configList = configData.configList;
+    },
+    open(item, index, event) {
+      var _this$configList$this;
+      console.log(event);
+      this.expend = item.input1;
+      (_this$configList$this = this.configList[this.problemActive]) === null || _this$configList$this === void 0 ? void 0 : _this$configList$this.contentArray.forEach((cur, curIndex) => {
+        var _this$configList$this2;
+        this.$set((_this$configList$this2 = this.configList[this.problemActive]) === null || _this$configList$this2 === void 0 ? void 0 : _this$configList$this2.contentArray[curIndex], "status", curIndex == index ? !item.status : false);
+      });
+    },
+    decodeJumpUrl(url) {
+      if (!url) return;
+      top.location.href = url;
+    }
+  },
+  computed: {
+    _stableProblemGuide() {
+      let res = this.configList || [];
+      return res.map(item => {
+        return {
+          ...item,
+          contentArray: ((item === null || item === void 0 ? void 0 : item.contentArray) || []).map(cur => ({
+            ...cur,
+            status: (cur === null || cur === void 0 ? void 0 : cur.status) || false
+          }))
+        };
+      });
+    }
+  }
+});
+;// ./package/cms-question/View.vue?vue&type=script&lang=js
+ /* harmony default export */ var cms_question_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-question/View.vue?vue&type=style&index=0&id=06710479&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./package/cms-question/View.vue?vue&type=style&index=0&id=06710479&prod&lang=scss&scoped=true
+
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1656);
+;// ./package/cms-question/View.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.A)(
+  cms_question_Viewvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "06710479",
+  null
+  
+)
+
+/* harmony default export */ var View = (component.exports);
+
+/***/ }),
+
+/***/ 2520:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
+
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 5865));
+const langData = {
+  input1: "描述",
+  input2: "标题",
+  input3: "高亮标题"
+};
+const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataType)(langData, {
+  input1: {
+    label: "描述"
+  },
+  input2: {
+    label: "标题"
+  },
+  input3: {
+    label: "高亮标题"
+  }
+});
+const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSchema)(langData);
+/* harmony default export */ __webpack_exports__["default"] = ({
+  View,
+  validateSchema,
+  configDataType,
+  langData,
+  settings: cmsCompName => {
+    return (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getInitCompData)({
+      cmsCompName,
+      langData
+    });
+  }
+});
+
+/***/ }),
+
+/***/ 2529:
+/***/ (function(module) {
+
+"use strict";
+
+// `CreateIterResultObject` abstract operation
+// https://tc39.es/ecma262/#sec-createiterresultobject
+module.exports = function (value, done) {
+  return { value: value, done: done };
+};
+
+
+/***/ }),
+
+/***/ 2578:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ View; }
+});
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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__(677);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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: {},
-  methods: {
-    getConfigData(configData) {
-      this.configList = configData.configList;
+  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;
     },
-    open(item, index, event) {
-      var _this$configList$this;
-      console.log(event);
-      this.expend = item.input1;
-      (_this$configList$this = this.configList[this.problemActive]) === null || _this$configList$this === void 0 ? void 0 : _this$configList$this.contentArray.forEach((cur, curIndex) => {
-        var _this$configList$this2;
-        this.$set((_this$configList$this2 = this.configList[this.problemActive]) === null || _this$configList$this2 === void 0 ? void 0 : _this$configList$this2.contentArray[curIndex], "status", curIndex == index ? !item.status : false);
-      });
+    isConfigPage() {
+      return this.$EventBus && this.isOpcacity;
     },
-    decodeJumpUrl(url) {
-      if (!url) return;
-      top.location.href = url;
+    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"
+      };
     }
   },
-  computed: {
-    _stableProblemGuide() {
-      let res = this.configList || [];
-      return res.map(item => {
-        return {
-          ...item,
-          contentArray: ((item === null || item === void 0 ? void 0 : item.contentArray) || []).map(cur => ({
-            ...cur,
-            status: (cur === null || cur === void 0 ? void 0 : cur.status) || false
-          }))
-        };
+  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-question/View.vue?vue&type=script&lang=js
- /* harmony default export */ var cms_question_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-question/View.vue?vue&type=style&index=0&id=06710479&prod&lang=scss&scoped=true
+;// ./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-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image-group/View.vue?vue&type=style&index=0&id=4dee5e5e&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./package/cms-question/View.vue?vue&type=style&index=0&id=06710479&prod&lang=scss&scoped=true
+;// ./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-question/View.vue
+;// ./package/cms-image-group/View.vue
 
 
 
@@ -25957,72 +25956,18 @@ var componentNormalizer = __webpack_require__(1656);
 /* normalize component */
 
 var component = (0,componentNormalizer/* default */.A)(
-  cms_question_Viewvue_type_script_lang_js,
+  cms_image_group_Viewvue_type_script_lang_js,
   render,
   staticRenderFns,
   false,
   null,
-  "06710479",
+  "4dee5e5e",
   null
   
 )
 
 /* harmony default export */ var View = (component.exports);
 
-/***/ }),
-
-/***/ 2520:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
-
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 5865));
-const langData = {
-  input1: "描述",
-  input2: "标题",
-  input3: "高亮标题"
-};
-const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataType)(langData, {
-  input1: {
-    label: "描述"
-  },
-  input2: {
-    label: "标题"
-  },
-  input3: {
-    label: "高亮标题"
-  }
-});
-const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSchema)(langData);
-/* harmony default export */ __webpack_exports__["default"] = ({
-  View,
-  validateSchema,
-  configDataType,
-  langData,
-  settings: cmsCompName => {
-    return (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getInitCompData)({
-      cmsCompName,
-      langData
-    });
-  }
-});
-
-/***/ }),
-
-/***/ 2529:
-/***/ (function(module) {
-
-"use strict";
-
-// `CreateIterResultObject` abstract operation
-// https://tc39.es/ecma262/#sec-createiterresultobject
-module.exports = function (value, done) {
-  return { value: value, done: done };
-};
-
-
 /***/ }),
 
 /***/ 2584:
@@ -26745,13 +26690,35 @@ module.exports = function (iterable, unboundFunction, options) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
 
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 1882));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 304));
 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: {
@@ -26793,6 +26760,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);
@@ -27110,7 +27082,7 @@ module.exports = userAgent ? String(userAgent) : '';
 /* harmony export */   WL: function() { return /* binding */ queryV1; },
 /* harmony export */   yX: function() { return /* binding */ getCommodityDetails; }
 /* harmony export */ });
-/* unused harmony exports saveInstance, queryInstanceConfig, queryCategoryInfo, queryCommodityList, listV1, queryMenuList, uploadImage, uploadVideo, queryDeptList, queryBreadCrumbsList, queryPageHfList, queryUrl, createPage, queryPageInfo, editPage, getPreDictonaryList, saveTemporaryInfo, getTemporaryInfo, queryApproveList, queryComponentByColumn, queryCollections, collectionComponent, syncComponentConfigure, queryComponentConfigure, queryOperateList, updateDefaultConfig, omniHeartbeat, emallHeartbeat, qryBtList */
+/* unused harmony exports saveInstance, queryInstanceConfig, queryCategoryInfo, queryCommodityList, listV1, queryMenuList, uploadImage, uploadVideo, queryDeptList, queryBreadCrumbsList, queryPageHfList, queryUrl, createPage, queryPageInfo, editPage, getPreDictonaryList, saveTemporaryInfo, getTemporaryInfo, queryApproveList, queryComponentByColumn, queryCollections, collectionComponent, syncComponentConfigure, queryComponentConfigure, queryOperateList, updateDefaultConfig, omniHeartbeat, emallHeartbeat, qryBtList, uploadToResourceLibrary, getResourceLibraryList */
 /* harmony import */ var _utils_request__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9688);
 
 
@@ -27195,9 +27167,9 @@ function uploadVideo(data) {
     data
   });
 }
-/**
- * 查询部门列表
- * @returns {Promise}
+/**
+ * 查询部门列表
+ * @returns {Promise}
  */
 function queryDeptList(data) {
   return request({
@@ -27207,9 +27179,9 @@ function queryDeptList(data) {
   });
 }
 
-/**
- * 查询面包屑列表
- * @returns {Promise}
+/**
+ * 查询面包屑列表
+ * @returns {Promise}
  */
 function queryBreadCrumbsList(data) {
   return request({
@@ -27219,9 +27191,9 @@ function queryBreadCrumbsList(data) {
   });
 }
 
-/**
- * 查询页头页脚列表
- * @returns {Promise}
+/**
+ * 查询页头页脚列表
+ * @returns {Promise}
  */
 function queryPageHfList(data) {
   return request({
@@ -27231,9 +27203,9 @@ function queryPageHfList(data) {
   });
 }
 
-/**
- * 查询URL接口
- * @returns {Promise}
+/**
+ * 查询URL接口
+ * @returns {Promise}
  */
 function queryUrl(data) {
   return request({
@@ -27243,10 +27215,10 @@ function queryUrl(data) {
   });
 }
 
-/**
- * 创建页面
- * @param {Object} pageData 页面数据
- * @returns {Promise}
+/**
+ * 创建页面
+ * @param {Object} pageData 页面数据
+ * @returns {Promise}
  */
 function createPage(data) {
   return request({
@@ -27255,9 +27227,9 @@ function createPage(data) {
     data
   });
 }
-/**
- * 查询页面信息
- * @returns {Promise}
+/**
+ * 查询页面信息
+ * @returns {Promise}
  */
 function queryPageInfo(data) {
   return request({
@@ -27267,9 +27239,9 @@ function queryPageInfo(data) {
   });
 }
 
-/**
- * 查询页面信息
- * @returns {Promise}
+/**
+ * 查询页面信息
+ * @returns {Promise}
  */
 function editPage(data) {
   return request({
@@ -27278,9 +27250,9 @@ function editPage(data) {
     data
   });
 }
-/**
- * 字典值
- * @returns {Promise}
+/**
+ * 字典值
+ * @returns {Promise}
  */
 function getPreDictonaryList(data) {
   return request({
@@ -27290,9 +27262,9 @@ function getPreDictonaryList(data) {
   });
 }
 
-/**
- * 无痕浏览
- * @returns {Promise}
+/**
+ * 无痕浏览
+ * @returns {Promise}
  */
 function saveTemporaryInfo(data) {
   return request({
@@ -27301,9 +27273,9 @@ function saveTemporaryInfo(data) {
     data
   });
 }
-/**
- * 无痕浏览
- * @returns {Promise}
+/**
+ * 无痕浏览
+ * @returns {Promise}
  */
 function getTemporaryInfo(data) {
   return request({
@@ -27312,9 +27284,9 @@ function getTemporaryInfo(data) {
     data
   });
 }
-/**
- * 查询操作记录
- * @returns {Promise}
+/**
+ * 查询操作记录
+ * @returns {Promise}
  */
 function queryApproveList(data) {
   return request({
@@ -27323,8 +27295,8 @@ function queryApproveList(data) {
     data
   });
 }
-/**
- * 通过栏目查询组件列表
+/**
+ * 通过栏目查询组件列表
  */
 function queryComponentByColumn(data) {
   return request({
@@ -27333,8 +27305,8 @@ function queryComponentByColumn(data) {
     data
   });
 }
-/**
- * 查询收藏组件列表
+/**
+ * 查询收藏组件列表
  */
 function queryCollections(data) {
   return request({
@@ -27343,8 +27315,8 @@ function queryCollections(data) {
     data
   });
 }
-/**
- * 收藏组件
+/**
+ * 收藏组件
  */
 function collectionComponent(data) {
   return request({
@@ -27353,8 +27325,8 @@ function collectionComponent(data) {
     data
   });
 }
-/**
- * 保存/删除/修改组件配置
+/**
+ * 保存/删除/修改组件配置
  */
 function syncComponentConfigure(data) {
   return request({
@@ -27363,8 +27335,8 @@ function syncComponentConfigure(data) {
     data
   });
 }
-/**
- * 查询已保存组件列表
+/**
+ * 查询已保存组件列表
  */
 function queryComponentConfigure(data) {
   return request({
@@ -27416,6 +27388,27 @@ function queryViaComponentByCode(data) {
   });
 }
 
+// 本地上传到资源库
+function uploadToResourceLibrary(formData) {
+  return request({
+    method: "post",
+    url: "/omni-channel-service-console/rest/cmsUpload/common/onlineshop",
+    data: formData,
+    headers: {
+      "Content-Type": "multipart/form-data"
+    }
+  });
+}
+
+// 资源库列表查询
+function getResourceLibraryList(params) {
+  return request({
+    method: "post",
+    url: "/omni-channel-service-console/rest/cmsUpload/list",
+    data: params
+  });
+}
+
 /***/ }),
 
 /***/ 2946:
@@ -27857,16 +27850,16 @@ module.exports = Math.pow;
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
 
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 7800));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 2578));
 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 = [{
@@ -28332,7 +28325,7 @@ module.exports = function (O) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
 
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 1659));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 6722));
 const langData = {
   // 视频源设置
   title: '',
@@ -28349,10 +28342,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: {
@@ -28430,13 +28445,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
   }
 
   // 高级配置
@@ -28718,7 +28730,7 @@ module.exports = function (argument) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
 
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 153));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 9383));
 const langData = {
   // 图片设置
   remark: "",
@@ -28728,10 +28740,10 @@ const langData = {
   // 样式设置
   borderRadius: 0,
   cornerRadius: {
-    topLeft: "0",
-    topRight: "0",
-    bottomLeft: "0",
-    bottomRight: "0"
+    topLeft: "8",
+    topRight: "8",
+    bottomLeft: "8",
+    bottomRight: "8"
   },
   objectFit: "cover",
   // 交互功能
@@ -36785,7 +36797,23 @@ $({ target: 'Iterator', proto: true, real: true }, {
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
 
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 4552));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 579));
+const radiusOptions = [{
+  label: "0",
+  value: 0
+}, {
+  label: "4",
+  value: 4
+}, {
+  label: "8",
+  value: 8
+}, {
+  label: "16",
+  value: 16
+}, {
+  label: "全圆角",
+  value: "full"
+}];
 
 // 默认配置数据
 const langData = {
@@ -36796,7 +36824,7 @@ const langData = {
   borderWidth: 0,
   borderStyle: "solid",
   borderColor: "",
-  borderRadius: 0,
+  borderRadius: 8,
   // 背景设置
   backgroundColor: "",
   backgroundImage: "",
@@ -36859,12 +36887,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: {
@@ -39802,470 +39827,6 @@ var component = (0,componentNormalizer/* default */.A)(
 
 /***/ }),
 
-/***/ 4552:
-/***/ (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; }
-});
-
-// 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.drop.js
-var es_iterator_drop = __webpack_require__(9314);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=template&id=155a8242&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,
-      "showDel": false
-    },
-    on: {
-      "getConfigData": _vm.getConfigData
-    }
-  }, 'BaseComp', _vm.$attrs, false), [_vm.isConfigPage ? _c('div', {
-    staticClass: "main_drag hoverBorderClass",
-    style: _vm.cardContainerStyle,
-    attrs: {
-      "id": `cardTarget${_vm.data.componentId}`
-    },
-    on: {
-      "dragover": _vm.dragover,
-      "dragend": function ($event) {
-        _vm.showAddCom = false;
-      },
-      "drop": _vm.drop
-    }
-  }, [_c('Draggable', {
-    staticStyle: {
-      "position": "relative"
-    },
-    attrs: {
-      "group": _vm.groupConfigForMain,
-      "chosen-class": "chosen",
-      "force-fallback": "true",
-      "animation": "1000",
-      "move": _vm.onMove
-    },
-    on: {
-      "start": _vm.onStart,
-      "end": function ($event) {
-        _vm.showAddCom = false;
-      }
-    },
-    model: {
-      value: _vm.data.childList,
-      callback: function ($$v) {
-        _vm.$set(_vm.data, "childList", $$v);
-      },
-      expression: "data.childList"
-    }
-  }, [_vm._l(_vm.data.childList, function (item, index) {
-    return _c('div', {
-      key: item.componentId,
-      staticStyle: {
-        "position": "relative"
-      }
-    }, [_vm.showAddCom ? _c('div', {
-      staticClass: "up_insert",
-      attrs: {
-        "id": `${item.componentId}-cardTargetup`
-      }
-    }, [_c('i', {
-      staticClass: "icon-up",
-      attrs: {
-        "id": `${item.componentId}-upi`
-      }
-    }), _c('span', {
-      attrs: {
-        "id": `${item.componentId}-upspan`
-      }
-    }, [_vm._v("插入组件")])]) : _vm._e(), _c(item.cmsCompName, {
-      tag: "component",
-      style: {
-        marginTop: _vm.showAddCom && index == 0 ? '20px' : '0px'
-      },
-      attrs: {
-        "data": item,
-        "lang": _vm.lang,
-        "isOpcacity": _vm.isOpcacity,
-        "nowCompId": _vm.nowCompId,
-        "showCmhkMain": false
-      }
-    })], 1);
-  }), _vm.showAddCom ? _c('div', {
-    staticClass: "up_insert insert_bottom",
-    style: {
-      bottom: _vm.data.childList.length ? '0px' : '-24px'
-    },
-    attrs: {
-      "id": `-cardTargetdown`
-    }
-  }, [_c('i', {
-    staticClass: "icon-up"
-  }), _c('span', [_vm._v("插入组件")])]) : _vm._e()], 2)], 1) : _c('cms-view', _vm._b({
-    style: _vm.cardContainerStyle,
-    attrs: {
-      "data": _vm.data.childList,
-      "lang": _vm.lang,
-      "isOpcacity": false,
-      "showCmhkMain": false
-    }
-  }, 'cms-view', _vm.$attrs, false))], 1);
-};
-var staticRenderFns = [];
-
-;// ./package/cms-column-card/View.vue?vue&type=template&id=155a8242&scoped=true
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
-var es_array_push = __webpack_require__(4114);
-// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(677);
-// EXTERNAL MODULE: ./node_modules/vuedraggable/dist/vuedraggable.umd.js
-var vuedraggable_umd = __webpack_require__(9014);
-var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_umd);
-// EXTERNAL MODULE: ./package/baseConfig.js
-var baseConfig = __webpack_require__(2128);
-// EXTERNAL MODULE: ./src/views/standard_page.js
-var standard_page = __webpack_require__(521);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=script&lang=js
-
-
-
-
-
-
-/* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-column-card",
-  components: {
-    BaseComp: baseComp["default"],
-    Draggable: (vuedraggable_umd_default())
-  },
-  props: {
-    data: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    nowCompId: {
-      type: [String, Number],
-      default: ""
-    },
-    isOpcacity: {
-      type: Boolean,
-      default: true
-    },
-    lang: {
-      type: String,
-      default: "zh-HK"
-    },
-    isMobile: {
-      type: Boolean,
-      default: false
-    },
-    mobileLayout: {
-      type: String,
-      default: ""
-    }
-  },
-  data() {
-    return {
-      configData: {},
-      messFold: true,
-      showAddCom: false,
-      temporaryList: []
-    };
-  },
-  computed: {
-    isConfigPage() {
-      return this.$EventBus && this.isOpcacity;
-    },
-    groupConfigForMain() {
-      return {
-        name: "task",
-        pull: true,
-        // A列表的元素可以被拖出
-        put: (to, from, dragEl) => {
-          console.log(from.el.classList);
-          if (from.el.classList.contains("main_drag")) {
-            const dataId = this.findFirstComponentKey(dragEl);
-            const allowedComponents = ["cms-text", "cms-image", "cms-video", "cms-button", "cms-richText", "cms-column"];
-            console.log("allowedComponents", dataId);
-            if (dataId === "cms-column") {
-              if (!this.checkColumnNestingLevel()) {
-                console.log("cms-column 嵌套层级超出限制");
-                return false;
-              }
-            }
-            return allowedComponents.includes(dataId);
-          }
-          return true;
-        }
-      };
-    },
-    // 卡片容器样式
-    cardContainerStyle() {
-      return {
-        backgroundImage: this.configData.backgroundImage ? `url('${this.configData.backgroundImage}')` : "none",
-        backgroundSize: "cover",
-        backgroundRepeat: "no-repeat",
-        backgroundPosition: "center center",
-        height: this.getContainerHeight(),
-        border: this.getContainerBorder(),
-        borderRadius: this.getContainerBorderRadius(),
-        backgroundColor: this.configData.backgroundColor || "transparent",
-        boxShadow: this.configData.boxShadow || "none"
-      };
-    }
-  },
-  mounted() {
-    if (this.$EventBus) {
-      this.$EventBus.$on("handleDragEnd", () => {
-        this.showAddCom = false;
-      });
-    }
-  },
-  watch: {},
-  methods: {
-    findFirstComponentKey(root) {
-      var _root$querySelector;
-      if (!root) return null;
-
-      // 若起点自身就有
-      if (root.nodeType === 1 && root.hasAttribute("component-key")) {
-        return root.getAttribute("component-key");
-      }
-
-      // 向下查找第一个匹配的后代
-      const el = (_root$querySelector = root.querySelector) === null || _root$querySelector === void 0 ? void 0 : _root$querySelector.call(root, "[component-key]");
-      return el ? el.getAttribute("component-key") : null;
-    },
-    // 获取容器高度
-    getContainerHeight() {
-      if (this.configData.heightType === "fixed") {
-        return `${this.configData.fixedHeight}px`;
-      }
-      return this.isMobile && this.mobileLayout == "vertical" ? "auto" : "100%";
-    },
-    // 获取容器边框
-    getContainerBorder() {
-      if (this.configData.borderWidth) {
-        return `${this.configData.borderWidth}px ${this.configData.borderStyle} ${this.configData.borderColor}`;
-      }
-      return "none";
-    },
-    // 获取容器圆角
-    getContainerBorderRadius() {
-      if (this.configData.borderRadius) {
-        return `${this.configData.borderRadius}px`;
-      }
-      return "0";
-    },
-    getConfigData(configData) {
-      this.configData = configData;
-    },
-    foldMessText() {
-      this.messFold = !this.messFold;
-    },
-    decodeJumpUrl(url) {
-      if (!url) return;
-      top.location.href = url;
-    },
-    onStart(evt) {
-      console.log("drag start in column-card", evt);
-      this.showAddCom = true;
-    },
-    // 限制拖拽的组件类型
-    onMove(evt) {
-      const {
-        draggedContext
-      } = evt;
-
-      // 允许的组件类型
-      const allowedComponents = ["cms-text", "cms-image", "cms-video", "cms-button", "cms-richText", "cms-column" // 允许拖入 cms-column
-      ];
-
-      // 如果是从外部拖入的组件
-      if (draggedContext && draggedContext.element) {
-        const componentType = draggedContext.element.cmsCompName;
-        if (componentType && !allowedComponents.includes(componentType)) {
-          console.log("draggedContext.element", draggedContext.element);
-          console.log(`组件类型 ${componentType} 不允许拖入 column-card`);
-          return false;
-        }
-
-        // 特殊处理 cms-column：检查嵌套层级
-        if (componentType === "cms-column") {
-          if (!this.checkColumnNestingLevel()) {
-            console.log("cms-column 嵌套层级超出限制");
-            return false;
-          }
-        }
-      }
-      return true;
-    },
-    // 检查 cms-column 嵌套层级
-    checkColumnNestingLevel() {
-      // 检查当前 column-card 是否已经在 cms-column 内部
-      let parent = this.$parent;
-      let columnDepth = 0;
-      while (parent) {
-        // 检查父组件是否是 cms-column 或包含 cms-column
-        if (parent.$options.name === "cms-column" || parent.$data && parent.$data.data && parent.$data.data.cmsCompName === "cms-column") {
-          columnDepth++;
-        }
-
-        // 如果已经有一层 cms-column，则不允许再嵌套
-        if (columnDepth >= 2) {
-          console.log(`检测到 cms-column 嵌套层级: ${columnDepth}, 超出限制`);
-          return false;
-        }
-        parent = parent.$parent;
-      }
-      console.log(`cms-column 嵌套层级检查通过: ${columnDepth}`);
-      return true;
-    },
-    // 处理拖拽悬停
-    dragover(e) {
-      e.preventDefault();
-      this.showAddCom = true;
-    },
-    // 处理拖拽放置
-    drop(e) {
-      e.preventDefault();
-      const componentKey = e.dataTransfer.getData("componentKey");
-      let temporaryId = "";
-      this.temporaryList = e.dataTransfer.getData("temporaryList") ? JSON.parse(e.dataTransfer.getData("temporaryList")) : [];
-      console.log("cms-colum-card-drop", componentKey, this.temporaryList);
-      if (!componentKey) return;
-      const isTemporaryItem = e.dataTransfer.getData("isTemporaryItem");
-      const isTemporary = isTemporaryItem === "true";
-      if (isTemporary) {
-        temporaryId = (0,standard_page/* getCopyTemplateCompConfig */.L7)(this.temporaryList, componentKey).cmsCompName;
-      }
-      const componentType = isTemporary ? temporaryId : componentKey;
-      // 允许的组件类型
-      const allowedComponents = ["cms-text", "cms-image", "cms-video", "cms-button", "cms-richText", "cms-column" // 允许拖入 cms-column
-      ];
-
-      // 检查组件类型是否允许
-      if (!allowedComponents.includes(componentType)) {
-        console.log(`组件类型 ${componentType} 不允许拖入 column-card`);
-        this.$message && this.$message.warning(`该组件类型不支持拖入卡片容器`);
-        this.showAddCom = false;
-        return;
-      }
-
-      // 特殊处理 cms-column：检查嵌套层级
-      if (componentType === "cms-column") {
-        if (!this.checkColumnNestingLevel()) {
-          console.log("cms-column 嵌套层级超出限制");
-          this.$message && this.$message.warning(`cms-column 只能嵌套一层`);
-          this.showAddCom = false;
-          return;
-        }
-      }
-      this.addOneComp(e, componentKey);
-    },
-    // 添加组件到卡片容器
-    addOneComp(e, componentKey) {
-      this.showAddCom = false;
-      console.log("drop to column-card", componentKey);
-
-      // 动态导入组件配置
-      let initCompData;
-      try {
-        const isTemporaryItem = e.dataTransfer.getData("isTemporaryItem");
-        const isTemporary = isTemporaryItem === "true";
-        if (isTemporary) {
-          initCompData = (0,standard_page/* getCopyTemplateCompConfig */.L7)(this.temporaryList, componentKey);
-        } else {
-          initCompData = __webpack_require__(1640)(`./${componentKey}`).default.settings(componentKey);
-        }
-        if (!isTemporary) {
-          initCompData = {
-            ...initCompData,
-            styleConfig: {
-              pc: componentKey == "cms-text" ? [...(0,baseConfig.styleBaseConfig)(16, 16, 0, 0, "px")] : [...(0,baseConfig.styleBaseConfig)(0, 0, 0, 0, "px")],
-              mb: componentKey == "cms-text" ? [...(0,baseConfig.styleBaseConfig)(12, 12, 0, 0, "px")] : [...(0,baseConfig.styleBaseConfig)(0, 0, 0, 0, "px")]
-            }
-          };
-        }
-      } catch (error) {
-        console.error(`无法加载组件 ${componentKey}:`, error);
-        this.$message && this.$message.error(`组件加载失败`);
-        return;
-      }
-      const toElementId = e.toElement.id;
-      if (toElementId === `cardTarget${this.data.componentId}` || toElementId.includes("cardTargetdown")) {
-        // 添加到卡片容器末尾
-        this.data.childList.push(initCompData);
-      } else if (toElementId.includes("cardTargetup")) {
-        // 插入到指定位置
-        const underComponentId = toElementId.split("-cardTargetup")[0];
-        const index = this.data.childList.findIndex(item => item.componentId === underComponentId);
-        if (index !== -1) {
-          this.data.childList.splice(index, 0, initCompData);
-        }
-      }
-
-      // 触发数据更新
-      this.$emit("update:data", this.data);
-      if (componentKey === "cms-column") {
-        this.$EventBus.$emit("handleNowComp", initCompData);
-      }
-    }
-  }
-});
-;// ./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-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=style&index=0&id=155a8242&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
-
-// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(1656);
-;// ./package/cms-column-card/View.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var component = (0,componentNormalizer/* default */.A)(
-  cms_column_card_Viewvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  "155a8242",
-  null
-  
-)
-
-/* harmony default export */ var View = (component.exports);
-
-/***/ }),
-
 /***/ 4576:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -42102,13 +41663,13 @@ var map = {
 	"./cms-banner/View.vue": 9894,
 	"./cms-button/View.vue": 7318,
 	"./cms-cells/View.vue": 983,
-	"./cms-column-card/View.vue": 4552,
+	"./cms-column-card/View.vue": 579,
 	"./cms-column/View.vue": 4623,
 	"./cms-description/View.vue": 6296,
 	"./cms-dynamic-comp/View.vue": 471,
 	"./cms-iconFour/View.vue": 2946,
-	"./cms-image-group/View.vue": 7800,
-	"./cms-image/View.vue": 153,
+	"./cms-image-group/View.vue": 2578,
+	"./cms-image/View.vue": 9383,
 	"./cms-imgFour/View.vue": 9545,
 	"./cms-lineFive/View.vue": 1716,
 	"./cms-lineFour/View.vue": 8067,
@@ -42118,7 +41679,7 @@ var map = {
 	"./cms-prodCustomization/View.vue": 1054,
 	"./cms-productDetails/View.vue": 7979,
 	"./cms-question/View.vue": 2519,
-	"./cms-richText/View.vue": 342,
+	"./cms-richText/View.vue": 8737,
 	"./cms-servePlan-tab/View.vue": 9051,
 	"./cms-servePlan-text/View.vue": 5865,
 	"./cms-tab/View.vue": 3591,
@@ -42128,8 +41689,8 @@ var map = {
 	"./cms-titleCenter/View.vue": 788,
 	"./cms-titleLeft/View.vue": 6946,
 	"./cms-via-storedValueCard/View.vue": 5669,
-	"./cms-video-group/View.vue": 1882,
-	"./cms-video/View.vue": 1659,
+	"./cms-video-group/View.vue": 304,
+	"./cms-video/View.vue": 6722,
 	"./cms-view/View.vue": 3774
 };
 
@@ -48882,6 +48443,388 @@ module.exports = function (object, key, method) {
 };
 
 
+/***/ }),
+
+/***/ 6722:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ View; }
+});
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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__(677);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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);
+
 /***/ }),
 
 /***/ 6801:
@@ -51553,251 +51496,6 @@ var component = (0,componentNormalizer/* default */.A)(
 
 /***/ }),
 
-/***/ 7800:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": function() { return /* binding */ View; }
-});
-
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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__(677);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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);
-
-/***/ }),
-
 /***/ 7811:
 /***/ (function(module) {
 
@@ -53575,6 +53273,140 @@ module.exports = [
 ];
 
 
+/***/ }),
+
+/***/ 8737:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ View; }
+});
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-richText/View.vue?vue&type=template&id=9800760a&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', {
+    class: {
+      'cmhk-home_main': _vm.showCmhkMain
+    }
+  }, [_c('div', [_c('div', {
+    staticClass: "inner"
+  }, [_c('p', {
+    staticClass: "cms-ht",
+    domProps: {
+      "innerHTML": _vm._s(_vm.configData.input1)
+    }
+  })])])])]);
+};
+var staticRenderFns = [];
+
+// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
+var baseComp = __webpack_require__(677);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-richText/View.vue?vue&type=script&lang=js
+
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-richText",
+  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"
+    },
+    showCmhkMain: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      configData: {},
+      messFold: false
+    };
+  },
+  mounted() {},
+  watch: {},
+  methods: {
+    getConfigData(configData) {
+      this.configData = configData;
+    },
+    foldMessText() {
+      this.messFold = !this.messFold;
+    },
+    decodeJumpUrl(url) {
+      if (!url) return;
+      top.location.href = url;
+    }
+  }
+});
+;// ./package/cms-richText/View.vue?vue&type=script&lang=js
+ /* harmony default export */ var cms_richText_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-richText/View.vue?vue&type=style&index=0&id=9800760a&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./package/cms-richText/View.vue?vue&type=style&index=0&id=9800760a&prod&lang=scss&scoped=true
+
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-richText/View.vue?vue&type=style&index=1&id=9800760a&prod&lang=scss
+// extracted by mini-css-extract-plugin
+
+;// ./package/cms-richText/View.vue?vue&type=style&index=1&id=9800760a&prod&lang=scss
+
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1656);
+;// ./package/cms-richText/View.vue
+
+
+
+;
+
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.A)(
+  cms_richText_Viewvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "9800760a",
+  null
+  
+)
+
+/* harmony default export */ var View = (component.exports);
+
 /***/ }),
 
 /***/ 8745:
@@ -58713,6 +58545,361 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
+/***/ 9383:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ View; }
+});
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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__(677);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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);
+
+/***/ }),
+
 /***/ 9429:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -59424,17 +59611,17 @@ function throttleNew(fun, wait) {
 }
 function getDevice() {
   const DEVICES = {
-    /**
-     * 桌面
+    /**
+     * 桌面
      */
     DESKTOP: "pc",
     PC: "pc",
-    /**
-     * 平板
+    /**
+     * 平板
      */
     TABLET: "tablet",
-    /**
-     * 移动端/手机
+    /**
+     * 移动端/手机
      */
     MOBILE: "mobile"
   };