linkmore-design 1.1.27-beta.5 → 1.1.28

package/lib/LmTable/components/customRenderEmpty.js

@@ -1,16 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _ConfigProvider = _interopRequireDefault(require("../../ConfigProvider"));
+
 var ConfigContext = _ConfigProvider.default.ConfigContext;
+
 var CustomizeRenderEmpty = function CustomizeRenderEmpty() {
   var _React$useContext = _react.default.useContext(ConfigContext),
-    locale = _React$useContext.locale;
+      locale = _React$useContext.locale;
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "lm_table_empty"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -21,5 +27,6 @@ var CustomizeRenderEmpty = function CustomizeRenderEmpty() {
     }
   }), /*#__PURE__*/_react.default.createElement("span", null, (locale === null || locale === void 0 ? void 0 : locale.locale) === 'zh-cn' ? '暂无数据' : 'no Data'));
 };
+
 var _default = CustomizeRenderEmpty;
 exports.default = _default;

package/lib/LmTable/components/inputDataEdit.js

@@ -1,21 +1,26 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _linkmoreDesign = require("linkmore-design");
+
 var InputDataEdit = function InputDataEdit(props) {
   var value = props.value,
-    onChange = props.onChange,
-    onKeyDown = props.onKeyDown,
-    handleSave = props.handleSave;
+      onChange = props.onChange,
+      onKeyDown = props.onKeyDown,
+      handleSave = props.handleSave;
   var inputRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
     setTimeout(function () {
       var _a;
+
       (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }, 150);
     return function () {
@@ -23,9 +28,11 @@ var InputDataEdit = function InputDataEdit(props) {
       handleSave === null || handleSave === void 0 ? void 0 : handleSave(inputRef.current);
     };
   }, []);
+
   var handleChange = function handleChange(e) {
     onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
   };
+
   return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input, {
     ref: inputRef,
     className: "data-editor",
@@ -38,5 +45,6 @@ var InputDataEdit = function InputDataEdit(props) {
     onBlur: handleSave
   });
 };
+
 var _default = InputDataEdit;
 exports.default = _default;

package/lib/LmTable/components/sheelTableCell.js

@@ -1,63 +1,80 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _ahooks = require("ahooks");
+
 var _lodash = require("lodash");
+
 var _inputDataEdit = _interopRequireDefault(require("./inputDataEdit"));
+
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
+
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
+
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
+
 var SheelTabelCell = function SheelTabelCell(props) {
   var record = props.record,
-    col = props.col,
-    rowKey = props.rowKey,
-    children = props.children,
-    rowIndex = props.rowIndex,
-    colIndex = props.colIndex,
-    onMouseDown = props.onMouseDown,
-    onMouseOver = props.onMouseOver,
-    isSelected = props.isSelected,
-    selectIng = props.selectIng,
-    onContextMenu = props.onContextMenu,
-    onDoubleClick = props.onDoubleClick,
-    dataSourceChange = props.dataSourceChange,
-    restProps = __rest(props, ["record", "col", "rowKey", "children", "rowIndex", "colIndex", "onMouseDown", "onMouseOver", "isSelected", "selectIng", "onContextMenu", "onDoubleClick", "dataSourceChange"]);
+      col = props.col,
+      rowKey = props.rowKey,
+      children = props.children,
+      rowIndex = props.rowIndex,
+      colIndex = props.colIndex,
+      onMouseDown = props.onMouseDown,
+      onMouseOver = props.onMouseOver,
+      isSelected = props.isSelected,
+      selectIng = props.selectIng,
+      onContextMenu = props.onContextMenu,
+      onDoubleClick = props.onDoubleClick,
+      dataSourceChange = props.dataSourceChange,
+      restProps = __rest(props, ["record", "col", "rowKey", "children", "rowIndex", "colIndex", "onMouseDown", "onMouseOver", "isSelected", "selectIng", "onContextMenu", "onDoubleClick", "dataSourceChange"]);
+
   var onMouseEnter = restProps.onMouseEnter,
-    onMouseLeave = restProps.onMouseLeave,
-    clearProps = __rest(restProps, ["onMouseEnter", "onMouseLeave"]);
+      onMouseLeave = restProps.onMouseLeave,
+      clearProps = __rest(restProps, ["onMouseEnter", "onMouseLeave"]);
+
   var _ref = (isSelected === null || isSelected === void 0 ? void 0 : isSelected(rowIndex, colIndex)) || {},
-    _ref$isSelected = _ref.isSelected,
-    _selected = _ref$isSelected === void 0 ? false : _ref$isSelected,
-    _ref$isEnd = _ref.isEnd,
-    isEnd = _ref$isEnd === void 0 ? false : _ref$isEnd,
-    _ref$isRightEnd = _ref.isRightEnd,
-    isRightEnd = _ref$isRightEnd === void 0 ? false : _ref$isRightEnd,
-    _ref$isEditing = _ref.isEditing,
-    isEditing = _ref$isEditing === void 0 ? false : _ref$isEditing,
-    _ref$isVaildCommit = _ref.isVaildCommit,
-    isVaildCommit = _ref$isVaildCommit === void 0 ? false : _ref$isVaildCommit,
-    _ref$selectedReadonly = _ref.selectedReadonly,
-    selectedReadonly = _ref$selectedReadonly === void 0 ? false : _ref$selectedReadonly;
+      _ref$isSelected = _ref.isSelected,
+      _selected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+      _ref$isEnd = _ref.isEnd,
+      isEnd = _ref$isEnd === void 0 ? false : _ref$isEnd,
+      _ref$isRightEnd = _ref.isRightEnd,
+      isRightEnd = _ref$isRightEnd === void 0 ? false : _ref$isRightEnd,
+      _ref$isEditing = _ref.isEditing,
+      isEditing = _ref$isEditing === void 0 ? false : _ref$isEditing,
+      _ref$isVaildCommit = _ref.isVaildCommit,
+      isVaildCommit = _ref$isVaildCommit === void 0 ? false : _ref$isVaildCommit,
+      _ref$selectedReadonly = _ref.selectedReadonly,
+      selectedReadonly = _ref$selectedReadonly === void 0 ? false : _ref$selectedReadonly;
+
   var _useState = (0, _react.useState)((record === null || record === void 0 ? void 0 : record[col === null || col === void 0 ? void 0 : col.dataIndex]) || ''),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+
   var valueRef = (0, _react.useRef)((record === null || record === void 0 ? void 0 : record[col === null || col === void 0 ? void 0 : col.dataIndex]) || '');
   var endCellRef = (0, _react.useRef)(null);
   (0, _ahooks.useUpdateEffect)(function () {
@@ -69,8 +86,10 @@ var SheelTabelCell = function SheelTabelCell(props) {
     }
   }, [record]);
   /** 鼠标点击 */
+
   var handleMouseDown = function handleMouseDown(e) {
     var _a;
+
     if (e.button === 2) {
       console.log('点击了右键');
     } else if (!(col === null || col === void 0 ? void 0 : col.disableEvents)) {
@@ -78,38 +97,49 @@ var SheelTabelCell = function SheelTabelCell(props) {
     }
   };
   /** 鼠标右键 */
+
+
   var handleContextMenu = function handleContextMenu(e) {
     if (col && !col.disableEvents) {
       onContextMenu === null || onContextMenu === void 0 ? void 0 : onContextMenu(e, rowIndex, colIndex);
     }
   };
   /** 鼠标松开 */
+
+
   var handleMouseOver = function handleMouseOver(e) {
     if (!(col === null || col === void 0 ? void 0 : col.disableEvents)) {
       onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver(rowIndex, colIndex);
     }
   };
   /** 双击 */
+
+
   var handleDoubleClick = function handleDoubleClick(e) {
     /** 当行数据中带内部关键词_group时，认为当前双击的是分组行，不允许进行编辑 */
     if (!(col === null || col === void 0 ? void 0 : col.disableEvents) && !(record === null || record === void 0 ? void 0 : record._group)) {
       onDoubleClick === null || onDoubleClick === void 0 ? void 0 : onDoubleClick(rowIndex, colIndex, col);
     }
   };
+
   var renderComponent = function renderComponent() {
     var _ref2 = col || {},
-      component = _ref2.component,
-      readOnly = _ref2.readOnly;
+        component = _ref2.component,
+        readOnly = _ref2.readOnly;
+
     if (isEditing && !readOnly) {
       return component || null;
     }
+
     return null;
   };
+
   var saveRenderValue = function saveRenderValue() {
     if (valueRef.current !== (record === null || record === void 0 ? void 0 : record[col === null || col === void 0 ? void 0 : col.dataIndex])) {
       dataSourceChange === null || dataSourceChange === void 0 ? void 0 : dataSourceChange(rowIndex, colIndex, valueRef.current, Object.assign(Object.assign({}, record), (0, _defineProperty2.default)({}, col.dataIndex, valueRef.current)));
     }
   };
+
   var renderEditor = function renderEditor() {
     if (isEditing) {
       var Editor = (col === null || col === void 0 ? void 0 : col.dataEditor) || _inputDataEdit.default;
@@ -124,8 +154,10 @@ var SheelTabelCell = function SheelTabelCell(props) {
         handleSave: saveRenderValue
       });
     }
+
     return null;
   };
+
   var renderViewer = children;
   var content = renderComponent() || renderEditor() || renderViewer;
   return /*#__PURE__*/_react.default.createElement("td", Object.assign({}, (0, _lodash.omit)(clearProps, ['commitIng', 'editIng']), {
@@ -141,5 +173,6 @@ var SheelTabelCell = function SheelTabelCell(props) {
     className: 'lmtable_cell_end_icon'
   }));
 };
+
 var _default = SheelTabelCell;
 exports.default = _default;

package/{es/LmTable/components/SortableBox.js → lib/LmTable/components/sortableBoxCol.js}

@@ -1,19 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _sortable = require("@dnd-kit/sortable");
+
 var SortableBox = function SortableBox(_ref) {
   var items = _ref.items,
-    children = _ref.children;
+      children = _ref.children;
   return /*#__PURE__*/_react.default.createElement(_sortable.SortableContext, {
     items: items,
     strategy: _sortable.horizontalListSortingStrategy
   }, children);
 };
+
 var _default = SortableBox;
 exports.default = _default;

package/lib/LmTable/components/sortableItemCol.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SortableItem;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _sortable = require("@dnd-kit/sortable");
+
+var _utilities = require("@dnd-kit/utilities");
+
+var _excluded = ["children"];
+var Item = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _children$props;
+
+  var children = _ref.children,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("th", (0, _extends2.default)({}, props, {
+    ref: ref
+  }), (children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.children) || children);
+});
+
+function SortableItem(props) {
+  var _useSortable = (0, _sortable.useSortable)({
+    id: props.id
+  }),
+      attributes = _useSortable.attributes,
+      listeners = _useSortable.listeners,
+      setNodeRef = _useSortable.setNodeRef,
+      transform = _useSortable.transform,
+      transition = _useSortable.transition;
+
+  var style = {
+    position: 'relative',
+    transform: _utilities.CSS.Translate.toString(transform),
+    transition: transition,
+    padding: '8px',
+    touchAction: 'none',
+    height: '40px',
+    cursor: 'move'
+  };
+  return /*#__PURE__*/_react.default.createElement(Item, (0, _extends2.default)({
+    ref: setNodeRef,
+    style: style
+  }, attributes, listeners, props));
+}

package/lib/LmTable/components/tableChartsModal.js

@@ -1,30 +1,36 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _linkmoreDesign = require("linkmore-design");
+
 var echarts = _interopRequireWildcard(require("echarts/core"));
+
 var _charts = require("echarts/charts");
+
 var _components = require("echarts/components");
+
 var _features = require("echarts/features");
+
 var _renderers = require("echarts/renderers");
+
 var _chartUtil = require("../chartUtil");
-// 引入 echarts 核心模块，核心模块提供了 echarts 使用必须要的接口。
 
+// 引入 echarts 核心模块，核心模块提供了 echarts 使用必须要的接口。
 // 引入柱状图图表，图表后缀都为 Chart
-
 // 引入提示框，标题，直角坐标系，数据集，内置数据转换器组件，组件后缀都为 Component
-
 // 标签自动布局，全局过渡动画等特性
-
 // 引入 Canvas 渲染器，注意引入 CanvasRenderer 或者 SVGRenderer 是必须的一步
-
 // 注册必须的组件
 echarts.use([_components.TitleComponent, _components.TooltipComponent, _components.GridComponent, _components.DatasetComponent, _components.TransformComponent, _charts.BarChart, _charts.LineChart, _charts.PieChart, _features.LabelLayout, _features.UniversalTransition, _renderers.CanvasRenderer]);
+
 function getSelectRange(data, start, end) {
   var max = Math.max(start, end);
   var min = Math.min(start, end);
@@ -32,37 +38,44 @@ function getSelectRange(data, start, end) {
     if (index >= min && index <= max) {
       return true;
     }
+
     return false;
   });
   return result;
 }
 /** i 是行  j 是列 */
+
+
 var TableChartsModal = function TableChartsModal(props) {
   var chartRef = (0, _react.useRef)(null);
   var chart;
   var type = props.type,
-    onCancel = props.onCancel,
-    data = props.data,
-    columns = props.columns,
-    selectInfo = props.selectInfo,
-    rowKey = props.rowKey,
-    deepDataSource = props.deepDataSource;
+      onCancel = props.onCancel,
+      data = props.data,
+      columns = props.columns,
+      selectInfo = props.selectInfo,
+      rowKey = props.rowKey,
+      deepDataSource = props.deepDataSource;
   console.log(data, columns, '---props---', rowKey);
   var resultData = (0, _react.useMemo)(function () {
     var start = selectInfo.start,
-      end = selectInfo.end;
+        end = selectInfo.end;
     var cols = getSelectRange(columns, start.j, end.j);
     var source = getSelectRange(deepDataSource || data, start.i, end.i);
     var option;
+
     if (type === 'bar') {
       option = (0, _chartUtil.getBarOption)(cols, source);
     }
+
     if (type === 'line') {
       option = (0, _chartUtil.getLineOption)(cols, source);
     }
+
     if (type === 'pie') {
       option = (0, _chartUtil.getPieOption)(cols, source);
     }
+
     return {
       source: source,
       cols: cols,
@@ -87,5 +100,6 @@ var TableChartsModal = function TableChartsModal(props) {
     }
   }));
 };
+
 var _default = TableChartsModal;
 exports.default = _default;

package/lib/LmTable/context.js

@@ -4,6 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = require("react");
+
 var _default = /*#__PURE__*/(0, _react.createContext)();
+
 exports.default = _default;

package/lib/LmTable/detectElementResize.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createDetectElementResize;
+
 /**
  * Detect Element Resize.
  * https://github.com/sdecima/javascript-detect-element-resize
@@ -16,10 +17,10 @@ exports.default = createDetectElementResize;
  * 4) Add nonce for style element.
  * 5) Added support for injecting custom window object
  **/
-
 function createDetectElementResize(nonce, hostWindow) {
   // Check `document` and `window` in case of server-side rendering
   var _window;
+
   if (typeof hostWindow !== 'undefined') {
     _window = hostWindow;
   } else if (typeof window !== 'undefined') {
@@ -29,27 +30,32 @@ function createDetectElementResize(nonce, hostWindow) {
   } else {
     _window = global;
   }
+
   var attachEvent = typeof _window.document !== 'undefined' && _window.document.attachEvent;
+
   if (!attachEvent) {
     var requestFrame = function () {
       var raf = _window.requestAnimationFrame || _window.mozRequestAnimationFrame || _window.webkitRequestAnimationFrame || function (fn) {
         return _window.setTimeout(fn, 20);
       };
+
       return function (fn) {
         return raf(fn);
       };
     }();
+
     var cancelFrame = function () {
       var cancel = _window.cancelAnimationFrame || _window.mozCancelAnimationFrame || _window.webkitCancelAnimationFrame || _window.clearTimeout;
       return function (id) {
         return cancel(id);
       };
     }();
+
     var resetTriggers = function resetTriggers(element) {
       var triggers = element.__resizeTriggers__,
-        expand = triggers.firstElementChild,
-        contract = triggers.lastElementChild,
-        expandChild = expand.firstElementChild;
+          expand = triggers.firstElementChild,
+          contract = triggers.lastElementChild,
+          expandChild = expand.firstElementChild;
       contract.scrollLeft = contract.scrollWidth;
       contract.scrollTop = contract.scrollHeight;
       expandChild.style.width = expand.offsetWidth + 1 + 'px';
@@ -57,42 +63,51 @@ function createDetectElementResize(nonce, hostWindow) {
       expand.scrollLeft = expand.scrollWidth;
       expand.scrollTop = expand.scrollHeight;
     };
+
     var checkTriggers = function checkTriggers(element) {
       return element.offsetWidth != element.__resizeLast__.width || element.offsetHeight != element.__resizeLast__.height;
     };
+
     var scrollListener = function scrollListener(e) {
       // Don't measure (which forces) reflow for scrolls that happen inside of children!
       if (e.target.className && typeof e.target.className.indexOf === 'function' && e.target.className.indexOf('contract-trigger') < 0 && e.target.className.indexOf('expand-trigger') < 0) {
         return;
       }
+
       var element = this;
       resetTriggers(this);
+
       if (this.__resizeRAF__) {
         cancelFrame(this.__resizeRAF__);
       }
+
       this.__resizeRAF__ = requestFrame(function () {
         if (checkTriggers(element)) {
           element.__resizeLast__.width = element.offsetWidth;
           element.__resizeLast__.height = element.offsetHeight;
+
           element.__resizeListeners__.forEach(function (fn) {
             fn.call(element, e);
           });
         }
       });
     };
-
     /* Detect CSS Animations support to detect element display/re-attach */
+
+
     var animation = false,
-      keyframeprefix = '',
-      animationstartevent = 'animationstart',
-      domPrefixes = 'Webkit Moz O ms'.split(' '),
-      startEvents = 'webkitAnimationStart animationstart oAnimationStart MSAnimationStart'.split(' '),
-      pfx = '';
+        keyframeprefix = '',
+        animationstartevent = 'animationstart',
+        domPrefixes = 'Webkit Moz O ms'.split(' '),
+        startEvents = 'webkitAnimationStart animationstart oAnimationStart MSAnimationStart'.split(' '),
+        pfx = '';
     {
       var elm = _window.document.createElement('fakeelement');
+
       if (elm.style.animationName !== undefined) {
         animation = true;
       }
+
       if (animation === false) {
         for (var i = 0; i < domPrefixes.length; i++) {
           if (elm.style[domPrefixes[i] + 'AnimationName'] !== undefined) {
@@ -109,35 +124,43 @@ function createDetectElementResize(nonce, hostWindow) {
     var animationKeyframes = '@' + keyframeprefix + 'keyframes ' + animationName + ' { from { opacity: 0; } to { opacity: 0; } } ';
     var animationStyle = keyframeprefix + 'animation: 1ms ' + animationName + '; ';
   }
+
   var createStyles = function createStyles(doc) {
     if (!doc.getElementById('detectElementResize')) {
       //opacity:0 works around a chrome bug https://code.google.com/p/chromium/issues/detail?id=286360
       var css = (animationKeyframes ? animationKeyframes : '') + '.resize-triggers { ' + (animationStyle ? animationStyle : '') + 'visibility: hidden; opacity: 0; } ' + '.resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }',
-        head = doc.head || doc.getElementsByTagName('head')[0],
-        style = doc.createElement('style');
+          head = doc.head || doc.getElementsByTagName('head')[0],
+          style = doc.createElement('style');
       style.id = 'detectElementResize';
       style.type = 'text/css';
+
       if (nonce != null) {
         style.setAttribute('nonce', nonce);
       }
+
       if (style.styleSheet) {
         style.styleSheet.cssText = css;
       } else {
         style.appendChild(doc.createTextNode(css));
       }
+
       head.appendChild(style);
     }
   };
+
   var addResizeListener = function addResizeListener(element, fn) {
     if (attachEvent) {
       element.attachEvent('onresize', fn);
     } else {
       if (!element.__resizeTriggers__) {
         var doc = element.ownerDocument;
+
         var elementStyle = _window.getComputedStyle(element);
+
         if (elementStyle && elementStyle.position == 'static') {
           element.style.position = 'relative';
         }
+
         createStyles(doc);
         element.__resizeLast__ = {};
         element.__resizeListeners__ = [];
@@ -147,44 +170,54 @@ function createDetectElementResize(nonce, hostWindow) {
         expandTrigger.appendChild(doc.createElement('div'));
         var contractTrigger = doc.createElement('div');
         contractTrigger.className = 'contract-trigger';
+
         element.__resizeTriggers__.appendChild(expandTrigger);
+
         element.__resizeTriggers__.appendChild(contractTrigger);
+
         element.appendChild(element.__resizeTriggers__);
         resetTriggers(element);
         element.addEventListener('scroll', scrollListener, true);
-
         /* Listen for a css animation to detect element display/re-attach */
+
         if (animationstartevent) {
           element.__resizeTriggers__.__animationListener__ = function animationListener(e) {
             if (e.animationName == animationName) {
               resetTriggers(element);
             }
           };
+
           element.__resizeTriggers__.addEventListener(animationstartevent, element.__resizeTriggers__.__animationListener__);
         }
       }
+
       element.__resizeListeners__.push(fn);
     }
   };
+
   var removeResizeListener = function removeResizeListener(element, fn) {
     if (attachEvent) {
       element.detachEvent('onresize', fn);
     } else {
       element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1);
+
       if (!element.__resizeListeners__.length) {
         element.removeEventListener('scroll', scrollListener, true);
+
         if (element.__resizeTriggers__.__animationListener__) {
           element.__resizeTriggers__.removeEventListener(animationstartevent, element.__resizeTriggers__.__animationListener__);
+
           element.__resizeTriggers__.__animationListener__ = null;
         }
+
         try {
           element.__resizeTriggers__ = !element.removeChild(element.__resizeTriggers__);
-        } catch (e) {
-          // Preact compat; see developit/preact-compat/issues/228
+        } catch (e) {// Preact compat; see developit/preact-compat/issues/228
         }
       }
     }
   };
+
   return {
     addResizeListener: addResizeListener,
     removeResizeListener: removeResizeListener