npm - cms-chenhj-ui - Versions diffs - 2.0.12 → 2.0.14 - Mend

cms-chenhj-ui 2.0.12 → 2.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/cms-chenhj-ui.common.js +2345 -1691
package/cms-chenhj-ui.common.js.map +1 -1
package/cms-chenhj-ui.css +1 -1
package/cms-chenhj-ui.umd.js +2348 -1694
package/cms-chenhj-ui.umd.js.map +1 -1
package/cms-chenhj-ui.umd.min.js +3 -3
package/cms-chenhj-ui.umd.min.js.map +1 -1
package/package.json +1 -1

package/cms-chenhj-ui.umd.js CHANGED Viewed

@@ -82,6 +82,181 @@ const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSc
 /***/ }),
+/***/ 103:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ View; }
+});
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video-group/View.vue?vue&type=template&id=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__(7135);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video-group/View.vue?vue&type=script&lang=js
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-video-group",
+  components: {
+    BaseComp: baseComp["default"]
+  },
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    nowCompId: {
+      type: [String, Number],
+      default: ""
+    },
+    isOpcacity: {
+      type: Boolean,
+      default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
+    }
+  },
+  data() {
+    return {
+      configData: {},
+      messFold: false,
+      // 默认配置数据
+      isShowPannel: false
+    };
+  },
+  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-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video-group/View.vue?vue&type=style&index=0&id=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);
+/***/ }),
 /***/ 116:
 /***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
@@ -272,7 +447,7 @@ var swiper = __webpack_require__(828);
 // EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
 var swiper_esm_bundle = __webpack_require__(1532);
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(7843);
+var baseComp = __webpack_require__(7135);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-aLineThreeLeftTwo/View.vue?vue&type=script&lang=js
@@ -606,7 +781,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__(7843);
+var baseComp = __webpack_require__(7135);
 // EXTERNAL MODULE: ./package/patch.js
 var patch = __webpack_require__(4229);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-servePlan-tab/View.vue?vue&type=script&lang=js
@@ -10129,7 +10304,7 @@ var render = function render() {
 var staticRenderFns = [];
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(7843);
+var baseComp = __webpack_require__(7135);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-cells/View.vue?vue&type=script&lang=js
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
@@ -10614,7 +10789,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__(7843);
+var baseComp = __webpack_require__(7135);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-button/View.vue?vue&type=script&lang=js
@@ -10991,7 +11166,7 @@ var render = function render() {
 var staticRenderFns = [];
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(7843);
+var baseComp = __webpack_require__(7135);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineTwo/View.vue?vue&type=script&lang=js
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
@@ -11151,7 +11326,7 @@ var swiper = __webpack_require__(828);
 // EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
 var swiper_esm_bundle = __webpack_require__(1532);
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(7843);
+var baseComp = __webpack_require__(7135);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-imgFour/View.vue?vue&type=script&lang=js
@@ -19677,8 +19852,8 @@ module.exports = uncurryThis({}.isPrototypeOf);
 var map = {
 	"./": 6959,
-	"./baseComp": 7843,
-	"./baseComp.vue": 7843,
+	"./baseComp": 7135,
+	"./baseComp.vue": 7135,
 	"./baseConfig": 2128,
 	"./baseConfig.js": 2128,
 	"./cms-aLineThreeLeftOne": 918,
@@ -19728,13 +19903,13 @@ var map = {
 	"./cms-column": 3154,
 	"./cms-column-card": 3583,
 	"./cms-column-card/": 3583,
-	"./cms-column-card/View": 3894,
-	"./cms-column-card/View.vue": 3894,
+	"./cms-column-card/View": 9421,
+	"./cms-column-card/View.vue": 9421,
 	"./cms-column-card/index": 3583,
 	"./cms-column-card/index.js": 3583,
 	"./cms-column/": 3154,
-	"./cms-column/View": 8970,
-	"./cms-column/View.vue": 8970,
+	"./cms-column/View": 8044,
+	"./cms-column/View.vue": 8044,
 	"./cms-column/index": 3154,
 	"./cms-column/index.js": 3154,
 	"./cms-description": 98,
@@ -19756,9 +19931,15 @@ var map = {
 	"./cms-iconFour/index": 653,
 	"./cms-iconFour/index.js": 653,
 	"./cms-image": 3513,
+	"./cms-image-group": 2987,
+	"./cms-image-group/": 2987,
+	"./cms-image-group/View": 7583,
+	"./cms-image-group/View.vue": 7583,
+	"./cms-image-group/index": 2987,
+	"./cms-image-group/index.js": 2987,
 	"./cms-image/": 3513,
-	"./cms-image/View": 6345,
-	"./cms-image/View.vue": 6345,
+	"./cms-image/View": 3823,
+	"./cms-image/View.vue": 3823,
 	"./cms-image/index": 3513,
 	"./cms-image/index.js": 3513,
 	"./cms-imgFour": 3395,
@@ -19870,9 +20051,15 @@ var map = {
 	"./cms-via-storedValueCard/index": 9711,
 	"./cms-via-storedValueCard/index.js": 9711,
 	"./cms-video": 3275,
+	"./cms-video-group": 2697,
+	"./cms-video-group/": 2697,
+	"./cms-video-group/View": 103,
+	"./cms-video-group/View.vue": 103,
+	"./cms-video-group/index": 2697,
+	"./cms-video-group/index.js": 2697,
 	"./cms-video/": 3275,
-	"./cms-video/View": 4297,
-	"./cms-video/View.vue": 4297,
+	"./cms-video/View": 6253,
+	"./cms-video/View.vue": 6253,
 	"./cms-video/index": 3275,
 	"./cms-video/index.js": 3275,
 	"./cms-view": 725,
@@ -20226,7 +20413,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__(7843);
+var baseComp = __webpack_require__(7135);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-prodCustomization/View.vue?vue&type=script&lang=js
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
@@ -20435,7 +20622,7 @@ var render = function render() {
 var staticRenderFns = [];
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(7843);
+var baseComp = __webpack_require__(7135);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineFive/View.vue?vue&type=script&lang=js
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
@@ -22542,7 +22729,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__(7843);
+var baseComp = __webpack_require__(7135);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-activityTime/View.vue?vue&type=script&lang=js
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
@@ -22706,6 +22893,64 @@ module.exports = function (iterable, unboundFunction, options) {
 };
+/***/ }),
+/***/ 2697:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 103));
+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
+    });
+  }
+});
 /***/ }),
 /***/ 2730:
@@ -22991,7 +23236,7 @@ var render = function render() {
 var staticRenderFns = [];
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(7843);
+var baseComp = __webpack_require__(7135);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-iconFour/View.vue?vue&type=script&lang=js
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
@@ -23135,6 +23380,64 @@ module.exports = Math.pow;
 /***/ }),
+/***/ 2987:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 7583));
+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
+    });
+  }
+});
+/***/ }),
 /***/ 3003:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
@@ -23208,7 +23511,7 @@ module.exports = Math.min;
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 8970));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 8044));
 const langData = {
   // 布局配置
   layoutType: "100",
@@ -23217,9 +23520,9 @@ const langData = {
   mobileLayout: "vertical",
   fixedHeight: 300,
   // 边框配置
-  borderWidth: 1,
+  borderWidth: 0,
   borderStyle: "solid",
-  borderColor: "#409eff",
+  borderColor: "",
   borderRadius: 0,
   // 背景配置
   backgroundColor: "#FFF",
@@ -23335,7 +23638,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)",
@@ -23347,7 +23651,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: "背景图片",
@@ -23578,9 +23883,10 @@ module.exports = function (O) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 4297));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 6253));
 const langData = {
   // 视频源设置
+  title: '',
   videoType: "direct",
   videoUrl: "",
   embedCode: "",
@@ -23607,6 +23913,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",
@@ -24037,9 +24348,10 @@ module.exports = function (argument) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 6345));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 3823));
 const langData = {
   // 图片设置
+  remark: "",
   imageUrl: "",
   altText: "图片",
   title: "",
@@ -24062,6 +24374,11 @@ const langData = {
   lazyLoad: false
 };
 const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataType)(langData, {
+  remark: {
+    label: "图片备注",
+    widgetType: "el-input",
+    placeholder: "请输入图片备注"
+  },
   // 图片设置配置
   imageUrl: {
     label: "图片地址",
@@ -24069,15 +24386,16 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
     placeholder: "请选择或输入图片地址"
   },
   altText: {
-    label: "替代文本",
+    label: "alt属性",
     widgetType: "el-input",
-    placeholder: "请输入图片的替代文本"
-  },
-  title: {
-    label: "图片标题",
-    widgetType: "el-input",
-    placeholder: "请输入图片标题（鼠标悬停时显示）"
+    placeholder: "请输入图片的alt属性"
   },
+  // title: {
+  //   label: "图片标题",
+  //   widgetType: "el-input",
+  //   placeholder: "请输入图片标题（鼠标悬停时显示）"
+  // },
   // 尺寸控制配置
   widthType: {
     label: "宽度类型",
@@ -32139,7 +32457,7 @@ $({ target: 'Iterator', proto: true, real: true }, {
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 3894));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 9421));
 // 默认配置数据
 const langData = {
@@ -32147,9 +32465,9 @@ const langData = {
   heightType: "auto",
   fixedHeight: 300,
   // 边框设置
-  borderWidth: 1,
+  borderWidth: 0,
   borderStyle: "solid",
-  borderColor: "#1c4fc6ff",
+  borderColor: "",
   borderRadius: 0,
   // 背景设置
   backgroundColor: "",
@@ -32208,7 +32526,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)",
@@ -32221,7 +32540,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: "背景图片",
@@ -32522,53 +32842,7 @@ module.exports = function (obj) {
 /***/ }),
-/***/ 3838:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-"use strict";
-var aSet = __webpack_require__(7080);
-var size = __webpack_require__(5170);
-var iterate = __webpack_require__(8469);
-var getSetRecord = __webpack_require__(3789);
-// `Set.prototype.isSubsetOf` method
-// https://tc39.github.io/proposal-set-methods/#Set.prototype.isSubsetOf
-module.exports = function isSubsetOf(other) {
-  var O = aSet(this);
-  var otherRec = getSetRecord(other);
-  if (size(O) > otherRec.size) return false;
-  return iterate(O, function (e) {
-    if (!otherRec.includes(e)) return false;
-  }, true) !== false;
-};
-/***/ }),
-/***/ 3853:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-"use strict";
-var $ = __webpack_require__(6518);
-var isDisjointFrom = __webpack_require__(4449);
-var setMethodAcceptSetLike = __webpack_require__(4916);
-var INCORRECT = !setMethodAcceptSetLike('isDisjointFrom', function (result) {
-  return !result;
-});
-// `Set.prototype.isDisjointFrom` method
-// https://tc39.es/ecma262/#sec-set.prototype.isdisjointfrom
-$({ target: 'Set', proto: true, real: true, forced: INCORRECT }, {
-  isDisjointFrom: isDisjointFrom
-});
-/***/ }),
-/***/ 3894:
+/***/ 3823:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 "use strict";
@@ -32580,15 +32854,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
-var es_iterator_constructor = __webpack_require__(8111);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.drop.js
-var es_iterator_drop = __webpack_require__(9314);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=template&id=971892d6&scoped=true
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=template&id=5dac7dea&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -32597,137 +32863,71 @@ var render = function render() {
       "data": _vm.data,
       "nowCompId": _vm.nowCompId,
       "isOpcacity": _vm.isOpcacity,
-      "isMask": false,
-      "lang": _vm.lang,
-      "showDel": false
+      "lang": _vm.lang
     },
     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}`
-    },
+  }, '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: {
-      "dragover": _vm.dragover,
-      "dragend": function ($event) {
-        _vm.showAddCom = false;
-      },
-      "drop": _vm.drop
+      "click": _vm.handleClick
     }
-  }, [_c('Draggable', {
-    staticStyle: {
-      "position": "relative"
-    },
+  }, [_vm.configData.imageUrl ? _c('img', {
+    staticClass: "cms-image",
+    style: _vm.imageStyle,
     attrs: {
-      "chosen-class": "chosen",
-      "force-fallback": "true",
-      "animation": "1000",
-      "move": _vm.onMove
+      "src": _vm.configData.imageUrl,
+      "alt": _vm.configData.altText || '图片',
+      "title": _vm.configData.title
     },
     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"
+      "load": _vm.onImageLoad,
+      "error": _vm.onImageError
     }
-  }, [_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'
+  }) : _c('div', {
+    staticClass: "image-placeholder",
+    style: _vm.placeholderStyle
+  }, [_c('img', {
+    staticStyle: {
+      "width": "200px",
+      "height": "200px"
     },
     attrs: {
-      "id": `-cardTargetdown`
+      "src": __webpack_require__(4806),
+      "alt": "Picture"
     }
-  }, [_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);
+  })])])]), _c('div', {
+    staticClass: "f-c-c"
+  }, [_vm._v(_vm._s(_vm.configData.remark))])]);
 };
 var staticRenderFns = [];
-;// ./package/cms-column-card/View.vue?vue&type=template&id=971892d6&scoped=true
+;// ./package/cms-image/View.vue?vue&type=template&id=5dac7dea&scoped=true
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
-var es_array_push = __webpack_require__(4114);
+// 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__(7843);
-// EXTERNAL MODULE: ./node_modules/vuedraggable/dist/vuedraggable.umd.js
-var vuedraggable_umd = __webpack_require__(9014);
-var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_umd);
-// EXTERNAL MODULE: ./package/baseConfig.js
-var baseConfig = __webpack_require__(2128);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=script&lang=js
+var baseComp = __webpack_require__(7135);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=script&lang=js
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-column-card",
+  name: "cms-image",
   components: {
-    BaseComp: baseComp["default"],
-    Draggable: (vuedraggable_umd_default())
+    BaseComp: baseComp["default"]
   },
   props: {
     data: {
@@ -32752,206 +32952,207 @@ var baseConfig = __webpack_require__(2128);
   data() {
     return {
       configData: {},
-      messFold: true,
-      showAddCom: false
+      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
+      }
     };
   },
-  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;
-      });
+    this.initConfigData();
+  },
+  watch: {
+    configData: {
+      handler() {
+        this.updateStyles();
+      },
+      deep: true
     }
   },
-  watch: {},
-  methods: {
-    // 获取容器高度
-    getContainerHeight() {
-      if (this.configData.heightType === "fixed") {
-        return `${this.configData.fixedHeight}px`;
-      }
-      return this.isOpcacity ? "100%" : "auto";
+  computed: {
+    // 容器样式
+    containerStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      return {
+        ...this.parseCustomStyle(config.customStyle)
+      };
     },
-    // 获取容器边框
-    getContainerBorder() {
-      if (this.configData.borderWidth) {
-        return `${this.configData.borderWidth}px ${this.configData.borderStyle} ${this.configData.borderColor}`;
+    // 包装器样式
+    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}%`;
       }
-      return "none";
-    },
-    // 获取容器圆角
-    getContainerBorderRadius() {
-      if (this.configData.borderRadius) {
-        return `${this.configData.borderRadius}px`;
+      // 高度设置
+      if (config.heightType === "fixed") {
+        height = `${config.heightValue}px`;
+      } else if (config.heightType === "percent") {
+        height = `${config.heightValue}%`;
       }
-      return "0";
-    },
-    getConfigData(configData) {
-      this.configData = configData;
-    },
-    foldMessText() {
-      this.messFold = !this.messFold;
-    },
-    decodeJumpUrl(url) {
-      if (!url) return;
-      top.location.href = url;
+      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"
+      };
     },
-    onStart(evt) {
-      console.log("drag start in column-card", evt);
-      this.showAddCom = true;
+    // 图片样式
+    imageStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      return {
+        width: "100%",
+        height: "100%",
+        objectFit: config.objectFit,
+        display: "block"
+      };
     },
-    // 限制拖拽的组件类型
-    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;
-        }
+    // 占位符样式
+    placeholderStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      let width = "100%";
+      let height = "auto";
-        // 特殊处理 cms-column：检查嵌套层级
-        if (componentType === "cms-column") {
-          if (!this.checkColumnNestingLevel()) {
-            console.log("cms-column 嵌套层级超出限制");
-            return false;
-          }
-        }
+      // 如果设置了固定尺寸，使用设置的尺寸
+      if (config.widthType === "fixed") {
+        width = `${config.widthValue}px`;
       }
-      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;
+      if (config.heightType === "fixed") {
+        height = `${config.heightValue}px`;
       }
-      console.log(`cms-column 嵌套层级检查通过: ${columnDepth}`);
-      return true;
+      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
+      };
     },
-    // 处理拖拽悬停
-    dragover(e) {
-      e.preventDefault();
-      this.showAddCom = true;
+    // 获取配置数据
+    getConfigData(configData) {
+      this.configData = {
+        ...this.defaultConfig,
+        ...configData
+      };
+      this.updateStyles();
     },
-    // 处理拖拽放置
-    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;
+    // 更新样式
+    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;
         }
       }
-      this.addOneComp(e, componentKey);
     },
-    // 添加组件到卡片容器
-    addOneComp(e, componentKey) {
-      this.showAddCom = false;
-      console.log("drop to column-card", componentKey);
-      // 动态导入组件配置
-      let initCompData;
+    // 图片加载成功
+    onImageLoad() {
+      this.imageLoaded = true;
+      this.imageError = false;
+    },
+    // 图片加载失败
+    onImageError() {
+      this.imageLoaded = false;
+      this.imageError = true;
+    },
+    // 解析自定义样式
+    parseCustomStyle(customStyle) {
+      if (!customStyle) return {};
       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")]
+        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.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);
+        console.warn("解析自定义样式失败:", error);
+        return {};
       }
     }
   }
 });
-;// ./package/cms-column-card/View.vue?vue&type=script&lang=js
- /* harmony default export */ var cms_column_card_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=style&index=0&id=971892d6&prod&lang=scss&scoped=true
+;// ./package/cms-image/View.vue?vue&type=script&lang=js
+ /* harmony default export */ var cms_image_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js);
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=style&index=0&id=5dac7dea&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
+;// ./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-column-card/View.vue
+;// ./package/cms-image/View.vue
@@ -32961,18 +33162,64 @@ var componentNormalizer = __webpack_require__(1656);
 /* normalize component */
 var component = (0,componentNormalizer/* default */.A)(
-  cms_column_card_Viewvue_type_script_lang_js,
+  cms_image_Viewvue_type_script_lang_js,
   render,
   staticRenderFns,
   false,
   null,
-  "971892d6",
+  "5dac7dea",
   null
 )
 /* harmony default export */ var View = (component.exports);
+/***/ }),
+/***/ 3838:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+"use strict";
+var aSet = __webpack_require__(7080);
+var size = __webpack_require__(5170);
+var iterate = __webpack_require__(8469);
+var getSetRecord = __webpack_require__(3789);
+// `Set.prototype.isSubsetOf` method
+// https://tc39.github.io/proposal-set-methods/#Set.prototype.isSubsetOf
+module.exports = function isSubsetOf(other) {
+  var O = aSet(this);
+  var otherRec = getSetRecord(other);
+  if (size(O) > otherRec.size) return false;
+  return iterate(O, function (e) {
+    if (!otherRec.includes(e)) return false;
+  }, true) !== false;
+};
+/***/ }),
+/***/ 3853:
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
+"use strict";
+var $ = __webpack_require__(6518);
+var isDisjointFrom = __webpack_require__(4449);
+var setMethodAcceptSetLike = __webpack_require__(4916);
+var INCORRECT = !setMethodAcceptSetLike('isDisjointFrom', function (result) {
+  return !result;
+});
+// `Set.prototype.isDisjointFrom` method
+// https://tc39.es/ecma262/#sec-set.prototype.isdisjointfrom
+$({ target: 'Set', proto: true, real: true, forced: INCORRECT }, {
+  isDisjointFrom: isDisjointFrom
+});
 /***/ }),
 /***/ 3923:
@@ -33041,7 +33288,7 @@ var render = function render() {
 var staticRenderFns = [];
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(7843);
+var baseComp = __webpack_require__(7135);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-titleCenter/View.vue?vue&type=script&lang=js
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
@@ -33330,7 +33577,7 @@ var render = function render() {
 var staticRenderFns = [];
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(7843);
+var baseComp = __webpack_require__(7135);
 // EXTERNAL MODULE: ./package/patch.js
 var patch = __webpack_require__(4229);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-via-storedValueCard/View.vue?vue&type=script&lang=js
@@ -33854,367 +34101,6 @@ const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSc
 /***/ }),
-/***/ 4297:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": function() { return /* binding */ View; }
-});
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video/View.vue?vue&type=template&id=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__(7843);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video/View.vue?vue&type=script&lang=js
-/* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-video",
-  components: {
-    BaseComp: baseComp["default"]
-  },
-  props: {
-    data: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    nowCompId: {
-      type: [String, Number],
-      default: ""
-    },
-    isOpcacity: {
-      type: Boolean,
-      default: true
-    },
-    lang: {
-      type: String,
-      default: "zh-HK"
-    }
-  },
-  data() {
-    return {
-      configData: {},
-      videoLoaded: false,
-      videoError: false,
-      // 默认配置数据
-      defaultConfig: {
-        // 视频源设置
-        videoType: "direct",
-        videoUrl: "",
-        embedCode: "",
-        posterUrl: "",
-        // 播放控制
-        showControls: true,
-        autoplay: false,
-        loop: false,
-        muted: false,
-        // 尺寸控制
-        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-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video/View.vue?vue&type=style&index=0&id=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);
-/***/ }),
 /***/ 4326:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
@@ -34854,7 +34740,7 @@ var render = function render() {
 var staticRenderFns = [];
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(7843);
+var baseComp = __webpack_require__(7135);
 // EXTERNAL MODULE: ./src/utils/request.js + 2 modules
 var utils_request = __webpack_require__(9688);
 ;// ./src/api/servePlan.js
@@ -35123,7 +35009,7 @@ var render = function render() {
 var staticRenderFns = [];
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(7843);
+var baseComp = __webpack_require__(7135);
 // EXTERNAL MODULE: ./src/utils/jumpUrl.js
 var jumpUrl = __webpack_require__(4102);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-titleLeft/View.vue?vue&type=script&setup=true&lang=js
@@ -35541,7 +35427,7 @@ var render = function render() {
 var staticRenderFns = [];
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(7843);
+var baseComp = __webpack_require__(7135);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-servePlan-text/View.vue?vue&type=script&lang=js
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
@@ -35668,7 +35554,7 @@ const langData = {
   fontWeight: "normal",
   fontStyle: "normal",
   textDecoration: "none",
-  fontFamily: "inherit",
+  fontFamily: "Microsoft YaHei",
   // 布局设置
   paddingTop: 0,
   paddingBottom: 0,
@@ -35776,7 +35662,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: "字体粗细",
@@ -35847,35 +35734,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)",
@@ -35935,7 +35808,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: {
@@ -35964,7 +35838,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)",
@@ -35995,15 +35870,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类",
@@ -36016,41 +35892,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"] = ({
@@ -36068,6 +35933,14 @@ const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSc
 /***/ }),
+/***/ 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=";
+/***/ }),
 /***/ 4829:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
@@ -36796,6 +36669,7 @@ module.exports = getBuiltIn('Reflect', 'ownKeys') || function ownKeys(it) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony default export */ __webpack_exports__["default"] = ({
   Expand: "展开",
+  More: "查看更多",
   Collpase: "收起",
   discount: '优惠期限：'
 });
@@ -36856,12 +36730,13 @@ var map = {
 	"./cms-banner/View.vue": 7747,
 	"./cms-button/View.vue": 1163,
 	"./cms-cells/View.vue": 983,
-	"./cms-column-card/View.vue": 3894,
-	"./cms-column/View.vue": 8970,
+	"./cms-column-card/View.vue": 9421,
+	"./cms-column/View.vue": 8044,
 	"./cms-description/View.vue": 6296,
 	"./cms-dynamic-comp/View.vue": 7298,
 	"./cms-iconFour/View.vue": 2946,
-	"./cms-image/View.vue": 6345,
+	"./cms-image-group/View.vue": 7583,
+	"./cms-image/View.vue": 3823,
 	"./cms-imgFour/View.vue": 1282,
 	"./cms-lineFive/View.vue": 1716,
 	"./cms-lineFour/View.vue": 8067,
@@ -36880,7 +36755,8 @@ var map = {
 	"./cms-titleCenter/View.vue": 4003,
 	"./cms-titleLeft/View.vue": 4598,
 	"./cms-via-storedValueCard/View.vue": 4109,
-	"./cms-video/View.vue": 4297,
+	"./cms-video-group/View.vue": 103,
+	"./cms-video/View.vue": 6253,
 	"./cms-view/View.vue": 3774
 };
@@ -37567,7 +37443,7 @@ var render = function render() {
 var staticRenderFns = [];
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(7843);
+var baseComp = __webpack_require__(7135);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-richText/View.vue?vue&type=script&lang=js
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
@@ -37981,6 +37857,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 页面数据
@@ -38139,11 +38027,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__(7087);
 var lib_default = /*#__PURE__*/__webpack_require__.n(lib);
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(7843);
+var baseComp = __webpack_require__(7135);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-proCard/View.vue?vue&type=script&lang=js
@@ -38383,6 +38278,14 @@ module.exports = function (key) {
 };
+/***/ }),
+/***/ 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";
 /***/ }),
 /***/ 6193:
@@ -41635,6 +41538,384 @@ Sortable.mount(Remove, Revert);
 /* harmony default export */ __webpack_exports__["default"] = (Sortable);
+/***/ }),
+/***/ 6253:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ View; }
+});
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video/View.vue?vue&type=template&id=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__(7135);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video/View.vue?vue&type=script&lang=js
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-video",
+  components: {
+    BaseComp: baseComp["default"]
+  },
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    nowCompId: {
+      type: [String, Number],
+      default: ""
+    },
+    isOpcacity: {
+      type: Boolean,
+      default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
+    }
+  },
+  data() {
+    return {
+      configData: {},
+      videoLoaded: false,
+      videoError: false,
+      // 默认配置数据
+      defaultConfig: {
+        // 视频源设置
+        videoType: "direct",
+        videoUrl: "",
+        embedCode: "",
+        posterUrl: "",
+        // 播放控制
+        showControls: true,
+        autoplay: false,
+        loop: false,
+        muted: false,
+        // 尺寸控制
+        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-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video/View.vue?vue&type=style&index=0&id=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);
 /***/ }),
 /***/ 6269:
@@ -41746,7 +42027,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__(7843);
+var baseComp = __webpack_require__(7135);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-question/View.vue?vue&type=script&lang=js
@@ -41892,7 +42173,7 @@ var render = function render() {
 var staticRenderFns = [];
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(7843);
+var baseComp = __webpack_require__(7135);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-description/View.vue?vue&type=script&lang=js
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
@@ -42353,329 +42634,6 @@ module.exports = function (iterator, fn, value, ENTRIES) {
 };
-/***/ }),
-/***/ 6345:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": function() { return /* binding */ View; }
-});
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=template&id=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__(7843);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=script&lang=js
-/* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-image",
-  components: {
-    BaseComp: baseComp["default"]
-  },
-  props: {
-    data: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    nowCompId: {
-      type: [String, Number],
-      default: ""
-    },
-    isOpcacity: {
-      type: Boolean,
-      default: true
-    },
-    lang: {
-      type: String,
-      default: "zh-HK"
-    }
-  },
-  data() {
-    return {
-      configData: {},
-      imageLoaded: false,
-      imageError: false,
-      // 默认配置数据
-      defaultConfig: {
-        // 图片设置
-        imageUrl: "",
-        altText: "图片",
-        title: "",
-        // 尺寸控制
-        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-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=style&index=0&id=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);
 /***/ }),
 /***/ 6368:
@@ -42979,7 +42937,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: "字体粗细",
@@ -43025,7 +42984,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)",
@@ -43062,7 +43022,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: {
@@ -43766,7 +43727,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']
           }
         }]
       },
@@ -43901,7 +43863,7 @@ var swiper = __webpack_require__(828);
 // EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
 var swiper_esm_bundle = __webpack_require__(1532);
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(7843);
+var baseComp = __webpack_require__(7135);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-termsAndConditions/View.vue?vue&type=script&lang=js
@@ -44090,6 +44052,272 @@ module.exports = {
 /***/ }),
+/***/ 7135:
+/***/ (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-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/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__(4229);
+// EXTERNAL MODULE: ./node_modules/dayjs/dayjs.min.js
+var dayjs_min = __webpack_require__(8655);
+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-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/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-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/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);
+/***/ }),
 /***/ 7210:
 /***/ (function(module) {
@@ -44685,7 +44913,7 @@ var render = function render() {
 var staticRenderFns = [];
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(7843);
+var baseComp = __webpack_require__(7135);
 // EXTERNAL MODULE: ./package/patch.js
 var patch = __webpack_require__(4229);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-dynamic-comp/View.vue?vue&type=script&lang=js
@@ -44871,7 +45099,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__(7843);
+var baseComp = __webpack_require__(7135);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-text/View.vue?vue&type=script&lang=js
@@ -45470,7 +45698,7 @@ var swiper = __webpack_require__(828);
 // EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
 var swiper_esm_bundle = __webpack_require__(1532);
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(7843);
+var baseComp = __webpack_require__(7135);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-aLineThreeLeftOne/View.vue?vue&type=script&lang=js
@@ -45633,6 +45861,181 @@ if (params.has('a', 2) || !params.has('a', undefined)) {
 }
+/***/ }),
+/***/ 7583:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ View; }
+});
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image-group/View.vue?vue&type=template&id=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__(7135);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image-group/View.vue?vue&type=script&lang=js
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-image-group",
+  components: {
+    BaseComp: baseComp["default"]
+  },
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    nowCompId: {
+      type: [String, Number],
+      default: ""
+    },
+    isOpcacity: {
+      type: Boolean,
+      default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
+    }
+  },
+  data() {
+    return {
+      configData: {},
+      messFold: false,
+      // 默认配置数据
+      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-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image-group/View.vue?vue&type=style&index=0&id=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);
 /***/ }),
 /***/ 7588:
@@ -45670,6 +46073,7 @@ $({ target: 'Iterator', proto: true, real: true }, {
 __webpack_require__.r(__webpack_exports__);
 /* harmony default export */ __webpack_exports__["default"] = ({
   Expand: "Expand",
+  More: "More",
   Collpase: "Collpase",
   discount: 'Discount period:'
 });
@@ -46041,7 +46445,7 @@ var swiper_esm_bundle = __webpack_require__(1532);
 // EXTERNAL MODULE: ./src/utils/jumpUrl.js
 var jumpUrl = __webpack_require__(4102);
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(7843);
+var baseComp = __webpack_require__(7135);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-banner/View.vue?vue&type=script&lang=js
@@ -46348,7 +46752,7 @@ var render = function render() {
 var staticRenderFns = [];
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(7843);
+var baseComp = __webpack_require__(7135);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-productDetails/View.vue?vue&type=script&lang=js
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
@@ -46455,269 +46859,6 @@ var component = (0,componentNormalizer/* default */.A)(
 module.exports = typeof ArrayBuffer != 'undefined' && typeof DataView != 'undefined';
-/***/ }),
-/***/ 7843:
-/***/ (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-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/baseComp.vue?vue&type=template&id=1a96e3b2&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__(4229);
-// EXTERNAL MODULE: ./node_modules/dayjs/dayjs.min.js
-var dayjs_min = __webpack_require__(8655);
-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-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/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");
-      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-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/baseComp.vue?vue&type=style&index=0&id=1a96e3b2&prod&lang=scss&scoped=true
-// extracted by mini-css-extract-plugin
-;// ./package/baseComp.vue?vue&type=style&index=0&id=1a96e3b2&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,
-  "1a96e3b2",
-  null
-)
-/* harmony default export */ var baseComp = (component.exports);
 /***/ }),
 /***/ 7865:
@@ -46823,7 +46964,7 @@ var render = function render() {
 var staticRenderFns = [];
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(7843);
+var baseComp = __webpack_require__(7135);
 // EXTERNAL MODULE: ./src/utils/jumpUrl.js
 var jumpUrl = __webpack_require__(4102);
 // EXTERNAL MODULE: ./node_modules/vue/dist/vue.runtime.esm.js
@@ -47200,6 +47341,281 @@ module.exports = function (argument) {
 };
+/***/ }),
+/***/ 8044:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ View; }
+});
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=template&id=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__(7135);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=script&lang=js
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-column",
+  components: {
+    BaseComp: baseComp["default"]
+  },
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    nowCompId: {
+      type: [String, Number],
+      default: ""
+    },
+    isOpcacity: {
+      type: Boolean,
+      default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
+    }
+  },
+  data() {
+    return {
+      configData: {},
+      messFold: true,
+      // 默认配置数据
+      defaultConfig: {
+        layoutType: "100",
+        heightType: "auto",
+        widthType: "auto",
+        mobileLayout: "vertical",
+        fixedHeight: 300,
+        borderWidth: 0,
+        borderStyle: "solid",
+        borderColor: "",
+        backgroundColor: "#FFF",
+        backgroundImage: "",
+        boxShadow: "",
+        borderRadius: 0,
+        columnGap: 0,
+        rowGap: 0,
+        title: "",
+        description: "",
+        input1: "",
+        showTitle: true,
+        showDescription: true,
+        animationDuration: 300,
+        responsiveBreakpoint: 768
+      }
+    };
+  },
+  mounted() {
+    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-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=style&index=0&id=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);
 /***/ }),
 /***/ 8066:
@@ -47296,7 +47712,7 @@ var render = function render() {
 var staticRenderFns = [];
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(7843);
+var baseComp = __webpack_require__(7135);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-lineFour/View.vue?vue&type=script&lang=js
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
@@ -48573,7 +48989,7 @@ var swiper = __webpack_require__(828);
 // EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
 var swiper_esm_bundle = __webpack_require__(1532);
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(7843);
+var baseComp = __webpack_require__(7135);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-threeScroll/View.vue?vue&type=script&lang=js
@@ -49119,276 +49535,6 @@ module.exports = URIError;
 /***/ }),
-/***/ 8970:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": function() { return /* binding */ View; }
-});
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=template&id=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__(7843);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=script&lang=js
-/* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-column",
-  components: {
-    BaseComp: baseComp["default"]
-  },
-  props: {
-    data: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    nowCompId: {
-      type: [String, Number],
-      default: ""
-    },
-    isOpcacity: {
-      type: Boolean,
-      default: true
-    },
-    lang: {
-      type: String,
-      default: "zh-HK"
-    }
-  },
-  data() {
-    return {
-      configData: {},
-      messFold: true,
-      // 默认配置数据
-      defaultConfig: {
-        layoutType: "100",
-        heightType: "auto",
-        widthType: "auto",
-        mobileLayout: "vertical",
-        fixedHeight: 300,
-        borderWidth: 0,
-        borderStyle: "solid",
-        borderColor: "#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-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column/View.vue?vue&type=style&index=0&id=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);
-/***/ }),
 /***/ 8981:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
@@ -52424,12 +52570,520 @@ $({ target: 'Iterator', proto: true, real: true, forced: IS_PURE }, {
 __webpack_require__.r(__webpack_exports__);
 /* harmony default export */ __webpack_exports__["default"] = ({
   Expand: "展開",
+  More: "查看更多",
   Collpase: "收起",
   discount: '優惠期限：'
 });
 /***/ }),
+/***/ 9421:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ View; }
+});
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
+var es_iterator_constructor = __webpack_require__(8111);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.drop.js
+var es_iterator_drop = __webpack_require__(9314);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=template&id=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__(7135);
+// EXTERNAL MODULE: ./node_modules/vuedraggable/dist/vuedraggable.umd.js
+var vuedraggable_umd = __webpack_require__(9014);
+var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_umd);
+// EXTERNAL MODULE: ./package/baseConfig.js
+var baseConfig = __webpack_require__(2128);
+// EXTERNAL MODULE: ./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__(9563);
+;// ./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-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=script&lang=js
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-column-card",
+  components: {
+    BaseComp: baseComp["default"],
+    Draggable: (vuedraggable_umd_default())
+  },
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    nowCompId: {
+      type: [String, Number],
+      default: ""
+    },
+    isOpcacity: {
+      type: Boolean,
+      default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
+    }
+  },
+  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-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=style&index=0&id=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);
+/***/ }),
 /***/ 9429:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
@@ -55263,7 +55917,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) {