cms-chenhj-ui 2.0.30 → 2.0.32

package/cms-chenhj-ui.common.js

@@ -457,7 +457,7 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
   },
   textType: {
     label: "文字类型",
-    widgetType: "el-radio-group",
+    widgetType: "el-select",
     options: [{
       label: "H1",
       value: "h1"
@@ -10095,8 +10095,8 @@ var map = {
 	"./cms-banner/index.js": 1739,
 	"./cms-button": 2209,
 	"./cms-button/": 2209,
-	"./cms-button/View": 6677,
-	"./cms-button/View.vue": 6677,
+	"./cms-button/View": 8169,
+	"./cms-button/View.vue": 8169,
 	"./cms-button/index": 2209,
 	"./cms-button/index.js": 2209,
 	"./cms-cells": 1630,
@@ -10203,8 +10203,8 @@ var map = {
 	"./cms-question/index.js": 2269,
 	"./cms-richText": 7616,
 	"./cms-richText/": 7616,
-	"./cms-richText/View": 7082,
-	"./cms-richText/View.vue": 7082,
+	"./cms-richText/View": 5653,
+	"./cms-richText/View.vue": 5653,
 	"./cms-richText/index": 7616,
 	"./cms-richText/index.js": 7616,
 	"./cms-servePlan-tab": 1373,
@@ -10274,8 +10274,8 @@ var map = {
 	"./cms-video-group/index": 622,
 	"./cms-video-group/index.js": 622,
 	"./cms-video/": 2404,
-	"./cms-video/View": 6083,
-	"./cms-video/View.vue": 6083,
+	"./cms-video/View": 4588,
+	"./cms-video/View.vue": 4588,
 	"./cms-video/index": 2404,
 	"./cms-video/index.js": 2404,
 	"./cms-view": 2392,
@@ -11766,10 +11766,12 @@ module.exports = function (it) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(649);
 
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 6677));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 8169));
 const langData = {
   // 文字设置
   buttonText: "按钮文字",
+  buttonType: "bg-blue",
+  wrapperBackgroundColor: "#ffffff",
   textAlign: "center",
   fontSize: 16,
   fontColor: "#ffffff",
@@ -11810,6 +11812,44 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
     widgetType: "el-input",
     placeholder: "请输入按钮文字"
   },
+  buttonType: {
+    label: "按钮类型",
+    widgetType: "el-select",
+    options: [{
+      label: "蓝底",
+      value: "bg-blue"
+    }, {
+      label: "白底",
+      value: "bg-white"
+    }, {
+      label: "灰底",
+      value: "bg-gray"
+    }],
+    on: {
+      change: (data, value) => {
+        if (value == "bg-blue") {
+          data.backgroundColor = "#409eff";
+          data.fontColor = "#fff";
+          data.borderWidth = 0;
+          data.wrapperBackgroundColor = "#fff";
+        } else if (value == "bg-white") {
+          data.backgroundColor = "#fff";
+          data.fontColor = "#409eff";
+          data.borderWidth = 1;
+          data.borderStyle = "solid";
+          data.borderColor = "#409eff";
+          data.wrapperBackgroundColor = "#fff";
+        } else if (value == "bg-gray") {
+          data.backgroundColor = "#888888";
+          data.fontColor = "#fff";
+          data.borderWidth = 1;
+          data.borderStyle = "solid";
+          data.borderColor = "#fff";
+          data.wrapperBackgroundColor = "#979797";
+        }
+      }
+    }
+  },
   textAlign: {
     label: "对齐方式",
     widgetType: "el-radio-group",
@@ -11880,8 +11920,15 @@ const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataTy
     }]
   },
   // 样式控制配置
+  wrapperBackgroundColor: {
+    label: "区块背景颜色",
+    widgetType: "el-color-picker",
+    showAlpha: true,
+    predefine: ["#262729", "rgb(36,38,40,0.8)", "rgb(36,38,40,0.5)", "#2F85FF", "#D6197F", "#52C41A", "#f48427", "#FFFFFF"]
+  },
+  // 样式控制配置
   backgroundColor: {
-    label: "背景颜色",
+    label: "按钮背景颜色",
     widgetType: "el-color-picker",
     showAlpha: true,
     predefine: ["#262729", "rgb(36,38,40,0.8)", "rgb(36,38,40,0.5)", "#2F85FF", "#D6197F", "#52C41A", "#f48427", "#FFFFFF"]
@@ -12493,7 +12540,7 @@ const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(649);
 
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 6083));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 4588));
 const langData = {
   // 视频源设置
   title: '',
@@ -37338,6 +37385,386 @@ module.exports =
   (function () { return this; })() || Function('return this')();
 
 
+/***/ }),
+
+/***/ 4588:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ View; }
+});
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video/View.vue?vue&type=template&id=6b24141a&scoped=true
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('BaseComp', _vm._b({
+    attrs: {
+      "data": _vm.data,
+      "nowCompId": _vm.nowCompId,
+      "isOpcacity": _vm.isOpcacity,
+      "lang": _vm.lang
+    },
+    on: {
+      "getConfigData": _vm.getConfigData
+    }
+  }, 'BaseComp', _vm.$attrs, false), [_c('section', {
+    staticClass: "cms-video-container",
+    class: [_vm.configData.customClass || ''],
+    style: _vm.containerStyle
+  }, [_c('div', {
+    staticClass: "video-wrapper",
+    style: _vm.wrapperStyle
+  }, [_vm.videoType === 'direct' && _vm.configData.videoUrl ? _c('video', {
+    staticClass: "cms-video direct-video",
+    style: _vm.videoStyle,
+    attrs: {
+      "src": _vm.configData.videoUrl,
+      "controls": _vm.configData.showControls,
+      "autoplay": _vm.configData.autoplay,
+      "loop": _vm.configData.loop,
+      "poster": _vm.configData.posterUrl
+    },
+    domProps: {
+      "muted": _vm.configData.muted
+    },
+    on: {
+      "loadstart": _vm.onVideoLoadStart,
+      "loadeddata": _vm.onVideoLoaded,
+      "error": _vm.onVideoError
+    }
+  }) : _vm.configData.embedCode ? _c('div', {
+    staticClass: "cms-video embed-video",
+    style: _vm.videoStyle,
+    domProps: {
+      "innerHTML": _vm._s(_vm.configData.embedCode)
+    }
+  }) : _c('div', {
+    staticClass: "video-placeholder",
+    style: _vm.placeholderStyle
+  }, [_c('img', {
+    staticStyle: {
+      "width": "97.82px",
+      "height": "97.82px"
+    },
+    attrs: {
+      "src": __webpack_require__(6148),
+      "alt": "Video Camera"
+    }
+  })])]), _vm.configData.title ? _c('div', {
+    staticClass: "f-c-c"
+  }, [_vm._v(_vm._s(_vm.configData.title))]) : _vm._e()])]);
+};
+var staticRenderFns = [];
+
+;// ./package/cms-video/View.vue?vue&type=template&id=6b24141a&scoped=true
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
+var es_iterator_constructor = __webpack_require__(8111);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
+var es_iterator_for_each = __webpack_require__(7588);
+// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
+var baseComp = __webpack_require__(4272);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video/View.vue?vue&type=script&lang=js
+
+
+
+
+
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-video",
+  components: {
+    BaseComp: baseComp["default"]
+  },
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    nowCompId: {
+      type: [String, Number],
+      default: ""
+    },
+    isOpcacity: {
+      type: Boolean,
+      default: true
+    },
+    lang: {
+      type: String,
+      default: "zh-HK"
+    }
+  },
+  data() {
+    return {
+      configData: {},
+      videoLoaded: false,
+      videoError: false,
+      // 默认配置数据
+      defaultConfig: {
+        // 视频源设置
+        videoType: "direct",
+        videoUrl: "",
+        embedCode: "",
+        posterUrl: "",
+        // 播放控制
+        showControls: true,
+        autoplay: false,
+        loop: false,
+        muted: false,
+        // 尺寸控制
+        widthType: "auto",
+        widthValue: 100,
+        heightType: "auto",
+        heightValue: 100,
+        aspectRatio: "16:9",
+        customAspectRatio: "16:9",
+        maxWidth: 0,
+        maxHeight: 0,
+        // 样式设置
+        borderRadius: 0,
+        // 高级配置
+        customClass: "",
+        customStyle: ""
+      }
+    };
+  },
+  mounted() {
+    this.initConfigData();
+  },
+  watch: {
+    configData: {
+      handler() {
+        this.updateStyles();
+      },
+      deep: true
+    }
+  },
+  computed: {
+    showEmbedCode() {
+      return this.configData.embedCode.replace(/<iframe(.*?)width="(\d+)"(.*?)height="(\d+)"(.*?)>/gi, '<iframe$1width="100%"$3height="auto"$5 aspect-ratio="$2/$4">');
+    },
+    // 视频类型
+    videoType() {
+      return this.configData.videoType || this.defaultConfig.videoType;
+    },
+    // 实际使用的宽高比
+    actualAspectRatio() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      if (config.aspectRatio === "custom") {
+        return config.customAspectRatio || "16:9";
+      }
+      return config.aspectRatio;
+    },
+    // 容器样式
+    containerStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      return {
+        ...this.parseCustomStyle(config.customStyle)
+      };
+    },
+    // 包装器样式
+    wrapperStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      let width = "auto";
+      let height = "auto";
+
+      // 宽度设置
+      if (config.widthType === "fixed") {
+        width = `${config.widthValue}px`;
+      } else if (config.widthType === "percent") {
+        width = `${config.widthValue}%`;
+      }
+
+      // 高度设置
+      if (config.heightType === "fixed") {
+        height = `${config.heightValue}px`;
+      } else if (config.heightType === "percent") {
+        height = `${config.heightValue}%`;
+      } else if (config.heightType === "aspect") {
+        // 根据宽高比计算高度
+        height = "auto";
+      }
+      return {
+        width,
+        height,
+        maxWidth: config.maxWidth > 0 ? `${config.maxWidth}px` : "none",
+        maxHeight: config.maxHeight > 0 ? `${config.maxHeight}px` : "none",
+        borderRadius: `${config.borderRadius}px`,
+        overflow: "hidden",
+        display: "block",
+        position: "relative"
+      };
+    },
+    // 视频样式
+    videoStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      let style = {
+        width: "100%",
+        height: "100%",
+        display: "block",
+        border: "none",
+        outline: "none"
+      };
+
+      // 如果是宽高比模式，设置aspect-ratio
+      if (config.heightType === "aspect") {
+        style.aspectRatio = this.actualAspectRatio.replace(":", "/");
+      }
+      return style;
+    },
+    // 占位符样式
+    placeholderStyle() {
+      const config = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+      let width = "100%";
+      let height = "auto";
+
+      // 如果设置了固定尺寸，使用设置的尺寸
+      if (config.widthType === "fixed") {
+        width = `${config.widthValue}px`;
+      } else if (config.widthType === "percent") {
+        width = `${config.widthValue}%`;
+      }
+      if (config.heightType === "fixed") {
+        height = `${config.heightValue}px`;
+      } else if (config.heightType === "aspect") {
+        // 使用aspect-ratio保持16:9比例
+        height = "auto";
+      } else {
+        // 默认使用16:9比例
+        height = "auto";
+      }
+      const style = {
+        width,
+        height,
+        backgroundColor: "#f5f7fa",
+        border: "1px dashed #dcdfe6",
+        borderRadius: `${config.borderRadius}px`,
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        color: "#909399",
+        fontSize: "14px"
+      };
+
+      // 如果不是固定高度，使用aspect-ratio保持16:9比例
+      if (config.heightType !== "fixed") {
+        style.aspectRatio = this.actualAspectRatio.replace(":", "/");
+      }
+      return style;
+    }
+  },
+  methods: {
+    // 初始化配置数据
+    initConfigData() {
+      this.configData = {
+        ...this.defaultConfig,
+        ...this.configData
+      };
+    },
+    // 获取配置数据
+    getConfigData(configData) {
+      this.configData = {
+        ...this.defaultConfig,
+        ...configData
+      };
+      this.updateStyles();
+    },
+    // 更新样式
+    updateStyles() {
+      this.$nextTick(() => {
+        this.$forceUpdate();
+      });
+    },
+    // 视频开始加载
+    onVideoLoadStart() {
+      this.videoLoaded = false;
+      this.videoError = false;
+    },
+    // 视频加载完成
+    onVideoLoaded() {
+      this.videoLoaded = true;
+      this.videoError = false;
+    },
+    // 视频加载失败
+    onVideoError() {
+      this.videoLoaded = false;
+      this.videoError = true;
+    },
+    // 解析自定义样式
+    parseCustomStyle(customStyle) {
+      if (!customStyle) return {};
+      try {
+        const styles = {};
+        const declarations = customStyle.split(";");
+        declarations.forEach(declaration => {
+          const [property, value] = declaration.split(":");
+          if (property && value) {
+            const camelCaseProperty = property.trim().replace(/-([a-z])/g, g => g[1].toUpperCase());
+            styles[camelCaseProperty] = value.trim();
+          }
+        });
+        return styles;
+      } catch (error) {
+        console.warn("解析自定义样式失败:", error);
+        return {};
+      }
+    }
+  }
+});
+;// ./package/cms-video/View.vue?vue&type=script&lang=js
+ /* harmony default export */ var cms_video_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video/View.vue?vue&type=style&index=0&id=6b24141a&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./package/cms-video/View.vue?vue&type=style&index=0&id=6b24141a&prod&lang=scss&scoped=true
+
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1656);
+;// ./package/cms-video/View.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.A)(
+  cms_video_Viewvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "6b24141a",
+  null
+  
+)
+
+/* harmony default export */ var View = (component.exports);
+
 /***/ }),
 
 /***/ 4602:
@@ -39695,7 +40122,7 @@ var map = {
 	"./cms-activityCountdown/View.vue": 8437,
 	"./cms-activityTime/View.vue": 8322,
 	"./cms-banner/View.vue": 6815,
-	"./cms-button/View.vue": 6677,
+	"./cms-button/View.vue": 8169,
 	"./cms-cells/View.vue": 5700,
 	"./cms-column-card/View.vue": 7058,
 	"./cms-column/View.vue": 7855,
@@ -39713,7 +40140,7 @@ var map = {
 	"./cms-prodCustomization/View.vue": 6786,
 	"./cms-productDetails/View.vue": 7984,
 	"./cms-question/View.vue": 9764,
-	"./cms-richText/View.vue": 7082,
+	"./cms-richText/View.vue": 5653,
 	"./cms-servePlan-tab/View.vue": 8757,
 	"./cms-servePlan-text/View.vue": 9487,
 	"./cms-tab/View.vue": 2596,
@@ -39724,7 +40151,7 @@ var map = {
 	"./cms-titleLeft/View.vue": 428,
 	"./cms-via-storedValueCard/View.vue": 8498,
 	"./cms-video-group/View.vue": 9418,
-	"./cms-video/View.vue": 6083,
+	"./cms-video/View.vue": 4588,
 	"./cms-view/View.vue": 1380
 };
 
@@ -40745,6 +41172,133 @@ module.exports = function isCancel(value) {
 
 /***/ }),
 
+/***/ 5653:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ View; }
+});
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-richText/View.vue?vue&type=template&id=f9cda95e&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', {
+    domProps: {
+      "innerHTML": _vm._s(_vm.configData.input1)
+    }
+  })])])])]);
+};
+var staticRenderFns = [];
+
+// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
+var baseComp = __webpack_require__(4272);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-richText/View.vue?vue&type=style&index=0&id=f9cda95e&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./package/cms-richText/View.vue?vue&type=style&index=0&id=f9cda95e&prod&lang=scss&scoped=true
+
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-richText/View.vue?vue&type=style&index=1&id=f9cda95e&prod&lang=scss
+// extracted by mini-css-extract-plugin
+
+;// ./package/cms-richText/View.vue?vue&type=style&index=1&id=f9cda95e&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,
+  "f9cda95e",
+  null
+  
+)
+
+/* harmony default export */ var View = (component.exports);
+
+/***/ }),
+
 /***/ 5700:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -41291,383 +41845,6 @@ module.exports = function (fn, that) {
 };
 
 
-/***/ }),
-
-/***/ 6083:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": function() { return /* binding */ View; }
-});
-
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video/View.vue?vue&type=template&id=08ec3683&scoped=true
-var render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('BaseComp', _vm._b({
-    attrs: {
-      "data": _vm.data,
-      "nowCompId": _vm.nowCompId,
-      "isOpcacity": _vm.isOpcacity,
-      "lang": _vm.lang
-    },
-    on: {
-      "getConfigData": _vm.getConfigData
-    }
-  }, 'BaseComp', _vm.$attrs, false), [_c('section', {
-    staticClass: "cms-video-container",
-    class: [_vm.configData.customClass || ''],
-    style: _vm.containerStyle
-  }, [_c('div', {
-    staticClass: "video-wrapper",
-    style: _vm.wrapperStyle
-  }, [_vm.videoType === 'direct' && _vm.configData.videoUrl ? _c('video', {
-    staticClass: "cms-video direct-video",
-    style: _vm.videoStyle,
-    attrs: {
-      "src": _vm.configData.videoUrl,
-      "controls": _vm.configData.showControls,
-      "autoplay": _vm.configData.autoplay,
-      "loop": _vm.configData.loop,
-      "poster": _vm.configData.posterUrl
-    },
-    domProps: {
-      "muted": _vm.configData.muted
-    },
-    on: {
-      "loadstart": _vm.onVideoLoadStart,
-      "loadeddata": _vm.onVideoLoaded,
-      "error": _vm.onVideoError
-    }
-  }) : _vm.configData.embedCode ? _c('div', {
-    staticClass: "cms-video embed-video",
-    style: _vm.videoStyle,
-    domProps: {
-      "innerHTML": _vm._s(_vm.configData.embedCode)
-    }
-  }) : _c('div', {
-    staticClass: "video-placeholder",
-    style: _vm.placeholderStyle
-  }, [_c('img', {
-    staticStyle: {
-      "width": "97.82px",
-      "height": "97.82px"
-    },
-    attrs: {
-      "src": __webpack_require__(6148),
-      "alt": "Video Camera"
-    }
-  })])]), _vm.configData.title ? _c('div', {
-    staticClass: "f-c-c"
-  }, [_vm._v(_vm._s(_vm.configData.title))]) : _vm._e()])]);
-};
-var staticRenderFns = [];
-
-;// ./package/cms-video/View.vue?vue&type=template&id=08ec3683&scoped=true
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
-var es_iterator_constructor = __webpack_require__(8111);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
-var es_iterator_for_each = __webpack_require__(7588);
-// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(4272);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video/View.vue?vue&type=script&lang=js
-
-
-
-
-
-/* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-video",
-  components: {
-    BaseComp: baseComp["default"]
-  },
-  props: {
-    data: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    nowCompId: {
-      type: [String, Number],
-      default: ""
-    },
-    isOpcacity: {
-      type: Boolean,
-      default: true
-    },
-    lang: {
-      type: String,
-      default: "zh-HK"
-    }
-  },
-  data() {
-    return {
-      configData: {},
-      videoLoaded: false,
-      videoError: false,
-      // 默认配置数据
-      defaultConfig: {
-        // 视频源设置
-        videoType: "direct",
-        videoUrl: "",
-        embedCode: "",
-        posterUrl: "",
-        // 播放控制
-        showControls: true,
-        autoplay: false,
-        loop: false,
-        muted: false,
-        // 尺寸控制
-        widthType: "auto",
-        widthValue: 100,
-        heightType: "auto",
-        heightValue: 100,
-        aspectRatio: "16:9",
-        customAspectRatio: "16:9",
-        maxWidth: 0,
-        maxHeight: 0,
-        // 样式设置
-        borderRadius: 0,
-        // 高级配置
-        customClass: "",
-        customStyle: ""
-      }
-    };
-  },
-  mounted() {
-    this.initConfigData();
-  },
-  watch: {
-    configData: {
-      handler() {
-        this.updateStyles();
-      },
-      deep: true
-    }
-  },
-  computed: {
-    // 视频类型
-    videoType() {
-      return this.configData.videoType || this.defaultConfig.videoType;
-    },
-    // 实际使用的宽高比
-    actualAspectRatio() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      if (config.aspectRatio === "custom") {
-        return config.customAspectRatio || "16:9";
-      }
-      return config.aspectRatio;
-    },
-    // 容器样式
-    containerStyle() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      return {
-        ...this.parseCustomStyle(config.customStyle)
-      };
-    },
-    // 包装器样式
-    wrapperStyle() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      let width = "auto";
-      let height = "auto";
-
-      // 宽度设置
-      if (config.widthType === "fixed") {
-        width = `${config.widthValue}px`;
-      } else if (config.widthType === "percent") {
-        width = `${config.widthValue}%`;
-      }
-
-      // 高度设置
-      if (config.heightType === "fixed") {
-        height = `${config.heightValue}px`;
-      } else if (config.heightType === "percent") {
-        height = `${config.heightValue}%`;
-      } else if (config.heightType === "aspect") {
-        // 根据宽高比计算高度
-        height = "auto";
-      }
-      return {
-        width,
-        height,
-        maxWidth: config.maxWidth > 0 ? `${config.maxWidth}px` : "none",
-        maxHeight: config.maxHeight > 0 ? `${config.maxHeight}px` : "none",
-        borderRadius: `${config.borderRadius}px`,
-        overflow: "hidden",
-        display: "block",
-        position: "relative"
-      };
-    },
-    // 视频样式
-    videoStyle() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      let style = {
-        width: "100%",
-        height: "100%",
-        display: "block",
-        border: "none",
-        outline: "none"
-      };
-
-      // 如果是宽高比模式，设置aspect-ratio
-      if (config.heightType === "aspect") {
-        style.aspectRatio = this.actualAspectRatio.replace(":", "/");
-      }
-      return style;
-    },
-    // 占位符样式
-    placeholderStyle() {
-      const config = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-      let width = "100%";
-      let height = "auto";
-
-      // 如果设置了固定尺寸，使用设置的尺寸
-      if (config.widthType === "fixed") {
-        width = `${config.widthValue}px`;
-      } else if (config.widthType === "percent") {
-        width = `${config.widthValue}%`;
-      }
-      if (config.heightType === "fixed") {
-        height = `${config.heightValue}px`;
-      } else if (config.heightType === "aspect") {
-        // 使用aspect-ratio保持16:9比例
-        height = "auto";
-      } else {
-        // 默认使用16:9比例
-        height = "auto";
-      }
-      const style = {
-        width,
-        height,
-        backgroundColor: "#f5f7fa",
-        border: "1px dashed #dcdfe6",
-        borderRadius: `${config.borderRadius}px`,
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        color: "#909399",
-        fontSize: "14px"
-      };
-
-      // 如果不是固定高度，使用aspect-ratio保持16:9比例
-      if (config.heightType !== "fixed") {
-        style.aspectRatio = this.actualAspectRatio.replace(":", "/");
-      }
-      return style;
-    }
-  },
-  methods: {
-    // 初始化配置数据
-    initConfigData() {
-      this.configData = {
-        ...this.defaultConfig,
-        ...this.configData
-      };
-    },
-    // 获取配置数据
-    getConfigData(configData) {
-      this.configData = {
-        ...this.defaultConfig,
-        ...configData
-      };
-      this.updateStyles();
-    },
-    // 更新样式
-    updateStyles() {
-      this.$nextTick(() => {
-        this.$forceUpdate();
-      });
-    },
-    // 视频开始加载
-    onVideoLoadStart() {
-      this.videoLoaded = false;
-      this.videoError = false;
-    },
-    // 视频加载完成
-    onVideoLoaded() {
-      this.videoLoaded = true;
-      this.videoError = false;
-    },
-    // 视频加载失败
-    onVideoError() {
-      this.videoLoaded = false;
-      this.videoError = true;
-    },
-    // 解析自定义样式
-    parseCustomStyle(customStyle) {
-      if (!customStyle) return {};
-      try {
-        const styles = {};
-        const declarations = customStyle.split(";");
-        declarations.forEach(declaration => {
-          const [property, value] = declaration.split(":");
-          if (property && value) {
-            const camelCaseProperty = property.trim().replace(/-([a-z])/g, g => g[1].toUpperCase());
-            styles[camelCaseProperty] = value.trim();
-          }
-        });
-        return styles;
-      } catch (error) {
-        console.warn("解析自定义样式失败:", error);
-        return {};
-      }
-    }
-  }
-});
-;// ./package/cms-video/View.vue?vue&type=script&lang=js
- /* harmony default export */ var cms_video_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-video/View.vue?vue&type=style&index=0&id=08ec3683&prod&lang=scss&scoped=true
-// extracted by mini-css-extract-plugin
-
-;// ./package/cms-video/View.vue?vue&type=style&index=0&id=08ec3683&prod&lang=scss&scoped=true
-
-// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(1656);
-;// ./package/cms-video/View.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var component = (0,componentNormalizer/* default */.A)(
-  cms_video_Viewvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  "08ec3683",
-  null
-  
-)
-
-/* harmony default export */ var View = (component.exports);
-
 /***/ }),
 
 /***/ 6098:
@@ -42427,285 +42604,6 @@ var component = (0,componentNormalizer/* default */.A)(
 
 /***/ }),
 
-/***/ 6677:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": function() { return /* binding */ View; }
-});
-
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-button/View.vue?vue&type=template&id=8a9aa4b4&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__(4272);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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 {
-        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-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-button/View.vue?vue&type=style&index=0&id=8a9aa4b4&prod&lang=scss&scoped=true
-// extracted by mini-css-extract-plugin
-
-;// ./package/cms-button/View.vue?vue&type=style&index=0&id=8a9aa4b4&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,
-  "8a9aa4b4",
-  null
-  
-)
-
-/* harmony default export */ var View = (component.exports);
-
-/***/ }),
-
 /***/ 6699:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -52831,127 +52729,6 @@ module.exports = function (it) {
 };
 
 
-/***/ }),
-
-/***/ 7082:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": function() { return /* binding */ View; }
-});
-
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-richText/View.vue?vue&type=template&id=6e48aa1e&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', {
-    domProps: {
-      "innerHTML": _vm._s(_vm.configData.input1)
-    }
-  })])])])]);
-};
-var staticRenderFns = [];
-
-// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
-var baseComp = __webpack_require__(4272);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-richText/View.vue?vue&type=style&index=0&id=6e48aa1e&prod&lang=scss&scoped=true
-// extracted by mini-css-extract-plugin
-
-;// ./package/cms-richText/View.vue?vue&type=style&index=0&id=6e48aa1e&prod&lang=scss&scoped=true
-
-// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(1656);
-;// ./package/cms-richText/View.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var component = (0,componentNormalizer/* default */.A)(
-  cms_richText_Viewvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  "6e48aa1e",
-  null
-  
-)
-
-/* harmony default export */ var View = (component.exports);
-
 /***/ }),
 
 /***/ 7197:
@@ -53350,7 +53127,7 @@ $({ target: 'Iterator', proto: true, real: true }, {
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(649);
 
-const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 7082));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 5653));
 const langData = {
   input1: "请输入富文本内容"
 };
@@ -54786,6 +54563,286 @@ const getWujieCompInfo = (compList, componentId, isTemplate) => {
 
 /***/ }),
 
+/***/ 8169:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ View; }
+});
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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__(4272);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-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);
+
+/***/ }),
+
 /***/ 8227:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {