cms-chenhj-ui 2.0.28 → 2.0.29

package/cms-chenhj-ui.common.js

@@ -10671,8 +10671,8 @@ var map = {
 	"./cms-column": 3923,
 	"./cms-column-card": 5340,
 	"./cms-column-card/": 5340,
-	"./cms-column-card/View": 2328,
-	"./cms-column-card/View.vue": 2328,
+	"./cms-column-card/View": 7058,
+	"./cms-column-card/View.vue": 7058,
 	"./cms-column-card/index": 5340,
 	"./cms-column-card/index.js": 5340,
 	"./cms-column/": 3923,
@@ -10787,6 +10787,12 @@ var map = {
 	"./cms-servePlan-text/View.vue": 9487,
 	"./cms-servePlan-text/index": 6501,
 	"./cms-servePlan-text/index.js": 6501,
+	"./cms-tab": 8892,
+	"./cms-tab/": 8892,
+	"./cms-tab/View": 9251,
+	"./cms-tab/View.vue": 9251,
+	"./cms-tab/index": 8892,
+	"./cms-tab/index.js": 8892,
 	"./cms-termsAndConditions": 9387,
 	"./cms-termsAndConditions/": 9387,
 	"./cms-termsAndConditions/View": 8073,
@@ -13342,524 +13348,6 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 2328:
-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": function() { return /* binding */ View; }
-});
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
-var es_iterator_constructor = __webpack_require__(8111);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.drop.js
-var es_iterator_drop = __webpack_require__(9314);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=template&id=2dcb9de2&scoped=true
-
-
-
-
-var render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('BaseComp', _vm._b({
-    attrs: {
-      "data": _vm.data,
-      "nowCompId": _vm.nowCompId,
-      "isOpcacity": _vm.isOpcacity,
-      "isMask": false,
-      "lang": _vm.lang,
-      "showDel": false
-    },
-    on: {
-      "getConfigData": _vm.getConfigData
-    }
-  }, 'BaseComp', _vm.$attrs, false), [_vm.isConfigPage ? _c('div', {
-    staticClass: "main_drag hoverBorderClass",
-    style: _vm.cardContainerStyle,
-    attrs: {
-      "id": `cardTarget${_vm.data.componentId}`
-    },
-    on: {
-      "dragover": _vm.dragover,
-      "dragend": function ($event) {
-        _vm.showAddCom = false;
-      },
-      "drop": _vm.drop
-    }
-  }, [_c('Draggable', {
-    staticStyle: {
-      "position": "relative"
-    },
-    attrs: {
-      "group": _vm.groupConfigForMain,
-      "chosen-class": "chosen",
-      "force-fallback": "true",
-      "animation": "1000",
-      "move": _vm.onMove
-    },
-    on: {
-      "start": _vm.onStart,
-      "end": function ($event) {
-        _vm.showAddCom = false;
-      }
-    },
-    model: {
-      value: _vm.data.childList,
-      callback: function ($$v) {
-        _vm.$set(_vm.data, "childList", $$v);
-      },
-      expression: "data.childList"
-    }
-  }, [_vm._l(_vm.data.childList, function (item, index) {
-    return _c('div', {
-      key: item.componentId,
-      staticStyle: {
-        "position": "relative"
-      }
-    }, [_vm.showAddCom ? _c('div', {
-      staticClass: "up_insert",
-      attrs: {
-        "id": `${item.componentId}-cardTargetup`
-      }
-    }, [_c('i', {
-      staticClass: "icon-up",
-      attrs: {
-        "id": `${item.componentId}-upi`
-      }
-    }), _c('span', {
-      attrs: {
-        "id": `${item.componentId}-upspan`
-      }
-    }, [_vm._v("插入组件")])]) : _vm._e(), _c(item.cmsCompName, {
-      tag: "component",
-      style: {
-        marginTop: _vm.showAddCom && index == 0 ? '20px' : '0px'
-      },
-      attrs: {
-        "data": item,
-        "lang": _vm.lang,
-        "isOpcacity": _vm.isOpcacity,
-        "nowCompId": _vm.nowCompId
-      }
-    })], 1);
-  }), _vm.showAddCom ? _c('div', {
-    staticClass: "up_insert insert_bottom",
-    style: {
-      bottom: _vm.data.childList.length ? '0px' : '-24px'
-    },
-    attrs: {
-      "id": `-cardTargetdown`
-    }
-  }, [_c('i', {
-    staticClass: "icon-up"
-  }), _c('span', [_vm._v("插入组件")])]) : _vm._e()], 2)], 1) : _c('cms-view', _vm._b({
-    style: _vm.cardContainerStyle,
-    attrs: {
-      "data": _vm.data.childList,
-      "lang": _vm.lang,
-      "isOpcacity": false
-    }
-  }, 'cms-view', _vm.$attrs, false))], 1);
-};
-var staticRenderFns = [];
-
-;// ./package/cms-column-card/View.vue?vue&type=template&id=2dcb9de2&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__(4128);
-// EXTERNAL MODULE: ./node_modules/vuedraggable/dist/vuedraggable.umd.js
-var vuedraggable_umd = __webpack_require__(1527);
-var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_umd);
-// EXTERNAL MODULE: ./package/baseConfig.js
-var baseConfig = __webpack_require__(649);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.find.js
-var es_iterator_find = __webpack_require__(116);
-// EXTERNAL MODULE: ./src/utils/index.js
-var utils = __webpack_require__(1996);
-;// ./src/views/standard_page.js
-
-
-
-
-
-const standard_page_list = [{
-  id: 1,
-  componentId: 1,
-  componentName: "范本1-防诈骗提示",
-  standList: ["cms-banner", "cms-titleCenter", "cms-lineThree"]
-}, {
-  id: 2,
-  componentId: 2,
-  componentName: "范本2-员工优惠",
-  standList: ["cms-banner", "cms-description", "cms-activityCountdown", "cms-titleLeft", "cms-proCard", "cms-termsAndConditions"]
-}];
-const getComponentKey = (compList, id, noCompId = false) => {
-  if (noCompId) return id;
-  let compConfig = compList.find(item => item.id == id);
-  if (compConfig.type == "1") {
-    return compConfig.componentId;
-  }
-  return "cms-dynamic-comp";
-};
-const getCopyTemplateCompConfig = (compList, componentKey) => {
-  let otherConfig = {};
-  const configureJson = compList.find(item => item.id == componentKey).configureJson;
-  if (configureJson.wujieConfig) {
-    //如果是第三方组件加一个临时标识
-    otherConfig = {
-      originalComponentId: configureJson.componentId,
-      originalVersionId: configureJson.wujieConfig.versionId,
-      operation: "copyTemplate"
-    };
-  }
-  return {
-    ...configureJson,
-    componentId: (0,utils/* getUuidCode */.J0)(32),
-    ...otherConfig
-  };
-};
-const isStaticComp = componentKey => {
-  return ["cms-header", "cms-footer", "cms-breadCrumb"].includes(componentKey);
-};
-const getWujieCompInfo = (compList, componentId, isTemplate) => {
-  let compConfig = compList.find(item => item.id == componentId);
-  if (isTemplate) if (compConfig.type == "1") {
-    return compConfig;
-  }
-  return {
-    ...compConfig
-  };
-};
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=script&lang=js
-
-
-
-
-
-
-/* harmony default export */ var Viewvue_type_script_lang_js = ({
-  name: "cms-column-card",
-  components: {
-    BaseComp: baseComp["default"],
-    Draggable: (vuedraggable_umd_default())
-  },
-  props: {
-    data: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    nowCompId: {
-      type: [String, Number],
-      default: ""
-    },
-    isOpcacity: {
-      type: Boolean,
-      default: true
-    },
-    lang: {
-      type: String,
-      default: "zh-HK"
-    },
-    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 = getCopyTemplateCompConfig(this.temporaryList, componentKey).cmsCompName;
-      }
-      const componentType = isTemporary ? temporaryId : componentKey;
-      // 允许的组件类型
-      const allowedComponents = ["cms-text", "cms-image", "cms-video", "cms-button", "cms-richText", "cms-column" // 允许拖入 cms-column
-      ];
-
-      // 检查组件类型是否允许
-      if (!allowedComponents.includes(componentType)) {
-        console.log(`组件类型 ${componentType} 不允许拖入 column-card`);
-        this.$message && this.$message.warning(`该组件类型不支持拖入卡片容器`);
-        this.showAddCom = false;
-        return;
-      }
-
-      // 特殊处理 cms-column：检查嵌套层级
-      if (componentType === "cms-column") {
-        if (!this.checkColumnNestingLevel()) {
-          console.log("cms-column 嵌套层级超出限制");
-          this.$message && this.$message.warning(`cms-column 只能嵌套一层`);
-          this.showAddCom = false;
-          return;
-        }
-      }
-      this.addOneComp(e, componentKey);
-    },
-    // 添加组件到卡片容器
-    addOneComp(e, componentKey) {
-      this.showAddCom = false;
-      console.log("drop to column-card", componentKey);
-
-      // 动态导入组件配置
-      let initCompData;
-      try {
-        const isTemporaryItem = e.dataTransfer.getData("isTemporaryItem");
-        const isTemporary = isTemporaryItem === "true";
-        if (isTemporary) {
-          initCompData = getCopyTemplateCompConfig(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-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=style&index=0&id=2dcb9de2&prod&lang=scss&scoped=true
-// extracted by mini-css-extract-plugin
-
-;// ./package/cms-column-card/View.vue?vue&type=style&index=0&id=2dcb9de2&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,
-  "2dcb9de2",
-  null
-  
-)
-
-/* harmony default export */ var View = (component.exports);
-
-/***/ }),
-
 /***/ 2358:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -40435,7 +39923,7 @@ var map = {
 	"./cms-banner/View.vue": 6815,
 	"./cms-button/View.vue": 2404,
 	"./cms-cells/View.vue": 5700,
-	"./cms-column-card/View.vue": 2328,
+	"./cms-column-card/View.vue": 7058,
 	"./cms-column/View.vue": 7855,
 	"./cms-description/View.vue": 3203,
 	"./cms-dynamic-comp/View.vue": 2809,
@@ -40454,6 +39942,7 @@ var map = {
 	"./cms-richText/View.vue": 3411,
 	"./cms-servePlan-tab/View.vue": 8757,
 	"./cms-servePlan-text/View.vue": 9487,
+	"./cms-tab/View.vue": 9251,
 	"./cms-termsAndConditions/View.vue": 8073,
 	"./cms-text/View.vue": 1765,
 	"./cms-threeScroll/View.vue": 517,
@@ -40893,7 +40382,7 @@ module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVAAAAEQCAYAAADm
 __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__, 2328));
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 7058));
 
 // 默认配置数据
 const langData = {
@@ -52115,141 +51604,603 @@ module.exports = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
 };
 
 
-/***/ }),
-
-/***/ 6969:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var toPrimitive = __webpack_require__(2777);
-var isSymbol = __webpack_require__(757);
-
-// `ToPropertyKey` abstract operation
-// https://tc39.es/ecma262/#sec-topropertykey
-module.exports = function (argument) {
-  var key = toPrimitive(argument, 'string');
-  return isSymbol(key) ? key : key + '';
-};
+/***/ }),
+
+/***/ 6969:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var toPrimitive = __webpack_require__(2777);
+var isSymbol = __webpack_require__(757);
+
+// `ToPropertyKey` abstract operation
+// https://tc39.es/ecma262/#sec-topropertykey
+module.exports = function (argument) {
+  var key = toPrimitive(argument, 'string');
+  return isSymbol(key) ? key : key + '';
+};
+
+
+/***/ }),
+
+/***/ 6980:
+/***/ (function(module) {
+
+"use strict";
+
+module.exports = function (bitmap, value) {
+  return {
+    enumerable: !(bitmap & 1),
+    configurable: !(bitmap & 2),
+    writable: !(bitmap & 4),
+    value: value
+  };
+};
+
+
+/***/ }),
+
+/***/ 7012:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+
+__webpack_require__(6573);
+__webpack_require__(8100);
+__webpack_require__(7936);
+__webpack_require__(7467);
+__webpack_require__(4732);
+__webpack_require__(9577);
+exports.__esModule = true;
+exports.isDefined = exports.isUndefined = exports.isFunction = undefined;
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
+  return typeof obj;
+} : function (obj) {
+  return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+};
+exports.isString = isString;
+exports.isObject = isObject;
+exports.isHtmlElement = isHtmlElement;
+var _vue = __webpack_require__(6848);
+var _vue2 = _interopRequireDefault(_vue);
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : {
+    default: obj
+  };
+}
+function isString(obj) {
+  return Object.prototype.toString.call(obj) === '[object String]';
+}
+function isObject(obj) {
+  return Object.prototype.toString.call(obj) === '[object Object]';
+}
+function isHtmlElement(node) {
+  return node && node.nodeType === Node.ELEMENT_NODE;
+}
+
+/**
+ *  - Inspired:
+ *    https://github.com/jashkenas/underscore/blob/master/modules/isFunction.js
+ */
+var isFunction = function isFunction(functionToCheck) {
+  var getType = {};
+  return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
+};
+if ( true && (typeof Int8Array === 'undefined' ? 'undefined' : _typeof(Int8Array)) !== 'object' && (_vue2.default.prototype.$isServer || typeof document.childNodes !== 'function')) {
+  exports.isFunction = isFunction = function isFunction(obj) {
+    return typeof obj === 'function' || false;
+  };
+}
+exports.isFunction = isFunction;
+var isUndefined = exports.isUndefined = function isUndefined(val) {
+  return val === void 0;
+};
+var isDefined = exports.isDefined = function isDefined(val) {
+  return val !== undefined && val !== null;
+};
+
+/***/ }),
+
+/***/ 7040:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+/* eslint-disable es/no-symbol -- required for testing */
+var NATIVE_SYMBOL = __webpack_require__(4495);
+
+module.exports = NATIVE_SYMBOL &&
+  !Symbol.sham &&
+  typeof Symbol.iterator == 'symbol';
+
+
+/***/ }),
+
+/***/ 7055:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var uncurryThis = __webpack_require__(9504);
+var fails = __webpack_require__(9039);
+var classof = __webpack_require__(2195);
+
+var $Object = Object;
+var split = uncurryThis(''.split);
+
+// fallback for non-array-like ES3 and non-enumerable old V8 strings
+module.exports = fails(function () {
+  // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
+  // eslint-disable-next-line no-prototype-builtins -- safe
+  return !$Object('z').propertyIsEnumerable(0);
+}) ? function (it) {
+  return classof(it) === 'String' ? split(it, '') : $Object(it);
+} : $Object;
+
+
+/***/ }),
+
+/***/ 7058:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ View; }
+});
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
+var es_iterator_constructor = __webpack_require__(8111);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.drop.js
+var es_iterator_drop = __webpack_require__(9314);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=template&id=2dcb9de2&scoped=true
+
+
+
+
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('BaseComp', _vm._b({
+    attrs: {
+      "data": _vm.data,
+      "nowCompId": _vm.nowCompId,
+      "isOpcacity": _vm.isOpcacity,
+      "isMask": false,
+      "lang": _vm.lang,
+      "showDel": false
+    },
+    on: {
+      "getConfigData": _vm.getConfigData
+    }
+  }, 'BaseComp', _vm.$attrs, false), [_vm.isConfigPage ? _c('div', {
+    staticClass: "main_drag hoverBorderClass",
+    style: _vm.cardContainerStyle,
+    attrs: {
+      "id": `cardTarget${_vm.data.componentId}`
+    },
+    on: {
+      "dragover": _vm.dragover,
+      "dragend": function ($event) {
+        _vm.showAddCom = false;
+      },
+      "drop": _vm.drop
+    }
+  }, [_c('Draggable', {
+    staticStyle: {
+      "position": "relative"
+    },
+    attrs: {
+      "group": _vm.groupConfigForMain,
+      "chosen-class": "chosen",
+      "force-fallback": "true",
+      "animation": "1000",
+      "move": _vm.onMove
+    },
+    on: {
+      "start": _vm.onStart,
+      "end": function ($event) {
+        _vm.showAddCom = false;
+      }
+    },
+    model: {
+      value: _vm.data.childList,
+      callback: function ($$v) {
+        _vm.$set(_vm.data, "childList", $$v);
+      },
+      expression: "data.childList"
+    }
+  }, [_vm._l(_vm.data.childList, function (item, index) {
+    return _c('div', {
+      key: item.componentId,
+      staticStyle: {
+        "position": "relative"
+      }
+    }, [_vm.showAddCom ? _c('div', {
+      staticClass: "up_insert",
+      attrs: {
+        "id": `${item.componentId}-cardTargetup`
+      }
+    }, [_c('i', {
+      staticClass: "icon-up",
+      attrs: {
+        "id": `${item.componentId}-upi`
+      }
+    }), _c('span', {
+      attrs: {
+        "id": `${item.componentId}-upspan`
+      }
+    }, [_vm._v("插入组件")])]) : _vm._e(), _c(item.cmsCompName, {
+      tag: "component",
+      style: {
+        marginTop: _vm.showAddCom && index == 0 ? '20px' : '0px'
+      },
+      attrs: {
+        "data": item,
+        "lang": _vm.lang,
+        "isOpcacity": _vm.isOpcacity,
+        "nowCompId": _vm.nowCompId
+      }
+    })], 1);
+  }), _vm.showAddCom ? _c('div', {
+    staticClass: "up_insert insert_bottom",
+    style: {
+      bottom: _vm.data.childList.length ? '0px' : '-24px'
+    },
+    attrs: {
+      "id": `-cardTargetdown`
+    }
+  }, [_c('i', {
+    staticClass: "icon-up"
+  }), _c('span', [_vm._v("插入组件")])]) : _vm._e()], 2)], 1) : _c('cms-view', _vm._b({
+    style: _vm.cardContainerStyle,
+    attrs: {
+      "data": _vm.data.childList,
+      "lang": _vm.lang,
+      "isOpcacity": false
+    }
+  }, 'cms-view', _vm.$attrs, false))], 1);
+};
+var staticRenderFns = [];
+
+;// ./package/cms-column-card/View.vue?vue&type=template&id=2dcb9de2&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__(4128);
+// EXTERNAL MODULE: ./node_modules/vuedraggable/dist/vuedraggable.umd.js
+var vuedraggable_umd = __webpack_require__(1527);
+var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_umd);
+// EXTERNAL MODULE: ./package/baseConfig.js
+var baseConfig = __webpack_require__(649);
+// EXTERNAL MODULE: ./src/views/standard_page.js
+var standard_page = __webpack_require__(8134);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=script&lang=js
 
 
-/***/ }),
 
-/***/ 6980:
-/***/ (function(module) {
 
-"use strict";
 
-module.exports = function (bitmap, value) {
-  return {
-    enumerable: !(bitmap & 1),
-    configurable: !(bitmap & 2),
-    writable: !(bitmap & 4),
-    value: value
-  };
-};
 
+/* 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");
+      }
 
-/***/ 7012:
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+      // 向下查找第一个匹配的后代
+      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;
 
-"use strict";
+      // 允许的组件类型
+      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;
+        }
 
-__webpack_require__(6573);
-__webpack_require__(8100);
-__webpack_require__(7936);
-__webpack_require__(7467);
-__webpack_require__(4732);
-__webpack_require__(9577);
-exports.__esModule = true;
-exports.isDefined = exports.isUndefined = exports.isFunction = undefined;
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
-  return typeof obj;
-} : function (obj) {
-  return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-};
-exports.isString = isString;
-exports.isObject = isObject;
-exports.isHtmlElement = isHtmlElement;
-var _vue = __webpack_require__(6848);
-var _vue2 = _interopRequireDefault(_vue);
-function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : {
-    default: obj
-  };
-}
-function isString(obj) {
-  return Object.prototype.toString.call(obj) === '[object String]';
-}
-function isObject(obj) {
-  return Object.prototype.toString.call(obj) === '[object Object]';
-}
-function isHtmlElement(node) {
-  return node && node.nodeType === Node.ELEMENT_NODE;
-}
+        // 特殊处理 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++;
+        }
 
-/**
- *  - Inspired:
- *    https://github.com/jashkenas/underscore/blob/master/modules/isFunction.js
- */
-var isFunction = function isFunction(functionToCheck) {
-  var getType = {};
-  return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
-};
-if ( true && (typeof Int8Array === 'undefined' ? 'undefined' : _typeof(Int8Array)) !== 'object' && (_vue2.default.prototype.$isServer || typeof document.childNodes !== 'function')) {
-  exports.isFunction = isFunction = function isFunction(obj) {
-    return typeof obj === 'function' || false;
-  };
-}
-exports.isFunction = isFunction;
-var isUndefined = exports.isUndefined = function isUndefined(val) {
-  return val === void 0;
-};
-var isDefined = exports.isDefined = function isDefined(val) {
-  return val !== undefined && val !== null;
-};
+        // 如果已经有一层 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;
+      }
 
-/***/ 7040:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+      // 特殊处理 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);
 
-"use strict";
+      // 动态导入组件配置
+      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);
+        }
+      }
 
-/* eslint-disable es/no-symbol -- required for testing */
-var NATIVE_SYMBOL = __webpack_require__(4495);
+      // 触发数据更新
+      this.$emit("update:data", this.data);
+      if (componentKey === "cms-column") {
+        this.$EventBus.$emit("handleNowComp", initCompData);
+      }
+    }
+  }
+});
+;// ./package/cms-column-card/View.vue?vue&type=script&lang=js
+ /* harmony default export */ var cms_column_card_Viewvue_type_script_lang_js = (Viewvue_type_script_lang_js); 
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-42.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-column-card/View.vue?vue&type=style&index=0&id=2dcb9de2&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
 
-module.exports = NATIVE_SYMBOL &&
-  !Symbol.sham &&
-  typeof Symbol.iterator == 'symbol';
+;// ./package/cms-column-card/View.vue?vue&type=style&index=0&id=2dcb9de2&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
 
-/***/ }),
 
-/***/ 7055:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
-"use strict";
+;
 
-var uncurryThis = __webpack_require__(9504);
-var fails = __webpack_require__(9039);
-var classof = __webpack_require__(2195);
 
-var $Object = Object;
-var split = uncurryThis(''.split);
+/* normalize component */
 
-// fallback for non-array-like ES3 and non-enumerable old V8 strings
-module.exports = fails(function () {
-  // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
-  // eslint-disable-next-line no-prototype-builtins -- safe
-  return !$Object('z').propertyIsEnumerable(0);
-}) ? function (it) {
-  return classof(it) === 'String' ? split(it, '') : $Object(it);
-} : $Object;
+var component = (0,componentNormalizer/* default */.A)(
+  cms_column_card_Viewvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "2dcb9de2",
+  null
+  
+)
 
+/* harmony default export */ var View = (component.exports);
 
 /***/ }),
 
@@ -54248,6 +54199,75 @@ const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSc
 
 /***/ }),
 
+/***/ 8134:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   L7: function() { return /* binding */ getCopyTemplateCompConfig; }
+/* harmony export */ });
+/* unused harmony exports standard_page_list, getComponentKey, isStaticComp, getWujieCompInfo */
+/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8111);
+/* harmony import */ var core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(116);
+/* harmony import */ var core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_iterator_find_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1996);
+
+
+
+
+
+const standard_page_list = [{
+  id: 1,
+  componentId: 1,
+  componentName: "范本1-防诈骗提示",
+  standList: ["cms-banner", "cms-titleCenter", "cms-lineThree"]
+}, {
+  id: 2,
+  componentId: 2,
+  componentName: "范本2-员工优惠",
+  standList: ["cms-banner", "cms-description", "cms-activityCountdown", "cms-titleLeft", "cms-proCard", "cms-termsAndConditions"]
+}];
+const getComponentKey = (compList, id, noCompId = false) => {
+  if (noCompId) return id;
+  let compConfig = compList.find(item => item.id == id);
+  if (compConfig.type == "1") {
+    return compConfig.componentId;
+  }
+  return "cms-dynamic-comp";
+};
+const getCopyTemplateCompConfig = (compList, componentKey) => {
+  let otherConfig = {};
+  const configureJson = compList.find(item => item.id == componentKey).configureJson;
+  if (configureJson.wujieConfig) {
+    //如果是第三方组件加一个临时标识
+    otherConfig = {
+      originalComponentId: configureJson.componentId,
+      originalVersionId: configureJson.wujieConfig.versionId,
+      operation: "copyTemplate"
+    };
+  }
+  return {
+    ...configureJson,
+    componentId: (0,_utils__WEBPACK_IMPORTED_MODULE_2__/* .getUuidCode */ .J0)(32),
+    ...otherConfig
+  };
+};
+const isStaticComp = componentKey => {
+  return ["cms-header", "cms-footer", "cms-breadCrumb"].includes(componentKey);
+};
+const getWujieCompInfo = (compList, componentId, isTemplate) => {
+  let compConfig = compList.find(item => item.id == componentId);
+  if (isTemplate) if (compConfig.type == "1") {
+    return compConfig;
+  }
+  return {
+    ...compConfig
+  };
+};
+
+/***/ }),
+
 /***/ 8216:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -57831,6 +57851,50 @@ const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSc
 
 /***/ }),
 
+/***/ 8892:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _baseConfig__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(649);
+
+const View = () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 9251));
+const langData = {
+  configList: [{
+    id: Math.random().toString(),
+    name: "栏目名称",
+    tabList: []
+  }]
+};
+const configDataType = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getLangDataType)(langData, {
+  configList: {
+    label: "栏目配置",
+    value: [{
+      id: {
+        label: ""
+      },
+      name: {
+        label: "栏目名称"
+      }
+    }]
+  }
+});
+const validateSchema = (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getValidateSchema)(langData);
+/* harmony default export */ __webpack_exports__["default"] = ({
+  View,
+  validateSchema,
+  configDataType,
+  langData,
+  settings: cmsCompName => {
+    return (0,_baseConfig__WEBPACK_IMPORTED_MODULE_0__.getInitCompData)({
+      cmsCompName,
+      langData
+    });
+  }
+});
+
+/***/ }),
+
 /***/ 8895:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -58212,6 +58276,509 @@ module.exports = function sign(number) {
 
 /***/ }),
 
+/***/ 9251:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ View; }
+});
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.constructor.js
+var es_iterator_constructor = __webpack_require__(8111);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.drop.js
+var es_iterator_drop = __webpack_require__(9314);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/cms-tab/View.vue?vue&type=template&id=29a0258e&scoped=true
+
+
+
+
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('BaseComp', _vm._b({
+    attrs: {
+      "data": _vm.data,
+      "nowCompId": _vm.nowCompId,
+      "isOpcacity": _vm.isOpcacity,
+      "isMask": false,
+      "lang": _vm.lang
+    },
+    on: {
+      "getConfigData": _vm.getConfigData
+    }
+  }, 'BaseComp', _vm.$attrs, false), [_c('section', {
+    staticClass: "cmhk-home_main"
+  }, [_c('div', {
+    staticClass: "page-tab-swiper_wrapper",
+    class: _vm.swiperArrow == true ? '' : 'active'
+  }, [_c('div', {
+    ref: "barparent",
+    staticClass: "page-tab-swiper common-swiper_tab",
+    attrs: {
+      "id": "tab-swiper"
+    }
+  }, [_c('div', {
+    staticClass: "swiper-wrapper"
+  }, _vm._l(_vm.configList, function (item, index) {
+    return _c('div', {
+      key: `${index}${item === null || item === void 0 ? void 0 : item.id}`,
+      staticClass: "swiper-slide",
+      class: index == _vm.currentTab ? 'active' : '',
+      on: {
+        "click": function ($event) {
+          $event.stopPropagation();
+          return _vm.changeTab(index);
+        }
+      }
+    }, [_vm._v(" " + _vm._s(item.name) + " ")]);
+  }), 0)])]), _vm.configList[_vm.currentTab] ? _c('div', {
+    staticClass: "page-tab-swiper-body"
+  }, [_vm.isConfigPage ? _c('div', {
+    staticClass: "main_drag hoverBorderClass min-h",
+    attrs: {
+      "id": `tabTarget${_vm.currentTab}`
+    },
+    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.configList[_vm.currentTab].tabList,
+      callback: function ($$v) {
+        _vm.$set(_vm.configList[_vm.currentTab], "tabList", $$v);
+      },
+      expression: "configList[currentTab].tabList"
+    }
+  }, [_vm._l(_vm.configList[_vm.currentTab].tabList, function (item, index) {
+    return _c('div', {
+      key: item.componentId,
+      staticStyle: {
+        "position": "relative"
+      }
+    }, [_vm.showAddCom ? _c('div', {
+      staticClass: "up_insert",
+      attrs: {
+        "id": `${item.componentId}-tabTargetup`
+      }
+    }, [_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.configList[_vm.currentTab].tabList.length ? '0px' : '-24px'
+    },
+    attrs: {
+      "id": `-tabTargetdown`
+    }
+  }, [_c('i', {
+    staticClass: "icon-up"
+  }), _c('span', [_vm._v("插入组件")])]) : _vm._e()], 2)], 1) : _c('cms-view', _vm._b({
+    attrs: {
+      "data": _vm.configList[_vm.currentTab].tabList,
+      "lang": _vm.lang,
+      "isOpcacity": false
+    }
+  }, 'cms-view', _vm.$attrs, false))], 1) : _vm._e()])]);
+};
+var staticRenderFns = [];
+
+;// ./package/cms-tab/View.vue?vue&type=template&id=29a0258e&scoped=true
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
+var es_array_push = __webpack_require__(4114);
+// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.js
+var swiper = __webpack_require__(2791);
+// EXTERNAL MODULE: ./node_modules/swiper/dist/js/swiper.esm.bundle.js + 3 modules
+var swiper_esm_bundle = __webpack_require__(4418);
+// EXTERNAL MODULE: ./package/baseComp.vue + 5 modules
+var baseComp = __webpack_require__(4128);
+// EXTERNAL MODULE: ./node_modules/vuedraggable/dist/vuedraggable.umd.js
+var vuedraggable_umd = __webpack_require__(1527);
+var vuedraggable_umd_default = /*#__PURE__*/__webpack_require__.n(vuedraggable_umd);
+// EXTERNAL MODULE: ./package/baseConfig.js
+var baseConfig = __webpack_require__(649);
+// EXTERNAL MODULE: ./src/views/standard_page.js
+var standard_page = __webpack_require__(8134);
+;// ./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-tab/View.vue?vue&type=script&lang=js
+
+
+
+
+
+
+
+
+
+/* harmony default export */ var Viewvue_type_script_lang_js = ({
+  name: "cms-tab",
+  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 {
+      showAddCom: false,
+      temporaryList: [],
+      configList: [],
+      currentTab: 0,
+      swiperArrow: false,
+      broadbandSwiperC: null,
+      swiperBeginning: false,
+      swiperEnd: false
+    };
+  },
+  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);
+            if (dataId === "cms-column") {
+              if (!this.checkColumnNestingLevel()) {
+                console.log("cms-column 嵌套层级超出限制");
+                return false;
+              }
+            }
+            return true;
+          }
+          return true;
+        }
+      };
+    }
+  },
+  mounted() {
+    if (this.$EventBus) {
+      this.$EventBus.$on("handleDragEnd", () => {
+        this.showAddCom = false;
+      });
+    }
+    this.$nextTick(() => {
+      this.broadbandSwiperC = new swiper_esm_bundle/* default */.A("#tab-swiper", {
+        autoplay: false,
+        loop: false,
+        // 循环模式选项
+        spaceBetween: 0,
+        slidesPerView: "auto",
+        // slidesPerGroup:1,
+        observer: true,
+        observeParents: true,
+        preventClicksPropagation: true,
+        touchStartPreventDefault: false,
+        touchStartForcePreventDefault: false
+      });
+      // 0820 -end
+    });
+  },
+  watch: {},
+  methods: {
+    getConfigData(configData) {
+      this.configList = configData.configList;
+      this.$nextTick(() => {
+        var _this$broadbandSwiper, _this$broadbandSwiper2;
+        if (!this.$refs.barparent || !this.broadbandSwiperC) return;
+        const parentClientWidth = this.$refs.barparent.clientWidth;
+        console.log("this.broadbandSwiperC?.virtualSize ,", (_this$broadbandSwiper = this.broadbandSwiperC) === null || _this$broadbandSwiper === void 0 ? void 0 : _this$broadbandSwiper.virtualSize);
+        if (((_this$broadbandSwiper2 = this.broadbandSwiperC) === null || _this$broadbandSwiper2 === void 0 ? void 0 : _this$broadbandSwiper2.virtualSize) <= parentClientWidth) {
+          this.swiperArrow = false;
+        } else {
+          this.swiperArrow = true;
+        }
+        if (this.broadbandSwiperC.isBeginning) {
+          this.swiperBeginning = true;
+        }
+        if (this.broadbandSwiperC.isEnd) {
+          this.swiperEnd = true;
+        }
+      });
+    },
+    clickSwiperPrev() {
+      this.broadbandSwiperC.slidePrev();
+      if (this.broadbandSwiperC.isBeginning) {
+        this.swiperBeginning = true;
+      } else {
+        this.swiperBeginning = false;
+      }
+      if (this.broadbandSwiperC.isEnd) {
+        this.swiperEnd = true;
+      } else {
+        this.swiperEnd = false;
+      }
+    },
+    clickSwiperNext() {
+      this.broadbandSwiperC.slideNext();
+      if (this.broadbandSwiperC.isBeginning) {
+        this.swiperBeginning = true;
+      } else {
+        this.swiperBeginning = false;
+      }
+      if (this.broadbandSwiperC.isEnd) {
+        this.swiperEnd = true;
+      } else {
+        this.swiperEnd = false;
+      }
+    },
+    changeTab(index) {
+      this.currentTab = index;
+    },
+    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;
+    },
+    // 获取容器高度
+    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;
+      // 如果是从外部拖入的组件
+      if (draggedContext && draggedContext.element) {
+        const componentType = draggedContext.element.cmsCompName;
+        // 特殊处理 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;
+      // 特殊处理 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 === `tabTarget${this.currentTab}` || toElementId.includes("tabTargetdown")) {
+        // 添加到卡片容器末尾
+        this.configList[this.currentTab].tabList.push(initCompData);
+      } else if (toElementId.includes("tabTargetup")) {
+        // 插入到指定位置
+        const underComponentId = toElementId.split("-tabTargetup")[0];
+        const index = this.configList[this.currentTab].tabList.findIndex(item => item.componentId === underComponentId);
+        if (index !== -1) {
+          this.configList[this.currentTab].tabList.splice(index, 0, initCompData);
+        }
+      }
+
+      // 触发数据更新
+      this.$emit("update:data", this.data);
+      if (componentKey === "cms-column") {
+        this.$EventBus.$emit("handleNowComp", initCompData);
+      }
+    }
+  }
+});
+;// ./package/cms-tab/View.vue?vue&type=script&lang=js
+ /* harmony default export */ var cms_tab_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-tab/View.vue?vue&type=style&index=0&id=29a0258e&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./package/cms-tab/View.vue?vue&type=style&index=0&id=29a0258e&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-tab/View.vue?vue&type=style&index=1&id=29a0258e&prod&lang=scss&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./package/cms-tab/View.vue?vue&type=style&index=1&id=29a0258e&prod&lang=scss&scoped=true
+
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1656);
+;// ./package/cms-tab/View.vue
+
+
+
+;
+
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.A)(
+  cms_tab_Viewvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "29a0258e",
+  null
+  
+)
+
+/* harmony default export */ var View = (component.exports);
+
+/***/ }),
+
 /***/ 9286:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {