cms-chenhj-ui 2.0.13 → 2.0.14

package/cms-chenhj-ui.common.js

@@ -8,9 +8,10 @@
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(649);
 
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 4467));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 2048));
 const langData = {
   // 视频源设置
+  title: '',
   videoType: "direct",
   videoUrl: "",
   embedCode: "",
@@ -37,6 +38,11 @@ const langData = {
 };
 const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataType)(langData, {
   // 视频源设置配置
+  title: {
+    label: "视频标题",
+    widgetType: "el-input",
+    placeholder: "请输入视频标题"
+  },
   videoType: {
     label: "视频类型",
     widgetType: "el-radio-group",
@@ -569,7 +575,7 @@ var swiper = __webpack_require__(2791);
 // EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
 var swiper_esm_bundle = __webpack_require__(4418);
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
+var baseComp = __webpack_require__(5298);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-aLineThreeLeftOne/View.vue?vue&type=script&lang=js
 
 
@@ -866,7 +872,7 @@ const langData = {
   fontWeight: "normal",
   fontStyle: "normal",
   textDecoration: "none",
-  fontFamily: "inherit",
+  fontFamily: "Microsoft YaHei",
   // 布局设置
   paddingTop: 0,
   paddingBottom: 0,
@@ -974,7 +980,8 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
   // 样式美化配置
   fontColor: {
     label: "字体颜色",
-    widgetType: "el-color-picker"
+    widgetType: "el-color-picker",
+    predefine: ['#2F85FF', '#f48427', '#52C41A', '#D6197F']
   },
   fontWeight: {
     label: "字体粗细",
@@ -1045,35 +1052,21 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
       value: "overline"
     }]
   },
-  fontFamily: {
-    label: "字体族",
-    widgetType: "el-select",
-    options: [{
-      label: "默认",
-      value: "inherit"
-    }, {
-      label: "微软雅黑",
-      value: "Microsoft YaHei"
-    }, {
-      label: "宋体",
-      value: "SimSun"
-    }, {
-      label: "黑体",
-      value: "SimHei"
-    }, {
-      label: "楷体",
-      value: "KaiTi"
-    }, {
-      label: "Arial",
-      value: "Arial"
-    }, {
-      label: "Times New Roman",
-      value: "Times New Roman"
-    }, {
-      label: "Helvetica",
-      value: "Helvetica"
-    }]
-  },
+  // fontFamily: {
+  //   label: "字体族",
+  //   widgetType: "el-select",
+  //   options: [
+  //     { label: "默认", value: "inherit" },
+  //     { label: "微软雅黑", value: "Microsoft YaHei" },
+  //     { label: "宋体", value: "SimSun" },
+  //     { label: "黑体", value: "SimHei" },
+  //     { label: "楷体", value: "KaiTi" },
+  //     { label: "Arial", value: "Arial" },
+  //     { label: "Times New Roman", value: "Times New Roman" },
+  //     { label: "Helvetica", value: "Helvetica" },
+  //   ],
+  // },
+
   // 布局设置配置
   paddingTop: {
     label: "上内边距(px)",
@@ -1133,7 +1126,8 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
   },
   backgroundColor: {
     label: "背景颜色",
-    widgetType: "el-color-picker"
+    widgetType: "el-color-picker",
+    predefine: ['#2F85FF', '#f48427', '#52C41A', '#D6197F']
   },
   // 视觉效果配置
   borderWidth: {
@@ -1162,7 +1156,8 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
   },
   borderColor: {
     label: "边框颜色",
-    widgetType: "el-color-picker"
+    widgetType: "el-color-picker",
+    predefine: ['#2F85FF', '#f48427', '#52C41A', '#D6197F']
   },
   borderRadius: {
     label: "圆角(px)",
@@ -1193,15 +1188,16 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
       label: "新窗口",
       value: "_blank"
     }]
-  },
-  showLinkIcon: {
-    label: "显示链接图标",
-    widgetType: "el-switch"
-  },
-  hoverEffect: {
-    label: "悬停效果",
-    widgetType: "el-switch"
-  },
+  }
+  // showLinkIcon: {
+  //   label: "显示链接图标",
+  //   widgetType: "el-switch",
+  // },
+  // hoverEffect: {
+  //   label: "链接悬停效果",
+  //   widgetType: "el-switch",
+  // },
+
   // 高级配置
   // customClass: {
   //   label: "自定义CSS类",
@@ -1214,41 +1210,30 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
   //   type: "textarea",
   //   placeholder: "请输入CSS样式，如: color: red; font-size: 18px;",
   // },
-  enableAnimation: {
-    label: "启用动画",
-    widgetType: "el-switch"
-  },
-  animationType: {
-    label: "动画类型",
-    widgetType: "el-select",
-    options: [{
-      label: "淡入",
-      value: "fadeIn"
-    }, {
-      label: "从左滑入",
-      value: "slideInLeft"
-    }, {
-      label: "从右滑入",
-      value: "slideInRight"
-    }, {
-      label: "从上滑入",
-      value: "slideInDown"
-    }, {
-      label: "从下滑入",
-      value: "slideInUp"
-    }, {
-      label: "缩放进入",
-      value: "zoomIn"
-    }]
-  },
-  animationDuration: {
-    label: "动画时长(ms)",
-    widgetType: "el-input-number",
-    size: "small",
-    min: 100,
-    max: 2000,
-    step: 100
-  }
+  // enableAnimation: {
+  //   label: "启用动画",
+  //   widgetType: "el-switch",
+  // },
+  // animationType: {
+  //   label: "动画类型",
+  //   widgetType: "el-select",
+  //   options: [
+  //     { label: "淡入", value: "fadeIn" },
+  //     { label: "从左滑入", value: "slideInLeft" },
+  //     { label: "从右滑入", value: "slideInRight" },
+  //     { label: "从上滑入", value: "slideInDown" },
+  //     { label: "从下滑入", value: "slideInUp" },
+  //     { label: "缩放进入", value: "zoomIn" },
+  //   ],
+  // },
+  // animationDuration: {
+  //   label: "动画时长(ms)",
+  //   widgetType: "el-input-number",
+  //   size: "small",
+  //   min: 100,
+  //   max: 2000,
+  //   step: 100,
+  // },
 });
 const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSchema)(langData);
 /* harmony default export */ __webpack_exports__["default"] = ({
@@ -1297,6 +1282,513 @@ module.exports = Math.pow;
 module.exports = {};
 
 
+/***/ }),
+
+/***/ 470:
+/***/ (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-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=template&id=28effaca&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
+      }
+    })], 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
+    }
+  }, 'cms-view', _vm.$attrs, false))], 1);
+};
+var staticRenderFns = [];
+
+;// ./package/cms-column-card/View.vue?vue&type=template&id=28effaca&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__(5298);
+// EXTERNAL MODULE: ./node_modules/vuedraggable/dist/vuedraggable.umd.js
+var vuedraggable_umd = __webpack_require__(1527);
+var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_umd);
+// EXTERNAL MODULE: ./package/baseConfig.js
+var baseConfig = __webpack_require__(649);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.find.js
+var es_iterator_find = __webpack_require__(116);
+// EXTERNAL MODULE: ./src/utils/index.js
+var utils = __webpack_require__(1996);
+;// ./src/views/standard_page.js
+
+
+
+
+
+const standard_page_list = [{
+  id: 1,
+  componentId: 1,
+  componentName: "范本1-防诈骗提示",
+  standList: ["cms-banner", "cms-titleCenter", "cms-lineThree"]
+}, {
+  id: 2,
+  componentId: 2,
+  componentName: "范本2-员工优惠",
+  standList: ["cms-banner", "cms-description", "cms-activityCountdown", "cms-titleLeft", "cms-proCard", "cms-termsAndConditions"]
+}];
+const getComponentKey = (compList, id, noCompId = false) => {
+  if (noCompId) return id;
+  let compConfig = compList.find(item => item.id == id);
+  if (compConfig.type == "1") {
+    return compConfig.componentId;
+  }
+  return "cms-dynamic-comp";
+};
+const getCopyTemplateCompConfig = (compList, componentKey) => {
+  let otherConfig = {};
+  const configureJson = compList.find(item => item.id == componentKey).configureJson;
+  if (configureJson.wujieConfig) {
+    //如果是第三方组件加一个临时标识
+    otherConfig = {
+      originalComponentId: configureJson.componentId,
+      originalVersionId: configureJson.wujieConfig.versionId,
+      operation: "copyTemplate"
+    };
+  }
+  return {
+    ...configureJson,
+    componentId: (0,utils/* getUuidCode */.J0)(32),
+    ...otherConfig
+  };
+};
+const isStaticComp = componentKey => {
+  return ["cms-header", "cms-footer", "cms-breadCrumb"].includes(componentKey);
+};
+const getWujieCompInfo = (compList, componentId, isTemplate) => {
+  let compConfig = compList.find(item => item.id == componentId);
+  if (isTemplate) if (compConfig.type == "1") {
+    return compConfig;
+  }
+  return {
+    ...compConfig
+  };
+};
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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"
+    }
+  },
+  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.isOpcacity ? "100%" : "auto";
+    },
+    // 获取容器边框
+    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 = getCopyTemplateCompConfig(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");
+        if (isTemporaryItem === "true") {
+          initCompData = getCopyTemplateCompConfig(this.temporaryList, componentKey);
+        } else {
+          initCompData = __webpack_require__(1640)(`./${componentKey}`).default.settings(componentKey);
+        }
+        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-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=style&index=0&id=28effaca&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./package/cms-column-card/View.vue?vue&type=style&index=0&id=28effaca&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,
+  "28effaca",
+  null
+  
+)
+
+/* harmony default export */ var View = (component.exports);
+
 /***/ }),
 
 /***/ 492:
@@ -1351,269 +1843,6 @@ module.exports = function (record, fn, ITERATOR_INSTEAD_OF_RECORD) {
 };
 
 
-/***/ }),
-
-/***/ 537:
-/***/ (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 */ baseComp; }
-});
-
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/baseComp.vue?vue&type=template&id=9d54e5e0&scoped=true
-var render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _vm.$EventBus && _vm.isOpcacity ? _c('div', {
-    key: _vm.data.componentId,
-    class: [_vm.nowCompId !== '' && _vm.nowCompId == _vm.data.componentId ? 'highLight' : ''],
-    style: _vm.showStyleConfig,
-    on: {
-      "click": function ($event) {
-        $event.stopPropagation();
-        return _vm.handleNowComp.apply(null, arguments);
-      }
-    }
-  }, [_c('div', {
-    staticClass: "mask-wrap"
-  }, [_vm._t("default", null, {
-    "isMobile": _vm.isMobile
-  }), _vm.isMask ? _c('div', {
-    staticClass: "mask",
-    on: {
-      "click": _vm.handleNowComp
-    }
-  }) : _vm._e()], 2), _vm.nowCompId !== '' && _vm.nowCompId == _vm.data.componentId ? _c('div', {
-    staticClass: "com-delete"
-  }, [_vm.showDel ? _c('i', {
-    staticClass: "el-icon-delete",
-    on: {
-      "click": function ($event) {
-        $event.stopPropagation();
-        return _vm.delComp.apply(null, arguments);
-      }
-    }
-  }) : _vm._e(), _c('i', {
-    staticClass: "el-icon-top",
-    on: {
-      "click": function ($event) {
-        $event.stopPropagation();
-        return _vm.selectParentDom.apply(null, arguments);
-      }
-    }
-  })]) : _vm._e()]) : _vm.showSlot ? _c('div', {
-    key: _vm.data.componentId,
-    ref: "targetElement",
-    style: _vm.showStyleConfig
-  }, [_vm._t("default")], 2) : _vm._e();
-};
-var staticRenderFns = [];
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
-var es_iterator_constructor = __webpack_require__(8111);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.reduce.js
-var es_iterator_reduce = __webpack_require__(8237);
-// EXTERNAL MODULE: ./package/patch.js
-var patch = __webpack_require__(1618);
-// EXTERNAL MODULE: ./node_modules/dayjs/dayjs.min.js
-var dayjs_min = __webpack_require__(1576);
-var dayjs_min_default = /*#__PURE__*/__webpack_require__.n(dayjs_min);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/baseComp.vue?vue&type=script&lang=js
-
-
-
-
-// 待办：判断移动pc端填充不同的样式
-
-
-/* harmony default export */ var baseCompvue_type_script_lang_js = ({
-  name: "baseComp",
-  props: {
-    data: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    nowCompId: {
-      type: [String, Number],
-      default: ""
-    },
-    isOpcacity: {
-      type: Boolean,
-      default: true
-    },
-    isMask: {
-      type: Boolean,
-      default: true
-    },
-    lang: {
-      type: String,
-      default: "zh-HK"
-    },
-    timeline: {
-      type: String,
-      default: ""
-    },
-    cmhkChannel: {
-      type: String,
-      default: "WWW"
-    },
-    showDel: {
-      type: Boolean,
-      default: true
-    }
-  },
-  data() {
-    return {
-      styleConfig_mb: {},
-      styleConfig_pc: {},
-      configData: {},
-      elementWidth: 0,
-      resizeObserver: null
-    };
-  },
-  watch: {
-    data: {
-      handler(val) {
-        this.getStyleConfig(val, "pc");
-        this.getStyleConfig(val, "mb");
-        this.getValue(this.lang);
-      },
-      deep: true,
-      immediate: true
-    },
-    lang: {
-      handler(val) {
-        this.getValue(val);
-      },
-      deep: true,
-      immediate: true
-    }
-  },
-  mounted() {
-    if (this.$EventBus && this.isOpcacity) {
-      this.elementWidth = 800;
-      this.$EventBus.$on("handleDeviceChange", isMobile => {
-        this.elementWidth = isMobile ? 700 : 800;
-      });
-    } else if (this.showSlot) {
-      this.resizeObserver = new ResizeObserver(entries => {
-        for (let entry of entries) {
-          this.elementWidth = entry.contentRect.width;
-          // 可以在这里触发自定义逻辑
-          // this.onWidthChange(this.elementWidth);
-        }
-      });
-      const element = document.getElementById("app") || document.getElementById("__nuxt");
-      this.resizeObserver.observe(element);
-    }
-  },
-  beforeDestroy() {
-    // 组件销毁时停止观察
-    if (this.resizeObserver) {
-      this.resizeObserver.disconnect();
-    }
-  },
-  methods: {
-    selectParentDom() {
-      if (!this.isOpcacity) return;
-      this.$EventBus.$emit("handleParentComp", this.data);
-    },
-    onWidthChange(newWidth) {
-      console.log("新宽度:", newWidth, this.isMobile);
-    },
-    getValue(cur_lang) {
-      var _this$data, _this$data$settings;
-      const obj = {
-        "zh-CN": "lang_sc",
-        "zh-HK": "lang_tc",
-        "en-US": "lang_en"
-      };
-      if ((_this$data = this.data) !== null && _this$data !== void 0 && (_this$data$settings = _this$data.settings) !== null && _this$data$settings !== void 0 && _this$data$settings.settings) {
-        const baseInfo = (0,patch.transfor)(this.data);
-        this.configData = baseInfo.contentConfig.lang_all ? baseInfo.contentConfig.lang_all : baseInfo.contentConfig[`${obj[cur_lang]}`];
-      } else {
-        this.configData = this.data.contentConfig.lang_all ? this.data.contentConfig.lang_all : this.data.contentConfig[`${obj[cur_lang]}`];
-      }
-      this.$emit("getConfigData", this.configData);
-    },
-    getStyleConfig(data, type) {
-      this[`styleConfig_${type}`] = data.styleConfig[type].reduce((pre, cur) => {
-        pre[cur.key] = cur.value + cur.unit;
-        return pre;
-      }, {});
-    },
-    handleNowComp() {
-      if (!this.isOpcacity) return;
-      this.$EventBus.$emit("handleNowComp", this.data);
-    },
-    delComp() {
-      this.$EventBus.$emit("handleDeleteComp", this.data.componentId);
-    }
-  },
-  computed: {
-    showStyleConfig() {
-      if (!this.elementWidth) return {};
-      return this.isMobile ? this.styleConfig_mb : this.styleConfig_pc;
-    },
-    isMobile() {
-      return this.elementWidth < 760;
-    },
-    showSlot() {
-      if (this.$EventBus && this.isOpcacity) return false;
-      const {
-        cmhkChannelConfList = [],
-        startTime = "",
-        endTime = ""
-      } = this.data.baseConfig;
-      console.log("this.cmhkChannel", this.cmhkChannel, this.data.baseConfig);
-      const channelVisable = cmhkChannelConfList.includes("ALL") || cmhkChannelConfList.includes(this.cmhkChannel);
-      if (!channelVisable) return false;
-      if (!startTime && !endTime) return true;
-      const currentTime = this.timeline ? dayjs_min_default()(this.timeline) : dayjs_min_default()();
-      const isStart = startTime ? dayjs_min_default()(currentTime).isAfter(dayjs_min_default()(startTime)) || dayjs_min_default()(currentTime).isSame(dayjs_min_default()(startTime)) : true;
-      const isEnd = endTime ? dayjs_min_default()(currentTime).isBefore(dayjs_min_default()(endTime)) || dayjs_min_default()(currentTime).isSame(dayjs_min_default()(endTime)) : true;
-      return isStart && isEnd;
-    }
-  }
-});
-;// ./package/baseComp.vue?vue&type=script&lang=js
- /* harmony default export */ var package_baseCompvue_type_script_lang_js = (baseCompvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/baseComp.vue?vue&type=style&index=0&id=9d54e5e0&prod&lang=scss&scoped=true
-// extracted by mini-css-extract-plugin
-
-;// ./package/baseComp.vue?vue&type=style&index=0&id=9d54e5e0&prod&lang=scss&scoped=true
-
-// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(1656);
-;// ./package/baseComp.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var component = (0,componentNormalizer/* default */.A)(
-  package_baseCompvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  "9d54e5e0",
-  null
-  
-)
-
-/* harmony default export */ var baseComp = (component.exports);
-
 /***/ }),
 
 /***/ 615:
@@ -1686,6 +1915,64 @@ module.exports = !fails(function () {
 });
 
 
+/***/ }),
+
+/***/ 622:
+/***/ (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__(649);
+
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 8216));
+const langData = {
+  colNums: 1,
+  defaultCol: 12,
+  gap: 10
+};
+const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataType)(langData, {
+  // 布局配置
+  colNums: {
+    label: "视频样式",
+    widgetType: "el-radio-group",
+    options: [{
+      label: "一行一个",
+      value: 1
+    }, {
+      label: "一行两个",
+      value: 2
+    }, {
+      label: "一行三个",
+      value: 3
+    }],
+    isCol: true
+  },
+  defaultCol: {
+    label: "默认展示（行）",
+    widgetType: "el-input-number",
+    size: "small",
+    min: 1,
+    max: 12,
+    step: 1,
+    isCol: true,
+    unit: "行"
+  }
+});
+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,
+      isLangAll: true
+    });
+  }
+});
+
 /***/ }),
 
 /***/ 649:
@@ -3621,7 +3908,7 @@ var es_iterator_filter = __webpack_require__(2489);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
 var es_iterator_for_each = __webpack_require__(7588);
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
+var baseComp = __webpack_require__(5298);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-text/View.vue?vue&type=script&lang=js
 
 
@@ -9111,7 +9398,7 @@ service.interceptors.request.use(config => {
     if (config.url.includes("/ecosp-console")) {
       document.cookie = "JSESSIONID=node017nm2falxdfe8c1parzfv9ilr29.node0";
     } else if (config.url.includes("omni-channel-service-console")) {
-      document.cookie = "JSESSIONID=78E8137DAEC4660E6E4A6310CAB2B300";
+      document.cookie = "JSESSIONID=CA4058E3A195113C85AE1F926814CF89";
     }
   } else {
     if (config.url.includes("/api/") && is_cmsComp) {
@@ -9723,8 +10010,8 @@ const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSc
 
 var map = {
 	"./": 176,
-	"./baseComp": 537,
-	"./baseComp.vue": 537,
+	"./baseComp": 5298,
+	"./baseComp.vue": 5298,
 	"./baseConfig": 649,
 	"./baseConfig.js": 649,
 	"./cms-aLineThreeLeftOne": 5041,
@@ -9774,13 +10061,13 @@ var map = {
 	"./cms-column": 3923,
 	"./cms-column-card": 5340,
 	"./cms-column-card/": 5340,
-	"./cms-column-card/View": 3164,
-	"./cms-column-card/View.vue": 3164,
+	"./cms-column-card/View": 470,
+	"./cms-column-card/View.vue": 470,
 	"./cms-column-card/index": 5340,
 	"./cms-column-card/index.js": 5340,
 	"./cms-column/": 3923,
-	"./cms-column/View": 9886,
-	"./cms-column/View.vue": 9886,
+	"./cms-column/View": 6278,
+	"./cms-column/View.vue": 6278,
 	"./cms-column/index": 3923,
 	"./cms-column/index.js": 3923,
 	"./cms-description": 1921,
@@ -9802,9 +10089,15 @@ var map = {
 	"./cms-iconFour/index": 8132,
 	"./cms-iconFour/index.js": 8132,
 	"./cms-image": 8886,
+	"./cms-image-group": 6940,
+	"./cms-image-group/": 6940,
+	"./cms-image-group/View": 9345,
+	"./cms-image-group/View.vue": 9345,
+	"./cms-image-group/index": 6940,
+	"./cms-image-group/index.js": 6940,
 	"./cms-image/": 8886,
-	"./cms-image/View": 4986,
-	"./cms-image/View.vue": 4986,
+	"./cms-image/View": 5314,
+	"./cms-image/View.vue": 5314,
 	"./cms-image/index": 8886,
 	"./cms-image/index.js": 8886,
 	"./cms-imgFour": 4352,
@@ -9916,9 +10209,15 @@ var map = {
 	"./cms-via-storedValueCard/index": 4400,
 	"./cms-via-storedValueCard/index.js": 4400,
 	"./cms-video": 23,
+	"./cms-video-group": 622,
+	"./cms-video-group/": 622,
+	"./cms-video-group/View": 8216,
+	"./cms-video-group/View.vue": 8216,
+	"./cms-video-group/index": 622,
+	"./cms-video-group/index.js": 622,
 	"./cms-video/": 23,
-	"./cms-video/View": 4467,
-	"./cms-video/View.vue": 4467,
+	"./cms-video/View": 2048,
+	"./cms-video/View.vue": 2048,
 	"./cms-video/index": 23,
 	"./cms-video/index.js": 23,
 	"./cms-view": 2392,
@@ -10230,7 +10529,7 @@ var render = function render() {
 var staticRenderFns = [];
 
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
+var baseComp = __webpack_require__(5298);
 // EXTERNAL MODULE: ./package/patch.js
 var patch = __webpack_require__(1618);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-dynamic-comp/View.vue?vue&type=script&lang=js
@@ -10972,6 +11271,384 @@ function getDevice() {
 
 /***/ }),
 
+/***/ 2048:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ View; }
+});
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video/View.vue?vue&type=template&id=787ca866&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: "cms-video-container",
+    class: [_vm.configData.customClass || ''],
+    style: _vm.containerStyle
+  }, [_c('div', {
+    staticClass: "f-c-c"
+  }, [_vm._v(_vm._s(_vm.configData.title))]), _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",
+    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"
+    }
+  })])])])]);
+};
+var staticRenderFns = [];
+
+;// ./package/cms-video/View.vue?vue&type=template&id=787ca866&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__(5298);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video/View.vue?vue&type=script&lang=js
+
+
+
+
+
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-video",
+  components: {
+    BaseComp: baseComp["default"]
+  },
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    nowCompId: {
+      type: [String, Number],
+      default: ""
+    },
+    isOpcacity: {
+      type: Boolean,
+      default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
+    }
+  },
+  data() {
+    return {
+      configData: {},
+      videoLoaded: false,
+      videoError: false,
+      // 默认配置数据
+      defaultConfig: {
+        // 视频源设置
+        videoType: "direct",
+        videoUrl: "",
+        embedCode: "",
+        posterUrl: "",
+        // 播放控制
+        showControls: true,
+        autoplay: false,
+        loop: false,
+        muted: false,
+        // 尺寸控制
+        widthType: "auto",
+        widthValue: 100,
+        heightType: "auto",
+        heightValue: 100,
+        aspectRatio: "16:9",
+        customAspectRatio: "16:9",
+        maxWidth: 0,
+        maxHeight: 0,
+        // 样式设置
+        borderRadius: 0,
+        // 高级配置
+        customClass: "",
+        customStyle: ""
+      }
+    };
+  },
+  mounted() {
+    this.initConfigData();
+  },
+  watch: {
+    configData: {
+      handler() {
+        this.updateStyles();
+      },
+      deep: true
+    }
+  },
+  computed: {
+    // 视频类型
+    videoType() {
+      return this.configData.videoType || this.defaultConfig.videoType;
+    },
+    // 实际使用的宽高比
+    actualAspectRatio() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      if (config.aspectRatio === "custom") {
+        return config.customAspectRatio || "16:9";
+      }
+      return config.aspectRatio;
+    },
+    // 容器样式
+    containerStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      return {
+        ...this.parseCustomStyle(config.customStyle)
+      };
+    },
+    // 包装器样式
+    wrapperStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      let width = "auto";
+      let height = "auto";
+
+      // 宽度设置
+      if (config.widthType === "fixed") {
+        width = `${config.widthValue}px`;
+      } else if (config.widthType === "percent") {
+        width = `${config.widthValue}%`;
+      }
+
+      // 高度设置
+      if (config.heightType === "fixed") {
+        height = `${config.heightValue}px`;
+      } else if (config.heightType === "percent") {
+        height = `${config.heightValue}%`;
+      } else if (config.heightType === "aspect") {
+        // 根据宽高比计算高度
+        height = "auto";
+      }
+      return {
+        width,
+        height,
+        maxWidth: config.maxWidth > 0 ? `${config.maxWidth}px` : "none",
+        maxHeight: config.maxHeight > 0 ? `${config.maxHeight}px` : "none",
+        borderRadius: `${config.borderRadius}px`,
+        overflow: "hidden",
+        display: "block",
+        position: "relative"
+      };
+    },
+    // 视频样式
+    videoStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      let style = {
+        width: "100%",
+        height: "100%",
+        display: "block",
+        border: "none",
+        outline: "none"
+      };
+
+      // 如果是宽高比模式，设置aspect-ratio
+      if (config.heightType === "aspect") {
+        style.aspectRatio = this.actualAspectRatio.replace(":", "/");
+      }
+      return style;
+    },
+    // 占位符样式
+    placeholderStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      let width = "100%";
+      let height = "auto";
+
+      // 如果设置了固定尺寸，使用设置的尺寸
+      if (config.widthType === "fixed") {
+        width = `${config.widthValue}px`;
+      } else if (config.widthType === "percent") {
+        width = `${config.widthValue}%`;
+      }
+      if (config.heightType === "fixed") {
+        height = `${config.heightValue}px`;
+      } else if (config.heightType === "aspect") {
+        // 使用aspect-ratio保持16:9比例
+        height = "auto";
+      } else {
+        // 默认使用16:9比例
+        height = "auto";
+      }
+      const style = {
+        width,
+        height,
+        backgroundColor: "#f5f7fa",
+        border: "1px dashed #dcdfe6",
+        borderRadius: `${config.borderRadius}px`,
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        color: "#909399",
+        fontSize: "14px"
+      };
+
+      // 如果不是固定高度，使用aspect-ratio保持16:9比例
+      if (config.heightType !== "fixed") {
+        style.aspectRatio = this.actualAspectRatio.replace(":", "/");
+      }
+      return style;
+    }
+  },
+  methods: {
+    // 初始化配置数据
+    initConfigData() {
+      this.configData = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+    },
+    // 获取配置数据
+    getConfigData(configData) {
+      this.configData = {
+        ...this.defaultConfig,
+        ...configData
+      };
+      this.updateStyles();
+    },
+    // 更新样式
+    updateStyles() {
+      this.$nextTick(() => {
+        this.$forceUpdate();
+      });
+    },
+    // 视频开始加载
+    onVideoLoadStart() {
+      this.videoLoaded = false;
+      this.videoError = false;
+    },
+    // 视频加载完成
+    onVideoLoaded() {
+      this.videoLoaded = true;
+      this.videoError = false;
+    },
+    // 视频加载失败
+    onVideoError() {
+      this.videoLoaded = false;
+      this.videoError = true;
+    },
+    // 解析自定义样式
+    parseCustomStyle(customStyle) {
+      if (!customStyle) return {};
+      try {
+        const styles = {};
+        const declarations = customStyle.split(";");
+        declarations.forEach(declaration => {
+          const [property, value] = declaration.split(":");
+          if (property && value) {
+            const camelCaseProperty = property.trim().replace(/-([a-z])/g, g => g[1].toUpperCase());
+            styles[camelCaseProperty] = value.trim();
+          }
+        });
+        return styles;
+      } catch (error) {
+        console.warn("解析自定义样式失败:", error);
+        return {};
+      }
+    }
+  }
+});
+;// ./package/cms-video/View.vue?vue&type=script&lang=js
+ /* harmony default export */ var cms_video_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video/View.vue?vue&type=style&index=0&id=787ca866&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./package/cms-video/View.vue?vue&type=style&index=0&id=787ca866&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,
+  "787ca866",
+  null
+  
+)
+
+/* harmony default export */ var View = (component.exports);
+
+/***/ }),
+
 /***/ 2071:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
@@ -11404,7 +12081,8 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
   },
   fontColor: {
     label: "文字颜色",
-    widgetType: "el-color-picker"
+    widgetType: "el-color-picker",
+    predefine: ['#2F85FF', '#f48427', '#52C41A', '#D6197F']
   },
   fontWeight: {
     label: "字体粗细",
@@ -11450,7 +12128,8 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
   // 样式控制配置
   backgroundColor: {
     label: "背景颜色",
-    widgetType: "el-color-picker"
+    widgetType: "el-color-picker",
+    predefine: ['#2F85FF', '#f48427', '#52C41A', '#D6197F']
   },
   borderRadius: {
     label: "圆角(px)",
@@ -11487,7 +12166,8 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
   },
   borderColor: {
     label: "边框颜色",
-    widgetType: "el-color-picker"
+    widgetType: "el-color-picker",
+    predefine: ['#2F85FF', '#f48427', '#52C41A', '#D6197F']
   },
   // 空间布局配置
   paddingTop: {
@@ -12034,7 +12714,7 @@ 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__(537);
+var baseComp = __webpack_require__(5298);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-button/View.vue?vue&type=script&lang=js
 
 
@@ -12266,6 +12946,7 @@ var component = (0,componentNormalizer/* default */.A)(
 __webpack_require__.r(__webpack_exports__);
 /* harmony default export */ __webpack_exports__["default"] = ({
   Expand: "展開",
+  More: "查看更多",
   Collpase: "收起",
   discount: '優惠期限：'
 });
@@ -16038,7 +16719,7 @@ var swiper_esm_bundle = __webpack_require__(4418);
 // EXTERNAL MODULE: ./src/utils/jumpUrl.js
 var jumpUrl = __webpack_require__(813);
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
+var baseComp = __webpack_require__(5298);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-banner/View.vue?vue&type=script&lang=js
 
 
@@ -24919,413 +25600,6 @@ module.exports = function callBoundIntrinsic(name, allowMissing) {
 
 /***/ }),
 
-/***/ 3164:
-/***/ (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-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=template&id=971892d6&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.$EventBus && _vm.isOpcacity ? _c('div', {
-    staticClass: "main_drag",
-    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: {
-      "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"
-      }
-    }, [_c('div', {
-      directives: [{
-        name: "show",
-        rawName: "v-show",
-        value: _vm.showAddCom,
-        expression: "showAddCom"
-      }],
-      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("插入组件")])]), _c(item.cmsCompName, {
-      key: item.componentId,
-      tag: "component",
-      style: {
-        marginTop: _vm.showAddCom && index == 0 ? '20px' : '0px'
-      },
-      attrs: {
-        "data": item,
-        "lang": _vm.lang,
-        "isOpcacity": _vm.isOpcacity,
-        "nowCompId": _vm.nowCompId
-      }
-    })], 1);
-  }), _c('div', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.showAddCom,
-      expression: "showAddCom"
-    }],
-    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("插入组件")])])], 2)], 1) : _c('cms-view', _vm._b({
-    style: _vm.cardContainerStyle,
-    attrs: {
-      "data": _vm.data.childList,
-      "lang": _vm.lang,
-      "isOpcacity": false
-    }
-  }, 'cms-view', _vm.$attrs, false))], 1);
-};
-var staticRenderFns = [];
-
-;// ./package/cms-column-card/View.vue?vue&type=template&id=971892d6&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__(537);
-// EXTERNAL MODULE: ./node_modules/vuedraggable/dist/vuedraggable.umd.js
-var vuedraggable_umd = __webpack_require__(1527);
-var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_umd);
-// EXTERNAL MODULE: ./package/baseConfig.js
-var baseConfig = __webpack_require__(649);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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"
-    }
-  },
-  data() {
-    return {
-      configData: {},
-      messFold: true,
-      showAddCom: false
-    };
-  },
-  computed: {
-    // 卡片容器样式
-    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: {
-    // 获取容器高度
-    getContainerHeight() {
-      if (this.configData.heightType === "fixed") {
-        return `${this.configData.fixedHeight}px`;
-      }
-      return this.isOpcacity ? "100%" : "auto";
-    },
-    // 获取容器边框
-    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(`组件类型 ${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) {
-      console.log("cms-colum-card-drop");
-      e.preventDefault();
-      const componentKey = e.dataTransfer.getData("componentKey");
-      if (!componentKey) return;
-
-      // 允许的组件类型
-      const allowedComponents = ["cms-text", "cms-image", "cms-video", "cms-button", "cms-richText", "cms-column" // 允许拖入 cms-column
-      ];
-
-      // 检查组件类型是否允许
-      if (!allowedComponents.includes(componentKey)) {
-        console.log(`组件类型 ${componentKey} 不允许拖入 column-card`);
-        this.$message && this.$message.warning(`该组件类型不支持拖入卡片容器`);
-        this.showAddCom = false;
-        return;
-      }
-
-      // 特殊处理 cms-column：检查嵌套层级
-      if (componentKey === "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 {
-        initCompData = __webpack_require__(1640)(`./${componentKey}`).default.settings(componentKey);
-        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-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=style&index=0&id=971892d6&prod&lang=scss&scoped=true
-// extracted by mini-css-extract-plugin
-
-;// ./package/cms-column-card/View.vue?vue&type=style&index=0&id=971892d6&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,
-  "971892d6",
-  null
-  
-)
-
-/* harmony default export */ var View = (component.exports);
-
-/***/ }),
-
 /***/ 3167:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -25390,7 +25664,7 @@ var render = function render() {
 var staticRenderFns = [];
 
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
+var baseComp = __webpack_require__(5298);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-description/View.vue?vue&type=script&lang=js
 
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
@@ -25570,7 +25844,7 @@ var render = function render() {
 var staticRenderFns = [];
 
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
+var baseComp = __webpack_require__(5298);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineTwo/View.vue?vue&type=script&lang=js
 
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
@@ -25844,7 +26118,7 @@ var render = function render() {
 var staticRenderFns = [];
 
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
+var baseComp = __webpack_require__(5298);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-richText/View.vue?vue&type=script&lang=js
 
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
@@ -26407,7 +26681,7 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(649);
 
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 9886));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 6278));
 const langData = {
   // 布局配置
   layoutType: "100",
@@ -26416,9 +26690,9 @@ const langData = {
   mobileLayout: "vertical",
   fixedHeight: 300,
   // 边框配置
-  borderWidth: 1,
+  borderWidth: 0,
   borderStyle: "solid",
-  borderColor: "#409eff",
+  borderColor: "",
   borderRadius: 0,
   // 背景配置
   backgroundColor: "#FFF",
@@ -26534,7 +26808,8 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
   },
   borderColor: {
     label: "边框颜色",
-    widgetType: "el-color-picker"
+    widgetType: "el-color-picker",
+    predefine: ['#2F85FF', '#f48427', '#52C41A', '#D6197F']
   },
   borderRadius: {
     label: "圆角(px)",
@@ -26546,7 +26821,8 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
   // 背景配置
   backgroundColor: {
     label: "背景颜色",
-    widgetType: "el-color-picker"
+    widgetType: "el-color-picker",
+    predefine: ['#2F85FF', '#f48427', '#52C41A', '#D6197F']
   },
   backgroundImage: {
     label: "背景图片",
@@ -26827,6 +27103,7 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.r(__webpack_exports__);
 /* harmony default export */ __webpack_exports__["default"] = ({
   Expand: "展开",
+  More: "查看更多",
   Collpase: "收起",
   discount: '优惠期限：'
 });
@@ -26886,7 +27163,7 @@ var es_iterator_constructor = __webpack_require__(8111);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.reduce.js
 var es_iterator_reduce = __webpack_require__(8237);
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
+var baseComp = __webpack_require__(5298);
 // EXTERNAL MODULE: ./package/patch.js
 var patch = __webpack_require__(1618);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-servePlan-tab/View.vue?vue&type=script&lang=js
@@ -27321,7 +27598,8 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
           },
           color: {
             label: "色值",
-            widgetType: "el-color-picker"
+            widgetType: "el-color-picker",
+            predefine: ['#2F85FF', '#f48427', '#52C41A', '#D6197F']
           }
         }]
       },
@@ -35940,7 +36218,7 @@ var render = function render() {
 var staticRenderFns = [];
 
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
+var baseComp = __webpack_require__(5298);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineFive/View.vue?vue&type=script&lang=js
 
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
@@ -36046,367 +36324,6 @@ module.exports = function isDisjointFrom(other) {
 };
 
 
-/***/ }),
-
-/***/ 4467:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": function() { return /* binding */ View; }
-});
-
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video/View.vue?vue&type=template&id=a681eca6&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: "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",
-    style: _vm.videoStyle,
-    domProps: {
-      "innerHTML": _vm._s(_vm.configData.embedCode)
-    }
-  }) : _c('div', {
-    staticClass: "video-placeholder",
-    style: _vm.placeholderStyle
-  }, [_c('i', {
-    staticClass: "el-icon-video-camera-solid"
-  }), _c('p', [_vm._v("请设置视频源")])])])])]);
-};
-var staticRenderFns = [];
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
-var es_iterator_constructor = __webpack_require__(8111);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
-var es_iterator_for_each = __webpack_require__(7588);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.map.js
-var es_iterator_map = __webpack_require__(1701);
-// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video/View.vue?vue&type=script&lang=js
-
-
-
-
-
-
-
-/* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-video",
-  components: {
-    BaseComp: baseComp["default"]
-  },
-  props: {
-    data: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    nowCompId: {
-      type: [String, Number],
-      default: ""
-    },
-    isOpcacity: {
-      type: Boolean,
-      default: true
-    },
-    lang: {
-      type: String,
-      default: "zh-HK"
-    }
-  },
-  data() {
-    return {
-      configData: {},
-      videoLoaded: false,
-      videoError: false,
-      // 默认配置数据
-      defaultConfig: {
-        // 视频源设置
-        videoType: "direct",
-        videoUrl: "",
-        embedCode: "",
-        posterUrl: "",
-        // 播放控制
-        showControls: true,
-        autoplay: false,
-        loop: false,
-        muted: false,
-        // 尺寸控制
-        widthType: "auto",
-        widthValue: 100,
-        heightType: "auto",
-        heightValue: 100,
-        aspectRatio: "16:9",
-        customAspectRatio: "16:9",
-        maxWidth: 0,
-        maxHeight: 0,
-        // 样式设置
-        borderRadius: 0,
-        // 高级配置
-        customClass: "",
-        customStyle: ""
-      }
-    };
-  },
-  mounted() {
-    this.initConfigData();
-  },
-  watch: {
-    configData: {
-      handler() {
-        this.updateStyles();
-      },
-      deep: true
-    }
-  },
-  computed: {
-    // 视频类型
-    videoType() {
-      return this.configData.videoType || this.defaultConfig.videoType;
-    },
-    // 实际使用的宽高比
-    actualAspectRatio() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      if (config.aspectRatio === 'custom') {
-        return config.customAspectRatio || '16:9';
-      }
-      return config.aspectRatio;
-    },
-    // 容器样式
-    containerStyle() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      return {
-        ...this.parseCustomStyle(config.customStyle)
-      };
-    },
-    // 包装器样式
-    wrapperStyle() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      let width = 'auto';
-      let height = 'auto';
-
-      // 宽度设置
-      if (config.widthType === 'fixed') {
-        width = `${config.widthValue}px`;
-      } else if (config.widthType === 'percent') {
-        width = `${config.widthValue}%`;
-      }
-
-      // 高度设置
-      if (config.heightType === 'fixed') {
-        height = `${config.heightValue}px`;
-      } else if (config.heightType === 'percent') {
-        height = `${config.heightValue}%`;
-      } else if (config.heightType === 'aspect') {
-        // 根据宽高比计算高度
-        height = 'auto';
-      }
-      return {
-        width,
-        height,
-        maxWidth: config.maxWidth > 0 ? `${config.maxWidth}px` : 'none',
-        maxHeight: config.maxHeight > 0 ? `${config.maxHeight}px` : 'none',
-        borderRadius: `${config.borderRadius}px`,
-        overflow: 'hidden',
-        display: 'block',
-        position: 'relative'
-      };
-    },
-    // 视频样式
-    videoStyle() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      let style = {
-        width: '100%',
-        height: '100%',
-        display: 'block',
-        border: 'none',
-        outline: 'none'
-      };
-
-      // 如果是宽高比模式，设置aspect-ratio
-      if (config.heightType === 'aspect') {
-        style.aspectRatio = this.actualAspectRatio.replace(':', '/');
-      }
-      return style;
-    },
-    // 占位符样式
-    placeholderStyle() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      let width = '400px';
-      let height = '225px'; // 16:9 比例
-
-      // 如果设置了固定尺寸，使用设置的尺寸
-      if (config.widthType === 'fixed') {
-        width = `${config.widthValue}px`;
-      }
-      if (config.heightType === 'fixed') {
-        height = `${config.heightValue}px`;
-      } else if (config.heightType === 'aspect') {
-        const [w, h] = this.actualAspectRatio.split(':').map(Number);
-        const widthPx = parseInt(width);
-        height = `${Math.round(widthPx * h / w)}px`;
-      }
-      return {
-        width,
-        height,
-        backgroundColor: '#f5f7fa',
-        border: '1px dashed #dcdfe6',
-        borderRadius: `${config.borderRadius}px`,
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'center',
-        justifyContent: 'center',
-        color: '#909399',
-        fontSize: '14px'
-      };
-    }
-  },
-  methods: {
-    // 初始化配置数据
-    initConfigData() {
-      this.configData = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-    },
-    // 获取配置数据
-    getConfigData(configData) {
-      this.configData = {
-        ...this.defaultConfig,
-        ...configData
-      };
-      this.updateStyles();
-    },
-    // 更新样式
-    updateStyles() {
-      this.$nextTick(() => {
-        this.$forceUpdate();
-      });
-    },
-    // 视频开始加载
-    onVideoLoadStart() {
-      this.videoLoaded = false;
-      this.videoError = false;
-    },
-    // 视频加载完成
-    onVideoLoaded() {
-      this.videoLoaded = true;
-      this.videoError = false;
-    },
-    // 视频加载失败
-    onVideoError() {
-      this.videoLoaded = false;
-      this.videoError = true;
-    },
-    // 解析自定义样式
-    parseCustomStyle(customStyle) {
-      if (!customStyle) return {};
-      try {
-        const styles = {};
-        const declarations = customStyle.split(';');
-        declarations.forEach(declaration => {
-          const [property, value] = declaration.split(':');
-          if (property && value) {
-            const camelCaseProperty = property.trim().replace(/-([a-z])/g, g => g[1].toUpperCase());
-            styles[camelCaseProperty] = value.trim();
-          }
-        });
-        return styles;
-      } catch (error) {
-        console.warn('解析自定义样式失败:', error);
-        return {};
-      }
-    }
-  }
-});
-;// ./package/cms-video/View.vue?vue&type=script&lang=js
- /* harmony default export */ var cms_video_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video/View.vue?vue&type=style&index=0&id=a681eca6&prod&lang=scss&scoped=true
-// extracted by mini-css-extract-plugin
-
-;// ./package/cms-video/View.vue?vue&type=style&index=0&id=a681eca6&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,
-  "a681eca6",
-  null
-  
-)
-
-/* harmony default export */ var View = (component.exports);
-
 /***/ }),
 
 /***/ 4483:
@@ -37044,6 +36961,14 @@ exportTypedArrayMethod('toSorted', function toSorted(compareFn) {
 });
 
 
+/***/ }),
+
+/***/ 4806:
+/***/ (function(module) {
+
+"use strict";
+module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAgoSURBVHgB7d1RbtxEGMDxb5yq8JgbsJygSaFIPJGcgHKCxuEAlBMkPQHliQcELjcoJ2h4QgLSLidguUEeaUV2mHHXtJRmMvbu2jPf/H9SIBVqidT5r+1vvR4RAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEDSjKyheWZndin3jZFP3S9nAqRjLtZ9vZAH9cdmIQMNDuT73+w9U8lD9+2uAOm68C/ixx+aH2SAQYF8+6s9uLEjTwTIxaUc1nfMmfRUyQAujkaAnAxcs70D8UcP4XoD+Zk1L9duL70DqSrZEyBDywFrd8gpFhflyFXvtTvoGgQoBYEAAQQCBBAIEEAgQACBAAEEAgQQCBBAIEAAgQABBAIEEAgQQCBAAIEAAQQCBBAIEEAgQACBAAEEAgQQCBBAIEAAgQABBAIEEAgQcEPKdmFFfvePyTeVzP2vV1/e7nIpM2Pap/HtGZFbguIUGYiL4ie38E/dt/PjfXMR83v8XiiylCMxck94NnExigqkDeO5HB0P2FCl3m9/z6n/as6tD+VECEW9Uq5BFm5BHx7fNgfr7DbUqT8wj/yf54IbtCkL8lFCIHN5LofuCHAmG+SPKC64I3dY+lKglvZAfvCv9Js4alzFHU0eyt+yL68u7qGI5kDmtXuFryMvwtdRf2TmcimfCdTRGsjCnVaNumDb/e843VJHZyDPt3tadZX2dEvkTKCGvkCsPJoijn8ZqYXrETX0BfJCHsiE/HRraeVrgQq6Apn66LFSVeJPtTiKKKArkImPHh0/OfPv2guypymQeQpHj465bI8iyJyaQKxN7BX7Rnt3MDKnJhB3YXwmCVm9QUkkmVMTyM6Oe3MwMe1nTZA1TdcgC0mNZZKVOzWBjHHPVV+WUW/2+Ew6EKAmkOaZ3ZXEGJHkfib0oyaQv/5KcDEaPpKbOzWB3LwpB5IYdwR5T5A1NYG4xbgnCVmd8iX1M6E/PYEY+UQScnmZ3hEN/WmaYu01v9hkXrGrSu4KsqdqzLvcSWNR+ofMuVO+e4LsqQqkMvJFEuPeJXFooe2Nwl23OE9kQu0jSl8+1hQK6Hsn3cj95ld7IBOxljg00XmryY40U5xqNef2hGsPXbTeizUTK0/GjKT5zd7l1EofzTcr7rnrkVGOJN/6U7pKGoE6uu/mNW7s648kP7sL5y357tzev7EjT4QbE1Uq4Xb3PXlHnnzn9/TYIH9kctccX7nR8lcCtUr5PMjMLeTGLehm3aPJKowTd2T6w0/MJA8X7ud90D7p/rYx/st9v8/+Jtcraws2I0fuaHLkFvjjpciPn/uNcCJ948J696abUFkXhcnqdGrxtmcV1/vGP1DiyAV/6k9Dhd2y3qrMTTzdtYk7dN5tnlp/YX3m3rv43b2azpfLV59rr6p2wexWfvNO0954OJP8LK57kLd/VKqL5JBI3q70XW69A3fCceDev5BqRzS5iH3KfRvJL/YztxoYNryBz6RrtZS6z5Mm202A2N/kfwhEI3dBXn9oHktP7eakNo3nG6eCQJRx11Nfu4V+KgOtfi/TrRUC0WV+/IFZf/T8cnzNY1OFQDTZ2L6M7UP4TPtnLaRwBKLDxab3ZfSTLfm7jaTop0MSiAY9J1axmGwRSP4GTqxilT7ZIpCMrTuxilXyZItA8rWZiVWsQidbBJKnjU2sYpU62SKQ/Gx8YhWrxMkWgeRmSxOrWKVNtggkJ1ueWMUqabJFIJkYa2IVq5TJFoHkYdyJVawCJlsEkr7RJ1axSphsEUjaJptYxdI+2SKQlE08sYqlebJFIKlKZGIVS+tkq7RA5kv/Smfk/dXXvvtLrSWxc+jUJlaxNE62inmqiV90V0yC/BTmUXNuT10wk+4tspLmxCqWn2xZuSVKNjAt4wjiDv3XLbr21W/6U4RkJ1axtE229Afiz+UjT1cmjiT5iVUsTZMt3YH0iKMzWSSZTKxiaZls6Q1kQByd0SPJbGIVS8NkS2cga8TRGSuSXCdWsXKfbOkLZANxdEaIJO+JVayM79nSFcgG4+hsMZLsJ1axcp5s6QlkC3F0thCJmolVrFwnWzoC2WIcnY1GomxiFSvHyVb+gYwQR2cjkSidWMXKbbKVdyAjxtFZJxLtE6tYOU228g1kgjg6AyMpY2IVK5PJVp6BTBhHp2ckxUysYuUy2covkATi6ERGsihtYhUrh8lWXoEkFEen/Xku5dCK/PTGf+r2Jt8njqulPtnK5/MgCcbRqe+YM/evg+aZ9TvE+s9BLNpXR0Txk63m3M4S+TzOf+QRSMJxvK49rxY5E/Tm/36bpy4SkXuSkPRPsTKJAxuQ4GQr7UCIoygpTrbSDYQ4ipTaZCvNQIijaClNttILhDgg6dyzlVYgxIHXpHDPVjqBEAfeZuLJVhqBEAeuMPVka/pAiAPXmHKyNW0gxIFIU022pguEONDTFJOtaQIhDgw09mRr/ECIA+sacbI1biDEgQ0Yc7I1XiDEgQ0aa7I1TiDEgS0YY7I1zgemjJw0T21ynxYDrsMmnkAAgQABBAIEEAgQQCBAAIEAAQQCBBAIEEAgQACBAAEEAgQQCBBAIEAAgQABBAIEEAgQQCBAAIEAAUMCSXbLXuAavddu70CqZVp7yAGxqqr/2jUyQPPU/uH+NRMgH4v6tnlfehp2DXIptQA5McPW7KBA6jvmTGz7P+R6BKm78Gu13ndrdoBBp1id5pmdWSun7ts99wfdEiARVuRP94/H5oU8rD82CwEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA6PQPqhbJqz3H0TgAAAAASUVORK5CYII=";
+
 /***/ }),
 
 /***/ 4811:
@@ -37394,329 +37319,6 @@ if (PolyfilledDOMExceptionPrototype.constructor !== PolyfilledDOMException) {
 }
 
 
-/***/ }),
-
-/***/ 4986:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": function() { return /* binding */ View; }
-});
-
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=template&id=2c876c4d&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.linkUrl
-    }],
-    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('i', {
-    staticClass: "el-icon-picture-outline"
-  }), _c('p', [_vm._v("请选择图片")])])])])]);
-};
-var staticRenderFns = [];
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
-var es_iterator_constructor = __webpack_require__(8111);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
-var es_iterator_for_each = __webpack_require__(7588);
-// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=script&lang=js
-
-
-
-
-
-/* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-image",
-  components: {
-    BaseComp: baseComp["default"]
-  },
-  props: {
-    data: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    nowCompId: {
-      type: [String, Number],
-      default: ""
-    },
-    isOpcacity: {
-      type: Boolean,
-      default: true
-    },
-    lang: {
-      type: String,
-      default: "zh-HK"
-    }
-  },
-  data() {
-    return {
-      configData: {},
-      imageLoaded: false,
-      imageError: false,
-      // 默认配置数据
-      defaultConfig: {
-        // 图片设置
-        imageUrl: "",
-        altText: "图片",
-        title: "",
-        // 尺寸控制
-        widthType: "auto",
-        widthValue: 100,
-        heightType: "auto",
-        heightValue: 100,
-        maxWidth: 0,
-        maxHeight: 0,
-        // 样式设置
-        borderRadius: 0,
-        objectFit: "cover",
-        // 交互功能
-        linkUrl: "",
-        linkTarget: "_self",
-        // 高级配置
-        customClass: "",
-        customStyle: "",
-        lazyLoad: false
-      }
-    };
-  },
-  mounted() {
-    this.initConfigData();
-  },
-  watch: {
-    configData: {
-      handler() {
-        this.updateStyles();
-      },
-      deep: true
-    }
-  },
-  computed: {
-    // 容器样式
-    containerStyle() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      return {
-        ...this.parseCustomStyle(config.customStyle)
-      };
-    },
-    // 包装器样式
-    wrapperStyle() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      let width = 'auto';
-      let height = 'auto';
-
-      // 宽度设置
-      if (config.widthType === 'fixed') {
-        width = `${config.widthValue}px`;
-      } else if (config.widthType === 'percent') {
-        width = `${config.widthValue}%`;
-      }
-
-      // 高度设置
-      if (config.heightType === 'fixed') {
-        height = `${config.heightValue}px`;
-      } else if (config.heightType === 'percent') {
-        height = `${config.heightValue}%`;
-      }
-      return {
-        width,
-        height,
-        maxWidth: config.maxWidth > 0 ? `${config.maxWidth}px` : 'none',
-        maxHeight: config.maxHeight > 0 ? `${config.maxHeight}px` : 'none',
-        borderRadius: `${config.borderRadius}px`,
-        overflow: 'hidden',
-        cursor: config.linkUrl ? 'pointer' : 'default',
-        display: 'inline-block'
-      };
-    },
-    // 图片样式
-    imageStyle() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      return {
-        width: '100%',
-        height: '100%',
-        objectFit: config.objectFit,
-        display: 'block'
-      };
-    },
-    // 占位符样式
-    placeholderStyle() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      let width = '200px';
-      let height = '150px';
-
-      // 如果设置了固定尺寸，使用设置的尺寸
-      if (config.widthType === 'fixed') {
-        width = `${config.widthValue}px`;
-      }
-      if (config.heightType === 'fixed') {
-        height = `${config.heightValue}px`;
-      }
-      return {
-        width,
-        height,
-        backgroundColor: '#f5f7fa',
-        border: '1px dashed #dcdfe6',
-        borderRadius: `${config.borderRadius}px`,
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'center',
-        justifyContent: 'center',
-        color: '#909399',
-        fontSize: '14px'
-      };
-    }
-  },
-  methods: {
-    // 初始化配置数据
-    initConfigData() {
-      this.configData = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-    },
-    // 获取配置数据
-    getConfigData(configData) {
-      this.configData = {
-        ...this.defaultConfig,
-        ...configData
-      };
-      this.updateStyles();
-    },
-    // 更新样式
-    updateStyles() {
-      this.$nextTick(() => {
-        this.$forceUpdate();
-      });
-    },
-    // 处理点击事件
-    handleClick() {
-      if (this.configData.linkUrl) {
-        const target = this.configData.linkTarget || '_self';
-        if (target === '_blank') {
-          window.open(this.configData.linkUrl, '_blank');
-        } else {
-          window.location.href = this.configData.linkUrl;
-        }
-      }
-    },
-    // 图片加载成功
-    onImageLoad() {
-      this.imageLoaded = true;
-      this.imageError = false;
-    },
-    // 图片加载失败
-    onImageError() {
-      this.imageLoaded = false;
-      this.imageError = true;
-    },
-    // 解析自定义样式
-    parseCustomStyle(customStyle) {
-      if (!customStyle) return {};
-      try {
-        const styles = {};
-        const declarations = customStyle.split(';');
-        declarations.forEach(declaration => {
-          const [property, value] = declaration.split(':');
-          if (property && value) {
-            const camelCaseProperty = property.trim().replace(/-([a-z])/g, g => g[1].toUpperCase());
-            styles[camelCaseProperty] = value.trim();
-          }
-        });
-        return styles;
-      } catch (error) {
-        console.warn('解析自定义样式失败:', error);
-        return {};
-      }
-    }
-  }
-});
-;// ./package/cms-image/View.vue?vue&type=script&lang=js
- /* harmony default export */ var cms_image_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=style&index=0&id=2c876c4d&prod&lang=scss&scoped=true
-// extracted by mini-css-extract-plugin
-
-;// ./package/cms-image/View.vue?vue&type=style&index=0&id=2c876c4d&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,
-  "2c876c4d",
-  null
-  
-)
-
-/* harmony default export */ var View = (component.exports);
-
 /***/ }),
 
 /***/ 5002:
@@ -38804,12 +38406,13 @@ var map = {
 	"./cms-banner/View.vue": 2646,
 	"./cms-button/View.vue": 2404,
 	"./cms-cells/View.vue": 5700,
-	"./cms-column-card/View.vue": 3164,
-	"./cms-column/View.vue": 9886,
+	"./cms-column-card/View.vue": 470,
+	"./cms-column/View.vue": 6278,
 	"./cms-description/View.vue": 3203,
 	"./cms-dynamic-comp/View.vue": 1705,
 	"./cms-iconFour/View.vue": 8235,
-	"./cms-image/View.vue": 4986,
+	"./cms-image-group/View.vue": 9345,
+	"./cms-image/View.vue": 5314,
 	"./cms-imgFour/View.vue": 8238,
 	"./cms-lineFive/View.vue": 4432,
 	"./cms-lineFour/View.vue": 9703,
@@ -38828,7 +38431,8 @@ var map = {
 	"./cms-titleCenter/View.vue": 8106,
 	"./cms-titleLeft/View.vue": 9004,
 	"./cms-via-storedValueCard/View.vue": 7243,
-	"./cms-video/View.vue": 4467,
+	"./cms-video-group/View.vue": 8216,
+	"./cms-video/View.vue": 2048,
 	"./cms-view/View.vue": 1380
 };
 
@@ -38865,6 +38469,272 @@ module.exports = typeof Reflect !== 'undefined' && Reflect && Reflect.apply;
 
 /***/ }),
 
+/***/ 5298:
+/***/ (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 */ baseComp; }
+});
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/baseComp.vue?vue&type=template&id=e19eaa9e&scoped=true
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _vm.$EventBus && _vm.isOpcacity ? _c('div', {
+    key: _vm.data.componentId,
+    class: [_vm.nowCompId !== '' && _vm.nowCompId == _vm.data.componentId ? 'highLight' : ''],
+    style: _vm.showStyleConfig,
+    attrs: {
+      "component-key": _vm.data.cmsCompName
+    },
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.handleNowComp.apply(null, arguments);
+      }
+    }
+  }, [_c('div', {
+    staticClass: "mask-wrap"
+  }, [_vm._t("default", null, {
+    "isMobile": _vm.isMobile
+  }), _vm.isMask ? _c('div', {
+    staticClass: "mask",
+    on: {
+      "click": _vm.handleNowComp
+    }
+  }) : _vm._e()], 2), _vm.nowCompId !== '' && _vm.nowCompId == _vm.data.componentId ? _c('div', {
+    staticClass: "com-delete"
+  }, [_vm.showDel ? _c('i', {
+    staticClass: "el-icon-delete",
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.delComp.apply(null, arguments);
+      }
+    }
+  }) : _vm._e(), _c('i', {
+    staticClass: "el-icon-top",
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.selectParentDom.apply(null, arguments);
+      }
+    }
+  })]) : _vm._e()]) : _vm.showSlot ? _c('div', {
+    key: _vm.data.componentId,
+    ref: "targetElement",
+    style: _vm.showStyleConfig
+  }, [_vm._t("default")], 2) : _vm._e();
+};
+var staticRenderFns = [];
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
+var es_iterator_constructor = __webpack_require__(8111);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.reduce.js
+var es_iterator_reduce = __webpack_require__(8237);
+// EXTERNAL MODULE: ./package/patch.js
+var patch = __webpack_require__(1618);
+// EXTERNAL MODULE: ./node_modules/dayjs/dayjs.min.js
+var dayjs_min = __webpack_require__(1576);
+var dayjs_min_default = /*#__PURE__*/__webpack_require__.n(dayjs_min);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/baseComp.vue?vue&type=script&lang=js
+
+
+
+
+// 待办：判断移动pc端填充不同的样式
+
+
+/* harmony default export */ var baseCompvue_type_script_lang_js = ({
+  name: "baseComp",
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    nowCompId: {
+      type: [String, Number],
+      default: ""
+    },
+    isOpcacity: {
+      type: Boolean,
+      default: true
+    },
+    isMask: {
+      type: Boolean,
+      default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
+    },
+    timeline: {
+      type: String,
+      default: ""
+    },
+    cmhkChannel: {
+      type: String,
+      default: "WWW"
+    },
+    showDel: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      styleConfig_mb: {},
+      styleConfig_pc: {},
+      configData: {},
+      elementWidth: 0,
+      resizeObserver: null
+    };
+  },
+  watch: {
+    data: {
+      handler(val) {
+        this.getStyleConfig(val, "pc");
+        this.getStyleConfig(val, "mb");
+        this.getValue(this.lang);
+      },
+      deep: true,
+      immediate: true
+    },
+    lang: {
+      handler(val) {
+        this.getValue(val);
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  mounted() {
+    if (this.$EventBus && this.isOpcacity) {
+      this.elementWidth = 800;
+      this.$EventBus.$on("handleDeviceChange", isMobile => {
+        this.elementWidth = isMobile ? 700 : 800;
+      });
+    } else if (this.showSlot) {
+      this.resizeObserver = new ResizeObserver(entries => {
+        for (let entry of entries) {
+          this.elementWidth = entry.contentRect.width;
+          // 可以在这里触发自定义逻辑
+          // this.onWidthChange(this.elementWidth);
+        }
+      });
+      const element = document.getElementById("app") || document.getElementById("__nuxt");
+      this.resizeObserver.observe(element);
+    }
+  },
+  beforeDestroy() {
+    // 组件销毁时停止观察
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+    }
+  },
+  methods: {
+    selectParentDom() {
+      if (!this.isOpcacity) return;
+      this.$EventBus.$emit("handleParentComp", this.data);
+    },
+    onWidthChange(newWidth) {
+      console.log("新宽度:", newWidth, this.isMobile);
+    },
+    getValue(cur_lang) {
+      var _this$data, _this$data$settings;
+      const obj = {
+        "zh-CN": "lang_sc",
+        "zh-HK": "lang_tc",
+        "en-US": "lang_en"
+      };
+      if ((_this$data = this.data) !== null && _this$data !== void 0 && (_this$data$settings = _this$data.settings) !== null && _this$data$settings !== void 0 && _this$data$settings.settings) {
+        const baseInfo = (0,patch.transfor)(this.data);
+        this.configData = baseInfo.contentConfig.lang_all ? baseInfo.contentConfig.lang_all : baseInfo.contentConfig[`${obj[cur_lang]}`];
+      } else {
+        this.configData = this.data.contentConfig.lang_all ? this.data.contentConfig.lang_all : this.data.contentConfig[`${obj[cur_lang]}`];
+      }
+      this.$emit("getConfigData", this.configData);
+    },
+    getStyleConfig(data, type) {
+      this[`styleConfig_${type}`] = data.styleConfig[type].reduce((pre, cur) => {
+        pre[cur.key] = cur.value + cur.unit;
+        return pre;
+      }, {});
+    },
+    handleNowComp() {
+      if (!this.isOpcacity) return;
+      this.$EventBus.$emit("handleNowComp", this.data);
+    },
+    delComp() {
+      this.$EventBus.$emit("handleDeleteComp", this.data.componentId);
+    }
+  },
+  computed: {
+    showStyleConfig() {
+      if (!this.elementWidth) return {};
+      return this.isMobile ? this.styleConfig_mb : this.styleConfig_pc;
+    },
+    isMobile() {
+      return this.elementWidth < 760;
+    },
+    showSlot() {
+      if (this.$EventBus && this.isOpcacity) return false;
+      const {
+        cmhkChannelConfList = [],
+        startTime = "",
+        endTime = ""
+      } = this.data.baseConfig;
+      console.log("this.cmhkChannel", this.cmhkChannel, this.data.baseConfig);
+      const channelVisable = cmhkChannelConfList.includes("ALL") || cmhkChannelConfList.includes(this.cmhkChannel);
+      if (!channelVisable) return false;
+      if (!startTime && !endTime) return true;
+      const currentTime = this.timeline ? dayjs_min_default()(this.timeline) : dayjs_min_default()();
+      const isStart = startTime ? dayjs_min_default()(currentTime).isAfter(dayjs_min_default()(startTime)) || dayjs_min_default()(currentTime).isSame(dayjs_min_default()(startTime)) : true;
+      const isEnd = endTime ? dayjs_min_default()(currentTime).isBefore(dayjs_min_default()(endTime)) || dayjs_min_default()(currentTime).isSame(dayjs_min_default()(endTime)) : true;
+      return isStart && isEnd;
+    }
+  }
+});
+;// ./package/baseComp.vue?vue&type=script&lang=js
+ /* harmony default export */ var package_baseCompvue_type_script_lang_js = (baseCompvue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/baseComp.vue?vue&type=style&index=0&id=e19eaa9e&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./package/baseComp.vue?vue&type=style&index=0&id=e19eaa9e&prod&lang=scss&scoped=true
+
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1656);
+;// ./package/baseComp.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.A)(
+  package_baseCompvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "e19eaa9e",
+  null
+  
+)
+
+/* harmony default export */ var baseComp = (component.exports);
+
+/***/ }),
+
 /***/ 5302:
 /***/ (function(module) {
 
@@ -38878,6 +38748,340 @@ module.exports = Number.isNaN || function isNaN(a) {
 
 /***/ }),
 
+/***/ 5314:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ View; }
+});
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=template&id=5dac7dea&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.linkUrl
+    }],
+    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"
+    }
+  })])])]), _c('div', {
+    staticClass: "f-c-c"
+  }, [_vm._v(_vm._s(_vm.configData.remark))])]);
+};
+var staticRenderFns = [];
+
+;// ./package/cms-image/View.vue?vue&type=template&id=5dac7dea&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__(5298);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=script&lang=js
+
+
+
+
+
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-image",
+  components: {
+    BaseComp: baseComp["default"]
+  },
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    nowCompId: {
+      type: [String, Number],
+      default: ""
+    },
+    isOpcacity: {
+      type: Boolean,
+      default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
+    }
+  },
+  data() {
+    return {
+      configData: {},
+      imageLoaded: false,
+      imageError: false,
+      // 默认配置数据
+      defaultConfig: {
+        // 图片设置
+        imageUrl: "",
+        altText: "图片",
+        title: "",
+        // 尺寸控制
+        widthType: "auto",
+        widthValue: 100,
+        heightType: "auto",
+        heightValue: 100,
+        maxWidth: 0,
+        maxHeight: 0,
+        // 样式设置
+        borderRadius: 0,
+        objectFit: "cover",
+        // 交互功能
+        linkUrl: "",
+        linkTarget: "_self",
+        // 高级配置
+        customClass: "",
+        customStyle: "",
+        lazyLoad: false
+      }
+    };
+  },
+  mounted() {
+    this.initConfigData();
+  },
+  watch: {
+    configData: {
+      handler() {
+        this.updateStyles();
+      },
+      deep: true
+    }
+  },
+  computed: {
+    // 容器样式
+    containerStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      return {
+        ...this.parseCustomStyle(config.customStyle)
+      };
+    },
+    // 包装器样式
+    wrapperStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      let width = "100%";
+      let height = "auto";
+
+      // 宽度设置
+      if (config.widthType === "fixed") {
+        width = `${config.widthValue}px`;
+      } else if (config.widthType === "percent") {
+        width = `${config.widthValue}%`;
+      }
+
+      // 高度设置
+      if (config.heightType === "fixed") {
+        height = `${config.heightValue}px`;
+      } else if (config.heightType === "percent") {
+        height = `${config.heightValue}%`;
+      }
+      return {
+        width,
+        height,
+        maxWidth: config.maxWidth > 0 ? `${config.maxWidth}px` : "none",
+        maxHeight: config.maxHeight > 0 ? `${config.maxHeight}px` : "none",
+        borderRadius: `${config.borderRadius}px`,
+        overflow: "hidden",
+        cursor: config.linkUrl ? "pointer" : "default",
+        display: "inline-block"
+      };
+    },
+    // 图片样式
+    imageStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      return {
+        width: "100%",
+        height: "100%",
+        objectFit: config.objectFit,
+        display: "block"
+      };
+    },
+    // 占位符样式
+    placeholderStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      let width = "100%";
+      let height = "auto";
+
+      // 如果设置了固定尺寸，使用设置的尺寸
+      if (config.widthType === "fixed") {
+        width = `${config.widthValue}px`;
+      }
+      if (config.heightType === "fixed") {
+        height = `${config.heightValue}px`;
+      }
+      return {
+        width,
+        height,
+        backgroundColor: "#F2F9FF",
+        border: "1px dashed #dcdfe6",
+        borderRadius: `${config.borderRadius}px`,
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        color: "#909399",
+        fontSize: "14px"
+      };
+    }
+  },
+  methods: {
+    // 初始化配置数据
+    initConfigData() {
+      this.configData = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+    },
+    // 获取配置数据
+    getConfigData(configData) {
+      this.configData = {
+        ...this.defaultConfig,
+        ...configData
+      };
+      this.updateStyles();
+    },
+    // 更新样式
+    updateStyles() {
+      this.$nextTick(() => {
+        this.$forceUpdate();
+      });
+    },
+    // 处理点击事件
+    handleClick() {
+      if (this.configData.linkUrl) {
+        const target = this.configData.linkTarget || "_self";
+        if (target === "_blank") {
+          window.open(this.configData.linkUrl, "_blank");
+        } else {
+          window.location.href = this.configData.linkUrl;
+        }
+      }
+    },
+    // 图片加载成功
+    onImageLoad() {
+      this.imageLoaded = true;
+      this.imageError = false;
+    },
+    // 图片加载失败
+    onImageError() {
+      this.imageLoaded = false;
+      this.imageError = true;
+    },
+    // 解析自定义样式
+    parseCustomStyle(customStyle) {
+      if (!customStyle) return {};
+      try {
+        const styles = {};
+        const declarations = customStyle.split(";");
+        declarations.forEach(declaration => {
+          const [property, value] = declaration.split(":");
+          if (property && value) {
+            const camelCaseProperty = property.trim().replace(/-([a-z])/g, g => g[1].toUpperCase());
+            styles[camelCaseProperty] = value.trim();
+          }
+        });
+        return styles;
+      } catch (error) {
+        console.warn("解析自定义样式失败:", error);
+        return {};
+      }
+    }
+  }
+});
+;// ./package/cms-image/View.vue?vue&type=script&lang=js
+ /* harmony default export */ var cms_image_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=style&index=0&id=5dac7dea&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./package/cms-image/View.vue?vue&type=style&index=0&id=5dac7dea&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,
+  "5dac7dea",
+  null
+  
+)
+
+/* harmony default export */ var View = (component.exports);
+
+/***/ }),
+
 /***/ 5340:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -38885,7 +39089,7 @@ module.exports = Number.isNaN || function isNaN(a) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(649);
 
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 3164));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 470));
 
 // 默认配置数据
 const langData = {
@@ -38893,9 +39097,9 @@ const langData = {
   heightType: "auto",
   fixedHeight: 300,
   // 边框设置
-  borderWidth: 1,
+  borderWidth: 0,
   borderStyle: "solid",
-  borderColor: "#1c4fc6ff",
+  borderColor: "",
   borderRadius: 0,
   // 背景设置
   backgroundColor: "",
@@ -38954,7 +39158,8 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
   },
   borderColor: {
     label: "边框颜色",
-    widgetType: "el-color-picker"
+    widgetType: "el-color-picker",
+    predefine: ['#2F85FF', '#f48427', '#52C41A', '#D6197F']
   },
   borderRadius: {
     label: "圆角(px)",
@@ -38967,7 +39172,8 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
   // 背景设置配置
   backgroundColor: {
     label: "背景颜色",
-    widgetType: "el-color-picker"
+    widgetType: "el-color-picker",
+    predefine: ['#2F85FF', '#f48427', '#52C41A', '#D6197F']
   },
   backgroundImage: {
     label: "背景图片",
@@ -39195,7 +39401,7 @@ var swiper = __webpack_require__(2791);
 // EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
 var swiper_esm_bundle = __webpack_require__(4418);
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
+var baseComp = __webpack_require__(5298);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-aLineThreeLeftTwo/View.vue?vue&type=script&lang=js
 
 
@@ -39510,7 +39716,7 @@ var render = function render() {
 var staticRenderFns = [];
 
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
+var baseComp = __webpack_require__(5298);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-cells/View.vue?vue&type=script&lang=js
 
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
@@ -39911,6 +40117,14 @@ module.exports = typeof Reflect !== 'undefined' && Reflect.getPrototypeOf || nul
 
 /***/ }),
 
+/***/ 6148:
+/***/ (function(module) {
+
+"use strict";
+module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAABiCAYAAABEZ20wAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAZASURBVHgB7Z1dUhtHEMd7FpXzaOUGywkMJklVniyfAHICtKTybDiBxQkMT6mKyxacIOYElp9SlYSgnMDKDZS3GIMm/55d2zLM7OdoNTL9qxIIzeyH5r/T3dMzuxAJgiAIgiAIgiAIgiAIwnJQtOI8/0P3oog2IqIH+DbxxwJNkxnR37MZjX/6Vo1oBVhJMYYXukszeoKz38ef3RKbTCDOiC7pMPleTShQVkqMGiLcRtMg2VKHFCArIwaEiNGQr/E2puZM6B09Dq2XRLQCDH/XGx6FILOfr+j18DcIHBDB9wzPPeImQfWQDi2An3HF3btHO1A6xus+f6aJ/sVrHF3SqNKXLyEE9vsPfrxSEY35b0RQXXNsRdsF23IP+RW/NykAvPaM4bnuY4+7eNsrqDqaaTr9cUudFOzvKfY3cJVDhDdo8EGy6Q5d0bN6qDikHFFwLoc4lwEtGS9iZKaEv3CPqjGCmUhsPSXb51vXhlrT8d6W2qeSvDzXRxDuiaN4ipZYh6hTWiKNHTgPutBoF1RdCDLbsCNlB30DNPbAuRWu5CpCMFyfBXQUd2HaKu1vETQSgxuxs2Zser2YPyWG57olCLrstqP+JKlpUuBTBvg1tpVF7l7TGrXFMGakY5yfD7q8LzOoo6y3uQRWlFBNjBm6pgNHcXeYHndp1BYjMyNxTpUpHOwpO0d+4f0Zf5ZTP/5gKpBr6jnqjPOcdRkS5KlM9GVhhhwXLZFaoW3mXHdd5Wyb2STs3XCIvJ1Gg7scKZsK1DnC9tZGgahn5AOEwWQ5B5NsXCK1xOBe4QzDUuc6sBXhqp7g1z5CVo5enlqqGEcKUe47jmu191VBz5jYzl8r+pqWSC0zhS/yyFqg6aSMc83qjGxlEOIRGmvdVra2Rl5CT5hB136aBCKNqSxG5mRjx96OqSzX5Mqc9iC2dXyBXhOTB3iETgFSWYyrK6eTm8IMlTcjnVyTY20siOTFwSrHxaRyBplt4DNrW8mE5I52MUtn+xiO34uDzXJWt+CZQVoiPsXw2fVdUVOv6VggG8PEtrIo8hMg1KWyGJ2O/aolHjRZ0hounuc1aoTQ09XT1qxRWGmQMRg6iiZNxzBNqSxGFp66GmqXSoLIqO8o4oHdFGHsqaO8Z7K5Nci2i62F2h7dtUktM6VdZgRz02XMyItzvQ8nahUOIrwxu4royLkDpM2rCoL6z/LS8bxYgZZMvXHGNZ04C5E45MZ2FXMZxhLPnPu+TEXgHpiTZU0F+Uu//aXANLI5RL2LbBGDHR3GqpHa8xn4gpyt7eVUmcxSUzPJDrSh0oknt6NPB40fE4FmTJOm52PKZ8w9Ss9lZLPjPaDi1P4keajWKQDqi5Hmp7ihfEVR1vnoBRyn8JjLonZoaxy5dqajqzOjA1ujmONc0WMiP6mQOYJbrtNonJHwHLb24Pg0pl6/Ua+cx/kOI3tlFg1MyA/jL3LdlEn6zegHqtdQfNVvJgULE8xxuIdAkFynXszUXDwqPCEYb6tDjG2f0YfVIXFBdW6UY1wKR3UWAZh5kTSNz2mNMr6k0fHaolAMjmjevzdrkEo70LWIdlCf0+zzYSc3AkdYZ8iajsgTPCsYfTrW/DmyTxtnK9FHVIPOFSKtFntQrhgv/9S72eAryJRzKyDcRo86aKNHOX0Gm4I7LwSjqN/WMh6nGNfXt7r9nSVS5XNujY7jKkAiT4RomZW4JeCuIGIExEJuCRA+hzPHnQjhtzLjsMQ1iSViLIjPBCh5o4+I4ZE6AswjYjSkqQDziBg18CnAPCJGSRYlwDwiRjni7KaghSLjjIAQMQJCxAgIESMgRIyAEDECQsQICBEjIESMgBAxAkLECAgRIyBEjIAQMQJCxAgIESMgRIyA8DnTx48t8ndbmQ9mtI1z2qHm8IPMzrKnCcW0ILyKkWwW34HUJi/OdYyu70WMvYeqz2/40axaU38RwsgceEWy1YD88i6MiNEA38KIGJ7wIYyIsQDqCuNTjC4c5oACIrvxcqncFIb+c9+i7VWMSDV7FtSXTtHzrGTQFxAiRkC4xbjy9pyOlUe39CBJpxhJ+r/tTkmYqnft3Ade/LiKc93X/CgIdfduRVb8SNdLOgn5f/sJgiAIgiAIgiAIgiAIgg/+B867RkXPJgUfAAAAAElFTkSuQmCC";
+
+/***/ }),
+
 /***/ 6175:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -40010,6 +40224,281 @@ module.exports = function (obj) {
 module.exports = {};
 
 
+/***/ }),
+
+/***/ 6278:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ View; }
+});
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=template&id=73699845&scoped=true
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('BaseComp', _vm._b({
+    attrs: {
+      "data": _vm.data,
+      "nowCompId": _vm.nowCompId,
+      "isOpcacity": _vm.isOpcacity,
+      "isMask": false,
+      "lang": _vm.lang
+    },
+    on: {
+      "getConfigData": _vm.getConfigData
+    },
+    scopedSlots: _vm._u([{
+      key: "default",
+      fn: function (slotProps) {
+        return [_c('section', {
+          class: (_vm.configData.widthType === 'full' ? 'width-full' : 'cmhk-home_main', {
+            hoverBorderClass: _vm.isConfigPage
+          }),
+          style: _vm.containerStyle
+        }, [_c('div', {
+          staticClass: "column-setting",
+          class: [`layout-${_vm.configData.layoutType || 'default'}`, `${slotProps.isMobile && _vm.configData.mobileLayout === 'vertical' ? 'mobile-vertical' : 'mobile-horizontal'}`],
+          style: _vm.columnStyle
+        }, _vm._l(_vm.data.childList, function (item, index) {
+          return _c('cms-column-card', {
+            key: item.componentId,
+            class: _vm.getColumnItemClass(index),
+            style: _vm.getColumnItemStyle(index),
+            attrs: {
+              "data": item,
+              "nowCompId": _vm.nowCompId,
+              "isOpcacity": _vm.isOpcacity,
+              "isMask": false,
+              "lang": _vm.lang
+            }
+          });
+        }), 1)])];
+      }
+    }])
+  }, 'BaseComp', _vm.$attrs, false));
+};
+var staticRenderFns = [];
+
+// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
+var baseComp = __webpack_require__(5298);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=script&lang=js
+
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-column",
+  components: {
+    BaseComp: baseComp["default"]
+  },
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    nowCompId: {
+      type: [String, Number],
+      default: ""
+    },
+    isOpcacity: {
+      type: Boolean,
+      default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
+    }
+  },
+  data() {
+    return {
+      configData: {},
+      messFold: true,
+      // 默认配置数据
+      defaultConfig: {
+        layoutType: "100",
+        heightType: "auto",
+        widthType: "auto",
+        mobileLayout: "vertical",
+        fixedHeight: 300,
+        borderWidth: 0,
+        borderStyle: "solid",
+        borderColor: "",
+        backgroundColor: "#FFF",
+        backgroundImage: "",
+        boxShadow: "",
+        borderRadius: 0,
+        columnGap: 0,
+        rowGap: 0,
+        title: "",
+        description: "",
+        input1: "",
+        showTitle: true,
+        showDescription: true,
+        animationDuration: 300,
+        responsiveBreakpoint: 768
+      }
+    };
+  },
+  mounted() {
+    this.initConfigData();
+    // 添加窗口大小变化监听
+  },
+  watch: {
+    configData: {
+      handler() {
+        this.updateStyles();
+      },
+      deep: true
+    }
+  },
+  computed: {
+    isConfigPage() {
+      return this.$EventBus && this.isOpcacity;
+    },
+    // 容器样式
+    containerStyle() {
+      return {
+        backgroundColor: this.configData.backgroundColor || this.defaultConfig.backgroundColor,
+        backgroundImage: this.configData.backgroundImage ? `url(${this.configData.backgroundImage})` : "",
+        backgroundSize: "cover",
+        backgroundRepeat: "no-repeat",
+        backgroundPosition: "center center",
+        boxShadow: this.configData.boxShadow || this.defaultConfig.boxShadow,
+        borderRadius: `${this.configData.borderRadius || this.defaultConfig.borderRadius}px`,
+        minHeight: this.configData.heightType === "fixed" ? `${this.configData.fixedHeight}px` : "auto"
+      };
+    },
+    // 分栏容器样式
+    columnStyle() {
+      // const gap = this.configData.rowGap || this.defaultConfig.rowGap;
+      return {
+        // gap: `${gap}px`,
+        border: this.configData.borderWidth ? `${this.configData.borderWidth}px ${this.configData.borderStyle} ${this.configData.borderColor}` : "none"
+      };
+    }
+  },
+  methods: {
+    // 初始化配置数据
+    initConfigData() {
+      // 合并默认配置和传入配置
+      this.configData = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+    },
+    // 获取配置数据
+    getConfigData(configData) {
+      this.configData = {
+        ...this.defaultConfig,
+        ...configData
+      };
+      this.updateStyles();
+    },
+    // 更新样式
+    updateStyles() {
+      this.$nextTick(() => {
+        // 触发样式更新
+        this.$forceUpdate();
+      });
+    },
+    // 获取分栏项的类名
+    getColumnItemClass(index) {
+      const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
+      return ["column-item", `column-item-${index}`, `layout-${layoutType}`, {
+        "min-h": this.$EventBus && this.isOpcacity,
+        "first-item": index === 0,
+        "last-item": index === this.data.childList.length - 1
+      }];
+    },
+    // 获取分栏项的样式
+    getColumnItemStyle(index) {
+      const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
+      const gap = this.configData.rowGap || this.defaultConfig.rowGap;
+      let flexBasis = "100%";
+      let marginRight = "0";
+
+      // 根据布局类型设置宽度
+      switch (layoutType) {
+        case "50-50":
+          flexBasis = `calc(50% - ${gap / 2}px)`;
+          marginRight = index % 2 === 0 ? `${gap}px` : "0";
+          break;
+        case "33-66":
+          flexBasis = index === 0 ? `calc(33.33% - ${gap / 2}px)` : `calc(66.67% - ${gap / 2}px)`;
+          marginRight = index === 0 ? `${gap}px` : "0";
+          break;
+        case "66-33":
+          flexBasis = index === 0 ? `calc(66.67% - ${gap / 2}px)` : `calc(33.33% - ${gap / 2}px)`;
+          marginRight = index === 0 ? `${gap}px` : "0";
+          break;
+        case "33-33-33":
+          flexBasis = `calc(33.33% - ${gap * 2 / 3}px)`;
+          marginRight = index < 2 ? `${gap}px` : "0";
+          break;
+        case "25-50-25":
+          if (index === 0 || index === 2) {
+            flexBasis = `calc(25% - ${gap * 2 / 3}px)`;
+          } else {
+            flexBasis = `calc(50% - ${gap * 2 / 3}px)`;
+          }
+          marginRight = index < 2 ? `${gap}px` : "0";
+          break;
+        default:
+          flexBasis = "100%";
+      }
+      return {
+        flexBasis,
+        marginRight,
+        marginBottom: `${this.configData.columnGap || this.defaultConfig.columnGap}px`
+      };
+    },
+    // 折叠/展开文本
+    foldMessText() {
+      this.messFold = !this.messFold;
+    },
+    // 处理跳转链接
+    decodeJumpUrl(url) {
+      if (!url) return;
+      top.location.href = url;
+    }
+  }
+});
+;// ./package/cms-column/View.vue?vue&type=script&lang=js
+ /* harmony default export */ var cms_column_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=style&index=0&id=73699845&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./package/cms-column/View.vue?vue&type=style&index=0&id=73699845&prod&lang=scss&scoped=true
+
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1656);
+;// ./package/cms-column/View.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.A)(
+  cms_column_Viewvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "73699845",
+  null
+  
+)
+
+/* harmony default export */ var View = (component.exports);
+
 /***/ }),
 
 /***/ 6279:
@@ -40118,6 +40607,7 @@ module.exports = $Object.getPrototypeOf || null;
 __webpack_require__.r(__webpack_exports__);
 /* harmony default export */ __webpack_exports__["default"] = ({
   Expand: "Expand",
+  More: "More",
   Collpase: "Collpase",
   discount: 'Discount period:'
 });
@@ -40330,7 +40820,7 @@ var render = function render() {
 var staticRenderFns = [];
 
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
+var baseComp = __webpack_require__(5298);
 // EXTERNAL MODULE: ./src/utils/jumpUrl.js
 var jumpUrl = __webpack_require__(813);
 // EXTERNAL MODULE: ./node_modules/vue/dist/vue.runtime.esm.js
@@ -40683,7 +41173,7 @@ var staticRenderFns = [];
 ;// ./package/cms-prodCustomization/View.vue?vue&type=template&id=61a0a18c&scoped=true
 
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
+var baseComp = __webpack_require__(5298);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-prodCustomization/View.vue?vue&type=script&lang=js
 
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
@@ -48686,6 +49176,64 @@ module.exports = Math.min;
 
 /***/ }),
 
+/***/ 6940:
+/***/ (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__(649);
+
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 9345));
+const langData = {
+  colNums: 1,
+  defaultCol: 12,
+  gap: 10
+};
+const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataType)(langData, {
+  // 布局配置
+  colNums: {
+    label: "视频样式",
+    widgetType: "el-radio-group",
+    options: [{
+      label: "一行一个",
+      value: 1
+    }, {
+      label: "一行两个",
+      value: 2
+    }, {
+      label: "一行三个",
+      value: 3
+    }],
+    isCol: true
+  },
+  defaultCol: {
+    label: "默认展示（行）",
+    widgetType: "el-input-number",
+    size: "small",
+    min: 1,
+    max: 12,
+    step: 1,
+    isCol: true,
+    unit: "行"
+  }
+});
+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,
+      isLangAll: true
+    });
+  }
+});
+
+/***/ }),
+
 /***/ 6955:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -49004,7 +49552,7 @@ var render = function render() {
 var staticRenderFns = [];
 
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
+var baseComp = __webpack_require__(5298);
 // EXTERNAL MODULE: ./package/patch.js
 var patch = __webpack_require__(1618);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-via-storedValueCard/View.vue?vue&type=script&lang=js
@@ -49825,7 +50373,7 @@ var render = function render() {
 var staticRenderFns = [];
 
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
+var baseComp = __webpack_require__(5298);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-productDetails/View.vue?vue&type=script&lang=js
 
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
@@ -50075,7 +50623,7 @@ var swiper = __webpack_require__(2791);
 // EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
 var swiper_esm_bundle = __webpack_require__(4418);
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
+var baseComp = __webpack_require__(5298);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-threeScroll/View.vue?vue&type=script&lang=js
 
 
@@ -50261,7 +50809,7 @@ var swiper = __webpack_require__(2791);
 // EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
 var swiper_esm_bundle = __webpack_require__(4418);
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
+var baseComp = __webpack_require__(5298);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-termsAndConditions/View.vue?vue&type=script&lang=js
 
 
@@ -50477,7 +51025,7 @@ var render = function render() {
 var staticRenderFns = [];
 
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
+var baseComp = __webpack_require__(5298);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-titleCenter/View.vue?vue&type=script&lang=js
 
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
@@ -50819,6 +51367,18 @@ function queryPageHfList(data) {
   });
 }
 
+/**
+ * 查询URL接口
+ * @returns {Promise}
+ */
+function queryUrl(data) {
+  return request({
+    method: "post",
+    url: "/omni-channel-service-console/rest/workBench/queryUrl",
+    data
+  });
+}
+
 /**
  * 创建页面
  * @param {Object} pageData 页面数据
@@ -50977,11 +51537,18 @@ function emallHeartbeat(data) {
     data
   });
 }
+function qryBtList(data) {
+  return request({
+    method: "post",
+    url: "/omni-channel-service-console/rest/component/qryBtList",
+    data
+  });
+}
 // EXTERNAL MODULE: ./node_modules/qs/lib/index.js
 var lib = __webpack_require__(9122);
 var lib_default = /*#__PURE__*/__webpack_require__.n(lib);
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
+var baseComp = __webpack_require__(5298);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-proCard/View.vue?vue&type=script&lang=js
 
 
@@ -51232,6 +51799,181 @@ const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSc
 
 /***/ }),
 
+/***/ 8216:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ View; }
+});
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video-group/View.vue?vue&type=template&id=13b5a669&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: {
+      'grid-template-columns': `repeat(${_vm.configData.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__(5298);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video-group/View.vue?vue&type=script&lang=js
+
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-video-group",
+  components: {
+    BaseComp: baseComp["default"]
+  },
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    nowCompId: {
+      type: [String, Number],
+      default: ""
+    },
+    isOpcacity: {
+      type: Boolean,
+      default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
+    }
+  },
+  data() {
+    return {
+      configData: {},
+      messFold: false,
+      // 默认配置数据
+      isShowPannel: false
+    };
+  },
+  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;
+    }
+  },
+  methods: {
+    // 获取配置数据
+    getConfigData(configData) {
+      this.configData = {
+        ...this.defaultConfig,
+        ...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;
+    }
+  }
+});
+;// ./package/cms-video-group/View.vue?vue&type=script&lang=js
+ /* harmony default export */ var cms_video_group_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video-group/View.vue?vue&type=style&index=0&id=13b5a669&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./package/cms-video-group/View.vue?vue&type=style&index=0&id=13b5a669&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,
+  "13b5a669",
+  null
+  
+)
+
+/* harmony default export */ var View = (component.exports);
+
+/***/ }),
+
 /***/ 8227:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -51321,7 +52063,7 @@ var render = function render() {
 var staticRenderFns = [];
 
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
+var baseComp = __webpack_require__(5298);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-iconFour/View.vue?vue&type=script&lang=js
 
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
@@ -51526,7 +52268,7 @@ var swiper = __webpack_require__(2791);
 // EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
 var swiper_esm_bundle = __webpack_require__(4418);
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
+var baseComp = __webpack_require__(5298);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-imgFour/View.vue?vue&type=script&lang=js
 
 
@@ -51720,7 +52462,7 @@ var staticRenderFns = [];
 ;// ./package/cms-activityTime/View.vue?vue&type=template&id=0e496ed4&scoped=true
 
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
+var baseComp = __webpack_require__(5298);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-activityTime/View.vue?vue&type=script&lang=js
 
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
@@ -52624,7 +53366,7 @@ var render = function render() {
 var staticRenderFns = [];
 
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
+var baseComp = __webpack_require__(5298);
 // EXTERNAL MODULE: ./src/utils/request.js + 2 modules
 var utils_request = __webpack_require__(1564);
 ;// ./src/api/servePlan.js
@@ -52803,9 +53545,10 @@ var component = (0,componentNormalizer/* default */.A)(
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(649);
 
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 4986));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 5314));
 const langData = {
   // 图片设置
+  remark: "",
   imageUrl: "",
   altText: "图片",
   title: "",
@@ -52828,6 +53571,11 @@ const langData = {
   lazyLoad: false
 };
 const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataType)(langData, {
+  remark: {
+    label: "图片备注",
+    widgetType: "el-input",
+    placeholder: "请输入图片备注"
+  },
   // 图片设置配置
   imageUrl: {
     label: "图片地址",
@@ -52835,15 +53583,16 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
     placeholder: "请选择或输入图片地址"
   },
   altText: {
-    label: "替代文本",
-    widgetType: "el-input",
-    placeholder: "请输入图片的替代文本"
-  },
-  title: {
-    label: "图片标题",
+    label: "alt属性",
     widgetType: "el-input",
-    placeholder: "请输入图片标题（鼠标悬停时显示）"
+    placeholder: "请输入图片的alt属性"
   },
+  // title: {
+  //   label: "图片标题",
+  //   widgetType: "el-input",
+  //   placeholder: "请输入图片标题（鼠标悬停时显示）"
+  // },
+
   // 尺寸控制配置
   widthType: {
     label: "宽度类型",
@@ -53177,7 +53926,7 @@ var render = function render() {
 var staticRenderFns = [];
 
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
+var baseComp = __webpack_require__(5298);
 // EXTERNAL MODULE: ./src/utils/jumpUrl.js
 var jumpUrl = __webpack_require__(813);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-titleLeft/View.vue?vue&type=script&setup=true&lang=js
@@ -53577,6 +54326,181 @@ module.exports = TypeError;
 
 /***/ }),
 
+/***/ 9345:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ View; }
+});
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image-group/View.vue?vue&type=template&id=7cb50abc&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: {
+      'grid-template-columns': `repeat(${_vm.configData.colNums}, 1fr)`,
+      'grid-gap': `${_vm.configData.gap}px`
+    }
+  }, _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__(5298);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image-group/View.vue?vue&type=script&lang=js
+
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-image-group",
+  components: {
+    BaseComp: baseComp["default"]
+  },
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    nowCompId: {
+      type: [String, Number],
+      default: ""
+    },
+    isOpcacity: {
+      type: Boolean,
+      default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
+    }
+  },
+  data() {
+    return {
+      configData: {},
+      messFold: false,
+      // 默认配置数据
+      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;
+    }
+  },
+  methods: {
+    // 获取配置数据
+    getConfigData(configData) {
+      this.configData = {
+        ...this.defaultConfig,
+        ...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;
+    }
+  }
+});
+;// ./package/cms-image-group/View.vue?vue&type=script&lang=js
+ /* harmony default export */ var cms_image_group_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image-group/View.vue?vue&type=style&index=0&id=7cb50abc&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./package/cms-image-group/View.vue?vue&type=style&index=0&id=7cb50abc&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,
+  "7cb50abc",
+  null
+  
+)
+
+/* harmony default export */ var View = (component.exports);
+
+/***/ }),
+
 /***/ 9387:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -53850,7 +54774,7 @@ var render = function render() {
 var staticRenderFns = [];
 
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
+var baseComp = __webpack_require__(5298);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-servePlan-text/View.vue?vue&type=script&lang=js
 
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
@@ -54755,7 +55679,7 @@ var render = function render() {
 var staticRenderFns = [];
 
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
+var baseComp = __webpack_require__(5298);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineFour/View.vue?vue&type=script&lang=js
 
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
@@ -54985,7 +55909,7 @@ var es_iterator_for_each = __webpack_require__(7588);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.map.js
 var es_iterator_map = __webpack_require__(1701);
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
+var baseComp = __webpack_require__(5298);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-question/View.vue?vue&type=script&lang=js
 
 
@@ -55224,276 +56148,6 @@ __webpack_require__(6368);
 __webpack_require__(9309);
 
 
-/***/ }),
-
-/***/ 9886:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": function() { return /* binding */ View; }
-});
-
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=template&id=67ae24ec&scoped=true
-var render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('BaseComp', _vm._b({
-    attrs: {
-      "data": _vm.data,
-      "nowCompId": _vm.nowCompId,
-      "isOpcacity": _vm.isOpcacity,
-      "isMask": false,
-      "lang": _vm.lang
-    },
-    on: {
-      "getConfigData": _vm.getConfigData
-    },
-    scopedSlots: _vm._u([{
-      key: "default",
-      fn: function (slotProps) {
-        return [_c('section', {
-          class: _vm.configData.widthType === 'full' ? 'width-full' : 'cmhk-home_main',
-          style: _vm.containerStyle
-        }, [_c('div', {
-          staticClass: "column-setting",
-          class: [`layout-${_vm.configData.layoutType || 'default'}`, `${slotProps.isMobile && _vm.configData.mobileLayout === 'vertical' ? 'mobile-vertical' : 'mobile-horizontal'}`],
-          style: _vm.columnStyle
-        }, _vm._l(_vm.data.childList, function (item, index) {
-          return _c('cms-column-card', {
-            key: item.componentId,
-            class: _vm.getColumnItemClass(index),
-            style: _vm.getColumnItemStyle(index),
-            attrs: {
-              "data": item,
-              "nowCompId": _vm.nowCompId,
-              "isOpcacity": _vm.isOpcacity,
-              "isMask": false,
-              "lang": _vm.lang
-            }
-          });
-        }), 1)])];
-      }
-    }])
-  }, 'BaseComp', _vm.$attrs, false));
-};
-var staticRenderFns = [];
-
-// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(537);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=script&lang=js
-
-/* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-column",
-  components: {
-    BaseComp: baseComp["default"]
-  },
-  props: {
-    data: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    nowCompId: {
-      type: [String, Number],
-      default: ""
-    },
-    isOpcacity: {
-      type: Boolean,
-      default: true
-    },
-    lang: {
-      type: String,
-      default: "zh-HK"
-    }
-  },
-  data() {
-    return {
-      configData: {},
-      messFold: true,
-      // 默认配置数据
-      defaultConfig: {
-        layoutType: "100",
-        heightType: "auto",
-        widthType: "auto",
-        mobileLayout: "vertical",
-        fixedHeight: 300,
-        borderWidth: 0,
-        borderStyle: "solid",
-        borderColor: "#409eff",
-        backgroundColor: "#FFF",
-        backgroundImage: "",
-        boxShadow: "",
-        borderRadius: 0,
-        columnGap: 0,
-        rowGap: 0,
-        title: "",
-        description: "",
-        input1: "",
-        showTitle: true,
-        showDescription: true,
-        animationDuration: 300,
-        responsiveBreakpoint: 768
-      }
-    };
-  },
-  mounted() {
-    this.initConfigData();
-    // 添加窗口大小变化监听
-  },
-  watch: {
-    configData: {
-      handler() {
-        this.updateStyles();
-      },
-      deep: true
-    }
-  },
-  computed: {
-    // 容器样式
-    containerStyle() {
-      return {
-        backgroundColor: this.configData.backgroundColor || this.defaultConfig.backgroundColor,
-        backgroundImage: this.configData.backgroundImage ? `url(${this.configData.backgroundImage})` : "",
-        backgroundSize: "cover",
-        backgroundRepeat: "no-repeat",
-        backgroundPosition: "center center",
-        boxShadow: this.configData.boxShadow || this.defaultConfig.boxShadow,
-        borderRadius: `${this.configData.borderRadius || this.defaultConfig.borderRadius}px`,
-        minHeight: this.configData.heightType === "fixed" ? `${this.configData.fixedHeight}px` : "auto"
-      };
-    },
-    // 分栏容器样式
-    columnStyle() {
-      // const gap = this.configData.rowGap || this.defaultConfig.rowGap;
-      return {
-        // gap: `${gap}px`,
-        border: this.configData.borderWidth ? `${this.configData.borderWidth}px ${this.configData.borderStyle} ${this.configData.borderColor}` : "none"
-      };
-    }
-  },
-  methods: {
-    // 初始化配置数据
-    initConfigData() {
-      // 合并默认配置和传入配置
-      this.configData = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-    },
-    // 获取配置数据
-    getConfigData(configData) {
-      this.configData = {
-        ...this.defaultConfig,
-        ...configData
-      };
-      this.updateStyles();
-    },
-    // 更新样式
-    updateStyles() {
-      this.$nextTick(() => {
-        // 触发样式更新
-        this.$forceUpdate();
-      });
-    },
-    // 获取分栏项的类名
-    getColumnItemClass(index) {
-      const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
-      return ["column-item", `column-item-${index}`, `layout-${layoutType}`, {
-        "min-h": this.$EventBus && this.isOpcacity,
-        "first-item": index === 0,
-        "last-item": index === this.data.childList.length - 1
-      }];
-    },
-    // 获取分栏项的样式
-    getColumnItemStyle(index) {
-      const layoutType = this.configData.layoutType || this.defaultConfig.layoutType;
-      const gap = this.configData.rowGap || this.defaultConfig.rowGap;
-      let flexBasis = "100%";
-      let marginRight = "0";
-
-      // 根据布局类型设置宽度
-      switch (layoutType) {
-        case "50-50":
-          flexBasis = `calc(50% - ${gap / 2}px)`;
-          marginRight = index % 2 === 0 ? `${gap}px` : "0";
-          break;
-        case "33-66":
-          flexBasis = index === 0 ? `calc(33.33% - ${gap / 2}px)` : `calc(66.67% - ${gap / 2}px)`;
-          marginRight = index === 0 ? `${gap}px` : "0";
-          break;
-        case "66-33":
-          flexBasis = index === 0 ? `calc(66.67% - ${gap / 2}px)` : `calc(33.33% - ${gap / 2}px)`;
-          marginRight = index === 0 ? `${gap}px` : "0";
-          break;
-        case "33-33-33":
-          flexBasis = `calc(33.33% - ${gap * 2 / 3}px)`;
-          marginRight = index < 2 ? `${gap}px` : "0";
-          break;
-        case "25-50-25":
-          if (index === 0 || index === 2) {
-            flexBasis = `calc(25% - ${gap * 2 / 3}px)`;
-          } else {
-            flexBasis = `calc(50% - ${gap * 2 / 3}px)`;
-          }
-          marginRight = index < 2 ? `${gap}px` : "0";
-          break;
-        default:
-          flexBasis = "100%";
-      }
-      return {
-        flexBasis,
-        marginRight,
-        marginBottom: `${this.configData.columnGap || this.defaultConfig.columnGap}px`
-      };
-    },
-    // 折叠/展开文本
-    foldMessText() {
-      this.messFold = !this.messFold;
-    },
-    // 处理跳转链接
-    decodeJumpUrl(url) {
-      if (!url) return;
-      top.location.href = url;
-    }
-  }
-});
-;// ./package/cms-column/View.vue?vue&type=script&lang=js
- /* harmony default export */ var cms_column_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=style&index=0&id=67ae24ec&prod&lang=scss&scoped=true
-// extracted by mini-css-extract-plugin
-
-;// ./package/cms-column/View.vue?vue&type=style&index=0&id=67ae24ec&prod&lang=scss&scoped=true
-
-// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(1656);
-;// ./package/cms-column/View.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var component = (0,componentNormalizer/* default */.A)(
-  cms_column_Viewvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  "67ae24ec",
-  null
-  
-)
-
-/* harmony default export */ var View = (component.exports);
-
 /***/ }),
 
 /***/ 9928: