@weitutech/by-components 1.1.153 → 1.1.155

package/lib/by-components.common.js

@@ -557,6 +557,24 @@ var isInContainer = exports.isInContainer = function isInContainer(el, container
   return elRect.top < containerRect.bottom && elRect.bottom > containerRect.top && elRect.right > containerRect.left && elRect.left < containerRect.right;
 };
 
+/***/ }),
+
+/***/ 175:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+var store = __webpack_require__(7421)('wks');
+var uid = __webpack_require__(3108);
+var Symbol = (__webpack_require__(6903).Symbol);
+var USE_SYMBOL = typeof Symbol == 'function';
+
+var $exports = module.exports = function (name) {
+  return store[name] || (store[name] =
+    USE_SYMBOL && Symbol[name] || (USE_SYMBOL ? Symbol : uid)('Symbol.' + name));
+};
+
+$exports.store = store;
+
+
 /***/ }),
 
 /***/ 261:
@@ -2706,7 +2724,7 @@ module.exports = function (it) {
 
 var def = (__webpack_require__(1672).f);
 var has = __webpack_require__(3066);
-var TAG = __webpack_require__(5413)('toStringTag');
+var TAG = __webpack_require__(175)('toStringTag');
 
 module.exports = function (it, tag, stat) {
   if (it && !has(it = stat ? it : it.prototype, TAG)) def(it, TAG, { configurable: true, value: tag });
@@ -15541,7 +15559,7 @@ var setToStringTag = __webpack_require__(1123);
 var IteratorPrototype = {};
 
 // 25.1.2.1.1 %IteratorPrototype%[@@iterator]()
-__webpack_require__(4632)(IteratorPrototype, __webpack_require__(5413)('iterator'), function () { return this; });
+__webpack_require__(4632)(IteratorPrototype, __webpack_require__(175)('iterator'), function () { return this; });
 
 module.exports = function (Constructor, NAME, next) {
   Constructor.prototype = create(IteratorPrototype, { next: descriptor(1, next) });
@@ -15628,7 +15646,7 @@ module.exports = function (Constructor, NAME, next) {
 /***/ 1275:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
-exports.f = __webpack_require__(5413);
+exports.f = __webpack_require__(175);
 
 
 /***/ }),
@@ -23927,7 +23945,7 @@ var Iterators = __webpack_require__(2833);
 var $iterCreate = __webpack_require__(1199);
 var setToStringTag = __webpack_require__(1123);
 var getPrototypeOf = __webpack_require__(6870);
-var ITERATOR = __webpack_require__(5413)('iterator');
+var ITERATOR = __webpack_require__(175)('iterator');
 var BUGGY = !([].keys && 'next' in [].keys()); // Safari has buggy iterators w/o `next`
 var FF_ITERATOR = '@@iterator';
 var KEYS = 'keys';
@@ -39746,8 +39764,8 @@ var map = {
 	"./en-gb.js": 1106,
 	"./en-ie": 7625,
 	"./en-ie.js": 7625,
-	"./en-il": 7794,
-	"./en-il.js": 7794,
+	"./en-il": 5413,
+	"./en-il.js": 5413,
 	"./en-in": 5176,
 	"./en-in.js": 5176,
 	"./en-nz": 2379,
@@ -39997,20 +40015,66 @@ module.exports = function (it) {
 /***/ }),
 
 /***/ 5413:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var store = __webpack_require__(7421)('wks');
-var uid = __webpack_require__(3108);
-var Symbol = (__webpack_require__(6903).Symbol);
-var USE_SYMBOL = typeof Symbol == 'function';
+/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
 
-var $exports = module.exports = function (name) {
-  return store[name] || (store[name] =
-    USE_SYMBOL && Symbol[name] || (USE_SYMBOL ? Symbol : uid)('Symbol.' + name));
-};
+//! moment.js locale configuration
+//! locale : English (Israel) [en-il]
+//! author : Chris Gedrim : https://github.com/chrisgedrim
 
-$exports.store = store;
+;
+(function (global, factory) {
+   true ? factory(__webpack_require__(9412)) : 0;
+})(this, function (moment) {
+  'use strict';
 
+  //! moment.js locale configuration
+  var enIl = moment.defineLocale('en-il', {
+    months: 'January_February_March_April_May_June_July_August_September_October_November_December'.split('_'),
+    monthsShort: 'Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec'.split('_'),
+    weekdays: 'Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday'.split('_'),
+    weekdaysShort: 'Sun_Mon_Tue_Wed_Thu_Fri_Sat'.split('_'),
+    weekdaysMin: 'Su_Mo_Tu_We_Th_Fr_Sa'.split('_'),
+    longDateFormat: {
+      LT: 'HH:mm',
+      LTS: 'HH:mm:ss',
+      L: 'DD/MM/YYYY',
+      LL: 'D MMMM YYYY',
+      LLL: 'D MMMM YYYY HH:mm',
+      LLLL: 'dddd, D MMMM YYYY HH:mm'
+    },
+    calendar: {
+      sameDay: '[Today at] LT',
+      nextDay: '[Tomorrow at] LT',
+      nextWeek: 'dddd [at] LT',
+      lastDay: '[Yesterday at] LT',
+      lastWeek: '[Last] dddd [at] LT',
+      sameElse: 'L'
+    },
+    relativeTime: {
+      future: 'in %s',
+      past: '%s ago',
+      s: 'a few seconds',
+      ss: '%d seconds',
+      m: 'a minute',
+      mm: '%d minutes',
+      h: 'an hour',
+      hh: '%d hours',
+      d: 'a day',
+      dd: '%d days',
+      M: 'a month',
+      MM: '%d months',
+      y: 'a year',
+      yy: '%d years'
+    },
+    dayOfMonthOrdinalParse: /\d{1,2}(st|nd|rd|th)/,
+    ordinal: function (number) {
+      var b = number % 10,
+        output = ~~(number % 100 / 10) === 1 ? 'th' : b === 1 ? 'st' : b === 2 ? 'nd' : b === 3 ? 'rd' : 'th';
+      return number + output;
+    }
+  });
+  return enIl;
+});
 
 /***/ }),
 
@@ -43100,7 +43164,7 @@ __webpack_require__(5270);
 var global = __webpack_require__(6903);
 var hide = __webpack_require__(4632);
 var Iterators = __webpack_require__(2833);
-var TO_STRING_TAG = __webpack_require__(5413)('toStringTag');
+var TO_STRING_TAG = __webpack_require__(175)('toStringTag');
 
 var DOMIterables = ('CSSRuleList,CSSStyleDeclaration,CSSValueList,ClientRectList,DOMRectList,DOMStringList,' +
   'DOMTokenList,DataTransferItemList,FileList,HTMLAllCollection,HTMLCollection,HTMLFormElement,HTMLSelectElement,' +
@@ -45505,70 +45569,6 @@ module.exports = Object.create || function create(O, Properties) {
 };
 
 
-/***/ }),
-
-/***/ 7794:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-//! moment.js locale configuration
-//! locale : English (Israel) [en-il]
-//! author : Chris Gedrim : https://github.com/chrisgedrim
-
-;
-(function (global, factory) {
-   true ? factory(__webpack_require__(9412)) : 0;
-})(this, function (moment) {
-  'use strict';
-
-  //! moment.js locale configuration
-  var enIl = moment.defineLocale('en-il', {
-    months: 'January_February_March_April_May_June_July_August_September_October_November_December'.split('_'),
-    monthsShort: 'Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec'.split('_'),
-    weekdays: 'Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday'.split('_'),
-    weekdaysShort: 'Sun_Mon_Tue_Wed_Thu_Fri_Sat'.split('_'),
-    weekdaysMin: 'Su_Mo_Tu_We_Th_Fr_Sa'.split('_'),
-    longDateFormat: {
-      LT: 'HH:mm',
-      LTS: 'HH:mm:ss',
-      L: 'DD/MM/YYYY',
-      LL: 'D MMMM YYYY',
-      LLL: 'D MMMM YYYY HH:mm',
-      LLLL: 'dddd, D MMMM YYYY HH:mm'
-    },
-    calendar: {
-      sameDay: '[Today at] LT',
-      nextDay: '[Tomorrow at] LT',
-      nextWeek: 'dddd [at] LT',
-      lastDay: '[Yesterday at] LT',
-      lastWeek: '[Last] dddd [at] LT',
-      sameElse: 'L'
-    },
-    relativeTime: {
-      future: 'in %s',
-      past: '%s ago',
-      s: 'a few seconds',
-      ss: '%d seconds',
-      m: 'a minute',
-      mm: '%d minutes',
-      h: 'an hour',
-      hh: '%d hours',
-      d: 'a day',
-      dd: '%d days',
-      M: 'a month',
-      MM: '%d months',
-      y: 'a year',
-      yy: '%d years'
-    },
-    dayOfMonthOrdinalParse: /\d{1,2}(st|nd|rd|th)/,
-    ordinal: function (number) {
-      var b = number % 10,
-        output = ~~(number % 100 / 10) === 1 ? 'th' : b === 1 ? 'st' : b === 2 ? 'nd' : b === 3 ? 'rd' : 'th';
-      return number + output;
-    }
-  });
-  return enIl;
-});
-
 /***/ }),
 
 /***/ 7811:
@@ -60533,7 +60533,7 @@ var $fails = __webpack_require__(2451);
 var shared = __webpack_require__(7421);
 var setToStringTag = __webpack_require__(1123);
 var uid = __webpack_require__(3108);
-var wks = __webpack_require__(5413);
+var wks = __webpack_require__(175);
 var wksExt = __webpack_require__(1275);
 var wksDefine = __webpack_require__(2613);
 var enumKeys = __webpack_require__(6358);
@@ -95201,8 +95201,8 @@ var ByPopoverSelector_component = normalizeComponent(
 )
 
 /* harmony default export */ var ByPopoverSelector = (ByPopoverSelector_component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"444f6cde-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/grid-layout/ByGridLayout.vue?vue&type=template&id=7a853977
-var ByGridLayoutvue_type_template_id_7a853977_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"444f6cde-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/grid-layout/ByGridLayout.vue?vue&type=template&id=7e47dec8
+var ByGridLayoutvue_type_template_id_7e47dec8_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -95238,7 +95238,7 @@ var ByGridLayoutvue_type_template_id_7a853977_render = function render() {
     }, 'grid-item', renderItem.layoutProps, false), [_c('div', {
       staticClass: "by-grid-layout__item-wrapper"
     }, [_vm.toggleable && _vm.isEditingActive ? _c('i', {
-      staticClass: "by-grid-layout__delete-btn el-icon-close",
+      staticClass: "by-grid-layout__delete-btn el-icon-delete",
       on: {
         "click": function ($event) {
           $event.stopPropagation();
@@ -95257,8 +95257,100 @@ var ByGridLayoutvue_type_template_id_7a853977_render = function render() {
       "layout": renderItem.layout,
       "index": renderItem.index
     })], 2)]);
-  }) : _vm._t("default")], 2), _vm.toggleable ? _c('div', {
+  }) : _vm._t("default")], 2), _vm.hasItems && !_vm.hasRenderedItems ? _c('div', {
+    staticClass: "by-grid-layout__empty-state"
+  }, [_c('div', {
+    staticClass: "by-grid-layout__empty-illustration"
+  }, [_c('svg', {
+    attrs: {
+      "viewBox": "0 0 160 120",
+      "xmlns": "http://www.w3.org/2000/svg"
+    }
+  }, [_c('defs', [_c('linearGradient', {
+    attrs: {
+      "id": "by-grid-layout-empty-gradient",
+      "x1": "0%",
+      "y1": "0%",
+      "x2": "100%",
+      "y2": "100%"
+    }
+  }, [_c('stop', {
+    attrs: {
+      "offset": "0%",
+      "stop-color": "#e6f7ff"
+    }
+  }), _c('stop', {
+    attrs: {
+      "offset": "100%",
+      "stop-color": "#f9fbff"
+    }
+  })], 1)], 1), _c('rect', {
+    attrs: {
+      "x": "12",
+      "y": "24",
+      "width": "136",
+      "height": "72",
+      "rx": "12",
+      "fill": "url(#by-grid-layout-empty-gradient)"
+    }
+  }), _c('rect', {
+    attrs: {
+      "x": "32",
+      "y": "42",
+      "width": "32",
+      "height": "22",
+      "rx": "4",
+      "fill": "#c6e2ff",
+      "opacity": "0.6"
+    }
+  }), _c('rect', {
+    attrs: {
+      "x": "72",
+      "y": "42",
+      "width": "56",
+      "height": "16",
+      "rx": "4",
+      "fill": "#d9ecff",
+      "opacity": "0.8"
+    }
+  }), _c('rect', {
+    attrs: {
+      "x": "32",
+      "y": "70",
+      "width": "56",
+      "height": "16",
+      "rx": "4",
+      "fill": "#d9ecff",
+      "opacity": "0.8"
+    }
+  }), _c('rect', {
+    attrs: {
+      "x": "92",
+      "y": "70",
+      "width": "36",
+      "height": "16",
+      "rx": "4",
+      "fill": "#ecf5ff"
+    }
+  }), _c('circle', {
+    attrs: {
+      "cx": "128",
+      "cy": "34",
+      "r": "6",
+      "fill": "#91d5ff"
+    }
+  })])]), _c('div', {
+    staticClass: "by-grid-layout__empty-title"
+  }, [_vm._v("暂无可展示的卡片")]), _c('div', {
+    staticClass: "by-grid-layout__empty-desc"
+  }, [_vm._v(_vm._s(_vm.isEditing ? '点击上方添加卡片或点击右侧恢复默认布局' : '点击右侧自定义按钮进行配置'))])]) : _vm._e(), _vm.toggleable ? _c('div', {
     staticClass: "by-grid-layout__controls"
+  }, [_c('el-tooltip', {
+    attrs: {
+      "content": _vm.tooltipContent,
+      "placement": "left",
+      "disabled": !_vm.isEditingActive || !_vm.showTooltip
+    }
   }, [_c('div', {
     staticClass: "by-grid-layout__mode-toggle",
     class: {
@@ -95267,14 +95359,19 @@ var ByGridLayoutvue_type_template_id_7a853977_render = function render() {
     on: {
       "click": _vm.handleModeButtonClick
     }
-  }, [_c('span', [_vm._v(_vm._s(_vm.modeButtonText))])]), _vm.isEditingActive ? _c('div', {
+  }, [_c('span', [_vm._v(_vm._s(_vm.modeButtonText))])])]), _vm.isEditingActive ? _c('div', {
     staticClass: "by-grid-layout__reset-toggle",
     on: {
       "click": _vm.handleReset
     }
-  }, [_c('span', [_vm._v("恢复默认")])]) : _vm._e()]) : _vm._e()], 1);
+  }, [_c('span', [_vm._v("恢复默认")])]) : _vm._e(), _vm.isEditingActive ? _c('div', {
+    staticClass: "by-grid-layout__cancel-toggle",
+    on: {
+      "click": _vm.handleCancel
+    }
+  }, [_c('span', [_vm._v("取消")])]) : _vm._e()], 1) : _vm._e()], 1);
 };
-var ByGridLayoutvue_type_template_id_7a853977_staticRenderFns = [];
+var ByGridLayoutvue_type_template_id_7e47dec8_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.reduce.js
 var es_iterator_reduce = __webpack_require__(8237);
@@ -95287,6 +95384,8 @@ var vue_grid_layout_common = __webpack_require__(1176);
 
 
 
+
+
 const OPTIONAL_LAYOUT_KEYS = ['minH', 'maxH', 'minW', 'maxW', 'isDraggable', 'isResizable', 'static'];
 const GRID_ITEM_KEYS = ['x', 'y', 'w', 'h', 'i', ...OPTIONAL_LAYOUT_KEYS];
 
@@ -95346,6 +95445,16 @@ const GRID_ITEM_KEYS = ['x', 'y', 'w', 'h', 'i', ...OPTIONAL_LAYOUT_KEYS];
     toggleable: {
       type: Boolean,
       default: true
+    },
+    /** 是否显示提示 */
+    showTooltip: {
+      type: Boolean,
+      default: true
+    },
+    /** 提示内容 */
+    tooltipContent: {
+      type: String,
+      default: '编辑排版保存后生效~'
     }
   },
   data() {
@@ -95355,7 +95464,9 @@ const GRID_ITEM_KEYS = ['x', 'y', 'w', 'h', 'i', ...OPTIONAL_LAYOUT_KEYS];
       // 防止 items.sync 与 layout-updated 相互触发造成循环
       isProcessingLayoutUpdate: false,
       isProcessingItemsSync: false,
-      currentMode: 'view'
+      currentMode: 'view',
+      // 记录每个 item 首次布局时的初始尺寸（w/h），用于恢复时还原原始大小
+      initialItemMetrics: {}
     };
   },
   computed: {
@@ -95383,6 +95494,9 @@ const GRID_ITEM_KEYS = ['x', 'y', 'w', 'h', 'i', ...OPTIONAL_LAYOUT_KEYS];
     hasItems() {
       return Array.isArray(this.internalItems) && this.internalItems.length > 0;
     },
+    hasRenderedItems() {
+      return this.renderItems.length > 0;
+    },
     resolvedGridLayoutAttrs() {
       const attrs = {
         ...this.$attrs
@@ -95575,6 +95689,10 @@ const GRID_ITEM_KEYS = ['x', 'y', 'w', 'h', 'i', ...OPTIONAL_LAYOUT_KEYS];
         }))
       });
     },
+    handleCancel() {
+      this.exitEditMode();
+      this.$emit('cancel');
+    },
     emitModeChange() {
       this.$emit('mode-change', this.currentMode);
     },
@@ -95643,6 +95761,14 @@ const GRID_ITEM_KEYS = ['x', 'y', 'w', 'h', 'i', ...OPTIONAL_LAYOUT_KEYS];
         index
       }) => {
         const layoutItem = this.createLayoutItem(item, index, autoContext);
+        const layoutId = layoutItem.i;
+        if (layoutId && !this.initialItemMetrics[layoutId]) {
+          // 仅首次记录，后续编辑（拖拽、缩放）不会覆盖原始尺寸
+          this.initialItemMetrics[layoutId] = {
+            w: layoutItem.w,
+            h: layoutItem.h
+          };
+        }
         cloned[index] = {
           ...cloned[index],
           x: layoutItem.x,
@@ -95807,17 +95933,33 @@ const GRID_ITEM_KEYS = ['x', 'y', 'w', 'h', 'i', ...OPTIONAL_LAYOUT_KEYS];
       if (!this.isEditingActive) return;
       // 恢复隐藏项：设置 hidden: false
       const id = String(hiddenItem.i);
-      const updatedItems = this.internalItems.map((item, index) => {
+      const metrics = this.initialItemMetrics[id] || {};
+      let restored = null;
+      const remaining = this.internalItems.reduce((acc, item, index) => {
         const itemId = String(this.resolveItemId(item, index));
-        if (itemId !== id) return item;
+        if (itemId !== id) {
+          acc.push(item);
+          return acc;
+        }
         const next = {
           ...item,
           hidden: false
         };
-        if (item.originalX !== undefined) next.x = item.originalX;
-        if (item.originalY !== undefined) next.y = item.originalY;
-        return next;
-      });
+        delete next.originalX;
+        delete next.originalY;
+        // 优先使用首次记录的原始尺寸；否则退回默认尺寸
+        const width = metrics.w !== undefined ? metrics.w : next.w !== undefined ? next.w : this.defaultItemSize.w || 1;
+        const height = metrics.h !== undefined ? metrics.h : next.h !== undefined ? next.h : this.defaultItemSize.h || 1;
+        next.w = width;
+        next.h = height;
+        const placement = this.findRestoredPlacement(width, height);
+        next.x = placement.x;
+        next.y = placement.y;
+        restored = next;
+        return acc;
+      }, []);
+      if (!restored) return;
+      const updatedItems = [...remaining, restored];
       this.commitItemsChange(updatedItems);
     },
     commitItemsChange(nextItems) {
@@ -95886,8 +96028,60 @@ const GRID_ITEM_KEYS = ['x', 'y', 'w', 'h', 'i', ...OPTIONAL_LAYOUT_KEYS];
       this.setItemPropsById(id, {
         [key]: value
       });
-    }
+    },
     // *************** 这里是通用方法，业务中如果要给卡片item.props填充数据，可以统一使用该方法 End ***************
+
+    // 寻找“最优落点”
+    findRestoredPlacement(width, height) {
+      var _ref3, _ref4, _attrs$colNum2;
+      // 从当前布局中寻找「最后一行」优先、且尽量靠右的空位
+      const layout = Array.isArray(this.internalLayout) ? this.internalLayout : [];
+      const attrs = this.resolvedGridLayoutAttrs || {};
+      const columnsCandidate = (_ref3 = (_ref4 = (_attrs$colNum2 = attrs.colNum) !== null && _attrs$colNum2 !== void 0 ? _attrs$colNum2 : attrs.cols) !== null && _ref4 !== void 0 ? _ref4 : attrs.col) !== null && _ref3 !== void 0 ? _ref3 : 12;
+      const columns = Math.max(1, this.ensureNumber(columnsCandidate, 12));
+      const normalizedW = Math.max(1, this.ensureNumber(width, this.defaultItemSize.w || 1));
+      const normalizedH = Math.max(1, this.ensureNumber(height, this.defaultItemSize.h || 1));
+      if (layout.length === 0) {
+        return {
+          x: 0,
+          y: 0
+        };
+      }
+      const maxRowY = layout.reduce((max, item) => Math.max(max, item.y), 0);
+      let nextRowY = maxRowY;
+      const maxIterations = 1000;
+      let loops = 0;
+      while (loops < maxIterations) {
+        for (let x = 0; x <= columns - normalizedW; x++) {
+          if (this.isAreaFree(layout, x, nextRowY, normalizedW, normalizedH)) {
+            return {
+              x,
+              y: nextRowY
+            };
+          }
+        }
+        nextRowY += 1;
+        loops++;
+      }
+      return {
+        x: 0,
+        y: nextRowY
+      };
+    },
+    isAreaFree(layout, x, y, width, height) {
+      if (!Array.isArray(layout) || layout.length === 0) return true;
+      return !layout.some(item => this.doRectsOverlap({
+        x,
+        y,
+        w: width,
+        h: height
+      }, item));
+    },
+    doRectsOverlap(a, b) {
+      if (!a || !b) return false;
+      const noOverlap = a.x + a.w <= b.x || b.x + b.w <= a.x || a.y + a.h <= b.y || b.y + b.h <= a.y;
+      return !noOverlap;
+    }
   }
 });
 ;// ./src/components/grid-layout/ByGridLayout.vue?vue&type=script&lang=js
@@ -95902,8 +96096,8 @@ const GRID_ITEM_KEYS = ['x', 'y', 'w', 'h', 'i', ...OPTIONAL_LAYOUT_KEYS];
 ;
 var ByGridLayout_component = normalizeComponent(
   grid_layout_ByGridLayoutvue_type_script_lang_js,
-  ByGridLayoutvue_type_template_id_7a853977_render,
-  ByGridLayoutvue_type_template_id_7a853977_staticRenderFns,
+  ByGridLayoutvue_type_template_id_7e47dec8_render,
+  ByGridLayoutvue_type_template_id_7e47dec8_staticRenderFns,
   false,
   null,
   null,