dtable-ui-component 0.3.20 → 0.3.21

package/lib/SelectOptionGroup/index.js

@@ -7,43 +7,32 @@ import Option from './option';
 import DTableSearchInput from '../DTableSearchInput';
 import KeyCodes from './KeyCodes';
 var OPTION_HEIGHT = 32;
-
 var SelectOptionGroup = /*#__PURE__*/function (_Component) {
   _inherits(SelectOptionGroup, _Component);
-
   var _super = _createSuper(SelectOptionGroup);
-
   function SelectOptionGroup(props) {
     var _this;
-
     _classCallCheck(this, SelectOptionGroup);
-
     _this = _super.call(this, props);
-
     _this.resetMenuStyle = function () {
       var _this$optionGroupRef$ = _this.optionGroupRef.getBoundingClientRect(),
-          top = _this$optionGroupRef$.top,
-          height = _this$optionGroupRef$.height;
-
+        top = _this$optionGroupRef$.top,
+        height = _this$optionGroupRef$.height;
       if (height + top > window.innerHeight) {
         var borderWidth = 2;
         _this.optionGroupRef.style.top = -1 * (height + borderWidth) + 'px';
       }
     };
-
     _this.onHotKey = function (event) {
       var keyCode = event.keyCode;
-
       if (keyCode === KeyCodes.UpArrow) {
         _this.onPressUp();
       } else if (keyCode === KeyCodes.DownArrow) {
         _this.onPressDown();
       } else if (keyCode === KeyCodes.Enter) {
         var option = _this.filterOptions && _this.filterOptions[_this.state.activeIndex];
-
         if (option) {
           _this.props.onSelectOption(option.value);
-
           if (!_this.props.supportMultipleSelect) {
             _this.props.closeSelect();
           }
@@ -52,7 +41,6 @@ var SelectOptionGroup = /*#__PURE__*/function (_Component) {
         _this.props.closeSelect();
       }
     };
-
     _this.onPressUp = function () {
       if (_this.state.activeIndex > 0) {
         _this.setState({
@@ -62,7 +50,6 @@ var SelectOptionGroup = /*#__PURE__*/function (_Component) {
         });
       }
     };
-
     _this.onPressDown = function () {
       if (_this.filterOptions && _this.state.activeIndex < _this.filterOptions.length - 1) {
         _this.setState({
@@ -72,34 +59,28 @@ var SelectOptionGroup = /*#__PURE__*/function (_Component) {
         });
       }
     };
-
     _this.onClick = function (e) {
       if (_this.props.stopClickEvent && _this.optionGroupRef.contains(e.target) && !e.target.className.includes('dtable-font')) {
         e.stopPropagation();
       }
     };
-
     _this.scrollContent = function () {
       var _this$optionGroupCont = _this.optionGroupContentRef,
-          offsetHeight = _this$optionGroupCont.offsetHeight,
-          scrollTop = _this$optionGroupCont.scrollTop;
-
+        offsetHeight = _this$optionGroupCont.offsetHeight,
+        scrollTop = _this$optionGroupCont.scrollTop;
       if (_this.state.activeIndex * OPTION_HEIGHT < scrollTop) {
         _this.optionGroupContentRef.scrollTop = scrollTop - OPTION_HEIGHT;
       } else if (_this.state.activeIndex * OPTION_HEIGHT > offsetHeight + scrollTop) {
         _this.optionGroupContentRef.scrollTop = scrollTop + OPTION_HEIGHT;
       }
     };
-
     _this.changeIndex = function (index) {
       _this.setState({
         activeIndex: index
       });
     };
-
     _this.onChangeSearch = function (searchVal) {
       var value = searchVal || '';
-
       if (value !== _this.state.searchVal) {
         _this.setState({
           searchVal: value,
@@ -107,19 +88,16 @@ var SelectOptionGroup = /*#__PURE__*/function (_Component) {
         });
       }
     };
-
     _this.renderOptGroup = function (searchVal) {
       var _this$props = _this.props,
-          noOptionsPlaceholder = _this$props.noOptionsPlaceholder,
-          onSelectOption = _this$props.onSelectOption;
+        noOptionsPlaceholder = _this$props.noOptionsPlaceholder,
+        onSelectOption = _this$props.onSelectOption;
       _this.filterOptions = _this.props.getFilterOptions(searchVal);
-
       if (_this.filterOptions === 0) {
         return /*#__PURE__*/React.createElement("div", {
           className: "none-search-result"
         }, noOptionsPlaceholder);
       }
-
       return _this.filterOptions.map(function (opt, i) {
         var key = opt.value.column ? opt.value.column.key : i;
         var isActive = _this.state.activeIndex === i;
@@ -134,7 +112,6 @@ var SelectOptionGroup = /*#__PURE__*/function (_Component) {
         }, opt.label);
       });
     };
-
     _this.state = {
       searchVal: '',
       activeIndex: -1
@@ -142,7 +119,6 @@ var SelectOptionGroup = /*#__PURE__*/function (_Component) {
     _this.filterOptions = null;
     return _this;
   }
-
   _createClass(SelectOptionGroup, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -161,21 +137,19 @@ var SelectOptionGroup = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props2 = this.props,
-          searchable = _this$props2.searchable,
-          searchPlaceholder = _this$props2.searchPlaceholder,
-          top = _this$props2.top,
-          left = _this$props2.left,
-          minWidth = _this$props2.minWidth,
-          value = _this$props2.value,
-          isShowSelected = _this$props2.isShowSelected;
+        searchable = _this$props2.searchable,
+        searchPlaceholder = _this$props2.searchPlaceholder,
+        top = _this$props2.top,
+        left = _this$props2.left,
+        minWidth = _this$props2.minWidth,
+        value = _this$props2.value,
+        isShowSelected = _this$props2.isShowSelected;
       var searchVal = this.state.searchVal;
       var style = {
         top: top || 0,
         left: left || 0
       };
-
       if (minWidth) {
         style = {
           top: top || 0,
@@ -183,7 +157,6 @@ var SelectOptionGroup = /*#__PURE__*/function (_Component) {
           minWidth: minWidth
         };
       }
-
       return /*#__PURE__*/React.createElement("div", {
         className: "option-group ".concat(isShowSelected ? 'pt-0' : ''),
         ref: function ref(_ref2) {
@@ -210,8 +183,6 @@ var SelectOptionGroup = /*#__PURE__*/function (_Component) {
       }, this.renderOptGroup(searchVal)));
     }
   }]);
-
   return SelectOptionGroup;
 }(Component);
-
 export default SelectOptionGroup;

package/lib/SelectOptionGroup/option.js

@@ -3,44 +3,32 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
-
 var Option = /*#__PURE__*/function (_Component) {
   _inherits(Option, _Component);
-
   var _super = _createSuper(Option);
-
   function Option() {
     var _this;
-
     _classCallCheck(this, Option);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _this.onSelectOption = function (value, event) {
       _this.props.onSelectOption(value, event);
     };
-
     _this.onClick = function (event) {
       if (_this.props.supportMultipleSelect) {
         event.stopPropagation();
       }
     };
-
     _this.onMouseEnter = function () {
       _this.props.changeIndex(_this.props.index);
     };
-
     _this.onMouseLeave = function () {
       _this.props.changeIndex(-1);
     };
-
     return _this;
   }
-
   _createClass(Option, [{
     key: "render",
     value: function render() {
@@ -53,8 +41,6 @@ var Option = /*#__PURE__*/function (_Component) {
       }, this.props.children);
     }
   }]);
-
   return Option;
 }(Component);
-
 export default Option;

package/lib/SimpleLongTextFormatter/index.js

@@ -8,19 +8,13 @@ import getPreviewContent from './normalize-long-text-value';
 import LongTextPreview from './widgets/LongTextPreview';
 import ModalPortal from '../ModalPortal';
 import './index.css';
-
 var SimpleLongTextFormatter = /*#__PURE__*/function (_React$Component) {
   _inherits(SimpleLongTextFormatter, _React$Component);
-
   var _super = _createSuper(SimpleLongTextFormatter);
-
   function SimpleLongTextFormatter(props) {
     var _this;
-
     _classCallCheck(this, SimpleLongTextFormatter);
-
     _this = _super.call(this, props);
-
     _this.renderLinks = function (value) {
       var links = value.links;
       if (!Array.isArray(links) || links.length === 0) return null;
@@ -30,7 +24,6 @@ var SimpleLongTextFormatter = /*#__PURE__*/function (_React$Component) {
         className: "dtable-font dtable-icon-url"
       }), links.length);
     };
-
     _this.renderCheckList = function (value) {
       var checkList = value.checklist;
       if (!checkList || checkList.total === 0) return null;
@@ -40,7 +33,6 @@ var SimpleLongTextFormatter = /*#__PURE__*/function (_React$Component) {
         className: "dtable-font dtable-icon-check-square-solid ".concat(checkList.completed === checkList.total ? 'long-text-check-list-completed' : '')
       }), "".concat(checkList.completed, "/").concat(checkList.total));
     };
-
     _this.renderImages = function (value) {
       var images = value.images;
       if (!Array.isArray(images) || images.length === 0) return null;
@@ -53,74 +45,59 @@ var SimpleLongTextFormatter = /*#__PURE__*/function (_React$Component) {
         className: "image-number"
       }, images.length > 1 ? '+' + images.length : null));
     };
-
     _this.renderContent = function (value) {
       return /*#__PURE__*/React.createElement("span", {
         className: "long-text-content"
       }, value.preview);
     };
-
     _this.translateValue = function () {
       var value = _this.props.value;
       if (!value) return {};
       var valueType = Object.prototype.toString.call(value);
-
       if (valueType === '[object String]') {
         return getPreviewContent(value);
       }
-
       if (valueType === '[object Object]') {
         return value;
       }
-
       return {};
     };
-
     _this.clearTimer = function () {
       if (_this.timer) {
         clearTimeout(_this.timer);
         _this.timer = null;
       }
     };
-
     _this.onMouseEnter = function () {
       // in case that there is no `modal-wrapper`
       if (!document.getElementById('modal-wrapper')) {
         return;
       }
-
       _this.clearTimer();
-
       if (_this.props.value) {
         _this.timer = setTimeout(function () {
           var style = _this.ref.getBoundingClientRect();
-
           _this.formatterStyle = style;
-
           _this.setState({
             isPreview: true
           });
         }, 2000);
       }
     };
-
     _this.onMouseLeave = function () {
       _this.clearTimer();
-
       if (_this.state.isPreview) {
         _this.setState({
           isPreview: false
         });
       }
     };
-
     _this.formatterStyle = null;
     _this.state = {
       isPreview: false
     };
     return _this;
   }
-
   _createClass(SimpleLongTextFormatter, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
@@ -130,7 +107,6 @@ var SimpleLongTextFormatter = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var isPreview = this.state.isPreview;
       var containerClassName = this.props.containerClassName;
       var className = classnames('dtable-ui cell-formatter-container long-text-formatter', containerClassName);
@@ -148,10 +124,8 @@ var SimpleLongTextFormatter = /*#__PURE__*/function (_React$Component) {
       })));
     }
   }]);
-
   return SimpleLongTextFormatter;
 }(React.Component);
-
 SimpleLongTextFormatter.defaultProps = {
   value: {
     text: '',

package/lib/SimpleLongTextFormatter/normalize-long-text-value.js

@@ -3,7 +3,6 @@ var imageReg1 = /^<img( width=[\\|/]?"(\d)+[\\|/|]?")? src="(\S+)" .?\/>/;
 var imageReg2 = /^!\[\]\((\S+)\)/;
 var linkReg1 = /^\[.+\]\(\S+\)/;
 var linkReg2 = /^<\S+>$/;
-
 var getLinks = function getLinks(hrefList) {
   var hrefObj = {
     links: [],
@@ -15,7 +14,6 @@ var getLinks = function getLinks(hrefList) {
     } else {
       var imageSrcList = href.match(imageReg1);
       var imageSrcList1 = href.match(imageReg2);
-
       if (imageSrcList) {
         hrefObj.images.push(imageSrcList[3]);
       } else if (imageSrcList1) {
@@ -25,11 +23,9 @@ var getLinks = function getLinks(hrefList) {
   });
   return hrefObj;
 };
-
 var getPreviewContent = function getPreviewContent(markdownContent) {
   var preview = '';
   var newMarkdownContent = markdownContent.replace(hrefReg, '');
-
   for (var index = 0; index < newMarkdownContent.length; index++) {
     if (newMarkdownContent[index] === '#') {
       continue;
@@ -38,26 +34,21 @@ var getPreviewContent = function getPreviewContent(markdownContent) {
     } else {
       preview += newMarkdownContent[index];
     }
-
     if (preview.length === 150) {
       break;
     }
   }
-
   var hrefList = markdownContent.match(hrefReg);
-
   if (hrefList) {
     var _getLinks = getLinks(hrefList),
-        images = _getLinks.images,
-        links = _getLinks.links;
-
+      images = _getLinks.images,
+      links = _getLinks.links;
     return {
       preview: preview,
       images: images,
       links: links
     };
   }
-
   return {
     preview: preview,
     images: [],
@@ -65,5 +56,4 @@ var getPreviewContent = function getPreviewContent(markdownContent) {
     text: markdownContent
   };
 };
-
 export default getPreviewContent;

package/lib/SimpleLongTextFormatter/widgets/LongTextPreview.js

@@ -5,56 +5,44 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import DtableMarkdownViewer from './dtable-markdown-viewer';
 import './longTextEditor.css';
-
 var LongTextPreview = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(LongTextPreview, _React$PureComponent);
-
   var _super = _createSuper(LongTextPreview);
-
   function LongTextPreview(props) {
     var _this;
-
     _classCallCheck(this, LongTextPreview);
-
     _this = _super.call(this, props);
-
     _this.getStyle = function () {
       var formatterStyle = _this.props.formatterStyle;
       var left = formatterStyle.left,
-          top = formatterStyle.top;
+        top = formatterStyle.top;
       var width = 520;
       var height = _this.state.height;
       var padding = 6;
       left = left - width > 0 ? left - width - 12 : 0;
       top = top - padding;
-
       if (top + height > window.innerHeight) {
         top = top - height > 0 ? top - height : 0;
       }
-
       return {
         left: left,
         top: top,
         opacity: _this.state.opacity
       };
     };
-
     _this.state = {
       height: 450,
       opacity: 0
     };
     return _this;
   }
-
   _createClass(LongTextPreview, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-
       setTimeout(function () {
         if (!_this2.ref) return;
         var domHeight = _this2.ref.offsetHeight;
-
         _this2.setState({
           height: domHeight,
           opacity: 1
@@ -65,7 +53,6 @@ var LongTextPreview = /*#__PURE__*/function (_React$PureComponent) {
     key: "render",
     value: function render() {
       var _this3 = this;
-
       var markdownContent = this.props.value ? this.props.value.text : '';
       return /*#__PURE__*/React.createElement("div", {
         className: "longtext-modal-dialog longtext-preview",
@@ -81,8 +68,6 @@ var LongTextPreview = /*#__PURE__*/function (_React$PureComponent) {
       })));
     }
   }]);
-
   return LongTextPreview;
 }(React.PureComponent);
-
 export default LongTextPreview;

package/lib/SimpleLongTextFormatter/widgets/dtable-markdown-viewer.js

@@ -4,22 +4,16 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import { MarkdownViewer, processor } from '@seafile/seafile-editor';
-
 // Windows old Wechat (3.0 or earlier) inner core is chrome 53 and don't support ECMA6, can't use seafile-editor markdownViewer
 // Windows new Wechat (lastest version 3.3.5) support seafile-editor markdownViewer
 // so use dangerouslySetInnerHTML to preview
 var DtableMarkdownViewer = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(DtableMarkdownViewer, _React$PureComponent);
-
   var _super = _createSuper(DtableMarkdownViewer);
-
   function DtableMarkdownViewer(props) {
     var _this;
-
     _classCallCheck(this, DtableMarkdownViewer);
-
     _this = _super.call(this, props);
-
     _this.checkBrowser = function () {
       if (window.chrome) {
         var appVersion = navigator.appVersion;
@@ -30,35 +24,27 @@ var DtableMarkdownViewer = /*#__PURE__*/function (_React$PureComponent) {
         if (index === -1) return;
         var chromeVersion = appVersionList[index];
         chromeVersion = parseInt(chromeVersion.slice(chromeVersion.indexOf('/') + 1));
-
         if (chromeVersion === 53 && navigator.appVersion && navigator.appVersion.includes('WindowsWechat')) {
           _this.convertMarkdown(_this.props.markdownContent);
-
           _this.isWindowsWechat = true;
         }
       }
     };
-
     _this.convertMarkdown = function (mdFile) {
       processor.process(mdFile).then(function (result) {
         var innerHtml = String(result).replace(/<a /ig, '<a target="_blank" tabindex="-1"');
-
         _this.setState({
           innerHtml: innerHtml
         });
       });
     };
-
     _this.state = {
       innerHtml: null
     };
     _this.isWindowsWechat = false;
-
     _this.checkBrowser();
-
     return _this;
   }
-
   _createClass(DtableMarkdownViewer, [{
     key: "render",
     value: function render() {
@@ -70,15 +56,12 @@ var DtableMarkdownViewer = /*#__PURE__*/function (_React$PureComponent) {
           }
         });
       }
-
       return /*#__PURE__*/React.createElement(MarkdownViewer, {
         markdownContent: this.props.markdownContent,
         showTOC: this.props.showTOC
       });
     }
   }]);
-
   return DtableMarkdownViewer;
 }(React.PureComponent);
-
 export default DtableMarkdownViewer;