dtable-ui-component 0.3.20 → 0.3.21

package/lib/FormulaFormatter/index.js

@@ -10,67 +10,50 @@ import TextFormatter from '../TextFormatter';
 import { isArrayFormatColumn, isSimpleCellFormatter, isFunction, getFormulaArrayValue, convertValueToDtableLongTextValue } from './utils';
 import cellValueValidator from './cell-value-validator';
 import './index.css';
-
 var FormulaFormatter = /*#__PURE__*/function (_React$Component) {
   _inherits(FormulaFormatter, _React$Component);
-
   var _super = _createSuper(FormulaFormatter);
-
   function FormulaFormatter() {
     var _this;
-
     _classCallCheck(this, FormulaFormatter);
-
     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.getGridCellClassName = function (resultType) {
       switch (resultType) {
         case FORMULA_RESULT_TYPE.NUMBER:
           {
             return 'text-right';
           }
-
         default:
           {
             return '';
           }
       }
     };
-
     _this.renderOtherColumnFormatter = function () {
       var _this$props = _this.props,
-          value = _this$props.value,
-          column = _this$props.column,
-          collaborators = _this$props.collaborators;
+        value = _this$props.value,
+        column = _this$props.column,
+        collaborators = _this$props.collaborators;
       var columnData = column.data;
       var array_type = columnData.array_type,
-          array_data = columnData.array_data;
-
+        array_data = columnData.array_data;
       if (!array_type || array_type === CellType.LINK) {
         return null;
       }
-
       var Formatter = BaseFormatterConfig[array_type];
-
       var formatterProps = _this.getFormatterProps(array_type, array_data, collaborators);
-
       if (isArrayFormatColumn(array_type)) {
         formatterProps.value = value;
         return _this.createColumnFormatter(Formatter, formatterProps);
       }
-
       var _isSimpleCellFormatterColumn = isSimpleCellFormatter(array_type);
-
       var cellValue = value;
-
       if (!Array.isArray(value)) {
         cellValue = cellValueValidator(value, array_type) ? [value] : [];
       }
-
       var contentItemClassName = "formula-formatter-content-item ".concat(_isSimpleCellFormatterColumn ? 'simple-cell-formatter' : '');
       return /*#__PURE__*/React.createElement("div", {
         className: "dtable-ui formula-formatter multiple"
@@ -82,7 +65,6 @@ var FormulaFormatter = /*#__PURE__*/function (_React$Component) {
         }, _this.createColumnFormatter(Formatter, formatterProps));
       }));
     };
-
     _this.getFormatterProps = function (array_type, array_data, collaborators) {
       switch (array_type) {
         case CellType.DURATION:
@@ -92,7 +74,6 @@ var FormulaFormatter = /*#__PURE__*/function (_React$Component) {
               format: duration_format
             };
           }
-
         case CellType.NUMBER:
         case CellType.RATE:
         case CellType.GEOLOCATION:
@@ -101,7 +82,6 @@ var FormulaFormatter = /*#__PURE__*/function (_React$Component) {
               data: array_data
             };
           }
-
         default:
           {
             return _objectSpread(_objectSpread({}, array_data), {}, {
@@ -110,10 +90,8 @@ var FormulaFormatter = /*#__PURE__*/function (_React$Component) {
           }
       }
     };
-
     return _this;
   }
-
   _createClass(FormulaFormatter, [{
     key: "createColumnFormatter",
     value: function createColumnFormatter(Formatter, formatterProps) {
@@ -122,39 +100,33 @@ var FormulaFormatter = /*#__PURE__*/function (_React$Component) {
       } else if (isFunction(Formatter)) {
         return /*#__PURE__*/React.createElement(Formatter, formatterProps);
       }
-
       return /*#__PURE__*/React.createElement(TextFormatter, formatterProps);
     }
   }, {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          containerClassName = _this$props2.containerClassName,
-          column = _this$props2.column,
-          collaborators = _this$props2.collaborators;
+        containerClassName = _this$props2.containerClassName,
+        column = _this$props2.column,
+        collaborators = _this$props2.collaborators;
       var data = column.data;
       var array_type = data.array_type,
-          resultType = data.result_type;
+        resultType = data.result_type;
       var value = this.props.value;
-
       if (Array.isArray(value)) {
         value = getFormulaArrayValue(value);
-
         if (array_type === CellType.LONG_TEXT) {
           value = value.map(function (item) {
             return convertValueToDtableLongTextValue(item);
           });
         }
       }
-
       if (resultType === FORMULA_RESULT_TYPE.ARRAY) {
         return this.renderOtherColumnFormatter();
       }
-
       if (typeof value === 'object') {
         return null;
       }
-
       var gridCellClassName = this.getGridCellClassName(resultType);
       var formattedValue = getFormulaDisplayString(value, data, {
         collaborators: collaborators
@@ -166,8 +138,6 @@ var FormulaFormatter = /*#__PURE__*/function (_React$Component) {
       }, formattedValue);
     }
   }]);
-
   return FormulaFormatter;
 }(React.Component);
-
 export default FormulaFormatter;

package/lib/FormulaFormatter/utils.js

@@ -20,36 +20,28 @@ export var isValidCellValue = function isValidCellValue(value) {
 };
 export var getFormulaArrayValue = function getFormulaArrayValue(value) {
   var isFlat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-
   if (!Array.isArray(value)) {
     return [];
   }
-
   if (!isFlat) {
     return getTwoDimensionArrayValue(value);
   }
-
   return value.map(function (item) {
     if (Object.prototype.toString.call(item) !== '[object Object]' || !Object.prototype.hasOwnProperty.call(item, 'display_value')) {
       return item;
     }
-
     var display_value = item.display_value;
-
     if (!Array.isArray(display_value) || display_value.length === 0) {
       return display_value;
     }
-
     return display_value.map(function (i) {
       if (Object.prototype.toString.call(i) === '[object Object]') {
         if (!Object.prototype.hasOwnProperty.call(i, 'display_value')) {
           return i;
         }
-
         var _display_value = i.display_value;
         return _display_value;
       }
-
       return i;
     });
   }).flat().filter(function (item) {
@@ -62,41 +54,32 @@ export var getTwoDimensionArrayValue = function getTwoDimensionArrayValue(value)
     if (Object.prototype.toString.call(item) !== '[object Object]') {
       return item;
     }
-
     if (!Object.prototype.hasOwnProperty.call(item, 'display_value')) {
       return item;
     }
-
     var display_value = item.display_value;
-
     if (!Array.isArray(display_value) || display_value.length === 0) {
       return display_value;
     }
-
     return display_value.map(function (i) {
       if (Object.prototype.toString.call(i) === '[object Object]') {
         if (!Object.prototype.hasOwnProperty.call(i, 'display_value')) {
           return i;
         }
-
         var _display_value2 = i.display_value;
         return _display_value2;
       }
-
       return i;
     });
   });
 };
 export var convertValueToDtableLongTextValue = function convertValueToDtableLongTextValue(value) {
   var valueType = Object.prototype.toString.call(value);
-
   if (value && valueType === '[object String]') {
     return getPreviewContent(value);
   }
-
   if (valueType === '[object Object]') {
     return value;
   }
-
   return '';
 };

package/lib/GeolocationFormatter/index.js

@@ -6,32 +6,25 @@ import React from 'react';
 import classnames from 'classnames';
 import { getGeolocationDisplayString } from 'dtable-utils';
 import './index.css';
-
 var GeolocationFormatter = /*#__PURE__*/function (_React$Component) {
   _inherits(GeolocationFormatter, _React$Component);
-
   var _super = _createSuper(GeolocationFormatter);
-
   function GeolocationFormatter() {
     _classCallCheck(this, GeolocationFormatter);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(GeolocationFormatter, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          value = _this$props.value,
-          data = _this$props.data,
-          containerClassName = _this$props.containerClassName,
-          isBaiduMap = _this$props.isBaiduMap;
+        value = _this$props.value,
+        data = _this$props.data,
+        containerClassName = _this$props.containerClassName,
+        isBaiduMap = _this$props.isBaiduMap;
       var className = classnames('dtable-ui cell-formatter-container geolocation-formatter', containerClassName);
-
       if (typeof value !== 'object') {
         return null;
       }
-
       return /*#__PURE__*/React.createElement("div", {
         className: className
       }, getGeolocationDisplayString(value, data, {
@@ -40,10 +33,8 @@ var GeolocationFormatter = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
   return GeolocationFormatter;
 }(React.Component);
-
 GeolocationFormatter.defaultProps = {
   value: {
     province: '',

package/lib/HtmlLongTextFormatter/index.js

@@ -6,63 +6,45 @@ import React, { Component } from 'react';
 import classnames from 'classnames';
 import { processor } from './markdown2html';
 import './index.css';
-
 var HtmlLongTextFormatter = /*#__PURE__*/function (_Component) {
   _inherits(HtmlLongTextFormatter, _Component);
-
   var _super = _createSuper(HtmlLongTextFormatter);
-
   function HtmlLongTextFormatter(_props) {
     var _this;
-
     _classCallCheck(this, HtmlLongTextFormatter);
-
     _this = _super.call(this, _props);
-
     _this.translateValue = function (props) {
       var value = props.value;
-
       if (!value) {
         _this.setState({
           innerHtml: null
         });
-
         return;
       }
-
       var valueType = Object.prototype.toString.call(value);
-
       if (valueType === '[object String]') {
         _this.convertMarkdown(value);
-
         return;
       }
-
       if (valueType === '[object Object]') {
         _this.convertMarkdown(value.text);
-
         return;
       }
-
       return;
     };
-
     _this.convertMarkdown = function (mdFile) {
       processor.process(mdFile).then(function (result) {
         var innerHtml = String(result).replace(/<a /ig, '<a target="_blank" ');
-
         _this.setState({
           innerHtml: innerHtml
         });
       });
     };
-
     _this.state = {
       innerHtml: null
     };
     return _this;
   }
-
   _createClass(HtmlLongTextFormatter, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -72,7 +54,6 @@ var HtmlLongTextFormatter = /*#__PURE__*/function (_Component) {
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
       var value = this.props.value;
-
       if (nextProps.value !== value) {
         this.translateValue(nextProps);
       }
@@ -92,8 +73,6 @@ var HtmlLongTextFormatter = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-
   return HtmlLongTextFormatter;
 }(Component);
-
 export default HtmlLongTextFormatter;

package/lib/HtmlLongTextFormatter/markdown2html.js

@@ -1,31 +1,17 @@
 var markdown = require('remark-parse');
-
 var slug = require('remark-slug');
-
 var breaks = require('remark-breaks');
-
 var remark2rehype = require('remark-rehype');
-
 var format = require('rehype-format');
-
 var raw = require('rehype-raw');
-
 var xtend = require('xtend');
-
 var toHTML = require('hast-util-to-html');
-
 var sanitize = require('hast-util-sanitize');
-
 var gh = require('hast-util-sanitize/lib/github');
-
 var deepmerge = require('deepmerge').default;
-
 var mathjax = require('rehype-mathjax/browser');
-
 var math = require('remark-math/block');
-
 var unified = require('./unified').default;
-
 function stringify(config) {
   var settings = xtend(config, this.data('settings'));
   var schema = deepmerge(gh, {
@@ -39,16 +25,15 @@ function stringify(config) {
     'tagNames': ['input', 'code', 'span', 'div']
   });
   this.Compiler = compiler;
-
   function compiler(tree) {
     // use sanity to remove dangerous html, the default is
     // GitHub style sanitation
     var hast = sanitize(tree, schema);
     return toHTML(hast, settings);
   }
-} // markdown -> mdast -> html AST -> html
-
+}
 
+// markdown -> mdast -> html AST -> html
 var processor = unified().use(markdown, {
   commonmark: true
 }).use(math).use(breaks).use(slug).use(remark2rehype, {