linkmore-design 1.1.27-beta.5 → 1.1.28-alpha.5

package/es/styles/variables.css

@@ -1403,9 +1403,10 @@ p {
 .card_PTRO .card_PTRO_container:hover {
   background-color: var(--color-6);
 }
-.hasChecked .lm_card_table_container .lm_card_table_body_cell .card_checkbox,
+.hasChecked .lm_card_table_body_cell .card_checkbox,
 .hasChecked .card_PTC .card_PTC_container .card_checkbox,
-.hasChecked .card_PTR .card_PTR_container .card_PTR_body .card_checkbox {
+.hasChecked .card_PTR .card_PTR_container .card_checkbox,
+.hasChecked .card_PTRO .card_PTRO_container .card_checkbox {
   opacity: 1;
 }
 .lm_cascader.ant-select.ant-select {
@@ -1759,6 +1760,9 @@ p {
   color: var(--primary-color);
   cursor: pointer;
 }
+.lm_custom_option_columns .custom_hiddle {
+  display: none;
+}
 .lm_custom_option_columns .fixed_title {
   color: var(--color-45);
   font-size: 12px;
@@ -9001,10 +9005,6 @@ p {
 .form_responsive_group_title img.open {
   transform: rotate(180deg);
 }
-.lm_form.ant-form .ant-form-item .ant-form-item-explain {
-  line-height: 16px;
-  height: 16px;
-}
 .lm_form-item-tip-error .ant-form-item-explain {
   width: 100%;
   position: absolute;
@@ -9714,6 +9714,10 @@ p {
 .lm_tree_warp .ant-tree-list-holder-inner .ant-tree-treenode > .ant-tree-node-content-wrapper.ant-tree-node-selected {
   background-color: var(--primary-select-color);
 }
+.lm_editTable_warpper {
+  height: 100%;
+  width: 100%;
+}
 .lm_editTable_warpper .ant-picker {
   width: 100%;
 }
@@ -9742,6 +9746,9 @@ p {
   width: 32px;
   padding: 0 8px;
 }
+.lm_editTable_warpper .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
+  height: 100%;
+}
 .lm_editTable_warpper .lm_editTable_cell {
   cursor: pointer;
   height: 40px;
@@ -9753,6 +9760,21 @@ p {
   letter-spacing: 0px;
   color: var(--color-85);
 }
+.lm_editTable_warpper .lm_custom_cell_td {
+  position: relative;
+}
+.lm_editTable_warpper .lm_custom_cell_td.ant-table-cell-with-append {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+}
+.lm_editTable_warpper .lm_custom_cell_td.ant-table-cell-with-append .ant-table-row-expand-icon {
+  margin-right: 8px;
+  flex: none;
+}
+.lm_editTable_warpper .lm_custom_cell_td > .ant-form-item {
+  flex: 1 1 auto;
+}
 .lm_editTable_warpper .lm_custom_cell_td .ant-form-item-control-input-content {
   display: flex;
   flex-direction: row;
@@ -9764,6 +9786,32 @@ p {
 .lm_editTable_warpper .lm_custom_cell_td .ant-table-row-expand-icon {
   margin-top: 6px;
 }
+.lm_editTable_warpper .lm_custom_cell_td .quick_copy_warp {
+  font-size: 8px;
+  position: absolute;
+  left: calc(50% - 10px);
+  z-index: 100;
+  width: 20px;
+  height: 10px;
+  background-color: var(--color-6);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #D8D8D8;
+}
+.lm_editTable_warpper .lm_custom_cell_td .quick_copy_warp:hover {
+  cursor: pointer;
+  background-color: var(--primary-color);
+  color: #fff;
+}
+.lm_editTable_warpper .lm_custom_cell_td .quick_copy_up {
+  top: -4px;
+  left: calc(50% - 10px);
+}
+.lm_editTable_warpper .lm_custom_cell_td .quick_copy_down {
+  bottom: -6px;
+  left: calc(50% - 10px);
+}
 .lm_editTable_warpper .lm_editTable_cell_edit {
   height: 40px;
   padding: 8px 8px !important;
@@ -9775,6 +9823,9 @@ p {
 .lm_editTable_warpper .lm_table_quickcopy .anticon {
   color: var(--text-color);
 }
+.lm_editTable_warpper .ant-table-body {
+  scroll-behavior: smooth;
+}
 .lm_editTable_warpper .icon_drag {
   color: var(--tip-text-color);
 }
@@ -9791,12 +9842,55 @@ p {
 .lm_editTable_warpper .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
   background-color: rgba(0, 0, 0, 0.06) !important;
 }
+.lm_editTable_warpper .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
+  background-color: rgba(0, 0, 0, 0.06) !important;
+}
+.lm_editTable_warpper .lm_table_empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 12px 0;
+  font-size: 12px;
+}
+.lm_editTable_warpper .lm_table_empty > img {
+  width: 130px;
+  height: 80px;
+  margin-bottom: 8px;
+}
+.lm_editTable_warpper .lm_table_empty .empty_img {
+  margin-bottom: 8px;
+  background-image: url('data:image/png;base64,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');
+  background-size: cover;
+}
+.lm_editTable_warpper .lm_table_empty > span {
+  color: var(--font-color);
+}
+.lm_editTable_warpper .ant-table-empty table {
+  height: 100%;
+}
 .lm_editTable_warpper .ant-picker {
   height: 24px !important;
   padding: 2px 8px;
   padding-left: 7px;
   box-sizing: border-box;
 }
+.lm_editTable_warpper .ant-table-bordered > .ant-table-container {
+  border: 1px solid #f0f0f0;
+}
+.lm_editTable_warpper.lm_editable_autosize .ant-table-wrapper,
+.lm_editTable_warpper.lm_editable_autosize .ant-spin-nested-loading,
+.lm_editTable_warpper.lm_editable_autosize .ant-spin-container,
+.lm_editTable_warpper.lm_editable_autosize .ant-table,
+.lm_editTable_warpper.lm_editable_autosize .ant-table-container {
+  height: 100%;
+}
+.lm_editTable_warpper.lm_editable_autosize .ant-table-wrapper .ant-table-body,
+.lm_editTable_warpper.lm_editable_autosize .ant-spin-nested-loading .ant-table-body,
+.lm_editTable_warpper.lm_editable_autosize .ant-spin-container .ant-table-body,
+.lm_editTable_warpper.lm_editable_autosize .ant-table .ant-table-body,
+.lm_editTable_warpper.lm_editable_autosize .ant-table-container .ant-table-body {
+  height: calc(100% - 41px);
+}
 .lm_editTable_wrapperRange .inputRange {
   display: inline-flex;
   align-items: center;
@@ -9834,6 +9928,21 @@ p {
 .lm_table_append_add_popover .ant-popover-inner-content ul li:hover {
   background-color: var(--color-15);
 }
+.lm_edittable_col_sort_item {
+  overflow: hidden;
+}
+.lm_editable_col_drag {
+  background-color: #fff;
+  font-size: 12px;
+  display: flex;
+  box-sizing: border-box;
+  transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
+  transform-origin: 0 0;
+  touch-action: manipulation;
+  scale: 1.05;
+  box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05), 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
+  padding: 8px;
+}
 .lm_filter_wrapper .lm_filter_container .lm_filter {
   display: flex;
   flex-wrap: wrap;
@@ -10969,15 +11078,10 @@ p {
 #lm_protable_warp .ant-table-wrapper,
 #lm_protable_warp .ant-spin-nested-loading,
 #lm_protable_warp .ant-spin-container,
-#lm_protable_warp .ant-table-container {
+#lm_protable_warp .ant-table-container,
+#lm_protable_warp .ant-table-body {
   height: 100%;
 }
-#lm_protable_warp.lm_protable_with_footer .ant-table-container {
-  height: auto;
-}
-#lm_protable_warp.lm_protable_with_footer .ant-table-footer {
-  background-color: #fff;
-}
 #lm_protable_warp .ant-card-body,
 #lm_protable_warp .ant-pro-card-body {
   padding: 0;
@@ -11765,12 +11869,6 @@ button.ant-table-row-expand-icon::after {
 .WeChatContactsAvatarTools .rightClickItems:last-child {
   border-bottom: 0;
 }
-.calc-select .ant-select-selection-item {
-  font-size: 12px !important;
-}
-.calc-select .ant-select-selection-placeholder {
-  font-size: 12px;
-}
 .lm_image_viewer_wrapper {
   position: fixed;
   z-index: 1001;

package/lib/Affix/index.js

@@ -1,48 +1,73 @@
 "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;
+
 require("antd/es/affix/style");
+
 var _affix = _interopRequireDefault(require("antd/es/affix"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _rcResizeObserver = _interopRequireDefault(require("rc-resize-observer"));
+
 var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
+
 var React = _interopRequireWildcard(require("react"));
+
 var _configProvider = require("antd/es/config-provider");
+
 var _throttleByAnimationFrame = require("../_util/throttleByAnimationFrame");
+
 var _utils = require("./utils");
+
 var __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
   var c = arguments.length,
-    r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
-    d;
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
   if ((typeof Reflect === "undefined" ? "undefined" : (0, _typeof2.default)(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) {
     if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   }
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+
 function getDefaultTarget() {
   return typeof window !== 'undefined' ? window : null;
 }
+
 var AffixStatus;
+
 (function (AffixStatus) {
   AffixStatus[AffixStatus["None"] = 0] = "None";
   AffixStatus[AffixStatus["Prepare"] = 1] = "Prepare";
 })(AffixStatus || (AffixStatus = {}));
+
 var Affix = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(Affix, _React$Component);
+
   var _super = (0, _createSuper2.default)(Affix);
+
   function Affix() {
     var _this;
+
     (0, _classCallCheck2.default)(this, Affix);
     _this = _super.apply(this, arguments);
     _this.state = {
@@ -50,37 +75,49 @@ var Affix = /*#__PURE__*/function (_React$Component) {
       lastAffix: false,
       prevTarget: null
     };
+
     _this.getOffsetTop = function () {
       var _this$props = _this.props,
-        offsetBottom = _this$props.offsetBottom,
-        offsetTop = _this$props.offsetTop;
+          offsetBottom = _this$props.offsetBottom,
+          offsetTop = _this$props.offsetTop;
       return offsetBottom === undefined && offsetTop === undefined ? 0 : offsetTop;
     };
+
     _this.getOffsetBottom = function () {
       return _this.props.offsetBottom;
     };
+
     _this.savePlaceholderNode = function (node) {
       _this.placeholderNode = node;
     };
+
     _this.saveFixedNode = function (node) {
       _this.fixedNode = node;
-    };
-    // =================== Measure ===================
+    }; // =================== Measure ===================
+
+
     _this.measure = function () {
       var _this$state = _this.state,
-        status = _this$state.status,
-        lastAffix = _this$state.lastAffix;
+          status = _this$state.status,
+          lastAffix = _this$state.lastAffix;
       var onChange = _this.props.onChange;
+
       var targetFunc = _this.getTargetFunc();
+
       if (status !== AffixStatus.Prepare || !_this.fixedNode || !_this.placeholderNode || !targetFunc) {
         return;
       }
+
       var offsetTop = _this.getOffsetTop();
+
       var offsetBottom = _this.getOffsetBottom();
+
       var targetNode = targetFunc();
+
       if (!targetNode) {
         return;
       }
+
       var newState = {
         status: AffixStatus.None
       };
@@ -88,6 +125,7 @@ var Affix = /*#__PURE__*/function (_React$Component) {
       var placeholderReact = (0, _utils.getTargetRect)(_this.placeholderNode);
       var fixedTop = (0, _utils.getFixedTop)(placeholderReact, targetRect, offsetTop);
       var fixedBottom = (0, _utils.getFixedBottom)(placeholderReact, targetRect, offsetBottom);
+
       if (fixedTop !== undefined) {
         newState.affixStyle = {
           position: 'fixed',
@@ -111,50 +149,61 @@ var Affix = /*#__PURE__*/function (_React$Component) {
           height: placeholderReact.height
         };
       }
+
       newState.lastAffix = !!newState.affixStyle;
+
       if (onChange && lastAffix !== newState.lastAffix) {
         onChange(newState.lastAffix);
       }
+
       _this.setState(newState);
-    };
-    // @ts-ignore TS6133
+    }; // @ts-ignore TS6133
+
+
     _this.prepareMeasure = function () {
       // event param is used before. Keep compatible ts define here.
       _this.setState({
         status: AffixStatus.Prepare,
         affixStyle: undefined,
         placeholderStyle: undefined
-      });
-      // Test if `updatePosition` called
+      }); // Test if `updatePosition` called
+
+
       if (process.env.NODE_ENV === 'test') {
         var onTestUpdatePosition = _this.props.onTestUpdatePosition;
         onTestUpdatePosition === null || onTestUpdatePosition === void 0 ? void 0 : onTestUpdatePosition();
       }
     };
+
     return _this;
   }
+
   (0, _createClass2.default)(Affix, [{
     key: "getTargetFunc",
     value: function getTargetFunc() {
       var getTargetContainer = this.context.getTargetContainer;
       var target = this.props.target;
+
       if (target !== undefined) {
         return target;
       }
+
       return getTargetContainer || getDefaultTarget;
-    }
-    // Event handler
+    } // Event handler
+
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
+
       var targetFunc = this.getTargetFunc();
+
       if (targetFunc) {
         // [Legacy] Wait for parent component ref has its value.
         // We should use target as directly element instead of function which makes element check hard.
         this.timeout = setTimeout(function () {
-          (0, _utils.addObserveTarget)(targetFunc(), _this2);
-          // Mock Event object.
+          (0, _utils.addObserveTarget)(targetFunc(), _this2); // Mock Event object.
+
           _this2.updatePosition();
         });
       }
@@ -165,21 +214,26 @@ var Affix = /*#__PURE__*/function (_React$Component) {
       var prevTarget = this.state.prevTarget;
       var targetFunc = this.getTargetFunc();
       var newTarget = (targetFunc === null || targetFunc === void 0 ? void 0 : targetFunc()) || null;
+
       if (prevTarget !== newTarget) {
         (0, _utils.removeObserveTarget)(this);
+
         if (newTarget) {
-          (0, _utils.addObserveTarget)(newTarget, this);
-          // Mock Event object.
+          (0, _utils.addObserveTarget)(newTarget, this); // Mock Event object.
+
           this.updatePosition();
-        }
-        // eslint-disable-next-line react/no-did-update-set-state
+        } // eslint-disable-next-line react/no-did-update-set-state
+
+
         this.setState({
           prevTarget: newTarget
         });
       }
+
       if (prevProps.offsetTop !== this.props.offsetTop || prevProps.offsetBottom !== this.props.offsetBottom) {
         this.updatePosition();
       }
+
       this.measure();
     }
   }, {
@@ -187,11 +241,11 @@ var Affix = /*#__PURE__*/function (_React$Component) {
     value: function componentWillUnmount() {
       clearTimeout(this.timeout);
       (0, _utils.removeObserveTarget)(this);
-      this.updatePosition.cancel();
-      // https://github.com/ant-design/ant-design/issues/22683
+      this.updatePosition.cancel(); // https://github.com/ant-design/ant-design/issues/22683
+
       this.lazyUpdatePosition.cancel();
-    }
-    // Handle realign logic
+    } // Handle realign logic
+
   }, {
     key: "updatePosition",
     value: function updatePosition() {
@@ -201,42 +255,47 @@ var Affix = /*#__PURE__*/function (_React$Component) {
     key: "lazyUpdatePosition",
     value: function lazyUpdatePosition() {
       var targetFunc = this.getTargetFunc();
-      var affixStyle = this.state.affixStyle;
-      // Check position change before measure to make Safari smooth
+      var affixStyle = this.state.affixStyle; // Check position change before measure to make Safari smooth
+
       if (targetFunc && affixStyle) {
         var offsetTop = this.getOffsetTop();
         var offsetBottom = this.getOffsetBottom();
         var targetNode = targetFunc();
+
         if (targetNode && this.placeholderNode) {
           var targetRect = (0, _utils.getTargetRect)(targetNode);
           var placeholderReact = (0, _utils.getTargetRect)(this.placeholderNode);
           var fixedTop = (0, _utils.getFixedTop)(placeholderReact, targetRect, offsetTop);
           var fixedBottom = (0, _utils.getFixedBottom)(placeholderReact, targetRect, offsetBottom);
+
           if (fixedTop !== undefined && affixStyle.top === fixedTop || fixedBottom !== undefined && affixStyle.bottom === fixedBottom) {
             return;
           }
         }
-      }
-      // Directly call prepare measure since it's already throttled.
+      } // Directly call prepare measure since it's already throttled.
+
+
       this.prepareMeasure();
-    }
-    // =================== Render ===================
+    } // =================== Render ===================
+
   }, {
     key: "render",
     value: function render() {
       var _this3 = this;
+
       var _this$state2 = this.state,
-        affixStyle = _this$state2.affixStyle,
-        placeholderStyle = _this$state2.placeholderStyle;
+          affixStyle = _this$state2.affixStyle,
+          placeholderStyle = _this$state2.placeholderStyle;
       var _this$props2 = this.props,
-        affixPrefixCls = _this$props2.affixPrefixCls,
-        children = _this$props2.children;
+          affixPrefixCls = _this$props2.affixPrefixCls,
+          children = _this$props2.children;
       var className = (0, _classnames.default)((0, _defineProperty2.default)({}, affixPrefixCls, !!affixStyle));
-      var props = (0, _omit.default)(this.props, ['prefixCls', 'offsetTop', 'offsetBottom', 'target', 'onChange', 'affixPrefixCls']);
-      // Omit this since `onTestUpdatePosition` only works on test.
+      var props = (0, _omit.default)(this.props, ['prefixCls', 'offsetTop', 'offsetBottom', 'target', 'onChange', 'affixPrefixCls']); // Omit this since `onTestUpdatePosition` only works on test.
+
       if (process.env.NODE_ENV === 'test') {
         props = (0, _omit.default)(props, ['onTestUpdatePosition']);
       }
+
       return /*#__PURE__*/React.createElement(_rcResizeObserver.default, {
         onResize: function onResize() {
           _this3.updatePosition();
@@ -259,13 +318,19 @@ var Affix = /*#__PURE__*/function (_React$Component) {
   }]);
   return Affix;
 }(React.Component);
+
 Affix.contextType = _configProvider.ConfigContext;
+
 __decorate([(0, _throttleByAnimationFrame.throttleByAnimationFrameDecorator)()], Affix.prototype, "updatePosition", null);
+
 __decorate([(0, _throttleByAnimationFrame.throttleByAnimationFrameDecorator)()], Affix.prototype, "lazyUpdatePosition", null);
+
 var AffixFC = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var customizePrefixCls = props.prefixCls;
+
   var _React$useContext = React.useContext(_configProvider.ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls;
+      getPrefixCls = _React$useContext.getPrefixCls;
+
   var affixPrefixCls = getPrefixCls('affix', customizePrefixCls);
   var affixProps = Object.assign(Object.assign({}, props), {
     affixPrefixCls: affixPrefixCls
@@ -275,8 +340,10 @@ var AffixFC = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 AffixFC.AntdAffix = _affix.default;
+
 if (process.env.NODE_ENV !== 'production') {
   AffixFC.displayName = 'Affix';
 }
+
 var _default = AffixFC;
 exports.default = _default;

package/lib/Affix/utils.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,38 +11,48 @@ exports.getFixedTop = getFixedTop;
 exports.getObserverEntities = getObserverEntities;
 exports.getTargetRect = getTargetRect;
 exports.removeObserveTarget = removeObserveTarget;
+
 var _addEventListener = _interopRequireDefault(require("rc-util/lib/Dom/addEventListener"));
+
 function getTargetRect(target) {
   return target !== window ? target.getBoundingClientRect() : {
     top: 0,
     bottom: window.innerHeight
   };
 }
+
 function getFixedTop(placeholderReact, targetRect, offsetTop) {
   if (offsetTop !== undefined && targetRect.top > placeholderReact.top - offsetTop) {
     return offsetTop + targetRect.top;
   }
+
   return undefined;
 }
+
 function getFixedBottom(placeholderReact, targetRect, offsetBottom) {
   if (offsetBottom !== undefined && targetRect.bottom < placeholderReact.bottom + offsetBottom) {
     var targetBottomOffset = window.innerHeight - targetRect.bottom;
     return offsetBottom + targetBottomOffset;
   }
+
   return undefined;
-}
-// ======================== Observer ========================
+} // ======================== Observer ========================
+
+
 var TRIGGER_EVENTS = ['resize', 'scroll', 'touchstart', 'touchmove', 'touchend', 'pageshow', 'load'];
 var observerEntities = [];
+
 function getObserverEntities() {
   // Only used in test env. Can be removed if refactor.
   return observerEntities;
 }
+
 function addObserveTarget(target, affix) {
   if (!target) return;
   var entity = observerEntities.find(function (item) {
     return item.target === target;
   });
+
   if (entity) {
     entity.affixList.push(affix);
   } else {
@@ -50,8 +61,8 @@ function addObserveTarget(target, affix) {
       affixList: [affix],
       eventHandlers: {}
     };
-    observerEntities.push(entity);
-    // Add listener
+    observerEntities.push(entity); // Add listener
+
     TRIGGER_EVENTS.forEach(function (eventName) {
       entity.eventHandlers[eventName] = (0, _addEventListener.default)(target, eventName, function () {
         entity.affixList.forEach(function (targetAffix) {
@@ -61,25 +72,30 @@ function addObserveTarget(target, affix) {
     });
   }
 }
+
 function removeObserveTarget(affix) {
   var observerEntity = observerEntities.find(function (oriObserverEntity) {
     var hasAffix = oriObserverEntity.affixList.some(function (item) {
       return item === affix;
     });
+
     if (hasAffix) {
       oriObserverEntity.affixList = oriObserverEntity.affixList.filter(function (item) {
         return item !== affix;
       });
     }
+
     return hasAffix;
   });
+
   if (observerEntity && observerEntity.affixList.length === 0) {
     observerEntities = observerEntities.filter(function (item) {
       return item !== observerEntity;
-    });
-    // Remove listener
+    }); // Remove listener
+
     TRIGGER_EVENTS.forEach(function (eventName) {
       var handler = observerEntity.eventHandlers[eventName];
+
       if (handler && handler.remove) {
         handler.remove();
       }