sea-chart 2.0.58 → 2.0.60

package/dist/assets/icons/exact-match.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<path class="st0" d="M18.5,20.5c0.3,0,0.5,0.2,0.5,0.5v8c0,0.3-0.2,0.5-0.5,0.5h-2c-0.3,0-0.5-0.2-0.5-0.5v-8c0-0.3,0.2-0.5,0.5-0.5
+	H18.5z M15,23.5v3H1.5C1.2,26.5,1,26.3,1,26v-2c0-0.3,0.2-0.5,0.5-0.5H15z M30.5,23.5c0.3,0,0.5,0.2,0.5,0.5v2
+	c0,0.3-0.2,0.5-0.5,0.5H20v-3H30.5z M9.5,11.5c0.3,0,0.5,0.2,0.5,0.5v8c0,0.3-0.2,0.5-0.5,0.5h-2C7.2,20.5,7,20.3,7,20v-8
+	c0-0.3,0.2-0.5,0.5-0.5H9.5z M6,14.5v3H1.5C1.2,17.5,1,17.3,1,17v-2c0-0.3,0.2-0.5,0.5-0.5H6z M30.5,14.5c0.3,0,0.5,0.2,0.5,0.5v2
+	c0,0.3-0.2,0.5-0.5,0.5H11v-3H30.5z M21.5,2.5C21.8,2.5,22,2.7,22,3v8c0,0.3-0.2,0.5-0.5,0.5h-2c-0.3,0-0.5-0.2-0.5-0.5V3
+	c0-0.3,0.2-0.5,0.5-0.5H21.5z M18,5.5v3H1.5C1.2,8.5,1,8.3,1,8V6c0-0.3,0.2-0.5,0.5-0.5H18z M30.5,5.5C30.8,5.5,31,5.7,31,6v2
+	c0,0.3-0.2,0.5-0.5,0.5H23v-3H30.5z"/>
+</svg>

package/dist/assets/icons/field-set.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#999999;}
+</style>
+<title>field-set</title>
+<g id="field-set">
+	<path id="形状" class="st0" d="M29.6,6.6H17.2c-0.8,0-1.4-0.6-1.4-1.4s0.6-1.4,1.4-1.4h12.4c0.8,0,1.4,0.6,1.4,1.4
+		S30.4,6.6,29.6,6.6L29.6,6.6z M5.2,9.5c-0.4,0-0.7-0.1-1-0.4L1.4,6.2C1.1,5.9,0.9,5.4,1,4.9s0.5-0.9,1-1c0.5-0.1,1,0,1.4,0.4
+		l1.8,1.8l4.6-4.6c0.4-0.4,0.9-0.5,1.4-0.4s0.9,0.5,1,1s0,1-0.4,1.4L6.2,9C6,9.3,5.6,9.5,5.2,9.5L5.2,9.5z M29.6,17.4H17.2
+		c-0.8,0-1.4-0.6-1.4-1.4c0-0.8,0.6-1.4,1.4-1.4h12.4c0.8,0,1.4,0.6,1.4,1.4C31,16.8,30.4,17.4,29.6,17.4L29.6,17.4z M5.2,20.2
+		c-0.4,0-0.7-0.1-1-0.4L1.4,17c-0.5-0.5-0.5-1.4,0-2c0.5-0.5,1.4-0.5,2,0l1.8,1.8l4.6-4.6c0.4-0.4,0.9-0.5,1.4-0.4s0.9,0.5,1,1
+		s0,1-0.4,1.4l-5.6,5.6C6,20.1,5.6,20.2,5.2,20.2L5.2,20.2z M29.6,28.2H17.2c-0.8,0-1.4-0.6-1.4-1.4c0-0.8,0.6-1.4,1.4-1.4h12.4
+		c0.8,0,1.4,0.6,1.4,1.4C31,27.6,30.4,28.2,29.6,28.2z M5.2,31c-0.4,0-0.7-0.1-1-0.4l-2.8-2.8c-0.4-0.4-0.5-0.9-0.4-1.4s0.5-0.9,1-1
+		c0.5-0.1,1,0,1.4,0.4l1.8,1.8L9.9,23c0.4-0.4,0.9-0.5,1.4-0.4c0.5,0.1,0.9,0.5,1,1c0.1,0.5,0,1-0.4,1.4l-5.6,5.6
+		C6,30.9,5.6,31,5.2,31L5.2,31z"/>
+</g>
+</svg>

package/dist/components/dtable-search-input/index.js

@@ -80,6 +80,20 @@ class DtableSearchInput extends _react.Component {
         onClick: this.clearSearch
       }, "\xD7");
     };
+    this.renderExactMatch = () => {
+      const {
+        components = {}
+      } = this.props;
+      const {
+        ExactMatchIndicator
+      } = components;
+      if (/*#__PURE__*/_react.default.isValidElement(ExactMatchIndicator)) {
+        return ExactMatchIndicator;
+      } else if ((0, _utils.isFunction)(ExactMatchIndicator)) {
+        return /*#__PURE__*/_react.default.createElement(ExactMatchIndicator, null);
+      }
+      return null;
+    };
     this.state = {
       searchValue: props.value
     };
@@ -124,7 +138,7 @@ class DtableSearchInput extends _react.Component {
       disabled: disabled,
       style: style,
       ref: ref => this.inputRef = ref
-    }), this.renderClear());
+    }), this.renderClear(), this.renderExactMatch());
   }
 }
 DtableSearchInput.defaultProps = {

package/dist/components/popover/hide-column-popover/hide-column-popover.js

@@ -31,10 +31,15 @@ class HideColumnPopover extends _react.default.Component {
         this.props.onPopoverToggle();
       }
     };
-    this.onChooseAllColumns = () => {
+    this.getProtectedColumnKeys = () => {
       const {
-        columns
+        columns,
+        ignoreColumnsKeys
       } = this.props;
+      if (Array.isArray(ignoreColumnsKeys)) return ignoreColumnsKeys;
+      return columns[0] ? [columns[0].key] : [];
+    };
+    this.onChooseAllColumns = () => {
       let shownColumnKeys = [];
       const {
         fieldSettings
@@ -44,7 +49,7 @@ class HideColumnPopover extends _react.default.Component {
         shownColumnKeys.push(setting.key);
         return setting;
       });
-      shownColumnKeys.unshift(columns[0].key);
+      shownColumnKeys.unshift(...this.getProtectedColumnKeys().filter(key => !shownColumnKeys.includes(key)));
       this.setState({
         fieldSettings: newFieldSettings
       }, () => {
@@ -52,15 +57,12 @@ class HideColumnPopover extends _react.default.Component {
       });
     };
     this.onHideAllColumns = () => {
-      const {
-        columns
-      } = this.props;
       const newFieldSettings = this.state.fieldSettings.map(setting => {
         setting.isChecked = false;
         return setting;
       });
       // table page cannot hide first column
-      const shownColumnKeys = [columns[0].key];
+      const shownColumnKeys = [...this.getProtectedColumnKeys()];
       this.setState({
         fieldSettings: newFieldSettings
       }, () => {
@@ -68,9 +70,6 @@ class HideColumnPopover extends _react.default.Component {
       });
     };
     this.onUpdateFieldSetting = columnSetting => {
-      const {
-        columns
-      } = this.props;
       const {
         fieldSettings
       } = this.state;
@@ -85,9 +84,8 @@ class HideColumnPopover extends _react.default.Component {
         return setting;
       });
       // table page cannot hide first column
-      if (!shownColumnKeys.includes(columns[0].key)) {
-        shownColumnKeys.unshift(columns[0].key);
-      }
+      const protectedKeys = this.getProtectedColumnKeys().filter(key => !shownColumnKeys.includes(key));
+      shownColumnKeys.unshift(...protectedKeys);
       this.setState({
         fieldSettings: newFieldSettings
       }, () => {
@@ -138,7 +136,8 @@ class HideColumnPopover extends _react.default.Component {
   static getDerivedStateFromProps(nextProps, preState) {
     const {
       columns,
-      shownColumnKeys
+      shownColumnKeys,
+      ignoreColumnsKeys
     } = nextProps;
     let fieldSettings = columns.map(column => {
       return {
@@ -147,8 +146,12 @@ class HideColumnPopover extends _react.default.Component {
         column: column
       };
     });
-    // table page cannot hide first column
-    fieldSettings.shift();
+    if (Array.isArray(ignoreColumnsKeys)) {
+      fieldSettings = fieldSettings.filter(setting => !ignoreColumnsKeys.includes(setting.key));
+    } else {
+      // table page cannot hide first column
+      fieldSettings.shift();
+    }
     return {
       fieldSettings: fieldSettings
     };

package/dist/components/row-card/row-card-header.js

@@ -10,62 +10,78 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _rowCardHeaderCell = _interopRequireDefault(require("./row-card-header-cell"));
 class RowCardHeader extends _react.default.Component {
   constructor(props) {
+    var _this;
     super(props);
-    this.onScrollControlClick = type => {
+    _this = this;
+    this.updateScrollMetrics = function () {
+      let prevState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.state;
+      if (!_this.linkRecordsHeader) return;
+      if (_this.scrollTimer) return; // skip the forced layout read while the scroll animation is running
+      const {
+        offsetWidth,
+        scrollWidth
+      } = _this.linkRecordsHeader;
+      if (prevState.linkRecordsNavScrollWidth !== scrollWidth || prevState.linkRecordsNavWidth !== offsetWidth) {
+        _this.props.getCurrentDisplayRowMaxIndex();
+        _this.setState({
+          linkRecordsNavScrollWidth: scrollWidth,
+          linkRecordsNavWidth: offsetWidth
+        });
+      }
+    };
+    this.onScrollControlClick = (type, event) => {
+      event.stopPropagation();
       const tablesNav = this.linkRecordsHeader;
       const {
         offsetWidth,
-        scrollWidth,
-        scrollLeft
+        scrollWidth
       } = tablesNav;
+      const baseScrollLeft = this.scrollTimer ? this.targetScrollLeft : tablesNav.scrollLeft;
       let targetScrollLeft;
       if (type === 'prev') {
-        if (scrollLeft === 0) {
+        if (baseScrollLeft === 0) {
           return;
         }
-        targetScrollLeft = scrollLeft - offsetWidth;
+        targetScrollLeft = baseScrollLeft - offsetWidth;
         targetScrollLeft = targetScrollLeft > 0 ? targetScrollLeft : 0;
       }
       if (type === 'next') {
-        if (scrollLeft + offsetWidth === scrollWidth) {
+        if (baseScrollLeft + offsetWidth >= scrollWidth) {
           return;
         }
-        targetScrollLeft = scrollLeft + offsetWidth;
+        targetScrollLeft = baseScrollLeft + offsetWidth;
         targetScrollLeft = targetScrollLeft > scrollWidth - offsetWidth ? scrollWidth - offsetWidth : targetScrollLeft;
       }
-      if (this.state.canCardHeaderScroll) {
-        this.setState({
-          canCardHeaderScroll: false
-        });
-        let timer = null;
-        let step = (targetScrollLeft - scrollLeft) / 10;
-        step = step > 0 ? Math.ceil(step) : Math.floor(step);
-        timer = setInterval(() => {
-          tablesNav.scrollLeft = tablesNav.scrollLeft + step;
-          if (Math.abs(targetScrollLeft - tablesNav.scrollLeft) <= Math.abs(step)) {
-            tablesNav.scrollLeft = targetScrollLeft;
-            clearInterval(timer);
-            this.setState({
-              canCardHeaderScroll: true
-            });
-          }
-        }, 30);
+      if (this.scrollTimer) {
+        clearInterval(this.scrollTimer);
+        this.scrollTimer = null;
       }
+      let step = (targetScrollLeft - tablesNav.scrollLeft) / 10;
+      step = step > 0 ? Math.ceil(step) : Math.floor(step);
+      this.targetScrollLeft = targetScrollLeft;
+      this.scrollTimer = setInterval(() => {
+        tablesNav.scrollLeft = tablesNav.scrollLeft + step;
+        this.syncScrollLeft(tablesNav.scrollLeft);
+        if (Math.abs(targetScrollLeft - tablesNav.scrollLeft) <= Math.abs(step)) {
+          tablesNav.scrollLeft = targetScrollLeft;
+          this.syncScrollLeft(targetScrollLeft);
+          clearInterval(this.scrollTimer);
+          this.scrollTimer = null;
+          this.targetScrollLeft = null;
+        }
+      }, 30);
     };
-    this.onScrollHeader = () => {
-      let {
-        scrollLeft
-      } = this.linkRecordsHeader;
+    this.onScrollHeader = event => {
+      event.stopPropagation();
+      this.syncScrollLeft(this.linkRecordsHeader.scrollLeft);
+    };
+    this.syncScrollLeft = scrollLeft => {
       this.props.setItemScrollLeft(scrollLeft, -1);
-      if (this.timer) {
-        clearTimeout(this.timer);
-      }
-      this.timer = setTimeout(() => {
-        this.props.setScrollLeft(scrollLeft);
-      }, 60);
     };
     this.setHeaderScrollLeft = scrollLeft => {
-      this.linkRecordsHeader.scrollLeft = scrollLeft;
+      if (this.linkRecordsHeader && this.linkRecordsHeader.scrollLeft !== scrollLeft) {
+        this.linkRecordsHeader.scrollLeft = scrollLeft;
+      }
     };
     this.getCardHeaderCells = () => {
       const cardHeaderCells = [];
@@ -86,23 +102,20 @@ class RowCardHeader extends _react.default.Component {
       return cardHeaderCells;
     };
     this.state = {
-      canCardHeaderScroll: true,
       linkRecordsNavScrollWidth: 0,
       linkRecordsNavWidth: 0
     };
+    this.scrollTimer = null;
+    this.targetScrollLeft = null;
+  }
+  componentDidMount() {
+    this.updateScrollMetrics();
   }
   componentDidUpdate(prevProps, prevState) {
-    const {
-      offsetWidth,
-      scrollWidth
-    } = this.linkRecordsHeader;
-    if (prevState.linkRecordsNavScrollWidth !== scrollWidth || prevState.linkRecordsNavWidth !== offsetWidth) {
-      this.props.getCurrentDisplayRowMaxIndex();
-      this.setState({
-        linkRecordsNavScrollWidth: scrollWidth,
-        linkRecordsNavWidth: offsetWidth
-      });
-    }
+    this.updateScrollMetrics(prevState);
+  }
+  componentWillUnmount() {
+    this.scrollTimer && clearInterval(this.scrollTimer);
   }
   render() {
     const {
@@ -118,8 +131,7 @@ class RowCardHeader extends _react.default.Component {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: `row-card-header ${cardHeaderClassName ? cardHeaderClassName : ''}`
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "row-card-column-names records-column-names",
-      ref: ref => this.recordItemRef = ref
+      className: "row-card-column-names records-column-names"
     }, showScrollBtn && /*#__PURE__*/_react.default.createElement("span", {
       className: (0, _classnames.default)('dtable-font', 'dtable-icon-left', 'row-card-scroll', 'link-scroll-prev', {
         'scroll-active': scrollLeft > 0

package/dist/components/row-card/row-card-item.js

@@ -143,15 +143,12 @@ class RowCardItem extends _react.PureComponent {
         setItemScrollLeft,
         rowIdx
       } = this.props;
-      if (this.scrollActive) {
-        this.scrollActive = false;
-        return;
-      }
       if (setItemScrollLeft) setItemScrollLeft(this.cardRecordsItemRef.scrollLeft, rowIdx);
     };
     this.setScrollLeft = scrollLeft => {
-      this.scrollActive = true;
-      this.cardRecordsItemRef.scrollLeft = scrollLeft;
+      if (this.cardRecordsItemRef && this.cardRecordsItemRef.scrollLeft !== scrollLeft) {
+        this.cardRecordsItemRef.scrollLeft = scrollLeft;
+      }
     };
     this.getScrollLeft = () => {
       return this.cardRecordsItemRef.scrollLeft;
@@ -165,20 +162,29 @@ class RowCardItem extends _react.PureComponent {
   }
   componentDidMount() {
     const {
+      row,
       rowIdx,
       onRef
     } = this.props;
-    onRef && onRef(this, rowIdx);
+    onRef && onRef(this, rowIdx, row._id);
     this.unsubscribeChangeHeaderWidth = _eventBus.default.subscribe(_commonConstants.CommonEventTypes.CHANGE_HEADER_WIDTH, this.setDraggedCell);
   }
   componentWillUnmount() {
+    const {
+      row,
+      rowIdx,
+      onRef
+    } = this.props;
+    onRef && onRef(null, rowIdx, row._id);
     this.unsubscribeChangeHeaderWidth();
   }
-  componentWillUpdate(nextProps) {
+  componentDidUpdate() {
     const {
+      row,
+      rowIdx,
       onRef
     } = this.props;
-    onRef && onRef(this, nextProps.rowIdx);
+    onRef && onRef(this, rowIdx, row._id);
   }
   render() {
     const {

package/dist/components/row-card/row-card.css

@@ -40,6 +40,7 @@
   line-height: 24px;
   position: absolute;
   top: 10px;
+  z-index: 1;
   background-color: #fff;
 }
 
@@ -84,7 +85,7 @@
 }
 
 .row-card-list {
-  height: calc(100% - 40px);
+  height: calc(100% - 49px);
   width: 100%;
   min-width: 100%;
   padding: 10px 20px;
@@ -108,10 +109,22 @@
   overflow-y: unset;
 }
 
+.row-card-list .row-card-content-virtualized {
+  position: relative;
+}
+
+.row-card-list .row-card-virtual-window {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+}
+
 .row-card-list .row-card-content::-webkit-scrollbar {
   width: 0;
 }
 
+/* 88 + 10 = 98, keep in sync with CARD_RECORD_ITEM_HEIGHT in row-card.js */
 .row-card-item {
   height: 88px;
   margin-top: 10px;