cms-chenhj-ui 2.0.35 → 2.0.36

package/cms-chenhj-ui.umd.js

@@ -715,7 +715,7 @@ Function.prototype.toString = makeBuiltIn(function toString() {
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
 
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 8914));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 342));
 const langData = {
   input1: "请输入富文本内容"
 };
@@ -741,6 +741,140 @@ const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSc
 
 /***/ }),
 
+/***/ 342:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ View; }
+});
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-richText/View.vue?vue&type=template&id=982cf5e8&scoped=true
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('BaseComp', _vm._b({
+    attrs: {
+      "data": _vm.data,
+      "nowCompId": _vm.nowCompId,
+      "isOpcacity": _vm.isOpcacity,
+      "lang": _vm.lang
+    },
+    on: {
+      "getConfigData": _vm.getConfigData
+    }
+  }, 'BaseComp', _vm.$attrs, false), [_c('section', {
+    class: {
+      'cmhk-home_main': _vm.showCmhkMain
+    }
+  }, [_c('div', [_c('div', {
+    staticClass: "inner"
+  }, [_c('p', {
+    staticClass: "cms-ht",
+    domProps: {
+      "innerHTML": _vm._s(_vm.configData.input1)
+    }
+  })])])])]);
+};
+var staticRenderFns = [];
+
+// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
+var baseComp = __webpack_require__(677);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-richText/View.vue?vue&type=script&lang=js
+
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-richText",
+  components: {
+    BaseComp: baseComp["default"]
+  },
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    nowCompId: {
+      type: [String, Number],
+      default: ""
+    },
+    isOpcacity: {
+      type: Boolean,
+      default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
+    },
+    showCmhkMain: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      configData: {},
+      messFold: false
+    };
+  },
+  mounted() {},
+  watch: {},
+  methods: {
+    getConfigData(configData) {
+      this.configData = configData;
+    },
+    foldMessText() {
+      this.messFold = !this.messFold;
+    },
+    decodeJumpUrl(url) {
+      if (!url) return;
+      top.location.href = url;
+    }
+  }
+});
+;// ./package/cms-richText/View.vue?vue&type=script&lang=js
+ /* harmony default export */ var cms_richText_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-richText/View.vue?vue&type=style&index=0&id=982cf5e8&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./package/cms-richText/View.vue?vue&type=style&index=0&id=982cf5e8&prod&lang=scss&scoped=true
+
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-richText/View.vue?vue&type=style&index=1&id=982cf5e8&prod&lang=scss
+// extracted by mini-css-extract-plugin
+
+;// ./package/cms-richText/View.vue?vue&type=style&index=1&id=982cf5e8&prod&lang=scss
+
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1656);
+;// ./package/cms-richText/View.vue
+
+
+
+;
+
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.A)(
+  cms_richText_Viewvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "982cf5e8",
+  null
+  
+)
+
+/* harmony default export */ var View = (component.exports);
+
+/***/ }),
+
 /***/ 343:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -22304,8 +22438,8 @@ var map = {
 	"./cms-banner/index.js": 5342,
 	"./cms-button": 6656,
 	"./cms-button/": 6656,
-	"./cms-button/View": 6446,
-	"./cms-button/View.vue": 6446,
+	"./cms-button/View": 3735,
+	"./cms-button/View.vue": 3735,
 	"./cms-button/index": 6656,
 	"./cms-button/index.js": 6656,
 	"./cms-cells": 649,
@@ -22317,8 +22451,8 @@ var map = {
 	"./cms-column": 3154,
 	"./cms-column-card": 3583,
 	"./cms-column-card/": 3583,
-	"./cms-column-card/View": 4306,
-	"./cms-column-card/View.vue": 4306,
+	"./cms-column-card/View": 4552,
+	"./cms-column-card/View.vue": 4552,
 	"./cms-column-card/index": 3583,
 	"./cms-column-card/index.js": 3583,
 	"./cms-column/": 3154,
@@ -22412,8 +22546,8 @@ var map = {
 	"./cms-question/index.js": 9704,
 	"./cms-richText": 289,
 	"./cms-richText/": 289,
-	"./cms-richText/View": 8914,
-	"./cms-richText/View.vue": 8914,
+	"./cms-richText/View": 342,
+	"./cms-richText/View.vue": 342,
 	"./cms-richText/index": 289,
 	"./cms-richText/index.js": 289,
 	"./cms-servePlan-tab": 5786,
@@ -22447,8 +22581,8 @@ var map = {
 	"./cms-termsAndConditions/index.js": 8806,
 	"./cms-text": 4759,
 	"./cms-text/": 4759,
-	"./cms-text/View": 5086,
-	"./cms-text/View.vue": 5086,
+	"./cms-text/View": 4057,
+	"./cms-text/View.vue": 4057,
 	"./cms-text/index": 4759,
 	"./cms-text/index.js": 4759,
 	"./cms-threeScroll": 1661,
@@ -35717,7 +35851,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__, 4306));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 4552));
 
 // 默认配置数据
 const langData = {
@@ -36460,7 +36594,7 @@ module.exports = !fails(function () {
 
 /***/ }),
 
-/***/ 3774:
+/***/ 3735:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -36472,149 +36606,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ View; }
 });
 
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-view/View.vue?vue&type=template&id=e4796b30&scoped=true
-var render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('div', {
-    staticClass: "view-container"
-  }, [_vm._l(_vm.data, function (item) {
-    return [_c(item.cmsCompName, {
-      key: item.componentId,
-      tag: "component",
-      attrs: {
-        "data": item,
-        "lang": _vm.lang,
-        "timeline": _vm.timeline,
-        "cmhkChannel": _vm.cmhkChannel,
-        "isOpcacity": false
-      }
-    })];
-  })], 2);
-};
-var staticRenderFns = [];
-
-;// ./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-view/View.vue?vue&type=script&lang=js
-/* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-view",
-  props: {
-    data: {
-      type: Array,
-      default: () => {
-        return [];
-      }
-    },
-    lang: {
-      type: String,
-      default: "zh-HK"
-    },
-    timeline: {
-      type: String,
-      default: ""
-    },
-    cmhkChannel: {
-      type: String,
-      default: "WWW"
-    }
-  },
-  created() {
-    this.$i18n.locale = this.lang;
-  }
-});
-;// ./package/cms-view/View.vue?vue&type=script&lang=js
- /* harmony default export */ var cms_view_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-57.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-57.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-57.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-view/View.vue?vue&type=style&index=0&id=e4796b30&prod&scoped=true&lang=css
-// extracted by mini-css-extract-plugin
-
-;// ./package/cms-view/View.vue?vue&type=style&index=0&id=e4796b30&prod&scoped=true&lang=css
-
-// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(1656);
-;// ./package/cms-view/View.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var component = (0,componentNormalizer/* default */.A)(
-  cms_view_Viewvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  "e4796b30",
-  null
-  
-)
-
-/* harmony default export */ var View = (component.exports);
-
-/***/ }),
-
-/***/ 3789:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var aCallable = __webpack_require__(9306);
-var anObject = __webpack_require__(8551);
-var call = __webpack_require__(9565);
-var toIntegerOrInfinity = __webpack_require__(1291);
-var getIteratorDirect = __webpack_require__(1767);
-
-var INVALID_SIZE = 'Invalid size';
-var $RangeError = RangeError;
-var $TypeError = TypeError;
-var max = Math.max;
-
-var SetRecord = function (set, intSize) {
-  this.set = set;
-  this.size = max(intSize, 0);
-  this.has = aCallable(set.has);
-  this.keys = aCallable(set.keys);
-};
-
-SetRecord.prototype = {
-  getIterator: function () {
-    return getIteratorDirect(anObject(call(this.keys, this.set)));
-  },
-  includes: function (it) {
-    return call(this.has, this.set, it);
-  }
-};
-
-// `GetSetRecord` abstract operation
-// https://tc39.es/proposal-set-methods/#sec-getsetrecord
-module.exports = function (obj) {
-  anObject(obj);
-  var numSize = +obj.size;
-  // NOTE: If size is undefined, then numSize will be NaN
-  // eslint-disable-next-line no-self-compare -- NaN check
-  if (numSize !== numSize) throw new $TypeError(INVALID_SIZE);
-  var intSize = toIntegerOrInfinity(numSize);
-  if (intSize < 0) throw new $RangeError(INVALID_SIZE);
-  return new SetRecord(obj, intSize);
-};
-
-
-/***/ }),
-
-/***/ 3823:
-/***/ (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=5dac7dea&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-button/View.vue?vue&type=template&id=12ff304e&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -36629,63 +36621,485 @@ var render = function render() {
       "getConfigData": _vm.getConfigData
     }
   }, 'BaseComp', _vm.$attrs, false), [_c('section', {
-    staticClass: "cms-image-container",
-    class: [_vm.configData.customClass || '', {
-      'has-link': _vm.configData.linkUrl
-    }],
+    staticClass: "cms-button-container",
+    class: [`align-${_vm.configData.textAlign || 'center'}`, _vm.configData.customClass || ''],
     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,
+  }, [_c('button', {
+    staticClass: "cms-button",
+    class: ['cms-button-element', {
+      'has-link': _vm.configData.linkUrl,
+      'hover-effect': _vm.configData.hoverEffect
+    }],
+    style: _vm.buttonStyle,
     attrs: {
-      "src": _vm.configData.imageUrl,
-      "alt": _vm.configData.altText || '图片',
-      "title": _vm.configData.title
+      "disabled": _vm.configData.disabled
     },
     on: {
-      "load": _vm.onImageLoad,
-      "error": _vm.onImageError
-    }
-  }) : _c('div', {
-    staticClass: "image-placeholder",
-    style: _vm.placeholderStyle
-  }, [_c('img', {
-    staticStyle: {
-      "width": "200px",
-      "height": "200px"
-    },
-    attrs: {
-      "src": __webpack_require__(4806),
-      "alt": "Picture"
+      "click": _vm.handleClick
     }
-  })])])]), _c('div', {
-    staticClass: "f-c-c"
-  }, [_vm._v(_vm._s(_vm.configData.remark))])]);
+  }, [_vm._v(" " + _vm._s(_vm.configData.buttonText) + " "), _c('i', {
+    staticClass: "el-icon-arrow-right el-icon--right"
+  })])])]);
 };
 var staticRenderFns = [];
 
-;// ./package/cms-image/View.vue?vue&type=template&id=5dac7dea&scoped=true
-
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
 var es_iterator_constructor = __webpack_require__(8111);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
 var es_iterator_for_each = __webpack_require__(7588);
 // EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
 var baseComp = __webpack_require__(677);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=script&lang=js
+;// ./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
 
 
 
 
 
 /* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-image",
+  name: "cms-button",
+  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: {},
+      // 默认配置数据
+      defaultConfig: {
+        // 文字设置
+        buttonText: "按钮文字",
+        textAlign: "center",
+        fontSize: 16,
+        fontColor: "#ffffff",
+        fontWeight: "normal",
+        // 样式控制
+        backgroundColor: "#2f85ff",
+        borderRadius: 30,
+        borderWidth: 1,
+        borderStyle: "solid",
+        borderColor: "#409eff",
+        // 空间布局
+        paddingTop: 12,
+        paddingBottom: 12,
+        paddingLeft: 20,
+        paddingRight: 20,
+        marginTop: 0,
+        marginBottom: 0,
+        marginLeft: 0,
+        marginRight: 0,
+        // 交互功能
+        linkUrl: "",
+        linkTarget: "_self",
+        disabled: false,
+        // 高级配置
+        customClass: "",
+        customStyle: "",
+        hoverEffect: false,
+        // 尺寸设置
+        buttonWidth: "300",
+        buttonHeight: "48",
+        minWidth: 80,
+        minHeight: 36
+      }
+    };
+  },
+  mounted() {
+    this.initConfigData();
+  },
+  watch: {
+    configData: {
+      handler() {
+        this.updateStyles();
+      },
+      deep: true
+    }
+  },
+  computed: {
+    // 容器样式
+    containerStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      return {
+        backgroundColor: config.wrapperBackgroundColor,
+        textAlign: config.textAlign,
+        margin: `${config.marginTop}px ${config.marginRight}px ${config.marginBottom}px ${config.marginLeft}px`,
+        ...this.parseCustomStyle(config.customStyle)
+      };
+    },
+    // 按钮样式
+    buttonStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      return {
+        // 文字样式
+        fontSize: `${config.fontSize}px`,
+        color: config.fontColor,
+        fontWeight: config.fontWeight,
+        // 背景和边框
+        backgroundColor: config.backgroundColor ? config.backgroundColor : "transparent",
+        borderRadius: `${config.borderRadius}px`,
+        border: config.borderWidth ? `${config.borderWidth}px ${config.borderStyle} ${config.borderColor}` : "none",
+        // 内边距
+        padding: `${config.paddingTop}px ${config.paddingRight}px ${config.paddingBottom}px ${config.paddingLeft}px`,
+        // 尺寸
+        width: config.buttonWidth === "auto" ? "auto" : `${config.buttonWidth}px`,
+        height: config.buttonHeight === "auto" ? "auto" : `${config.buttonHeight}px`,
+        minWidth: `${config.minWidth}px`,
+        minHeight: `${config.minHeight}px`,
+        // 交互效果
+        cursor: config.linkUrl ? "pointer" : "default",
+        opacity: config.disabled ? 0.6 : 1,
+        transition: config.hoverEffect ? "all 0.3s ease" : "none",
+        // 基础样式
+        outline: "none",
+        textDecoration: "none",
+        display: "inline-block",
+        textAlign: "center",
+        verticalAlign: "middle",
+        userSelect: "none",
+        whiteSpace: "nowrap"
+      };
+    }
+  },
+  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.disabled) {
+        return;
+      }
+      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;
+        }
+      }
+    },
+    // 解析自定义样式
+    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-button/View.vue?vue&type=script&lang=js
+ /* harmony default export */ var cms_button_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-button/View.vue?vue&type=style&index=0&id=12ff304e&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./package/cms-button/View.vue?vue&type=style&index=0&id=12ff304e&prod&lang=scss&scoped=true
+
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1656);
+;// ./package/cms-button/View.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.A)(
+  cms_button_Viewvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "12ff304e",
+  null
+  
+)
+
+/* harmony default export */ var View = (component.exports);
+
+/***/ }),
+
+/***/ 3774:
+/***/ (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-view/View.vue?vue&type=template&id=e4796b30&scoped=true
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "view-container"
+  }, [_vm._l(_vm.data, function (item) {
+    return [_c(item.cmsCompName, {
+      key: item.componentId,
+      tag: "component",
+      attrs: {
+        "data": item,
+        "lang": _vm.lang,
+        "timeline": _vm.timeline,
+        "cmhkChannel": _vm.cmhkChannel,
+        "isOpcacity": false
+      }
+    })];
+  })], 2);
+};
+var staticRenderFns = [];
+
+;// ./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-view/View.vue?vue&type=script&lang=js
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-view",
+  props: {
+    data: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
+    },
+    timeline: {
+      type: String,
+      default: ""
+    },
+    cmhkChannel: {
+      type: String,
+      default: "WWW"
+    }
+  },
+  created() {
+    this.$i18n.locale = this.lang;
+  }
+});
+;// ./package/cms-view/View.vue?vue&type=script&lang=js
+ /* harmony default export */ var cms_view_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-57.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-57.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-57.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-view/View.vue?vue&type=style&index=0&id=e4796b30&prod&scoped=true&lang=css
+// extracted by mini-css-extract-plugin
+
+;// ./package/cms-view/View.vue?vue&type=style&index=0&id=e4796b30&prod&scoped=true&lang=css
+
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1656);
+;// ./package/cms-view/View.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.A)(
+  cms_view_Viewvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "e4796b30",
+  null
+  
+)
+
+/* harmony default export */ var View = (component.exports);
+
+/***/ }),
+
+/***/ 3789:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var aCallable = __webpack_require__(9306);
+var anObject = __webpack_require__(8551);
+var call = __webpack_require__(9565);
+var toIntegerOrInfinity = __webpack_require__(1291);
+var getIteratorDirect = __webpack_require__(1767);
+
+var INVALID_SIZE = 'Invalid size';
+var $RangeError = RangeError;
+var $TypeError = TypeError;
+var max = Math.max;
+
+var SetRecord = function (set, intSize) {
+  this.set = set;
+  this.size = max(intSize, 0);
+  this.has = aCallable(set.has);
+  this.keys = aCallable(set.keys);
+};
+
+SetRecord.prototype = {
+  getIterator: function () {
+    return getIteratorDirect(anObject(call(this.keys, this.set)));
+  },
+  includes: function (it) {
+    return call(this.has, this.set, it);
+  }
+};
+
+// `GetSetRecord` abstract operation
+// https://tc39.es/proposal-set-methods/#sec-getsetrecord
+module.exports = function (obj) {
+  anObject(obj);
+  var numSize = +obj.size;
+  // NOTE: If size is undefined, then numSize will be NaN
+  // eslint-disable-next-line no-self-compare -- NaN check
+  if (numSize !== numSize) throw new $TypeError(INVALID_SIZE);
+  var intSize = toIntegerOrInfinity(numSize);
+  if (intSize < 0) throw new $RangeError(INVALID_SIZE);
+  return new SetRecord(obj, intSize);
+};
+
+
+/***/ }),
+
+/***/ 3823:
+/***/ (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=5dac7dea&scoped=true
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('BaseComp', _vm._b({
+    attrs: {
+      "data": _vm.data,
+      "nowCompId": _vm.nowCompId,
+      "isOpcacity": _vm.isOpcacity,
+      "lang": _vm.lang
+    },
+    on: {
+      "getConfigData": _vm.getConfigData
+    }
+  }, 'BaseComp', _vm.$attrs, false), [_c('section', {
+    staticClass: "cms-image-container",
+    class: [_vm.configData.customClass || '', {
+      'has-link': _vm.configData.linkUrl
+    }],
+    style: _vm.containerStyle
+  }, [_c('div', {
+    staticClass: "image-wrapper",
+    style: _vm.wrapperStyle,
+    on: {
+      "click": _vm.handleClick
+    }
+  }, [_vm.configData.imageUrl ? _c('img', {
+    staticClass: "cms-image",
+    style: _vm.imageStyle,
+    attrs: {
+      "src": _vm.configData.imageUrl,
+      "alt": _vm.configData.altText || '图片',
+      "title": _vm.configData.title
+    },
+    on: {
+      "load": _vm.onImageLoad,
+      "error": _vm.onImageError
+    }
+  }) : _c('div', {
+    staticClass: "image-placeholder",
+    style: _vm.placeholderStyle
+  }, [_c('img', {
+    staticStyle: {
+      "width": "200px",
+      "height": "200px"
+    },
+    attrs: {
+      "src": __webpack_require__(4806),
+      "alt": "Picture"
+    }
+  })])])]), _c('div', {
+    staticClass: "f-c-c"
+  }, [_vm._v(_vm._s(_vm.configData.remark))])]);
+};
+var staticRenderFns = [];
+
+;// ./package/cms-image/View.vue?vue&type=template&id=5dac7dea&scoped=true
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
+var es_iterator_constructor = __webpack_require__(8111);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
+var es_iterator_for_each = __webpack_require__(7588);
+// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
+var baseComp = __webpack_require__(677);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-image/View.vue?vue&type=script&lang=js
+
+
+
+
+
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-image",
   components: {
     BaseComp: baseComp["default"]
   },
@@ -37013,43 +37427,468 @@ module.exports = function (argument) {
 "use strict";
 
 
-var reflectGetProto = __webpack_require__(2730);
-var originalGetProto = __webpack_require__(1810);
-var getDunderProto = __webpack_require__(1650);
+var reflectGetProto = __webpack_require__(2730);
+var originalGetProto = __webpack_require__(1810);
+var getDunderProto = __webpack_require__(1650);
+
+/** @type {import('.')} */
+module.exports = reflectGetProto ? function getProto(O) {
+  // @ts-expect-error TS can't narrow inside a closure, for some reason
+  return reflectGetProto(O);
+} : originalGetProto ? function getProto(O) {
+  if (!O || typeof O !== 'object' && typeof O !== 'function') {
+    throw new TypeError('getProto: not an object');
+  }
+  // @ts-expect-error TS can't narrow inside a closure, for some reason
+  return originalGetProto(O);
+} : getDunderProto ? function getProto(O) {
+  // @ts-expect-error TS can't narrow inside a closure, for some reason
+  return getDunderProto(O);
+} : null;
+
+/***/ }),
+
+/***/ 4055:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var globalThis = __webpack_require__(4576);
+var isObject = __webpack_require__(34);
+
+var document = globalThis.document;
+// typeof document.createElement is 'object' in old IE
+var EXISTS = isObject(document) && isObject(document.createElement);
+
+module.exports = function (it) {
+  return EXISTS ? document.createElement(it) : {};
+};
+
+
+/***/ }),
+
+/***/ 4057:
+/***/ (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-text/View.vue?vue&type=template&id=0914066e&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-text-container",
+    class: [`align-${_vm.configData.textAlign || 'left'}`, _vm.configData.customClass || '', {
+      'has-link': _vm.configData.linkUrl,
+      'cmhk-home_main': _vm.showCmhkMain,
+      'hover-effect': _vm.configData.hoverEffect && _vm.configData.linkUrl
+    }],
+    style: _vm.containerStyle,
+    attrs: {
+      "aria-label": _vm.configData.ariaLabel,
+      "tabindex": _vm.configData.tabIndex,
+      "role": _vm.configData.role,
+      "title": _vm.configData.seoTitle || _vm.configData.seoDescription
+    },
+    on: {
+      "click": _vm.handleClick
+    }
+  }, [_c('div', {
+    staticClass: "text-content",
+    class: _vm.configData.textType,
+    style: _vm.textStyle
+  }, _vm._l(_vm.textLines, function (line, index) {
+    return _c('p', {
+      key: index,
+      staticClass: "text-line",
+      style: _vm.lineStyle
+    }, [_vm._v(" " + _vm._s(line) + " ")]);
+  }), 0), _vm.configData.linkUrl && _vm.configData.showLinkIcon ? _c('div', {
+    staticClass: "link-indicator"
+  }, [_c('i', {
+    staticClass: "el-icon-link"
+  })]) : _vm._e()])]);
+};
+var staticRenderFns = [];
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
+var es_iterator_constructor = __webpack_require__(8111);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.filter.js
+var es_iterator_filter = __webpack_require__(2489);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
+var es_iterator_for_each = __webpack_require__(7588);
+// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
+var baseComp = __webpack_require__(677);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-text/View.vue?vue&type=script&lang=js
+
+
+
+
+
+
+
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-text",
+  components: {
+    BaseComp: baseComp["default"]
+  },
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    nowCompId: {
+      type: [String, Number],
+      default: ""
+    },
+    isOpcacity: {
+      type: Boolean,
+      default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
+    },
+    showCmhkMain: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      configData: {},
+      // 默认配置数据
+      defaultConfig: {
+        // 内容编辑
+        textContent: "请输入文本内容",
+        enableLineBreak: true,
+        // 排版控制
+        textAlign: "left",
+        // fontSize: 16,
+        // lineHeight: 1.5,
+        letterSpacing: 0,
+        // 样式美化
+        fontColor: "#333333",
+        // fontWeight: "normal",
+        fontStyle: "normal",
+        textDecoration: "none",
+        // fontFamily: "inherit",
+
+        // 布局设置
+        paddingTop: 0,
+        paddingBottom: 0,
+        paddingLeft: 0,
+        paddingRight: 0,
+        marginTop: 0,
+        marginBottom: 0,
+        marginLeft: 0,
+        marginRight: 0,
+        backgroundColor: "",
+        // 视觉效果
+        borderWidth: 0,
+        borderStyle: "solid",
+        borderColor: "#dcdfe6",
+        borderRadius: 0,
+        boxShadow: "",
+        // 交互功能
+        linkUrl: "",
+        linkTarget: "_self",
+        showLinkIcon: false,
+        hoverEffect: false,
+        // 高级配置
+        customClass: "",
+        customStyle: "",
+        enableAnimation: false,
+        animationType: "fadeIn",
+        animationDuration: 300,
+        // 可访问性配置
+        ariaLabel: "",
+        tabIndex: 0,
+        role: "",
+        // SEO配置
+        seoTitle: "",
+        seoDescription: "",
+        // 响应式配置
+        mobileTextAlign: "",
+        mobileFontSize: 0,
+        tabletFontSize: 0
+      }
+    };
+  },
+  mounted() {
+    this.initConfigData();
+    this.setCSSVariables();
+  },
+  watch: {
+    configData: {
+      handler() {
+        this.updateStyles();
+      },
+      deep: true
+    }
+  },
+  computed: {
+    // 文本行数组（支持换行）
+    textLines() {
+      if (!this.configData.textContent) return [];
+      if (!this.configData.enableLineBreak) {
+        return [this.configData.textContent];
+      }
+      return this.configData.textContent.split("\n").filter(line => line.trim() !== "");
+    },
+    // 容器样式
+    containerStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      let marginSettting = `${config.marginTop}px ${config.marginRight}px ${config.marginBottom}px ${config.marginLeft}px`;
+      if (this.showCmhkMain && !(parseInt(config.marginTop) || parseInt(config.marginRight) || parseInt(config.marginBottom) || parseInt(config.marginLeft))) {
+        marginSettting = "0 auto";
+      }
+      return {
+        padding: `${config.paddingTop}px ${config.paddingRight}px ${config.paddingBottom}px ${config.paddingLeft}px`,
+        margin: marginSettting,
+        backgroundColor: config.backgroundColor || "transparent",
+        border: config.borderWidth ? `${config.borderWidth}px ${config.borderStyle} ${config.borderColor}` : "none",
+        borderRadius: `${config.borderRadius}px`,
+        boxShadow: config.boxShadow || "none",
+        cursor: config.linkUrl ? "pointer" : "default",
+        transition: config.hoverEffect ? "all 0.3s ease" : "none",
+        animation: config.enableAnimation ? this.getAnimationStyle() : "none",
+        ...this.parseCustomStyle(config.customStyle)
+      };
+    },
+    // 文本样式
+    textStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      return {
+        color: config.fontColor,
+        // fontSize: `${config.fontSize}px`,
+        // fontWeight: config.fontWeight,
+        fontStyle: config.fontStyle,
+        textDecoration: config.textDecoration,
+        // fontFamily: config.fontFamily,
+        // lineHeight: config.lineHeight,
+        letterSpacing: `${config.letterSpacing}px`,
+        textAlign: config.textAlign,
+        wordBreak: "break-word",
+        wordWrap: "break-word",
+        cursor: config.linkUrl ? "pointer" : "default"
+      };
+    },
+    // 行样式
+    lineStyle() {
+      return {
+        margin: "0",
+        padding: "0"
+      };
+    }
+  },
+  methods: {
+    // 初始化配置数据
+    initConfigData() {
+      this.configData = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+    },
+    // 获取配置数据
+    getConfigData(configData) {
+      this.configData = {
+        ...this.defaultConfig,
+        ...configData
+      };
+      this.updateStyles();
+    },
+    // 更新样式
+    updateStyles() {
+      this.$nextTick(() => {
+        this.setCSSVariables();
+        this.$forceUpdate();
+      });
+    },
+    // 设置CSS变量
+    setCSSVariables() {
+      if (!this.$el) return;
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+
+      // 设置响应式字体大小
+      if (config.mobileFontSize > 0) {
+        this.$el.style.setProperty("--mobile-font-size", `${config.mobileFontSize}px`);
+      }
+      if (config.tabletFontSize > 0) {
+        this.$el.style.setProperty("--tablet-font-size", `${config.tabletFontSize}px`);
+      }
+
+      // 设置移动端文本对齐
+      if (config.mobileTextAlign) {
+        this.$el.style.setProperty("--mobile-text-align", config.mobileTextAlign);
+      }
+    },
+    // 处理点击事件
+    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;
+        }
+      }
+    },
+    // 获取动画样式
+    getAnimationStyle() {
+      const animationType = this.configData.animationType || this.defaultConfig.animationType;
+      const duration = this.configData.animationDuration || this.defaultConfig.animationDuration;
+      if (!this.configData.enableAnimation || animationType === "none") return "";
+      return `${animationType} ${duration}ms ease-in-out`;
+    },
+    // 解析自定义样式
+    parseCustomStyle(customStyle) {
+      if (!customStyle) return {};
+      try {
+        // 简单的CSS样式解析
+        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 {};
+      }
+    },
+    // 文本内容验证
+    validateTextContent() {
+      const content = this.configData.textContent;
+      if (!content || content.trim() === "") {
+        console.warn("文本内容为空");
+        return false;
+      }
+      return true;
+    },
+    // 获取纯文本内容
+    getPlainTextContent() {
+      return this.configData.textContent || "";
+    },
+    // 获取文本长度
+    getTextLength() {
+      return this.getPlainTextContent().length;
+    },
+    // 复制文本内容到剪贴板
+    copyTextToClipboard() {
+      const text = this.getPlainTextContent();
+      if (navigator.clipboard && window.isSecureContext) {
+        navigator.clipboard.writeText(text).then(() => {
+          var _this$$message;
+          (_this$$message = this.$message) === null || _this$$message === void 0 ? void 0 : _this$$message.success("文本已复制到剪贴板");
+        }).catch(err => {
+          console.error("复制失败:", err);
+        });
+      } else {
+        // 降级方案
+        const textArea = document.createElement("textarea");
+        textArea.value = text;
+        document.body.appendChild(textArea);
+        textArea.select();
+        try {
+          var _this$$message2;
+          document.execCommand("copy");
+          (_this$$message2 = this.$message) === null || _this$$message2 === void 0 ? void 0 : _this$$message2.success("文本已复制到剪贴板");
+        } catch (err) {
+          console.error("复制失败:", err);
+        }
+        document.body.removeChild(textArea);
+      }
+    },
+    // 文本搜索高亮
+    highlightText(searchTerm) {
+      if (!searchTerm) return;
+      const content = this.getPlainTextContent();
+      const regex = new RegExp(`(${searchTerm})`, "gi");
+      const highlightedContent = content.replace(regex, "<mark>$1</mark>");
+
+      // 这里可以根据需要实现高亮显示逻辑
+      console.log("高亮内容:", highlightedContent);
+    },
+    // 文本统计信息
+    getTextStats() {
+      const text = this.getPlainTextContent();
+      const words = text.split(/\s+/).filter(word => word.length > 0);
+      const lines = text.split("\n").length;
+      const characters = text.length;
+      const charactersNoSpaces = text.replace(/\s/g, "").length;
+      return {
+        characters,
+        charactersNoSpaces,
+        words: words.length,
+        lines,
+        paragraphs: text.split(/\n\s*\n/).filter(p => p.trim().length > 0).length
+      };
+    }
+  }
+});
+;// ./package/cms-text/View.vue?vue&type=script&lang=js
+ /* harmony default export */ var cms_text_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-text/View.vue?vue&type=style&index=0&id=0914066e&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./package/cms-text/View.vue?vue&type=style&index=0&id=0914066e&prod&lang=scss&scoped=true
 
-/** @type {import('.')} */
-module.exports = reflectGetProto ? function getProto(O) {
-  // @ts-expect-error TS can't narrow inside a closure, for some reason
-  return reflectGetProto(O);
-} : originalGetProto ? function getProto(O) {
-  if (!O || typeof O !== 'object' && typeof O !== 'function') {
-    throw new TypeError('getProto: not an object');
-  }
-  // @ts-expect-error TS can't narrow inside a closure, for some reason
-  return originalGetProto(O);
-} : getDunderProto ? function getProto(O) {
-  // @ts-expect-error TS can't narrow inside a closure, for some reason
-  return getDunderProto(O);
-} : null;
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1656);
+;// ./package/cms-text/View.vue
 
-/***/ }),
 
-/***/ 4055:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
-"use strict";
+;
 
-var globalThis = __webpack_require__(4576);
-var isObject = __webpack_require__(34);
 
-var document = globalThis.document;
-// typeof document.createElement is 'object' in old IE
-var EXISTS = isObject(document) && isObject(document.createElement);
+/* normalize component */
 
-module.exports = function (it) {
-  return EXISTS ? document.createElement(it) : {};
-};
+var component = (0,componentNormalizer/* default */.A)(
+  cms_text_Viewvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "0914066e",
+  null
+  
+)
 
+/* harmony default export */ var View = (component.exports);
 
 /***/ }),
 
@@ -37633,469 +38472,6 @@ const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSc
 
 /***/ }),
 
-/***/ 4306:
-/***/ (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=2380364b&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,
-      "showCmhkMain": false
-    }
-  }, 'cms-view', _vm.$attrs, false))], 1);
-};
-var staticRenderFns = [];
-
-;// ./package/cms-column-card/View.vue?vue&type=template&id=2380364b&scoped=true
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
-var es_array_push = __webpack_require__(4114);
-// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(677);
-// EXTERNAL MODULE: ./node_modules/vuedraggable/dist/vuedraggable.umd.js
-var vuedraggable_umd = __webpack_require__(9014);
-var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_umd);
-// EXTERNAL MODULE: ./package/baseConfig.js
-var baseConfig = __webpack_require__(2128);
-// EXTERNAL MODULE: ./src/views/standard_page.js
-var standard_page = __webpack_require__(521);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=script&lang=js
-
-
-
-
-
-
-/* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-column-card",
-  components: {
-    BaseComp: baseComp["default"],
-    Draggable: (vuedraggable_umd_default())
-  },
-  props: {
-    data: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    nowCompId: {
-      type: [String, Number],
-      default: ""
-    },
-    isOpcacity: {
-      type: Boolean,
-      default: true
-    },
-    lang: {
-      type: String,
-      default: "zh-HK"
-    },
-    isMobile: {
-      type: Boolean,
-      default: false
-    },
-    mobileLayout: {
-      type: String,
-      default: ""
-    }
-  },
-  data() {
-    return {
-      configData: {},
-      messFold: true,
-      showAddCom: false,
-      temporaryList: []
-    };
-  },
-  computed: {
-    isConfigPage() {
-      return this.$EventBus && this.isOpcacity;
-    },
-    groupConfigForMain() {
-      return {
-        name: "task",
-        pull: true,
-        // A列表的元素可以被拖出
-        put: (to, from, dragEl) => {
-          console.log(from.el.classList);
-          if (from.el.classList.contains("main_drag")) {
-            const dataId = this.findFirstComponentKey(dragEl);
-            const allowedComponents = ["cms-text", "cms-image", "cms-video", "cms-button", "cms-richText", "cms-column"];
-            console.log("allowedComponents", dataId);
-            if (dataId === "cms-column") {
-              if (!this.checkColumnNestingLevel()) {
-                console.log("cms-column 嵌套层级超出限制");
-                return false;
-              }
-            }
-            return allowedComponents.includes(dataId);
-          }
-          return true;
-        }
-      };
-    },
-    // 卡片容器样式
-    cardContainerStyle() {
-      return {
-        backgroundImage: this.configData.backgroundImage ? `url('${this.configData.backgroundImage}')` : "none",
-        backgroundSize: "cover",
-        backgroundRepeat: "no-repeat",
-        backgroundPosition: "center center",
-        height: this.getContainerHeight(),
-        border: this.getContainerBorder(),
-        borderRadius: this.getContainerBorderRadius(),
-        backgroundColor: this.configData.backgroundColor || "transparent",
-        boxShadow: this.configData.boxShadow || "none"
-      };
-    }
-  },
-  mounted() {
-    if (this.$EventBus) {
-      this.$EventBus.$on("handleDragEnd", () => {
-        this.showAddCom = false;
-      });
-    }
-  },
-  watch: {},
-  methods: {
-    findFirstComponentKey(root) {
-      var _root$querySelector;
-      if (!root) return null;
-
-      // 若起点自身就有
-      if (root.nodeType === 1 && root.hasAttribute("component-key")) {
-        return root.getAttribute("component-key");
-      }
-
-      // 向下查找第一个匹配的后代
-      const el = (_root$querySelector = root.querySelector) === null || _root$querySelector === void 0 ? void 0 : _root$querySelector.call(root, "[component-key]");
-      return el ? el.getAttribute("component-key") : null;
-    },
-    // 获取容器高度
-    getContainerHeight() {
-      if (this.configData.heightType === "fixed") {
-        return `${this.configData.fixedHeight}px`;
-      }
-      return this.isMobile && this.mobileLayout == "vertical" ? "auto" : "100%";
-    },
-    // 获取容器边框
-    getContainerBorder() {
-      if (this.configData.borderWidth) {
-        return `${this.configData.borderWidth}px ${this.configData.borderStyle} ${this.configData.borderColor}`;
-      }
-      return "none";
-    },
-    // 获取容器圆角
-    getContainerBorderRadius() {
-      if (this.configData.borderRadius) {
-        return `${this.configData.borderRadius}px`;
-      }
-      return "0";
-    },
-    getConfigData(configData) {
-      this.configData = configData;
-    },
-    foldMessText() {
-      this.messFold = !this.messFold;
-    },
-    decodeJumpUrl(url) {
-      if (!url) return;
-      top.location.href = url;
-    },
-    onStart(evt) {
-      console.log("drag start in column-card", evt);
-      this.showAddCom = true;
-    },
-    // 限制拖拽的组件类型
-    onMove(evt) {
-      const {
-        draggedContext
-      } = evt;
-
-      // 允许的组件类型
-      const allowedComponents = ["cms-text", "cms-image", "cms-video", "cms-button", "cms-richText", "cms-column" // 允许拖入 cms-column
-      ];
-
-      // 如果是从外部拖入的组件
-      if (draggedContext && draggedContext.element) {
-        const componentType = draggedContext.element.cmsCompName;
-        if (componentType && !allowedComponents.includes(componentType)) {
-          console.log("draggedContext.element", draggedContext.element);
-          console.log(`组件类型 ${componentType} 不允许拖入 column-card`);
-          return false;
-        }
-
-        // 特殊处理 cms-column：检查嵌套层级
-        if (componentType === "cms-column") {
-          if (!this.checkColumnNestingLevel()) {
-            console.log("cms-column 嵌套层级超出限制");
-            return false;
-          }
-        }
-      }
-      return true;
-    },
-    // 检查 cms-column 嵌套层级
-    checkColumnNestingLevel() {
-      // 检查当前 column-card 是否已经在 cms-column 内部
-      let parent = this.$parent;
-      let columnDepth = 0;
-      while (parent) {
-        // 检查父组件是否是 cms-column 或包含 cms-column
-        if (parent.$options.name === "cms-column" || parent.$data && parent.$data.data && parent.$data.data.cmsCompName === "cms-column") {
-          columnDepth++;
-        }
-
-        // 如果已经有一层 cms-column，则不允许再嵌套
-        if (columnDepth >= 2) {
-          console.log(`检测到 cms-column 嵌套层级: ${columnDepth}, 超出限制`);
-          return false;
-        }
-        parent = parent.$parent;
-      }
-      console.log(`cms-column 嵌套层级检查通过: ${columnDepth}`);
-      return true;
-    },
-    // 处理拖拽悬停
-    dragover(e) {
-      e.preventDefault();
-      this.showAddCom = true;
-    },
-    // 处理拖拽放置
-    drop(e) {
-      e.preventDefault();
-      const componentKey = e.dataTransfer.getData("componentKey");
-      let temporaryId = "";
-      this.temporaryList = e.dataTransfer.getData("temporaryList") ? JSON.parse(e.dataTransfer.getData("temporaryList")) : [];
-      console.log("cms-colum-card-drop", componentKey, this.temporaryList);
-      if (!componentKey) return;
-      const isTemporaryItem = e.dataTransfer.getData("isTemporaryItem");
-      const isTemporary = isTemporaryItem === "true";
-      if (isTemporary) {
-        temporaryId = (0,standard_page/* getCopyTemplateCompConfig */.L7)(this.temporaryList, componentKey).cmsCompName;
-      }
-      const componentType = isTemporary ? temporaryId : componentKey;
-      // 允许的组件类型
-      const allowedComponents = ["cms-text", "cms-image", "cms-video", "cms-button", "cms-richText", "cms-column" // 允许拖入 cms-column
-      ];
-
-      // 检查组件类型是否允许
-      if (!allowedComponents.includes(componentType)) {
-        console.log(`组件类型 ${componentType} 不允许拖入 column-card`);
-        this.$message && this.$message.warning(`该组件类型不支持拖入卡片容器`);
-        this.showAddCom = false;
-        return;
-      }
-
-      // 特殊处理 cms-column：检查嵌套层级
-      if (componentType === "cms-column") {
-        if (!this.checkColumnNestingLevel()) {
-          console.log("cms-column 嵌套层级超出限制");
-          this.$message && this.$message.warning(`cms-column 只能嵌套一层`);
-          this.showAddCom = false;
-          return;
-        }
-      }
-      this.addOneComp(e, componentKey);
-    },
-    // 添加组件到卡片容器
-    addOneComp(e, componentKey) {
-      this.showAddCom = false;
-      console.log("drop to column-card", componentKey);
-
-      // 动态导入组件配置
-      let initCompData;
-      try {
-        const isTemporaryItem = e.dataTransfer.getData("isTemporaryItem");
-        const isTemporary = isTemporaryItem === "true";
-        if (isTemporary) {
-          initCompData = (0,standard_page/* getCopyTemplateCompConfig */.L7)(this.temporaryList, componentKey);
-        } else {
-          initCompData = __webpack_require__(1640)(`./${componentKey}`).default.settings(componentKey);
-        }
-        if (!isTemporary) {
-          initCompData = {
-            ...initCompData,
-            styleConfig: {
-              pc: componentKey == "cms-text" ? [...(0,baseConfig.styleBaseConfig)(16, 16, 0, 0, "px")] : [...(0,baseConfig.styleBaseConfig)(0, 0, 0, 0, "px")],
-              mb: componentKey == "cms-text" ? [...(0,baseConfig.styleBaseConfig)(12, 12, 0, 0, "px")] : [...(0,baseConfig.styleBaseConfig)(0, 0, 0, 0, "px")]
-            }
-          };
-        }
-      } catch (error) {
-        console.error(`无法加载组件 ${componentKey}:`, error);
-        this.$message && this.$message.error(`组件加载失败`);
-        return;
-      }
-      const toElementId = e.toElement.id;
-      if (toElementId === `cardTarget${this.data.componentId}` || toElementId.includes("cardTargetdown")) {
-        // 添加到卡片容器末尾
-        this.data.childList.push(initCompData);
-      } else if (toElementId.includes("cardTargetup")) {
-        // 插入到指定位置
-        const underComponentId = toElementId.split("-cardTargetup")[0];
-        const index = this.data.childList.findIndex(item => item.componentId === underComponentId);
-        if (index !== -1) {
-          this.data.childList.splice(index, 0, initCompData);
-        }
-      }
-
-      // 触发数据更新
-      this.$emit("update:data", this.data);
-      if (componentKey === "cms-column") {
-        this.$EventBus.$emit("handleNowComp", initCompData);
-      }
-    }
-  }
-});
-;// ./package/cms-column-card/View.vue?vue&type=script&lang=js
- /* harmony default export */ var cms_column_card_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=style&index=0&id=2380364b&prod&lang=scss&scoped=true
-// extracted by mini-css-extract-plugin
-
-;// ./package/cms-column-card/View.vue?vue&type=style&index=0&id=2380364b&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,
-  "2380364b",
-  null
-  
-)
-
-/* harmony default export */ var View = (component.exports);
-
-/***/ }),
-
 /***/ 4326:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -39531,6 +39907,470 @@ var component = (0,componentNormalizer/* default */.A)(
 
 /***/ }),
 
+/***/ 4552:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ View; }
+});
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
+var es_iterator_constructor = __webpack_require__(8111);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.drop.js
+var es_iterator_drop = __webpack_require__(9314);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=template&id=155a8242&scoped=true
+
+
+
+
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('BaseComp', _vm._b({
+    attrs: {
+      "data": _vm.data,
+      "nowCompId": _vm.nowCompId,
+      "isOpcacity": _vm.isOpcacity,
+      "isMask": false,
+      "lang": _vm.lang,
+      "showDel": false
+    },
+    on: {
+      "getConfigData": _vm.getConfigData
+    }
+  }, 'BaseComp', _vm.$attrs, false), [_vm.isConfigPage ? _c('div', {
+    staticClass: "main_drag hoverBorderClass",
+    style: _vm.cardContainerStyle,
+    attrs: {
+      "id": `cardTarget${_vm.data.componentId}`
+    },
+    on: {
+      "dragover": _vm.dragover,
+      "dragend": function ($event) {
+        _vm.showAddCom = false;
+      },
+      "drop": _vm.drop
+    }
+  }, [_c('Draggable', {
+    staticStyle: {
+      "position": "relative"
+    },
+    attrs: {
+      "group": _vm.groupConfigForMain,
+      "chosen-class": "chosen",
+      "force-fallback": "true",
+      "animation": "1000",
+      "move": _vm.onMove
+    },
+    on: {
+      "start": _vm.onStart,
+      "end": function ($event) {
+        _vm.showAddCom = false;
+      }
+    },
+    model: {
+      value: _vm.data.childList,
+      callback: function ($$v) {
+        _vm.$set(_vm.data, "childList", $$v);
+      },
+      expression: "data.childList"
+    }
+  }, [_vm._l(_vm.data.childList, function (item, index) {
+    return _c('div', {
+      key: item.componentId,
+      staticStyle: {
+        "position": "relative"
+      }
+    }, [_vm.showAddCom ? _c('div', {
+      staticClass: "up_insert",
+      attrs: {
+        "id": `${item.componentId}-cardTargetup`
+      }
+    }, [_c('i', {
+      staticClass: "icon-up",
+      attrs: {
+        "id": `${item.componentId}-upi`
+      }
+    }), _c('span', {
+      attrs: {
+        "id": `${item.componentId}-upspan`
+      }
+    }, [_vm._v("插入组件")])]) : _vm._e(), _c(item.cmsCompName, {
+      tag: "component",
+      style: {
+        marginTop: _vm.showAddCom && index == 0 ? '20px' : '0px'
+      },
+      attrs: {
+        "data": item,
+        "lang": _vm.lang,
+        "isOpcacity": _vm.isOpcacity,
+        "nowCompId": _vm.nowCompId,
+        "showCmhkMain": false
+      }
+    })], 1);
+  }), _vm.showAddCom ? _c('div', {
+    staticClass: "up_insert insert_bottom",
+    style: {
+      bottom: _vm.data.childList.length ? '0px' : '-24px'
+    },
+    attrs: {
+      "id": `-cardTargetdown`
+    }
+  }, [_c('i', {
+    staticClass: "icon-up"
+  }), _c('span', [_vm._v("插入组件")])]) : _vm._e()], 2)], 1) : _c('cms-view', _vm._b({
+    style: _vm.cardContainerStyle,
+    attrs: {
+      "data": _vm.data.childList,
+      "lang": _vm.lang,
+      "isOpcacity": false,
+      "showCmhkMain": false
+    }
+  }, 'cms-view', _vm.$attrs, false))], 1);
+};
+var staticRenderFns = [];
+
+;// ./package/cms-column-card/View.vue?vue&type=template&id=155a8242&scoped=true
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
+var es_array_push = __webpack_require__(4114);
+// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
+var baseComp = __webpack_require__(677);
+// EXTERNAL MODULE: ./node_modules/vuedraggable/dist/vuedraggable.umd.js
+var vuedraggable_umd = __webpack_require__(9014);
+var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_umd);
+// EXTERNAL MODULE: ./package/baseConfig.js
+var baseConfig = __webpack_require__(2128);
+// EXTERNAL MODULE: ./src/views/standard_page.js
+var standard_page = __webpack_require__(521);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=script&lang=js
+
+
+
+
+
+
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-column-card",
+  components: {
+    BaseComp: baseComp["default"],
+    Draggable: (vuedraggable_umd_default())
+  },
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    nowCompId: {
+      type: [String, Number],
+      default: ""
+    },
+    isOpcacity: {
+      type: Boolean,
+      default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
+    },
+    isMobile: {
+      type: Boolean,
+      default: false
+    },
+    mobileLayout: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      configData: {},
+      messFold: true,
+      showAddCom: false,
+      temporaryList: []
+    };
+  },
+  computed: {
+    isConfigPage() {
+      return this.$EventBus && this.isOpcacity;
+    },
+    groupConfigForMain() {
+      return {
+        name: "task",
+        pull: true,
+        // A列表的元素可以被拖出
+        put: (to, from, dragEl) => {
+          console.log(from.el.classList);
+          if (from.el.classList.contains("main_drag")) {
+            const dataId = this.findFirstComponentKey(dragEl);
+            const allowedComponents = ["cms-text", "cms-image", "cms-video", "cms-button", "cms-richText", "cms-column"];
+            console.log("allowedComponents", dataId);
+            if (dataId === "cms-column") {
+              if (!this.checkColumnNestingLevel()) {
+                console.log("cms-column 嵌套层级超出限制");
+                return false;
+              }
+            }
+            return allowedComponents.includes(dataId);
+          }
+          return true;
+        }
+      };
+    },
+    // 卡片容器样式
+    cardContainerStyle() {
+      return {
+        backgroundImage: this.configData.backgroundImage ? `url('${this.configData.backgroundImage}')` : "none",
+        backgroundSize: "cover",
+        backgroundRepeat: "no-repeat",
+        backgroundPosition: "center center",
+        height: this.getContainerHeight(),
+        border: this.getContainerBorder(),
+        borderRadius: this.getContainerBorderRadius(),
+        backgroundColor: this.configData.backgroundColor || "transparent",
+        boxShadow: this.configData.boxShadow || "none"
+      };
+    }
+  },
+  mounted() {
+    if (this.$EventBus) {
+      this.$EventBus.$on("handleDragEnd", () => {
+        this.showAddCom = false;
+      });
+    }
+  },
+  watch: {},
+  methods: {
+    findFirstComponentKey(root) {
+      var _root$querySelector;
+      if (!root) return null;
+
+      // 若起点自身就有
+      if (root.nodeType === 1 && root.hasAttribute("component-key")) {
+        return root.getAttribute("component-key");
+      }
+
+      // 向下查找第一个匹配的后代
+      const el = (_root$querySelector = root.querySelector) === null || _root$querySelector === void 0 ? void 0 : _root$querySelector.call(root, "[component-key]");
+      return el ? el.getAttribute("component-key") : null;
+    },
+    // 获取容器高度
+    getContainerHeight() {
+      if (this.configData.heightType === "fixed") {
+        return `${this.configData.fixedHeight}px`;
+      }
+      return this.isMobile && this.mobileLayout == "vertical" ? "auto" : "100%";
+    },
+    // 获取容器边框
+    getContainerBorder() {
+      if (this.configData.borderWidth) {
+        return `${this.configData.borderWidth}px ${this.configData.borderStyle} ${this.configData.borderColor}`;
+      }
+      return "none";
+    },
+    // 获取容器圆角
+    getContainerBorderRadius() {
+      if (this.configData.borderRadius) {
+        return `${this.configData.borderRadius}px`;
+      }
+      return "0";
+    },
+    getConfigData(configData) {
+      this.configData = configData;
+    },
+    foldMessText() {
+      this.messFold = !this.messFold;
+    },
+    decodeJumpUrl(url) {
+      if (!url) return;
+      top.location.href = url;
+    },
+    onStart(evt) {
+      console.log("drag start in column-card", evt);
+      this.showAddCom = true;
+    },
+    // 限制拖拽的组件类型
+    onMove(evt) {
+      const {
+        draggedContext
+      } = evt;
+
+      // 允许的组件类型
+      const allowedComponents = ["cms-text", "cms-image", "cms-video", "cms-button", "cms-richText", "cms-column" // 允许拖入 cms-column
+      ];
+
+      // 如果是从外部拖入的组件
+      if (draggedContext && draggedContext.element) {
+        const componentType = draggedContext.element.cmsCompName;
+        if (componentType && !allowedComponents.includes(componentType)) {
+          console.log("draggedContext.element", draggedContext.element);
+          console.log(`组件类型 ${componentType} 不允许拖入 column-card`);
+          return false;
+        }
+
+        // 特殊处理 cms-column：检查嵌套层级
+        if (componentType === "cms-column") {
+          if (!this.checkColumnNestingLevel()) {
+            console.log("cms-column 嵌套层级超出限制");
+            return false;
+          }
+        }
+      }
+      return true;
+    },
+    // 检查 cms-column 嵌套层级
+    checkColumnNestingLevel() {
+      // 检查当前 column-card 是否已经在 cms-column 内部
+      let parent = this.$parent;
+      let columnDepth = 0;
+      while (parent) {
+        // 检查父组件是否是 cms-column 或包含 cms-column
+        if (parent.$options.name === "cms-column" || parent.$data && parent.$data.data && parent.$data.data.cmsCompName === "cms-column") {
+          columnDepth++;
+        }
+
+        // 如果已经有一层 cms-column，则不允许再嵌套
+        if (columnDepth >= 2) {
+          console.log(`检测到 cms-column 嵌套层级: ${columnDepth}, 超出限制`);
+          return false;
+        }
+        parent = parent.$parent;
+      }
+      console.log(`cms-column 嵌套层级检查通过: ${columnDepth}`);
+      return true;
+    },
+    // 处理拖拽悬停
+    dragover(e) {
+      e.preventDefault();
+      this.showAddCom = true;
+    },
+    // 处理拖拽放置
+    drop(e) {
+      e.preventDefault();
+      const componentKey = e.dataTransfer.getData("componentKey");
+      let temporaryId = "";
+      this.temporaryList = e.dataTransfer.getData("temporaryList") ? JSON.parse(e.dataTransfer.getData("temporaryList")) : [];
+      console.log("cms-colum-card-drop", componentKey, this.temporaryList);
+      if (!componentKey) return;
+      const isTemporaryItem = e.dataTransfer.getData("isTemporaryItem");
+      const isTemporary = isTemporaryItem === "true";
+      if (isTemporary) {
+        temporaryId = (0,standard_page/* getCopyTemplateCompConfig */.L7)(this.temporaryList, componentKey).cmsCompName;
+      }
+      const componentType = isTemporary ? temporaryId : componentKey;
+      // 允许的组件类型
+      const allowedComponents = ["cms-text", "cms-image", "cms-video", "cms-button", "cms-richText", "cms-column" // 允许拖入 cms-column
+      ];
+
+      // 检查组件类型是否允许
+      if (!allowedComponents.includes(componentType)) {
+        console.log(`组件类型 ${componentType} 不允许拖入 column-card`);
+        this.$message && this.$message.warning(`该组件类型不支持拖入卡片容器`);
+        this.showAddCom = false;
+        return;
+      }
+
+      // 特殊处理 cms-column：检查嵌套层级
+      if (componentType === "cms-column") {
+        if (!this.checkColumnNestingLevel()) {
+          console.log("cms-column 嵌套层级超出限制");
+          this.$message && this.$message.warning(`cms-column 只能嵌套一层`);
+          this.showAddCom = false;
+          return;
+        }
+      }
+      this.addOneComp(e, componentKey);
+    },
+    // 添加组件到卡片容器
+    addOneComp(e, componentKey) {
+      this.showAddCom = false;
+      console.log("drop to column-card", componentKey);
+
+      // 动态导入组件配置
+      let initCompData;
+      try {
+        const isTemporaryItem = e.dataTransfer.getData("isTemporaryItem");
+        const isTemporary = isTemporaryItem === "true";
+        if (isTemporary) {
+          initCompData = (0,standard_page/* getCopyTemplateCompConfig */.L7)(this.temporaryList, componentKey);
+        } else {
+          initCompData = __webpack_require__(1640)(`./${componentKey}`).default.settings(componentKey);
+        }
+        if (!isTemporary) {
+          initCompData = {
+            ...initCompData,
+            styleConfig: {
+              pc: componentKey == "cms-text" ? [...(0,baseConfig.styleBaseConfig)(16, 16, 0, 0, "px")] : [...(0,baseConfig.styleBaseConfig)(0, 0, 0, 0, "px")],
+              mb: componentKey == "cms-text" ? [...(0,baseConfig.styleBaseConfig)(12, 12, 0, 0, "px")] : [...(0,baseConfig.styleBaseConfig)(0, 0, 0, 0, "px")]
+            }
+          };
+        }
+      } catch (error) {
+        console.error(`无法加载组件 ${componentKey}:`, error);
+        this.$message && this.$message.error(`组件加载失败`);
+        return;
+      }
+      const toElementId = e.toElement.id;
+      if (toElementId === `cardTarget${this.data.componentId}` || toElementId.includes("cardTargetdown")) {
+        // 添加到卡片容器末尾
+        this.data.childList.push(initCompData);
+      } else if (toElementId.includes("cardTargetup")) {
+        // 插入到指定位置
+        const underComponentId = toElementId.split("-cardTargetup")[0];
+        const index = this.data.childList.findIndex(item => item.componentId === underComponentId);
+        if (index !== -1) {
+          this.data.childList.splice(index, 0, initCompData);
+        }
+      }
+
+      // 触发数据更新
+      this.$emit("update:data", this.data);
+      if (componentKey === "cms-column") {
+        this.$EventBus.$emit("handleNowComp", initCompData);
+      }
+    }
+  }
+});
+;// ./package/cms-column-card/View.vue?vue&type=script&lang=js
+ /* harmony default export */ var cms_column_card_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=style&index=0&id=155a8242&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./package/cms-column-card/View.vue?vue&type=style&index=0&id=155a8242&prod&lang=scss&scoped=true
+
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1656);
+;// ./package/cms-column-card/View.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.A)(
+  cms_column_card_Viewvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "155a8242",
+  null
+  
+)
+
+/* harmony default export */ var View = (component.exports);
+
+/***/ }),
+
 /***/ 4576:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -39882,7 +40722,7 @@ exportTypedArrayMethod('toSorted', function toSorted(compareFn) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2128);
 
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 5086));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 4057));
 const langData = {
   // 内容编辑
   textContent: "请输入文本内容",
@@ -41430,427 +42270,6 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 5086:
-/***/ (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-text/View.vue?vue&type=template&id=877468fe&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-text-container",
-    class: [`align-${_vm.configData.textAlign || 'left'}`, _vm.configData.customClass || '', {
-      'has-link': _vm.configData.linkUrl,
-      'cmhk-home_main': _vm.showCmhkMain,
-      'hover-effect': _vm.configData.hoverEffect && _vm.configData.linkUrl
-    }],
-    style: _vm.containerStyle,
-    attrs: {
-      "aria-label": _vm.configData.ariaLabel,
-      "tabindex": _vm.configData.tabIndex,
-      "role": _vm.configData.role,
-      "title": _vm.configData.seoTitle || _vm.configData.seoDescription
-    },
-    on: {
-      "click": _vm.handleClick
-    }
-  }, [_c('div', {
-    staticClass: "text-content",
-    class: _vm.configData.textType,
-    style: _vm.textStyle
-  }, _vm._l(_vm.textLines, function (line, index) {
-    return _c('p', {
-      key: index,
-      staticClass: "text-line",
-      style: _vm.lineStyle
-    }, [_vm._v(" " + _vm._s(line) + " ")]);
-  }), 0), _vm.configData.linkUrl && _vm.configData.showLinkIcon ? _c('div', {
-    staticClass: "link-indicator"
-  }, [_c('i', {
-    staticClass: "el-icon-link"
-  })]) : _vm._e()])]);
-};
-var staticRenderFns = [];
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
-var es_iterator_constructor = __webpack_require__(8111);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.filter.js
-var es_iterator_filter = __webpack_require__(2489);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
-var es_iterator_for_each = __webpack_require__(7588);
-// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(677);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-text/View.vue?vue&type=script&lang=js
-
-
-
-
-
-
-
-/* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-text",
-  components: {
-    BaseComp: baseComp["default"]
-  },
-  props: {
-    data: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    nowCompId: {
-      type: [String, Number],
-      default: ""
-    },
-    isOpcacity: {
-      type: Boolean,
-      default: true
-    },
-    lang: {
-      type: String,
-      default: "zh-HK"
-    },
-    showCmhkMain: {
-      type: Boolean,
-      default: true
-    }
-  },
-  data() {
-    return {
-      configData: {},
-      // 默认配置数据
-      defaultConfig: {
-        // 内容编辑
-        textContent: "请输入文本内容",
-        enableLineBreak: true,
-        // 排版控制
-        textAlign: "left",
-        // fontSize: 16,
-        // lineHeight: 1.5,
-        letterSpacing: 0,
-        // 样式美化
-        fontColor: "#333333",
-        // fontWeight: "normal",
-        fontStyle: "normal",
-        textDecoration: "none",
-        // fontFamily: "inherit",
-
-        // 布局设置
-        paddingTop: 0,
-        paddingBottom: 0,
-        paddingLeft: 0,
-        paddingRight: 0,
-        marginTop: 0,
-        marginBottom: 0,
-        marginLeft: 0,
-        marginRight: 0,
-        backgroundColor: "",
-        // 视觉效果
-        borderWidth: 0,
-        borderStyle: "solid",
-        borderColor: "#dcdfe6",
-        borderRadius: 0,
-        boxShadow: "",
-        // 交互功能
-        linkUrl: "",
-        linkTarget: "_self",
-        showLinkIcon: false,
-        hoverEffect: false,
-        // 高级配置
-        customClass: "",
-        customStyle: "",
-        enableAnimation: false,
-        animationType: "fadeIn",
-        animationDuration: 300,
-        // 可访问性配置
-        ariaLabel: "",
-        tabIndex: 0,
-        role: "",
-        // SEO配置
-        seoTitle: "",
-        seoDescription: "",
-        // 响应式配置
-        mobileTextAlign: "",
-        mobileFontSize: 0,
-        tabletFontSize: 0
-      }
-    };
-  },
-  mounted() {
-    this.initConfigData();
-    this.setCSSVariables();
-  },
-  watch: {
-    configData: {
-      handler() {
-        this.updateStyles();
-      },
-      deep: true
-    }
-  },
-  computed: {
-    // 文本行数组（支持换行）
-    textLines() {
-      if (!this.configData.textContent) return [];
-      if (!this.configData.enableLineBreak) {
-        return [this.configData.textContent];
-      }
-      return this.configData.textContent.split("\n").filter(line => line.trim() !== "");
-    },
-    // 容器样式
-    containerStyle() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      return {
-        padding: `${config.paddingTop}px ${config.paddingRight}px ${config.paddingBottom}px ${config.paddingLeft}px`,
-        margin: `${config.marginTop}px ${config.marginRight}px ${config.marginBottom}px ${config.marginLeft}px`,
-        backgroundColor: config.backgroundColor || "transparent",
-        border: config.borderWidth ? `${config.borderWidth}px ${config.borderStyle} ${config.borderColor}` : "none",
-        borderRadius: `${config.borderRadius}px`,
-        boxShadow: config.boxShadow || "none",
-        cursor: config.linkUrl ? "pointer" : "default",
-        transition: config.hoverEffect ? "all 0.3s ease" : "none",
-        animation: config.enableAnimation ? this.getAnimationStyle() : "none",
-        ...this.parseCustomStyle(config.customStyle)
-      };
-    },
-    // 文本样式
-    textStyle() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      return {
-        color: config.fontColor,
-        // fontSize: `${config.fontSize}px`,
-        // fontWeight: config.fontWeight,
-        fontStyle: config.fontStyle,
-        textDecoration: config.textDecoration,
-        // fontFamily: config.fontFamily,
-        // lineHeight: config.lineHeight,
-        letterSpacing: `${config.letterSpacing}px`,
-        textAlign: config.textAlign,
-        wordBreak: "break-word",
-        wordWrap: "break-word",
-        cursor: config.linkUrl ? "pointer" : "default"
-      };
-    },
-    // 行样式
-    lineStyle() {
-      return {
-        margin: "0",
-        padding: "0"
-      };
-    }
-  },
-  methods: {
-    // 初始化配置数据
-    initConfigData() {
-      this.configData = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-    },
-    // 获取配置数据
-    getConfigData(configData) {
-      this.configData = {
-        ...this.defaultConfig,
-        ...configData
-      };
-      this.updateStyles();
-    },
-    // 更新样式
-    updateStyles() {
-      this.$nextTick(() => {
-        this.setCSSVariables();
-        this.$forceUpdate();
-      });
-    },
-    // 设置CSS变量
-    setCSSVariables() {
-      if (!this.$el) return;
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-
-      // 设置响应式字体大小
-      if (config.mobileFontSize > 0) {
-        this.$el.style.setProperty("--mobile-font-size", `${config.mobileFontSize}px`);
-      }
-      if (config.tabletFontSize > 0) {
-        this.$el.style.setProperty("--tablet-font-size", `${config.tabletFontSize}px`);
-      }
-
-      // 设置移动端文本对齐
-      if (config.mobileTextAlign) {
-        this.$el.style.setProperty("--mobile-text-align", config.mobileTextAlign);
-      }
-    },
-    // 处理点击事件
-    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;
-        }
-      }
-    },
-    // 获取动画样式
-    getAnimationStyle() {
-      const animationType = this.configData.animationType || this.defaultConfig.animationType;
-      const duration = this.configData.animationDuration || this.defaultConfig.animationDuration;
-      if (!this.configData.enableAnimation || animationType === "none") return "";
-      return `${animationType} ${duration}ms ease-in-out`;
-    },
-    // 解析自定义样式
-    parseCustomStyle(customStyle) {
-      if (!customStyle) return {};
-      try {
-        // 简单的CSS样式解析
-        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 {};
-      }
-    },
-    // 文本内容验证
-    validateTextContent() {
-      const content = this.configData.textContent;
-      if (!content || content.trim() === "") {
-        console.warn("文本内容为空");
-        return false;
-      }
-      return true;
-    },
-    // 获取纯文本内容
-    getPlainTextContent() {
-      return this.configData.textContent || "";
-    },
-    // 获取文本长度
-    getTextLength() {
-      return this.getPlainTextContent().length;
-    },
-    // 复制文本内容到剪贴板
-    copyTextToClipboard() {
-      const text = this.getPlainTextContent();
-      if (navigator.clipboard && window.isSecureContext) {
-        navigator.clipboard.writeText(text).then(() => {
-          var _this$$message;
-          (_this$$message = this.$message) === null || _this$$message === void 0 ? void 0 : _this$$message.success("文本已复制到剪贴板");
-        }).catch(err => {
-          console.error("复制失败:", err);
-        });
-      } else {
-        // 降级方案
-        const textArea = document.createElement("textarea");
-        textArea.value = text;
-        document.body.appendChild(textArea);
-        textArea.select();
-        try {
-          var _this$$message2;
-          document.execCommand("copy");
-          (_this$$message2 = this.$message) === null || _this$$message2 === void 0 ? void 0 : _this$$message2.success("文本已复制到剪贴板");
-        } catch (err) {
-          console.error("复制失败:", err);
-        }
-        document.body.removeChild(textArea);
-      }
-    },
-    // 文本搜索高亮
-    highlightText(searchTerm) {
-      if (!searchTerm) return;
-      const content = this.getPlainTextContent();
-      const regex = new RegExp(`(${searchTerm})`, "gi");
-      const highlightedContent = content.replace(regex, "<mark>$1</mark>");
-
-      // 这里可以根据需要实现高亮显示逻辑
-      console.log("高亮内容:", highlightedContent);
-    },
-    // 文本统计信息
-    getTextStats() {
-      const text = this.getPlainTextContent();
-      const words = text.split(/\s+/).filter(word => word.length > 0);
-      const lines = text.split("\n").length;
-      const characters = text.length;
-      const charactersNoSpaces = text.replace(/\s/g, "").length;
-      return {
-        characters,
-        charactersNoSpaces,
-        words: words.length,
-        lines,
-        paragraphs: text.split(/\n\s*\n/).filter(p => p.trim().length > 0).length
-      };
-    }
-  }
-});
-;// ./package/cms-text/View.vue?vue&type=script&lang=js
- /* harmony default export */ var cms_text_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-text/View.vue?vue&type=style&index=0&id=877468fe&prod&lang=scss&scoped=true
-// extracted by mini-css-extract-plugin
-
-;// ./package/cms-text/View.vue?vue&type=style&index=0&id=877468fe&prod&lang=scss&scoped=true
-
-// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(1656);
-;// ./package/cms-text/View.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var component = (0,componentNormalizer/* default */.A)(
-  cms_text_Viewvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  "877468fe",
-  null
-  
-)
-
-/* harmony default export */ var View = (component.exports);
-
-/***/ }),
-
 /***/ 5122:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -41954,9 +42373,9 @@ var map = {
 	"./cms-activityCountdown/View.vue": 5985,
 	"./cms-activityTime/View.vue": 2620,
 	"./cms-banner/View.vue": 9894,
-	"./cms-button/View.vue": 6446,
+	"./cms-button/View.vue": 3735,
 	"./cms-cells/View.vue": 983,
-	"./cms-column-card/View.vue": 4306,
+	"./cms-column-card/View.vue": 4552,
 	"./cms-column/View.vue": 7473,
 	"./cms-description/View.vue": 6296,
 	"./cms-dynamic-comp/View.vue": 471,
@@ -41972,12 +42391,12 @@ var map = {
 	"./cms-prodCustomization/View.vue": 1054,
 	"./cms-productDetails/View.vue": 7979,
 	"./cms-question/View.vue": 2519,
-	"./cms-richText/View.vue": 8914,
+	"./cms-richText/View.vue": 342,
 	"./cms-servePlan-tab/View.vue": 9051,
 	"./cms-servePlan-text/View.vue": 5865,
 	"./cms-tab/View.vue": 3591,
 	"./cms-termsAndConditions/View.vue": 2961,
-	"./cms-text/View.vue": 5086,
+	"./cms-text/View.vue": 4057,
 	"./cms-threeScroll/View.vue": 38,
 	"./cms-titleCenter/View.vue": 788,
 	"./cms-titleLeft/View.vue": 6946,
@@ -47965,286 +48384,6 @@ const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSc
 
 /***/ }),
 
-/***/ 6446:
-/***/ (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-button/View.vue?vue&type=template&id=d7712dd2&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-button-container",
-    class: [`align-${_vm.configData.textAlign || 'center'}`, _vm.configData.customClass || ''],
-    style: _vm.containerStyle
-  }, [_c('button', {
-    staticClass: "cms-button",
-    class: ['cms-button-element', {
-      'has-link': _vm.configData.linkUrl,
-      'hover-effect': _vm.configData.hoverEffect
-    }],
-    style: _vm.buttonStyle,
-    attrs: {
-      "disabled": _vm.configData.disabled
-    },
-    on: {
-      "click": _vm.handleClick
-    }
-  }, [_vm._v(" " + _vm._s(_vm.configData.buttonText) + " "), _c('i', {
-    staticClass: "el-icon-arrow-right el-icon--right"
-  })])])]);
-};
-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__(677);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-button/View.vue?vue&type=script&lang=js
-
-
-
-
-
-/* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-button",
-  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: {},
-      // 默认配置数据
-      defaultConfig: {
-        // 文字设置
-        buttonText: "按钮文字",
-        textAlign: "center",
-        fontSize: 16,
-        fontColor: "#ffffff",
-        fontWeight: "normal",
-        // 样式控制
-        backgroundColor: "#409eff",
-        borderRadius: 30,
-        borderWidth: 1,
-        borderStyle: "solid",
-        borderColor: "#409eff",
-        // 空间布局
-        paddingTop: 12,
-        paddingBottom: 12,
-        paddingLeft: 20,
-        paddingRight: 20,
-        marginTop: 0,
-        marginBottom: 0,
-        marginLeft: 0,
-        marginRight: 0,
-        // 交互功能
-        linkUrl: "",
-        linkTarget: "_self",
-        disabled: false,
-        // 高级配置
-        customClass: "",
-        customStyle: "",
-        hoverEffect: false,
-        // 尺寸设置
-        buttonWidth: "300",
-        buttonHeight: "48",
-        minWidth: 80,
-        minHeight: 36
-      }
-    };
-  },
-  mounted() {
-    this.initConfigData();
-  },
-  watch: {
-    configData: {
-      handler() {
-        this.updateStyles();
-      },
-      deep: true
-    }
-  },
-  computed: {
-    // 容器样式
-    containerStyle() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      return {
-        backgroundColor: config.wrapperBackgroundColor,
-        textAlign: config.textAlign,
-        margin: `${config.marginTop}px ${config.marginRight}px ${config.marginBottom}px ${config.marginLeft}px`,
-        ...this.parseCustomStyle(config.customStyle)
-      };
-    },
-    // 按钮样式
-    buttonStyle() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      return {
-        // 文字样式
-        fontSize: `${config.fontSize}px`,
-        color: config.fontColor,
-        fontWeight: config.fontWeight,
-        // 背景和边框
-        backgroundColor: config.backgroundColor ? config.backgroundColor : "transparent",
-        borderRadius: `${config.borderRadius}px`,
-        border: config.borderWidth ? `${config.borderWidth}px ${config.borderStyle} ${config.borderColor}` : "none",
-        // 内边距
-        padding: `${config.paddingTop}px ${config.paddingRight}px ${config.paddingBottom}px ${config.paddingLeft}px`,
-        // 尺寸
-        width: config.buttonWidth === "auto" ? "auto" : `${config.buttonWidth}px`,
-        height: config.buttonHeight === "auto" ? "auto" : `${config.buttonHeight}px`,
-        minWidth: `${config.minWidth}px`,
-        minHeight: `${config.minHeight}px`,
-        // 交互效果
-        cursor: config.linkUrl ? "pointer" : "default",
-        opacity: config.disabled ? 0.6 : 1,
-        transition: config.hoverEffect ? "all 0.3s ease" : "none",
-        // 基础样式
-        outline: "none",
-        textDecoration: "none",
-        display: "inline-block",
-        textAlign: "center",
-        verticalAlign: "middle",
-        userSelect: "none",
-        whiteSpace: "nowrap"
-      };
-    }
-  },
-  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.disabled) {
-        return;
-      }
-      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;
-        }
-      }
-    },
-    // 解析自定义样式
-    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-button/View.vue?vue&type=script&lang=js
- /* harmony default export */ var cms_button_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-button/View.vue?vue&type=style&index=0&id=d7712dd2&prod&lang=scss&scoped=true
-// extracted by mini-css-extract-plugin
-
-;// ./package/cms-button/View.vue?vue&type=style&index=0&id=d7712dd2&prod&lang=scss&scoped=true
-
-// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(1656);
-;// ./package/cms-button/View.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var component = (0,componentNormalizer/* default */.A)(
-  cms_button_Viewvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  "d7712dd2",
-  null
-  
-)
-
-/* harmony default export */ var View = (component.exports);
-
-/***/ }),
-
 /***/ 6467:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -48372,7 +48511,7 @@ if (DESCRIPTORS && !('detached' in ArrayBufferPrototype)) {
 __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__, 6446));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 3735));
 const langData = {
   // 文字设置
   buttonText: "按钮文字",
@@ -48383,7 +48522,7 @@ const langData = {
   fontColor: "#ffffff",
   fontWeight: "normal",
   // 样式控制
-  backgroundColor: "#409eff",
+  backgroundColor: "#2f85ff",
   borderRadius: 30,
   borderWidth: 1,
   borderStyle: "solid",
@@ -53969,134 +54108,6 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 8914:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": function() { return /* binding */ View; }
-});
-
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-richText/View.vue?vue&type=template&id=36ccf66e&scoped=true
-var render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('BaseComp', _vm._b({
-    attrs: {
-      "data": _vm.data,
-      "nowCompId": _vm.nowCompId,
-      "isOpcacity": _vm.isOpcacity,
-      "lang": _vm.lang
-    },
-    on: {
-      "getConfigData": _vm.getConfigData
-    }
-  }, 'BaseComp', _vm.$attrs, false), [_c('section', {
-    staticClass: "cmhk-home_main"
-  }, [_c('div', [_c('div', {
-    staticClass: "inner"
-  }, [_c('p', {
-    staticClass: "cms-ht",
-    domProps: {
-      "innerHTML": _vm._s(_vm.configData.input1)
-    }
-  })])])])]);
-};
-var staticRenderFns = [];
-
-// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(677);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-85.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-richText/View.vue?vue&type=script&lang=js
-
-/* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-richText",
-  components: {
-    BaseComp: baseComp["default"]
-  },
-  props: {
-    data: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    nowCompId: {
-      type: [String, Number],
-      default: ""
-    },
-    isOpcacity: {
-      type: Boolean,
-      default: true
-    },
-    lang: {
-      type: String,
-      default: "zh-HK"
-    }
-  },
-  data() {
-    return {
-      configData: {},
-      messFold: false
-    };
-  },
-  mounted() {},
-  watch: {},
-  methods: {
-    getConfigData(configData) {
-      this.configData = configData;
-    },
-    foldMessText() {
-      this.messFold = !this.messFold;
-    },
-    decodeJumpUrl(url) {
-      if (!url) return;
-      top.location.href = url;
-    }
-  }
-});
-;// ./package/cms-richText/View.vue?vue&type=script&lang=js
- /* harmony default export */ var cms_richText_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-richText/View.vue?vue&type=style&index=0&id=36ccf66e&prod&lang=scss&scoped=true
-// extracted by mini-css-extract-plugin
-
-;// ./package/cms-richText/View.vue?vue&type=style&index=0&id=36ccf66e&prod&lang=scss&scoped=true
-
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-67.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-richText/View.vue?vue&type=style&index=1&id=36ccf66e&prod&lang=scss
-// extracted by mini-css-extract-plugin
-
-;// ./package/cms-richText/View.vue?vue&type=style&index=1&id=36ccf66e&prod&lang=scss
-
-// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(1656);
-;// ./package/cms-richText/View.vue
-
-
-
-;
-
-
-
-/* normalize component */
-
-var component = (0,componentNormalizer/* default */.A)(
-  cms_richText_Viewvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  "36ccf66e",
-  null
-  
-)
-
-/* harmony default export */ var View = (component.exports);
-
-/***/ }),
-
 /***/ 8918:
 /***/ (function(module) {