hbte-saas-ui 1.7.2 → 1.7.3

package/lib/hbte-ui.umd.js

@@ -2054,6 +2054,82 @@ module.exports = fails(function () {
 });
 
 
+/***/ }),
+
+/***/ "10d1":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var global = __webpack_require__("da84");
+var uncurryThis = __webpack_require__("e330");
+var redefineAll = __webpack_require__("e2cc");
+var InternalMetadataModule = __webpack_require__("f183");
+var collection = __webpack_require__("6d61");
+var collectionWeak = __webpack_require__("acac");
+var isObject = __webpack_require__("861d");
+var isExtensible = __webpack_require__("4fad");
+var enforceInternalState = __webpack_require__("69f3").enforce;
+var NATIVE_WEAK_MAP = __webpack_require__("7f9a");
+
+var IS_IE11 = !global.ActiveXObject && 'ActiveXObject' in global;
+var InternalWeakMap;
+
+var wrapper = function (init) {
+  return function WeakMap() {
+    return init(this, arguments.length ? arguments[0] : undefined);
+  };
+};
+
+// `WeakMap` constructor
+// https://tc39.es/ecma262/#sec-weakmap-constructor
+var $WeakMap = collection('WeakMap', wrapper, collectionWeak);
+
+// IE11 WeakMap frozen keys fix
+// We can't use feature detection because it crash some old IE builds
+// https://github.com/zloirock/core-js/issues/485
+if (NATIVE_WEAK_MAP && IS_IE11) {
+  InternalWeakMap = collectionWeak.getConstructor(wrapper, 'WeakMap', true);
+  InternalMetadataModule.enable();
+  var WeakMapPrototype = $WeakMap.prototype;
+  var nativeDelete = uncurryThis(WeakMapPrototype['delete']);
+  var nativeHas = uncurryThis(WeakMapPrototype.has);
+  var nativeGet = uncurryThis(WeakMapPrototype.get);
+  var nativeSet = uncurryThis(WeakMapPrototype.set);
+  redefineAll(WeakMapPrototype, {
+    'delete': function (key) {
+      if (isObject(key) && !isExtensible(key)) {
+        var state = enforceInternalState(this);
+        if (!state.frozen) state.frozen = new InternalWeakMap();
+        return nativeDelete(this, key) || state.frozen['delete'](key);
+      } return nativeDelete(this, key);
+    },
+    has: function has(key) {
+      if (isObject(key) && !isExtensible(key)) {
+        var state = enforceInternalState(this);
+        if (!state.frozen) state.frozen = new InternalWeakMap();
+        return nativeHas(this, key) || state.frozen.has(key);
+      } return nativeHas(this, key);
+    },
+    get: function get(key) {
+      if (isObject(key) && !isExtensible(key)) {
+        var state = enforceInternalState(this);
+        if (!state.frozen) state.frozen = new InternalWeakMap();
+        return nativeHas(this, key) ? nativeGet(this, key) : state.frozen.get(key);
+      } return nativeGet(this, key);
+    },
+    set: function set(key, value) {
+      if (isObject(key) && !isExtensible(key)) {
+        var state = enforceInternalState(this);
+        if (!state.frozen) state.frozen = new InternalWeakMap();
+        nativeHas(this, key) ? nativeSet(this, key, value) : state.frozen.set(key, value);
+      } else nativeSet(this, key, value);
+      return this;
+    }
+  });
+}
+
+
 /***/ }),
 
 /***/ "10e8":
@@ -28150,20 +28226,18 @@ var component = Object(componentNormalizer["a" /* default */])(
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"80de914c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/table/src/main.vue?vue&type=template&id=81519662&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"80de914c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/table/src/main.vue?vue&type=template&id=ae28c6ca&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"hb-table"},[_c('el-table',_vm._g(_vm._b({directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],key:_vm.key,ref:"table",class:{ 'no-empty': _vm.$attrs.empty },staticStyle:{"flex":"1"},attrs:{"data":_vm.tableData,"border":true,"height":_vm.height,"stripe":_vm.stripe},on:{"select":_vm.selectData,"select-all":_vm.selectData,"header-dragend":_vm.dragend}},'el-table',_vm.$attrs,false),_vm.$listeners),[_c('template',{slot:"empty"},[_vm._t("customEmpty",function(){return [_c('div',{staticClass:"hb-table-nodata"}),_c('div',{staticClass:"hb-table-nodata-text"},[_vm._v("暂无数据")])]})],2),(_vm.expand)?_c('el-table-column',{attrs:{"type":"expand"},scopedSlots:_vm._u([{key:"default",fn:function(ref){
 var row = ref.row;
 return [_vm._t("expand",null,{"column":row})]}}],null,true)}):_vm._e(),(_vm.serial)?_c('el-table-column',{attrs:{"label":"序号","type":"index","align":"center","width":"32","fixed":"left","resizable":false,"class-name":"hb-table-index"}}):_vm._e(),(_vm.select)?_c('el-table-column',{attrs:{"type":"selection","align":"center","width":"20","selectable":_vm.selectable,"resizable":false,"reserve-selection":_vm.reserveSelect,"fixed":"left"}}):_vm._e(),_vm._l((_vm.columns),function(item,colIndex){return [(item.slot && item.currentSelect)?_vm._t(item.prop,null,{"column":item}):(item.edit && item.currentSelect)?_c('el-table-column',{key:("edit::" + (item.prop)),attrs:{"prop":item.prop,"label":item.label,"width":item.minWidth > 0 ? undefined : item.width,"min-width":item.minWidth,"formatter":item.formatter,"fixed":item.fixed,"align":item.align || 'left',"show-overflow-tooltip":!item.edit.keepEdit,"resizable":item.resizable === false ? false : true},scopedSlots:_vm._u([{key:"default",fn:function(ref){
 var row = ref.row;
 var col = ref.col;
 var $index = ref.$index;
-return [(!item.editCondition || item.editCondition($index, row))?_c('hb-editarea',_vm._b({ref:item.edit.keepEdit
-                ? ("editarea_" + $index + "_" + colIndex + "_" + _vm.cmpKey)
-                : undefined,refInFor:true,class:item.edit.keepEdit ? "hb-table__keep" : 'hb-table__edit',attrs:{"keepEdit":item.edit.keepEdit,"value":row[item.prop],"border":true,"insert":_vm.handleInsertCell(row, item),"change":_vm.handleChangeCell(row, item)},on:{"update:value":function($event){return _vm.$set(row, item.prop, $event)}}},'hb-editarea',item.edit,false)):_c('font',[_vm._v(_vm._s(row[item.prop]))])]}}],null,true)}):(item.currentSelect)?_c('el-table-column',{key:("default::" + (item.prop)),attrs:{"prop":item.prop,"label":item.label,"width":item.width,"min-width":item.minWidth,"formatter":item.formatter,"fixed":item.fixed,"align":item.align || 'left',"show-overflow-tooltip":true,"resizable":item.resizable === false ? false : true,"sortable":item.sortable}}):_vm._e()]}),(_vm.showBlankColumn && _vm.customBlankColumn)?_c('el-table-column',{key:"layoutColumn",attrs:{"min-width":"1px","resizable":false}}):_vm._e()],2)],1)}
+return [(!item.editCondition || item.editCondition($index, row))?_c('hb-editarea',_vm._b({ref:item.edit.keepEdit ? ("editarea_" + $index + "_" + colIndex + "_" + _vm.cmpKey) : undefined,refInFor:true,class:item.edit.keepEdit ? "hb-table__keep" : 'hb-table__edit',attrs:{"keepEdit":item.edit.keepEdit,"value":row[item.prop],"border":true,"insert":_vm.handleInsertCell(row, item),"change":_vm.handleChangeCell(row, item)},on:{"update:value":function($event){return _vm.$set(row, item.prop, $event)}}},'hb-editarea',item.edit,false)):_c('font',[_vm._v(_vm._s(row[item.prop]))])]}}],null,true)}):(item.currentSelect)?_c('el-table-column',{key:("default::" + (item.prop)),attrs:{"prop":item.prop,"label":item.label,"width":item.width,"min-width":item.minWidth,"formatter":item.formatter,"fixed":item.fixed,"align":item.align || 'left',"show-overflow-tooltip":true,"resizable":item.resizable === false ? false : true,"sortable":item.sortable}}):_vm._e()]}),(_vm.showBlankColumn && _vm.customBlankColumn)?_c('el-table-column',{key:"layoutColumn",attrs:{"min-width":"1px","resizable":false}}):_vm._e()],2)],1)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/table/src/main.vue?vue&type=template&id=81519662&
+// CONCATENATED MODULE: ./packages/table/src/main.vue?vue&type=template&id=ae28c6ca&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.to-string.js
 var es_object_to_string = __webpack_require__("d3b7");
@@ -28293,14 +28367,6 @@ var es_array_find = __webpack_require__("7db0");
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
 /* harmony default export */ var mainvue_type_script_lang_js_ = ({
   name: "HbTable",
   componentName: "HbTable",
@@ -41747,48 +41813,50 @@ $({ target: 'Array', proto: true, forced: ES3_STRINGS || !STRICT_METHOD }, {
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"80de914c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/adv-query/src/main.vue?vue&type=template&id=764aa9a8&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"80de914c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/adv-query/src/main.vue?vue&type=template&id=738f1836&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"hb-advquery"},[_c('div',{staticClass:"hb-advquery-handles"},[_c('div',{staticClass:"hb-advquery__tools"},[_vm._t("tools")],2),_c('div',{staticClass:"hb-advquery-query-btn"},[(_vm.showAdvQuery)?_c('el-button',{staticClass:"hb-advquery-query-btn__item",class:_vm.extend ? 'hb-advquery-btn-extend' : 'hb-advquery-btn-unextend',attrs:{"size":"mini","icon":"icon-hb-gaojichaxun"},on:{"click":_vm.tabExtend}},[_vm._v(" 筛选 ")]):_vm._e(),_vm._t("cusBtn"),(_vm.showCusQuery)?_c('el-dropdown',{attrs:{"trigger":"click","size":"small"}},[(_vm.customQueryLabel.length > 10)?_c('div',{staticClass:"hb-advquery-query-btn__custom"},[_c('el-tooltip',{attrs:{"content":_vm.customQueryLabel}},[_c('span',[_vm._v(_vm._s(_vm.customQueryLabel.slice(0, 10) + "..."))])])],1):_c('div',{staticClass:"hb-advquery-query-btn__custom"},[_vm._v(" "+_vm._s(_vm.customQueryLabel)+" ")]),_c('el-dropdown-menu',{attrs:{"slot":"dropdown"},slot:"dropdown"},[_c('el-dropdown-item',[_c('span',{on:{"click":function($event){return _vm.customQuery({ label: '全部', value: 'all' })}}},[_vm._v("全部")])]),_c('el-dropdown-item',[_vm._t("dropdownSlotItem")],2),_vm._l((_vm.customQueryData),function(i,index){return _c('el-dropdown-item',{key:index,attrs:{"command":i.value}},[(i.label.length > 10)?_c('span',[_c('el-tooltip',{attrs:{"content":_vm.customQueryLabel}},[_c('span',{staticClass:"hb-advquery-query-btn__custom__dropdown-item",on:{"click":function($event){return _vm.customQuery(i)}}},[_vm._v(_vm._s(i.label.slice(0, 10) + "..."))])])],1):_c('span',{staticClass:"hb-advquery-query-btn__custom__dropdown-item",on:{"click":function($event){return _vm.customQuery(i)}}},[_vm._v(_vm._s(i.label))]),_c('i',{staticClass:"icon-hb-shanchu hb-advquery-query-btn__custom__handle-btn",attrs:{"size":"mini"},on:{"click":function($event){return _vm.deleteCus(i)}}}),_c('i',{staticClass:"icon-hb-bianji hb-advquery-query-btn__custom__handle-btn",attrs:{"size":"mini"},on:{"click":function($event){return _vm.editCus(i)}}})])}),_c('span',{on:{"click":_vm.addCus}},[_c('el-dropdown-item',{attrs:{"divided":"","icon":"el-icon-plus"}},[_vm._v(" 新建筛选")])],1)],2)],1):_vm._e(),(_vm.showRefresh)?_c('el-button',{staticClass:"hb-advquery-query-btn__item",attrs:{"size":"mini","icon":"icon-hb-shuaxin"},on:{"click":_vm.refresh}},[_vm._v(" 刷新 ")]):_vm._e()],2)]),(_vm.showAdvQuery)?_c('div',{staticClass:"hb-advquery-form",class:_vm.extend ? 'hb-advquery-form-extend' : 'hb-advquery-form-unextend',attrs:{"id":"qry-form"}},[_c('el-form',{directives:[{name:"layout-flex",rawName:"v-layout-flex.end",value:({ gutter: 10, minWidth: 265, maxWidth: 265 }),expression:"{ gutter: 10, minWidth: 265, maxWidth: 265 }",modifiers:{"end":true}}],ref:"queryForm",staticClass:"hb-advquery-form__content",attrs:{"size":"mini","model":_vm.qryFormData,"label-position":"right","label-width":"85px","rules":_vm.rules}},[_vm._l((_vm.qryFormProps),function(i,index){return _c('el-form-item',{key:i.prop + index,staticClass:"hb-advquery-form__item",attrs:{"label":i.label,"prop":i.prop ? i.prop : ''}},[_c('hb-query-form',_vm._b({attrs:{"formProp":i,"qryFormData":_vm.qryFormData},on:{"search":_vm.advQuery}},'hb-query-form',i.bind,false),[(i.slot)?[_vm._t(i.prop)]:_vm._e()],2)],1)}),_c('div',{staticClass:"hb-advquery-search-button"},[_c('el-button',{staticClass:"hb-advquery-search-button__btn",attrs:{"size":"mini","type":"primary"},on:{"click":_vm.advQuery}},[_vm._v("查询")]),_c('el-button',{staticClass:"hb-advquery-search-button__btn",attrs:{"size":"mini"},on:{"click":_vm.reset}},[_vm._v("重置")]),_c('el-button',{staticClass:"el-icon-arrow-up hb-advquery-search-button__extend hb-advquery-search-button__btn",attrs:{"size":"mini"},on:{"click":_vm.tabExtend}})],1)],2)],1):_vm._e(),_c('hb-custom-query',{ref:"dialog",attrs:{"qryFormProps":_vm.qryFormProps,"qryFormData":_vm.qryFormData},on:{"customQuerySave":_vm.customQuerySave}})],1)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/adv-query/src/main.vue?vue&type=template&id=764aa9a8&
+// CONCATENATED MODULE: ./packages/adv-query/src/main.vue?vue&type=template&id=738f1836&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.json.stringify.js
 var es_json_stringify = __webpack_require__("e9c4");
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.iterator.js
+var es_array_iterator = __webpack_require__("e260");
+
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.to-string.js
 var es_object_to_string = __webpack_require__("d3b7");
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.iterator.js
+var es_string_iterator = __webpack_require__("3ca3");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.weak-map.js
+var es_weak_map = __webpack_require__("10d1");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom-collections.iterator.js
+var web_dom_collections_iterator = __webpack_require__("ddb0");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.assign.js
+var es_object_assign = __webpack_require__("cca6");
+
 // EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom-collections.for-each.js
 var web_dom_collections_for_each = __webpack_require__("159b");
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.from.js
 var es_array_from = __webpack_require__("a630");
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.iterator.js
-var es_string_iterator = __webpack_require__("3ca3");
-
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/adv-query/src/main.vue?vue&type=script&lang=js&
 
 
 
 
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+
+
+
+
 //
 //
 //
@@ -42093,83 +42161,134 @@ var es_string_iterator = __webpack_require__("3ca3");
   directives: {
     "layout-flex": {
       bind: function bind(el, binding) {
-        //初始化父元素样式
-        el.style.display = "flex";
-        el.style.justifyContent = "flex-start";
-        el.style.flexWrap = "wrap"; //生成并插入工具节点
+        // 1. 使用WeakMap避免内存泄漏
+        var handlersMap = new WeakMap(); //初始化父元素样式
+
+        Object.assign(el.style, {
+          display: "flex",
+          justifyContent: "flex-start",
+          flexWrap: "wrap"
+        }); //生成并插入工具节点
 
         el.HB_LAYOUT_TOOLNODE = document.createElement("div");
 
         if (binding.modifiers.end) {
           el.insertBefore(el.HB_LAYOUT_TOOLNODE, el.children[el.children.length - 1]);
-        } //计算子节点和工具节点的宽度
+        }
 
+        var _handler = function (el, binding) {
+          cancelAnimationFrame(handlersMap.get(el));
+          handlersMap.set(el, requestAnimationFrame(function () {
+            var _binding$value, _binding$value2, _binding$value3, _binding$value4, _binding$value5;
 
-        el.HB_LAYOUT_HANDLER = function (el, binding) {
-          var _binding$value, _binding$value2, _binding$value3, _binding$value4, _binding$value5;
+            if (el.clientWidth === 0) return; //计算子元素的宽度和插入工具节点的个数
 
-          //计算子元素的宽度和插入工具节点的个数
-          var clientWidth = el.clientWidth - 8; //总宽度
+            var clientWidth = el.clientWidth - 8; //总宽度
 
-          var minWidth = ((_binding$value = binding.value) === null || _binding$value === void 0 ? void 0 : _binding$value.minWidth) || 280; //子元素最小宽度
+            var minWidth = ((_binding$value = binding.value) === null || _binding$value === void 0 ? void 0 : _binding$value.minWidth) || 280; //子元素最小宽度
 
-          var gutter = ((_binding$value2 = binding.value) === null || _binding$value2 === void 0 ? void 0 : _binding$value2.gutter) || 20; //子元素之间的间距
+            var gutter = ((_binding$value2 = binding.value) === null || _binding$value2 === void 0 ? void 0 : _binding$value2.gutter) || 20; //子元素之间的间距
 
-          var num = Math.floor((clientWidth + gutter) / (minWidth + gutter)) || 1; //列数
+            var num = Math.floor((clientWidth + gutter) / (minWidth + gutter)) || 1; //列数
 
-          var nodeNum = ((_binding$value3 = binding.value) === null || _binding$value3 === void 0 ? void 0 : _binding$value3.nodeNum) || el.children.length;
+            var nodeNum = ((_binding$value3 = binding.value) === null || _binding$value3 === void 0 ? void 0 : _binding$value3.nodeNum) || el.children.length;
 
-          if (num > nodeNum && !binding.modifiers.end) {
-            //非end模式下列数大于子元素个数时，不再设置工具节点的宽度
-            num = nodeNum;
-          }
+            if (num > nodeNum && !binding.modifiers.end) {
+              //非end模式下列数大于子元素个数时，不再设置工具节点的宽度
+              num = nodeNum;
+            }
 
-          var width = Math.floor((clientWidth - (num - 1) * gutter) / num); //子元素最终宽度
-          //非end模式下支持maxWidth,end模式不会无限拉宽的，过多的宽度会给到工具节点
+            var width = Math.floor((clientWidth - (num - 1) * gutter) / num); //子元素最终宽度
+            //非end模式下支持maxWidth,end模式不会无限拉宽的，过多的宽度会给到工具节点
 
-          if (!binding.modifiers.end && (_binding$value4 = binding.value) !== null && _binding$value4 !== void 0 && _binding$value4.maxWidth && ((_binding$value5 = binding.value) === null || _binding$value5 === void 0 ? void 0 : _binding$value5.maxWidth) < width) {
-            width = binding.value.maxWidth;
-          }
+            if (!binding.modifiers.end && (_binding$value4 = binding.value) !== null && _binding$value4 !== void 0 && _binding$value4.maxWidth && ((_binding$value5 = binding.value) === null || _binding$value5 === void 0 ? void 0 : _binding$value5.maxWidth) < width) {
+              width = binding.value.maxWidth;
+            }
 
-          var colspan = num - (el.children.length - 1) % num; //工具节点所占列数
+            var colspan = num - (el.children.length - 1) % num; //工具节点所占列数
 
-          colspan === num ? colspan = 0 : null; //设置子节点宽度和右边距
+            colspan === num ? colspan = 0 : null; //设置子节点宽度和右边距
 
-          Array.from(el.children).forEach(function (item, index, arr) {
-            item.style.width = width + "px";
+            Array.from(el.children).forEach(function (item, index, arr) {
+              item.style.width = width + "px";
 
-            if ((index + 1) % num && index !== arr.length - 1) {
-              item.style.marginRight = gutter + "px";
-            } else {
-              item.style.marginRight = "0px";
-            } //独占一行的子元素
+              if ((index + 1) % num && index !== arr.length - 1) {
+                item.style.marginRight = gutter + "px";
+              } else {
+                item.style.marginRight = "0px";
+              } //独占一行的子元素
 
 
-            if (binding.value.nodeNum) {
-              if (index >= binding.value.nodeNum) {
-                item.style.marginRight = "0px";
-                item.style.width = "100%";
+              if (binding.value.nodeNum) {
+                if (index >= binding.value.nodeNum) {
+                  item.style.marginRight = "0px";
+                  item.style.width = "100%";
+                }
               }
+            }); //end模式下设置工具节点宽度
+
+            if (colspan && binding.modifiers.end) {
+              el.HB_LAYOUT_TOOLNODE.style.display = "block";
+              el.HB_LAYOUT_TOOLNODE.style.width = colspan * width + (colspan - 1) * gutter + "px";
+            } else {
+              el.HB_LAYOUT_TOOLNODE.style.display = "none";
             }
-          }); //end模式下设置工具节点宽度
+          }));
+        }.bind(null, el, binding); //计算子节点和工具节点的宽度
 
-          if (colspan && binding.modifiers.end) {
-            el.HB_LAYOUT_TOOLNODE.style.display = "block";
-            el.HB_LAYOUT_TOOLNODE.style.width = colspan * width + (colspan - 1) * gutter + "px";
-          } else {
-            el.HB_LAYOUT_TOOLNODE.style.display = "none";
-          }
-        }.bind(null, el, binding);
+
+        el.HB_LAYOUT_HANDLER = _handler;
+
+        if ("ResizeObserver" in window) {
+          el.HB_LAYOUT_RESIZE_OBSERVER = new ResizeObserver(_handler);
+          el.HB_LAYOUT_RESIZE_OBSERVER.observe(el);
+        } else {
+          window.addEventListener("resize", _handler);
+        }
       },
       inserted: function inserted(el) {
-        el.HB_LAYOUT_HANDLER();
-        window.addEventListener("resize", el.HB_LAYOUT_HANDLER);
+        // 1. 使用WeakMap避免内存泄漏
+        var handlersMap = new WeakMap(); // 确保至少执行一次
+
+        var tryLayout = function tryLayout() {
+          cancelAnimationFrame(handlersMap.get(el));
+
+          if (el.clientWidth === 0) {
+            handlersMap.set(el, requestAnimationFrame(tryLayout));
+          } else {
+            el.HB_LAYOUT_HANDLER();
+          }
+        };
+
+        tryLayout();
       },
       componentUpdated: function componentUpdated(el) {
-        el.HB_LAYOUT_HANDLER();
+        // 1. 使用WeakMap避免内存泄漏
+        var handlersMap = new WeakMap(); // 确保至少执行一次
+
+        var tryLayout = function tryLayout() {
+          cancelAnimationFrame(handlersMap.get(el));
+
+          if (el.clientWidth === 0) {
+            handlersMap.set(el, requestAnimationFrame(tryLayout));
+          } else {
+            el.HB_LAYOUT_HANDLER();
+          }
+        };
+
+        tryLayout();
       },
       unbind: function unbind(el) {
+        //  完善清理逻辑
+        if (el.HB_LAYOUT_RESIZE_OBSERVER) {
+          el.HB_LAYOUT_RESIZE_OBSERVER.disconnect();
+        }
+
         window.removeEventListener("resize", el.HB_LAYOUT_HANDLER);
+
+        if (el.HB_LAYOUT_TOOLNODE && el.HB_LAYOUT_TOOLNODE.parentNode) {
+          el.HB_LAYOUT_TOOLNODE.parentNode.removeChild(el.HB_LAYOUT_TOOLNODE);
+        }
       }
     }
   }
@@ -46860,6 +46979,144 @@ $({ target: 'RegExp', proto: true, forced: /./.exec !== exec }, {
 });
 
 
+/***/ }),
+
+/***/ "acac":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var uncurryThis = __webpack_require__("e330");
+var redefineAll = __webpack_require__("e2cc");
+var getWeakData = __webpack_require__("f183").getWeakData;
+var anObject = __webpack_require__("825a");
+var isObject = __webpack_require__("861d");
+var anInstance = __webpack_require__("19aa");
+var iterate = __webpack_require__("2266");
+var ArrayIterationModule = __webpack_require__("b727");
+var hasOwn = __webpack_require__("1a2d");
+var InternalStateModule = __webpack_require__("69f3");
+
+var setInternalState = InternalStateModule.set;
+var internalStateGetterFor = InternalStateModule.getterFor;
+var find = ArrayIterationModule.find;
+var findIndex = ArrayIterationModule.findIndex;
+var splice = uncurryThis([].splice);
+var id = 0;
+
+// fallback for uncaught frozen keys
+var uncaughtFrozenStore = function (store) {
+  return store.frozen || (store.frozen = new UncaughtFrozenStore());
+};
+
+var UncaughtFrozenStore = function () {
+  this.entries = [];
+};
+
+var findUncaughtFrozen = function (store, key) {
+  return find(store.entries, function (it) {
+    return it[0] === key;
+  });
+};
+
+UncaughtFrozenStore.prototype = {
+  get: function (key) {
+    var entry = findUncaughtFrozen(this, key);
+    if (entry) return entry[1];
+  },
+  has: function (key) {
+    return !!findUncaughtFrozen(this, key);
+  },
+  set: function (key, value) {
+    var entry = findUncaughtFrozen(this, key);
+    if (entry) entry[1] = value;
+    else this.entries.push([key, value]);
+  },
+  'delete': function (key) {
+    var index = findIndex(this.entries, function (it) {
+      return it[0] === key;
+    });
+    if (~index) splice(this.entries, index, 1);
+    return !!~index;
+  }
+};
+
+module.exports = {
+  getConstructor: function (wrapper, CONSTRUCTOR_NAME, IS_MAP, ADDER) {
+    var Constructor = wrapper(function (that, iterable) {
+      anInstance(that, Prototype);
+      setInternalState(that, {
+        type: CONSTRUCTOR_NAME,
+        id: id++,
+        frozen: undefined
+      });
+      if (iterable != undefined) iterate(iterable, that[ADDER], { that: that, AS_ENTRIES: IS_MAP });
+    });
+
+    var Prototype = Constructor.prototype;
+
+    var getInternalState = internalStateGetterFor(CONSTRUCTOR_NAME);
+
+    var define = function (that, key, value) {
+      var state = getInternalState(that);
+      var data = getWeakData(anObject(key), true);
+      if (data === true) uncaughtFrozenStore(state).set(key, value);
+      else data[state.id] = value;
+      return that;
+    };
+
+    redefineAll(Prototype, {
+      // `{ WeakMap, WeakSet }.prototype.delete(key)` methods
+      // https://tc39.es/ecma262/#sec-weakmap.prototype.delete
+      // https://tc39.es/ecma262/#sec-weakset.prototype.delete
+      'delete': function (key) {
+        var state = getInternalState(this);
+        if (!isObject(key)) return false;
+        var data = getWeakData(key);
+        if (data === true) return uncaughtFrozenStore(state)['delete'](key);
+        return data && hasOwn(data, state.id) && delete data[state.id];
+      },
+      // `{ WeakMap, WeakSet }.prototype.has(key)` methods
+      // https://tc39.es/ecma262/#sec-weakmap.prototype.has
+      // https://tc39.es/ecma262/#sec-weakset.prototype.has
+      has: function has(key) {
+        var state = getInternalState(this);
+        if (!isObject(key)) return false;
+        var data = getWeakData(key);
+        if (data === true) return uncaughtFrozenStore(state).has(key);
+        return data && hasOwn(data, state.id);
+      }
+    });
+
+    redefineAll(Prototype, IS_MAP ? {
+      // `WeakMap.prototype.get(key)` method
+      // https://tc39.es/ecma262/#sec-weakmap.prototype.get
+      get: function get(key) {
+        var state = getInternalState(this);
+        if (isObject(key)) {
+          var data = getWeakData(key);
+          if (data === true) return uncaughtFrozenStore(state).get(key);
+          return data ? data[state.id] : undefined;
+        }
+      },
+      // `WeakMap.prototype.set(key, value)` method
+      // https://tc39.es/ecma262/#sec-weakmap.prototype.set
+      set: function set(key, value) {
+        return define(this, key, value);
+      }
+    } : {
+      // `WeakSet.prototype.add(value)` method
+      // https://tc39.es/ecma262/#sec-weakset.prototype.add
+      add: function add(value) {
+        return define(this, value, true);
+      }
+    });
+
+    return Constructor;
+  }
+};
+
+
 /***/ }),
 
 /***/ "ad6d":