ecinc-cloud-wappaio 9.0.0

package/lib/ecwappnowf.umd.2.js

@@ -0,0 +1,809 @@
+((typeof self !== 'undefined' ? self : this)["webpackJsonpecwappnowf"] = (typeof self !== 'undefined' ? self : this)["webpackJsonpecwappnowf"] || []).push([[2],{
+
+/***/ "5a17":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("faf8");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("a3fb204e", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
+/***/ "97ad":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Grid24colPageModule_vue_vue_type_style_index_0_id_5afff5f3_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5a17");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Grid24colPageModule_vue_vue_type_style_index_0_id_5afff5f3_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Grid24colPageModule_vue_vue_type_style_index_0_id_5afff5f3_prod_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "c9b6":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"921eb748-vue-loader-template"}!./node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/ecwplus/PortalPageDesigner/src/components/Grid24colPageModule.vue?vue&type=template&id=5afff5f3&scoped=true&
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _vm.grids.length > 0 ? _c('grid-layout', {
+    ref: "gridLayout",
+    attrs: {
+      "id": _vm.gridLayoutId,
+      "layout": _vm.grids,
+      "col-num": _vm.colNum,
+      "row-height": _vm.layoutHeight,
+      "is-draggable": _vm.isDraggable,
+      "is-resizable": _vm.isResizable,
+      "is-mirrored": _vm.isMirrored,
+      "vertical-compact": _vm.verticalCompact,
+      "margin": _vm.margin,
+      "use-css-transforms": _vm.useCssTransforms
+    },
+    on: {
+      "update:layout": function updateLayout($event) {
+        _vm.grids = $event;
+      },
+      "layout-updated": _vm.layoutUpdatedEvent,
+      "layout-created": _vm.layoutCreatedEvent,
+      "layout-before-mount": _vm.layoutBeforeMountEvent,
+      "layout-mounted": _vm.layoutMountedEvent,
+      "layout-ready": _vm.layoutReadyEvent
+    }
+  }, [_vm._l(_vm.grids, function (item, index) {
+    return _c('grid-item', {
+      key: item.i,
+      staticStyle: {
+        "transition": "none"
+      },
+      attrs: {
+        "x": item.x,
+        "y": item.y,
+        "w": item.w,
+        "h": item.h,
+        "i": item.i,
+        "max-w": _vm.maxW,
+        "min-w": _vm.minW,
+        "min-h": _vm.minH,
+        "max-h": _vm.maxH
+      },
+      on: {
+        "move": _vm.moveEvent,
+        "moved": _vm.movedEvent,
+        "resize": _vm.resizeEvent,
+        "resized": _vm.resizedEvent
+      }
+    }, [!item.addItemStatus ? _c('div', {
+      staticClass: "content-item",
+      on: {
+        "mouseenter": function mouseenter($event) {
+          return _vm.hoverEnter($event, item.addItemStatus);
+        },
+        "mouseleave": _vm.hoverOut
+      }
+    }, [item.gridster && item.gridster.gridsterModule ? _c('PortletModule', {
+      attrs: {
+        "applets": _vm.applets,
+        "appdata": item,
+        "layout-height": _vm.layoutHeight
+      }
+    }) : _c('Portlet', {
+      attrs: {
+        "appdata": item,
+        "layout-height": _vm.layoutHeight
+      }
+    }), _c('div', {
+      staticClass: "setting"
+    }, [item.code !== 'blank' && _vm.setShow(item) ? _c('img', {
+      attrs: {
+        "src": _vm.dataType,
+        "alt": "",
+        "title": "编辑样式"
+      },
+      on: {
+        "click": function click($event) {
+          return _vm.editPortletStyle(index);
+        }
+      }
+    }) : item.code !== 'blank' && item.canRepeat ? _c('img', {
+      attrs: {
+        "src": _vm.dataType,
+        "alt": "",
+        "title": "设置数据类别"
+      },
+      on: {
+        "click": function click($event) {
+          return _vm.setRepeatDataType(index);
+        }
+      }
+    }) : _vm._e(), item.code !== 'blank' ? _c('img', {
+      attrs: {
+        "src": _vm.setting,
+        "alt": "",
+        "title": "修改组件"
+      },
+      on: {
+        "click": function click($event) {
+          return _vm.editPortlet(index);
+        }
+      }
+    }) : _vm._e(), item.code !== 'blank' ? _c('img', {
+      attrs: {
+        "src": _vm.del,
+        "alt": "",
+        "title": "删除组件"
+      },
+      on: {
+        "click": function click($event) {
+          return _vm.deleteById(index);
+        }
+      }
+    }) : _vm._e()])], 1) : _c('div', {
+      staticClass: "content-item"
+    })]);
+  }), _vm.showLayer ? _c('div', {
+    staticClass: "layer-content",
+    on: {
+      "click": function click($event) {
+        _vm.showLayer = false;
+      }
+    }
+  }) : _vm._e()], 2) : _vm._e();
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./packages/ecwplus/PortalPageDesigner/src/components/Grid24colPageModule.vue?vue&type=template&id=5afff5f3&scoped=true&
+
+// EXTERNAL MODULE: ./src/global/utils/index.js
+var utils = __webpack_require__("bee9");
+
+// EXTERNAL MODULE: ./packages/ecwplus/PortalPageDesigner/src/Portlet.vue + 9 modules
+var Portlet = __webpack_require__("9521");
+
+// EXTERNAL MODULE: ./packages/ecwplus/PortalPageDesigner/src/components/PortletModule.vue + 4 modules
+var PortletModule = __webpack_require__("2a27");
+
+// CONCATENATED MODULE: ./node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/ecwplus/PortalPageDesigner/src/components/Grid24colPageModule.vue?vue&type=script&lang=js&
+
+var VueGridLayout = __webpack_require__("7be8");
+var GridLayout = VueGridLayout.GridLayout;
+var GridItem = VueGridLayout.GridItem;
+
+
+/* harmony default export */ var Grid24colPageModulevue_type_script_lang_js_ = ({
+  // import引入的组件需要注入到对象中才能使用
+  components: {
+    GridLayout: GridLayout,
+    GridItem: GridItem,
+    Portlet: Portlet["a" /* default */],
+    PortletModule: PortletModule["a" /* default */]
+  },
+  props: {
+    gridLayoutId: {
+      type: String,
+      default: function _default() {
+        return 'gridLayout';
+      }
+    },
+    isModule: {
+      type: Boolean,
+      default: function _default() {
+        return false;
+      }
+    },
+    // 是否组件容器
+    moduleName: {
+      type: String,
+      default: function _default() {
+        return '';
+      }
+    },
+    // 组件容器名称
+    applets: {
+      type: Object,
+      default: function _default() {
+        return [];
+      }
+    },
+    // 网格初始化布局
+    colNum: {
+      type: Number,
+      default: function _default() {
+        return 24;
+      }
+    },
+    // 行高
+    minW: {
+      type: Number,
+      default: function _default() {
+        return 1;
+      }
+    },
+    // 最小宽度
+    maxH: {
+      type: Number,
+      default: function _default() {
+        return 1000;
+      }
+    },
+    // 最大行数
+    minH: {
+      type: Number,
+      default: function _default() {
+        return 2;
+      }
+    },
+    // 最小行数
+    layoutHeight: {
+      type: Number,
+      default: function _default() {
+        return 50;
+      }
+    },
+    // 行高
+    isDraggable: {
+      type: Boolean,
+      default: function _default() {
+        return true;
+      }
+    },
+    // 表示网格项数是否可以拖动
+    isResizable: {
+      type: Boolean,
+      default: function _default() {
+        return true;
+      }
+    },
+    // 表示网格是否可以改变带大小
+    isMirrored: {
+      type: Boolean,
+      default: function _default() {
+        return false;
+      }
+    },
+    // RTL/LTR 的转换 Boolean
+    verticalCompact: {
+      type: Boolean,
+      default: function _default() {
+        return true;
+      }
+    },
+    // 垂直方向上 是否应该紧凑布局
+    margin: {
+      type: Object,
+      default: function _default() {
+        return [10, 10];
+      }
+    },
+    // 网格之间的边距 两个数字组成的数组 第一个数字为水品距离 第二个为垂直距离
+    useCssTransforms: {
+      type: Boolean,
+      default: function _default() {
+        return true;
+      }
+    },
+    // 垂直方向上 是否应该紧凑布局
+    showLayer: {
+      type: Boolean,
+      default: function _default() {
+        return false;
+      }
+    },
+    canDelete: {
+      type: Boolean,
+      default: function _default() {
+        return true;
+      }
+    },
+    layoutType: {
+      type: String,
+      default: function _default() {
+        return 'dataElement';
+      }
+    }
+  },
+  data: function data() {
+    return {
+      del: './images/w-imgs/portal/del2.png',
+      setting: './images/w-imgs/portal/setting2.png',
+      dataType: './images/w-imgs/portal/dataType.png',
+      position: {
+        x: 0,
+        y: 0
+      },
+      maxW: 24,
+      // 最大宽度
+      // applets: [],
+      layoutData: [],
+      grids: [],
+      appletsCustom: null,
+      compPanel: {},
+      CustomTip: {},
+      defaultColSpan: 6,
+      defaultRowSpan: 3
+    };
+  },
+  computed: {},
+  watch: {
+    layoutData: function layoutData(val) {
+      if (this.layoutType === 'topElement') {
+        this.$vnode.context.topElements = val;
+      } else {
+        console.log(val);
+        this.$bus.emit('setApplets', val);
+      }
+    }
+  },
+  // 生命周期 - 创建完成（可以访问当前this实例）
+  created: function created() {
+    var _this = this;
+    // 获取页面组件
+    // if (this.applets.length === 0) {
+    //     this.applets.push({ 'axisX': 0, 'axisY': 0, 'code': 'blank', 'icon': 'news', 'name': '空组件栏', 'rowSpan': this.defaultRowSpan, 'colSpan': this.defaultColSpan })
+    // }
+    this.maxW = this.colNum;
+    this.applets.forEach(function (item, index) {
+      if (!item.x) _this.$set(item, 'x', item.axisX);
+      if (!item.y) _this.$set(item, 'y', item.axisY);
+      if (item.colSpan < _this.minW) _this.$set(item, 'colSpan', _this.minW);
+      if (item.rowSpan < _this.minH) _this.$set(item, 'rowSpan', _this.minH);
+      if (!item.w) _this.$set(item, 'w', item.colSpan === null || item.colSpan === undefined ? _this.defaultColSpan : item.colSpan);
+      if (!item.h) _this.$set(item, 'h', item.rowSpan === null || item.rowSpan === undefined ? _this.defaultRowSpan : item.rowSpan);
+      if (!item.i) _this.$set(item, 'i', index);
+    });
+    this.layoutData = this.applets;
+    this.layoutData.forEach(function (item) {
+      item.gridster = item.repeatDataType && item.repeatDataType.indexOf('{') > -1 ? JSON.parse(item.repeatDataType) : {};
+    });
+    this.grids = this.isModule ? this.layoutData.filter(function (node) {
+      return node.gridster.parentGridster === _this.moduleName;
+    }) : this.layoutData.filter(function (node) {
+      return !node.gridster.parentGridster || node.gridster.parentGridster === 'gridster';
+    });
+    if (this.grids.length === 0) {
+      this.grids.push({
+        'axisX': 0,
+        'axisY': 0,
+        'code': 'blank',
+        'icon': 'news',
+        'name': '空组件栏',
+        'rowSpan': this.defaultRowSpan,
+        'colSpan': this.defaultColSpan
+      });
+      this.grids.forEach(function (item, index) {
+        _this.$set(item, 'x', item.axisX);
+        _this.$set(item, 'y', item.axisY);
+        if (item.colSpan < _this.minW) _this.$set(item, 'colSpan', _this.minW);
+        if (item.rowSpan < _this.minH) _this.$set(item, 'rowSpan', _this.minH);
+        _this.$set(item, 'w', item.colSpan === null || item.colSpan === undefined ? _this.defaultColSpan : item.colSpan);
+        _this.$set(item, 'h', item.rowSpan === null || item.rowSpan === undefined ? _this.defaultRowSpan : item.rowSpan);
+        _this.$set(item, 'i', index);
+      });
+    }
+    // 获取页面设置弹窗
+    this.$bus.emit('getCompPanel', this);
+    this.$bus.on('onDraggableStart' + this.moduleName, this.startDrag);
+  },
+  beforeDestroy: function beforeDestroy() {
+    this.$bus.off('onDraggableStart' + this.moduleName, this.startDrag);
+    this.$bus.$emit('showNavSearch', true);
+  },
+  mounted: function mounted() {
+    var _this2 = this;
+    if (this.$vnode.context.portalPage) {
+      setTimeout(function () {
+        if (_this2.$vnode.context.portalPage.pageTemplate === 'channel12col') {
+          _this2.$bus.emit('showNavSearch', false);
+          document.querySelector('.tags-view-container').style.borderBottom = '1px solid #ececec';
+          document.querySelector('.navbar').style.marginLeft = '0px';
+          document.querySelector('.navbar').style.marginRight = '0px';
+          document.querySelector('.navbar').style.paddingLeft = '10px';
+        } else if (_this2.$vnode.context.portalPage.topbarType === 'self') {
+          _this2.$bus.emit('setTopbarHeight');
+        } else if (_this2.$vnode.context.portalPage.topbarType === 'mini') {
+          _this2.$bus.emit('setTopbarHeight', 62);
+        }
+      }, 0);
+    }
+  },
+  methods: {
+    setShow: function setShow(portletVo) {
+      // 识别组件
+      if (portletVo.repeatType === 'advertise') {
+        // 轮播图
+        return true;
+      } else if (portletVo.repeatType === 'articleBlockList') {
+        // 文章列表
+        return true;
+      } else if (portletVo.repeatType === 'videoList') {
+        // 视频
+        return true;
+      } else if (portletVo.repeatType === 'imageList') {
+        // 图册
+        return true;
+      } else if (portletVo.code === 'gridsterModule') {
+        // 组件容器
+        return true;
+      } else {
+        return false;
+      }
+    },
+    startDrag: function startDrag(evt) {
+      var _this3 = this;
+      var dataType = evt.item.getAttribute('data-type') || 'dataElement';
+      if (this.layoutType !== dataType) {
+        return;
+      }
+      var self = this;
+      if (this.layoutType === 'topElement') {
+        if (this.compPanel) {
+          this.appletsCustom = this.compPanel.pageElements;
+        }
+      } else {
+        // 个性化弹窗
+        this.appletsCustom = this.compPanel.portlets;
+      }
+      this.CustomTip = this.compPanel.$refs.CustomTip;
+      this.appletsCustom.forEach(function (item) {
+        if (item.colSpan < _this3.defaultColSpan) _this3.$set(item, 'colSpan', _this3.defaultColSpan);
+        if (item.rowSpan < _this3.defaultRowSpan) _this3.$set(item, 'rowSpan', _this3.defaultRowSpan);
+      });
+
+      // 鼠标滑动事件
+      document.onmousemove = function (ev) {
+        var id = evt.item.getAttribute('data-id');
+        if (id === '') {
+          return false;
+        }
+
+        // 节流
+        if (!self.timer) {
+          self.timer = true;
+          setTimeout(function () {
+            self.allow(evt, ev);
+            self.timer = false;
+          }, 100);
+        }
+      };
+      // 鼠标抬起
+      document.onmouseup = function () {
+        self.endfunc(evt);
+      };
+    },
+    allow: function allow(evt, ev) {
+      var l = ev.clientX;
+      var t = ev.clientY;
+
+      // 获取拖动元素ID
+      var id = evt.item.getAttribute('data-id');
+
+      // 小程序放置区域
+      var gridLayout = this;
+      // 小程序放置区域左上角 坐标
+      var x1 = gridLayout.$el.getBoundingClientRect().left;
+      var y1 = gridLayout.$el.getBoundingClientRect().top;
+      // 小程序放置区域右下角坐标
+      var x2 = x1 + gridLayout.$el.offsetWidth;
+      // const y2 = y1 + gridLayout.$el.offsetHeight
+      // 个性化弹窗左下角坐标
+      var Tx1 = this.CustomTip.getBoundingClientRect().left;
+      var Ty1 = this.CustomTip.getBoundingClientRect().top;
+      // 个性化弹窗右下角坐标
+      var Tx2 = Tx1 + this.CustomTip.offsetWidth;
+      var Ty2 = Ty1 + this.CustomTip.offsetHeight;
+      // (l >= x1 && t >= y1 && l <= x2 && t <= y2)
+      if (l >= x1 && t >= y1 && l <= x2 && !(l >= Tx1 && t >= Ty1 && l <= Tx2 && t <= Ty2)) {
+        // 判断是否存在
+        var list = this.layoutData.filter(function (item) {
+          return item.id === id;
+        });
+        if (list.length < 1 || list[0].canRepeat) {
+          // 不存在
+          this.isAdd = true;
+          this.addItem(l, t, x1, y1, id);
+        } else {
+          // 已存在
+          this.showLayer = true;
+          this.isAdd = false;
+        }
+      } else {
+        this.showLayer = false;
+        this.isAdd = false;
+        this.clearItem(); // 清除占位标识
+      }
+    },
+    endfunc: function endfunc(evt) {
+      this.clearItem(); // 清除占位标识
+      if (this.isAdd) {
+        var id = evt.item.getAttribute('data-id');
+        var list = this.appletsCustom.filter(function (item) {
+          if (item.id === id) {
+            item.hidden = 0;
+            return true;
+          }
+        });
+        if (list.length > 0) {
+          if (this.grids.length === 1 && this.grids[0].code === 'blank') {
+            this.grids.splice(0, 1);
+          }
+          this.$set(list[0], 'x', this.position.x);
+          this.$set(list[0], 'y', this.position.y);
+          this.$set(list[0], 'w', list[0].colSpan || this.defaultColSpan);
+          this.$set(list[0], 'h', list[0].rowSpan || this.defaultRowSpan);
+          this.$set(list[0], 'i', this.layoutData.length);
+          list[0].gridster = {
+            parentGridster: this.moduleName
+          };
+          list[0].repeatDataType = JSON.stringify(list[0].gridster);
+          var newPortlet = JSON.parse(JSON.stringify(list[0]));
+          this.layoutData.push(newPortlet);
+          this.grids.push(newPortlet);
+        }
+        this.isAdd = false;
+        this.setTopbarHeight();
+      }
+      this.showLayer = false;
+      this.timer = false;
+      setTimeout(function () {
+        if (document.querySelector('.layer-content')) {
+          document.querySelector('.layer-content').parentNode.removeChild(document.querySelector('.layer-content'));
+        }
+      }, 100);
+      document.onmousemove = function () {
+        return false;
+      };
+      document.onmouseup = function () {
+        return false;
+      };
+    },
+    clearItem: function clearItem() {
+      this.layoutData = this.layoutData.filter(function (item) {
+        return !item.addItemStatus;
+      }); // 清除占位标识
+      this.grids = this.grids.filter(function (item) {
+        return !item.addItemStatus;
+      }); // 清除占位标识
+    },
+    addItem: function addItem(left, top, contentX, contentY, id) {
+      // 自动添加
+      this.clearItem();
+      // 当前移动对象
+      var list = this.appletsCustom.filter(function (item) {
+        return item.id === id;
+      })[0];
+      var i = this.layoutData.length;
+
+      // 区域宽度
+      var gridLayoutWidth = this.$el.offsetWidth;
+
+      // 计算鼠标位置在x y轴坐标区域
+      var xPosition = 0;
+      if (this.colNum - Math.floor((left - contentX) / (gridLayoutWidth / this.colNum)) >= list.colSpan) {
+        xPosition = Math.floor((left - contentX) / (gridLayoutWidth / this.colNum));
+      } else {
+        xPosition = this.colNum - list.colSpan;
+      }
+      var yPosition = Math.floor((top - contentY) / this.layoutHeight);
+      var hiddenApplet = {
+        x: xPosition,
+        y: yPosition,
+        w: list.colSpan || this.defaultColSpan,
+        h: list.rowSpan || this.defaultRowSpan,
+        i: i,
+        addItemStatus: true // 占位标识
+      };
+
+      this.position.x = xPosition;
+      this.position.y = yPosition;
+      this.layoutData.unshift(hiddenApplet);
+      this.grids.unshift(hiddenApplet);
+    },
+    deleteById: function deleteById(index) {
+      var _this4 = this;
+      // 删除
+      var portletVo = this.grids[index];
+      this.$confirm('确认要删除“' + portletVo.name + '”吗?', '确认操作', {
+        type: 'warning'
+      }).then(function () {
+        if (portletVo.dataType === 'topElement') {
+          _this4.appletsCustom = _this4.compPanel.pageElements;
+        } else {
+          _this4.appletsCustom = _this4.compPanel.portlets;
+        }
+        _this4.appletsCustom.forEach(function (item) {
+          if (item.id === portletVo.id) {
+            item.hidden = 1;
+          }
+        });
+        _this4.grids.splice(index, 1);
+        var idx = 0;
+        _this4.layoutData.forEach(function (item, tindex) {
+          item.i = tindex;
+          if (item.id === portletVo.id && item.pppId === portletVo.pppId) {
+            idx = tindex;
+          }
+        });
+        _this4.layoutData.splice(idx, 1);
+        if (_this4.grids.length === 0) {
+          var defaultRowSpan = _this4.minH > _this4.defaultRowSpan ? _this4.minH : _this4.defaultRowSpan;
+          var axisX = _this4.layoutType === 'topElement' ? 10 : 0;
+          _this4.grids.push({
+            dataType: portletVo.dataType,
+            'x': axisX,
+            'y': 0,
+            'w': _this4.defaultColSpan,
+            'h': defaultRowSpan,
+            i: 0,
+            'axisX': axisX,
+            'axisY': 0,
+            'code': 'blank',
+            'icon': 'news',
+            'name': '空组件栏',
+            'rowSpan': defaultRowSpan,
+            'colSpan': _this4.defaultColSpan
+          });
+        }
+        if (portletVo.dataType === 'topElement') {
+          _this4.compPanel.$forceUpdate();
+          _this4.setTopbarHeight();
+        }
+      });
+    },
+    // 修改组件样式
+    editPortletStyle: function editPortletStyle(index) {
+      var portletVo = this.grids[index];
+      if (!portletVo.pppId) {
+        portletVo.pppId = Object(utils["k" /* uuid */])();
+      }
+      var vo = {
+        id: portletVo.id,
+        pppId: portletVo.pppId,
+        useArea: portletVo.useArea,
+        code: portletVo.code,
+        repeatType: portletVo.repeatType,
+        busiType: portletVo.busiType,
+        repeatDataType: portletVo.repeatDataType && portletVo.repeatDataType.indexOf('{') > -1 ? JSON.parse(portletVo.repeatDataType) : {}
+      };
+      this.$bus.emit('editPortletStyle', vo);
+    },
+    editPortlet: function editPortlet(index) {
+      var portletVo = this.grids[index];
+      if (!portletVo.pppId) {
+        portletVo.pppId = Object(utils["k" /* uuid */])();
+      }
+      var vo = {
+        id: portletVo.id,
+        pppId: portletVo.pppId,
+        useArea: portletVo.useArea
+      };
+      this.$bus.emit('editPortlet', vo);
+    },
+    setRepeatDataType: function setRepeatDataType(index) {
+      var portletVo = this.grids[index];
+      if (!portletVo.pppId) {
+        portletVo.pppId = Object(utils["k" /* uuid */])();
+      }
+      var vo = {
+        id: portletVo.id,
+        pppId: portletVo.pppId,
+        useArea: portletVo.useArea
+      };
+      // 设置额外参数弹窗
+      this.$bus.emit('setRepeatDataType', vo);
+    },
+    hoverEnter: function hoverEnter($event, addItemStatus) {
+      if (this.canDelete && !addItemStatus) {
+        $event.target.children[1].style.display = 'block';
+      }
+    },
+    hoverOut: function hoverOut($event) {
+      if (this.canDelete) {
+        $event.target.children[1].style.display = 'none';
+      }
+    },
+    moveEvent: function moveEvent(i, newX, newY) {
+      // console.log('移动中', newX, newY)
+      this.setTopbarHeight();
+    },
+    movedEvent: function movedEvent(i, newX, newY) {
+      // console.log('移动结束', newX, newY)
+      this.setTopbarHeight();
+    },
+    resizeEvent: function resizeEvent(i, newX, newY) {
+      // console.log('调整大小中', newX, newY)
+      this.setTopbarHeight();
+    },
+    resizedEvent: function resizedEvent(i, newX, newY) {
+      // console.log('调整大小结束', newX, newY)
+      this.setTopbarHeight();
+    },
+    layoutUpdatedEvent: function layoutUpdatedEvent() {
+      // console.log('视图更新', this.layoutType)
+    },
+    layoutCreatedEvent: function layoutCreatedEvent() {
+      // console.log('创建事件')
+    },
+    layoutBeforeMountEvent: function layoutBeforeMountEvent() {
+      // console.log('加载之前')
+    },
+    layoutMountedEvent: function layoutMountedEvent() {
+      // console.log('加载完成')
+    },
+    layoutReadyEvent: function layoutReadyEvent() {
+      // console.log('准备')
+    },
+    setTopbarHeight: function setTopbarHeight() {
+      var _this5 = this;
+      if (this.layoutType === 'topElement' && !this.updateing) {
+        this.updateing = true;
+        setTimeout(function () {
+          var topbarHeight = _this5.$el.offsetHeight;
+          if (topbarHeight < 60) topbarHeight = 60;
+          document.querySelector('.header-container').style.height = topbarHeight + 2 + 'px';
+          document.querySelector('.header-content-container').style.height = topbarHeight + 'px';
+          _this5.$bus.emit('setTopbarHeight', topbarHeight + 2);
+          _this5.updateing = false;
+        }, 200);
+      }
+    }
+  } // 如果页面有keep-alive缓存功能，这个函数会触发
+});
+// CONCATENATED MODULE: ./packages/ecwplus/PortalPageDesigner/src/components/Grid24colPageModule.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_Grid24colPageModulevue_type_script_lang_js_ = (Grid24colPageModulevue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./packages/ecwplus/PortalPageDesigner/src/components/Grid24colPageModule.vue?vue&type=style&index=0&id=5afff5f3&prod&lang=scss&scoped=true&
+var Grid24colPageModulevue_type_style_index_0_id_5afff5f3_prod_lang_scss_scoped_true_ = __webpack_require__("97ad");
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./packages/ecwplus/PortalPageDesigner/src/components/Grid24colPageModule.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  components_Grid24colPageModulevue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "5afff5f3",
+  null
+  
+)
+
+/* harmony default export */ var Grid24colPageModule = __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "faf8":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, "[data-v-5afff5f3]:export{stdMenuBgcolor:#f3f4f4;stdMenuHover:rgba(163,174,177,.419608);stdMenuText:#303133;stdMenuAcitveText:#ff6f4b;stdSubMenuBgcolor:#f9fafc;stdSubMenuHover:rgba(163,174,177,.419608);stdSubMenuActiveText:#ff6f4b;darkMenuBgcolor:#304156;darkMenuHover:#263445;darkMenuText:#bfcbd9;darkMenuAcitveText:#ffd04b;darkSubMenuBgcolor:#384b63;darkSubMenuHover:#263445;darkSubMenuActiveText:#ffd04b;sideBarWidth:210px;formLabelWidth:133px;lightBlue:#409eff;skinBlue:#438eb9;skinScienceBlue:#1a82e3;skinTaleBlue:#012964;skinBlack:#409eff;skinOrange:#f37d12;skinRed:#9d1414}.vue-grid-item[data-v-5afff5f3]{background:#fff;border:1px solid #e4e7ed;overflow:hidden}.vue-grid-item .content-item[data-v-5afff5f3]{width:100%;height:100%;overflow:hidden;background-color:rgba(83,168,255,.2)!important}.layer-content[data-v-5afff5f3]{background:rgba(83,168,255,.2)}.layer-content[data-v-5afff5f3],.setting[data-v-5afff5f3]{position:absolute;top:0;bottom:0;left:0;right:0}.setting[data-v-5afff5f3]{display:none;height:40px;z-index:400}.setting img[data-v-5afff5f3]{width:32px;height:32px;float:right;cursor:pointer;margin-top:5px;margin-right:5px}", ""]);
+// Exports
+module.exports = exports;
+
+
+/***/ })
+
+}]);
+//# sourceMappingURL=ecwappnowf.umd.2.js.map