dtable-ui-component 0.3.20 → 0.3.21

package/lib/DigitalSignFormatter/index.js

@@ -9,82 +9,66 @@ import ImagePreviewerLightbox from '../ImagePreviewerLightbox';
 import { getDigitalSignImageUrl } from './utils';
 import { downloadFile } from '../utils/utils';
 import './index.css';
-
 var DigitalSignFormatter = /*#__PURE__*/function (_Component) {
   _inherits(DigitalSignFormatter, _Component);
-
   var _super = _createSuper(DigitalSignFormatter);
-
   function DigitalSignFormatter(props) {
     var _this;
-
     _classCallCheck(this, DigitalSignFormatter);
-
     _this = _super.call(this, props);
-
     _this.getSignImages = function () {
       var _this$props = _this.props,
-          value = _this$props.value,
-          config = _this$props.config;
+        value = _this$props.value,
+        config = _this$props.config;
       return [getDigitalSignImageUrl(value, config)].filter(Boolean);
     };
-
     _this.onClickSignImage = function (index) {
       if (!_this.props.isSupportPreview) return;
-
       _this.setState({
         isPreviewSignImage: true,
         largeSignImageIndex: index
       });
     };
-
     _this.hideLargeSignImage = function () {
       if (!_this.props.isSupportPreview) return;
-
       if (_this.props.onCloseCallback) {
         _this.props.onCloseCallback();
       }
-
       _this.setState({
         isPreviewSignImage: false,
         largeSignImageIndex: -1
       });
     };
-
     _this.downloadImage = function (url) {
       var availableUrl = url;
       var rotateIndex = availableUrl.indexOf('?a=');
-
       if (rotateIndex > -1) {
         availableUrl = availableUrl.slice(0, rotateIndex);
       }
-
       var urlSuffix = availableUrl.indexOf('?dl=1');
       var downloadUrl = urlSuffix !== -1 ? availableUrl : availableUrl + '?dl=1';
       downloadFile(downloadUrl);
     };
-
     _this.state = {
       isPreviewSignImage: false,
       largeSignImageIndex: -1
     };
     return _this;
   }
-
   _createClass(DigitalSignFormatter, [{
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          containerClassName = _this$props2.containerClassName,
-          readOnly = _this$props2.readOnly,
-          config = _this$props2.config,
-          isSample = _this$props2.isSample;
+        containerClassName = _this$props2.containerClassName,
+        readOnly = _this$props2.readOnly,
+        config = _this$props2.config,
+        isSample = _this$props2.isSample;
       var className = classnames('dtable-ui cell-formatter-container digital-sign-formatter', containerClassName);
       var signImages = this.getSignImages();
       if (signImages.length === 0) return null;
       var _this$state = this.state,
-          isPreviewSignImage = _this$state.isPreviewSignImage,
-          largeSignImageIndex = _this$state.largeSignImageIndex;
+        isPreviewSignImage = _this$state.isPreviewSignImage,
+        largeSignImageIndex = _this$state.largeSignImageIndex;
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
         className: className
       }, /*#__PURE__*/React.createElement(ImagesLazyLoad, {
@@ -104,10 +88,8 @@ var DigitalSignFormatter = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-
   return DigitalSignFormatter;
 }(Component);
-
 DigitalSignFormatter.defaultProps = {
   isSample: false,
   isSupportPreview: false,

package/lib/DigitalSignFormatter/utils.js

@@ -3,16 +3,13 @@ export var getDigitalSignImageUrl = function getDigitalSignImageUrl(cellValue, c
   var url = cellValue && cellValue.sign_image_url || '';
   if (!url) return '';
   if (!config) return url;
-
   var _ref = config || {},
-      server = _ref.server,
-      workspaceID = _ref.workspaceID,
-      dtableUuid = _ref.dtableUuid;
-
+    server = _ref.server,
+    workspaceID = _ref.workspaceID,
+    dtableUuid = _ref.dtableUuid;
   if (server && (workspaceID || workspaceID === 0) && dtableUuid) {
     return "".concat(server, "/workspace/").concat(workspaceID, "/asset/").concat(dtableUuid).concat(url);
   }
-
   return url;
 };
 export var isValidDigitalSignImageValue = function isValidDigitalSignImageValue(cellValue) {

package/lib/DurationFormatter/index.js

@@ -6,25 +6,20 @@ import React from 'react';
 import classnames from 'classnames';
 import { getDurationDisplayString } from 'dtable-utils';
 import './index.css';
-
 var DurationFormatter = /*#__PURE__*/function (_React$Component) {
   _inherits(DurationFormatter, _React$Component);
-
   var _super = _createSuper(DurationFormatter);
-
   function DurationFormatter() {
     _classCallCheck(this, DurationFormatter);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(DurationFormatter, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          value = _this$props.value,
-          containerClassName = _this$props.containerClassName,
-          format = _this$props.format;
+        value = _this$props.value,
+        containerClassName = _this$props.containerClassName,
+        format = _this$props.format;
       var classname = classnames('dtable-ui cell-formatter-container duration-formatter', containerClassName);
       return /*#__PURE__*/React.createElement("div", {
         className: classname
@@ -33,8 +28,6 @@ var DurationFormatter = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
   return DurationFormatter;
 }(React.Component);
-
 export default DurationFormatter;

package/lib/EditEditorButton/index.js

@@ -4,18 +4,13 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import './index.css';
-
 var EditEditorButton = /*#__PURE__*/function (_React$Component) {
   _inherits(EditEditorButton, _React$Component);
-
   var _super = _createSuper(EditEditorButton);
-
   function EditEditorButton() {
     _classCallCheck(this, EditEditorButton);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(EditEditorButton, [{
     key: "render",
     value: function render() {
@@ -26,8 +21,6 @@ var EditEditorButton = /*#__PURE__*/function (_React$Component) {
       }, text);
     }
   }]);
-
   return EditEditorButton;
 }(React.Component);
-
 export default EditEditorButton;

package/lib/EmailFormatter/index.js

@@ -5,32 +5,25 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import classnames from 'classnames';
 import './index.css';
-
 var EmailFormatter = /*#__PURE__*/function (_React$Component) {
   _inherits(EmailFormatter, _React$Component);
-
   var _super = _createSuper(EmailFormatter);
-
   function EmailFormatter() {
     _classCallCheck(this, EmailFormatter);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(EmailFormatter, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          containerClassName = _this$props.containerClassName,
-          value = _this$props.value;
+        containerClassName = _this$props.containerClassName,
+        value = _this$props.value;
       var classname = classnames('dtable-ui cell-formatter-container email-formatter', containerClassName);
       return /*#__PURE__*/React.createElement("div", {
         className: classname
       }, value);
     }
   }]);
-
   return EmailFormatter;
 }(React.Component);
-
 export default EmailFormatter;

package/lib/FieldDisplaySetting/field-item.js

@@ -2,62 +2,51 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useState, useRef } from 'react';
 import { COLUMNS_ICON_CONFIG } from 'dtable-utils';
 import { DTableSwitch } from '../index';
-
 function FieldItem(_ref) {
   var field = _ref.field,
-      isCollapsed = _ref.isCollapsed,
-      onClickField = _ref.onClickField,
-      onMoveField = _ref.onMoveField;
+    isCollapsed = _ref.isCollapsed,
+    onClickField = _ref.onClickField,
+    onMoveField = _ref.onMoveField;
   var enteredCounter = 0;
   var fieldItemRef = useRef(null);
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isItemDropTipShow = _useState2[0],
-      setDropTipShow = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isItemDropTipShow = _useState2[0],
+    setDropTipShow = _useState2[1];
   var handleClickField = function handleClickField(e) {
     e.nativeEvent.stopImmediatePropagation();
     var value = e.target.checked;
     if (value === field.shown) return;
     onClickField(field.key, value);
   };
-
   var onDragStart = function onDragStart(e) {
     e.stopPropagation();
     e.dataTransfer.setDragImage(fieldItemRef.current, 10, 10);
     e.dataTransfer.effectAllowed = 'move';
     e.dataTransfer.setData('text/plain', field.key);
   };
-
   var onTableDragEnter = function onTableDragEnter(e) {
     e.stopPropagation();
     enteredCounter++;
-
     if (enteredCounter !== 0 && !isItemDropTipShow) {
       setDropTipShow(true);
     }
   };
-
   var onDragOver = function onDragOver(e) {
     if (e.dataTransfer.dropEffect === 'copy') {
       return;
     }
-
     e.stopPropagation();
     e.preventDefault();
     e.dataTransfer.dropEffect = 'move';
   };
-
   var onDragLeave = function onDragLeave(e) {
     e.stopPropagation();
     enteredCounter--;
-
     if (enteredCounter === 0) {
       setDropTipShow(false);
     }
   };
-
   var onDrop = function onDrop(e) {
     e.stopPropagation();
     e.preventDefault();
@@ -66,7 +55,6 @@ function FieldItem(_ref) {
     if (droppedColumnKey === field.key) return;
     onMoveField(droppedColumnKey, field.key);
   };
-
   var placeholder = function placeholder() {
     return /*#__PURE__*/React.createElement("div", {
       className: "field-switch"
@@ -74,7 +62,6 @@ function FieldItem(_ref) {
       className: "dtable-font ".concat(COLUMNS_ICON_CONFIG[field.type])
     }), /*#__PURE__*/React.createElement("span", null, field.name));
   };
-
   return /*#__PURE__*/React.createElement("div", {
     ref: fieldItemRef,
     className: "field-item-container ".concat(isCollapsed ? 'd-none' : ''),
@@ -95,5 +82,4 @@ function FieldItem(_ref) {
     onChange: handleClickField
   }));
 }
-
 export default FieldItem;

package/lib/FieldDisplaySetting/index.js

@@ -8,25 +8,21 @@ import './index.css';
 var FIELD_ITEM_HEIGHT = 30;
 var BANNER_HEIGHT = 24;
 var DURATION = 300;
-
 function FieldDisplaySetting(_ref) {
   var fields = _ref.fields,
-      textProperties = _ref.textProperties,
-      fieldAllShown = _ref.fieldAllShown,
-      onClickField = _ref.onClickField,
-      onMoveField = _ref.onMoveField,
-      onToggleFieldsVisibility = _ref.onToggleFieldsVisibility;
+    textProperties = _ref.textProperties,
+    fieldAllShown = _ref.fieldAllShown,
+    onClickField = _ref.onClickField,
+    onMoveField = _ref.onMoveField,
+    onToggleFieldsVisibility = _ref.onToggleFieldsVisibility;
   var nodeRef = useRef(null);
-
   var _useState = useState(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      isCollapsed = _useState2[0],
-      setCollapsed = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isCollapsed = _useState2[0],
+    setCollapsed = _useState2[1];
   var expandAllFields = function expandAllFields() {
     setCollapsed(!isCollapsed);
   };
-
   var defaultStyle = {
     transition: "all ".concat(DURATION, "ms cubic-bezier(.645,.045,.355,1)"),
     opacity: 0
@@ -87,5 +83,4 @@ function FieldDisplaySetting(_ref) {
     })));
   }));
 }
-
 export default FieldDisplaySetting;

package/lib/FileEditor/index.js

@@ -5,22 +5,16 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import { Modal, ModalHeader, ModalBody } from 'reactstrap';
 import { getLocale } from '../lang';
-
 var FileEditor = /*#__PURE__*/function (_React$Component) {
   _inherits(FileEditor, _React$Component);
-
   var _super = _createSuper(FileEditor);
-
   function FileEditor(props) {
     var _this;
-
     _classCallCheck(this, FileEditor);
-
     _this = _super.call(this, props);
     _this.state = {};
     return _this;
   }
-
   _createClass(FileEditor, [{
     key: "render",
     value: function render() {
@@ -35,10 +29,8 @@ var FileEditor = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
   return FileEditor;
 }(React.Component);
-
 FileEditor.defaultProps = {
   isCheckRepeat: false,
   columnType: 'file'

package/lib/FileFormatter/index.js

@@ -6,32 +6,24 @@ import React from 'react';
 import classnames from 'classnames';
 import FileItemFormatter from '../FileItemFormatter';
 import './index.css';
-
 var FileFormatter = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(FileFormatter, _React$PureComponent);
-
   var _super = _createSuper(FileFormatter);
-
   function FileFormatter() {
     _classCallCheck(this, FileFormatter);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(FileFormatter, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          isSample = _this$props.isSample,
-          value = _this$props.value,
-          containerClassName = _this$props.containerClassName;
-
+        isSample = _this$props.isSample,
+        value = _this$props.value,
+        containerClassName = _this$props.containerClassName;
       if (!Array.isArray(value) || value.length === 0) {
         return null;
       }
-
       var className = classnames('dtable-ui cell-formatter-container file-formatter', containerClassName);
-
       if (isSample) {
         var item = value[0];
         return /*#__PURE__*/React.createElement("div", {
@@ -42,7 +34,6 @@ var FileFormatter = /*#__PURE__*/function (_React$PureComponent) {
           className: "file-item-count"
         }, "+".concat(value.length)));
       }
-
       return /*#__PURE__*/React.createElement("div", {
         className: className
       }, value.map(function (item, index) {
@@ -53,10 +44,8 @@ var FileFormatter = /*#__PURE__*/function (_React$PureComponent) {
       }));
     }
   }]);
-
   return FileFormatter;
 }(React.PureComponent);
-
 FileFormatter.defaultProps = {
   isSample: false,
   value: [],

package/lib/FileItemFormatter/index.js

@@ -4,34 +4,23 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import { getFileIconUrl } from './utils';
-
 var FileItemFormatter = /*#__PURE__*/function (_Component) {
   _inherits(FileItemFormatter, _Component);
-
   var _super = _createSuper(FileItemFormatter);
-
   function FileItemFormatter() {
     var _this;
-
     _classCallCheck(this, FileItemFormatter);
-
     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.getFileIconData = function (item) {
       var fileIconUrl = getFileIconUrl(item.name, item.type);
-
       var fileIconData = require('./' + fileIconUrl);
-
       return fileIconData;
     };
-
     return _this;
   }
-
   _createClass(FileItemFormatter, [{
     key: "render",
     value: function render() {
@@ -43,8 +32,6 @@ var FileItemFormatter = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-
   return FileItemFormatter;
 }(Component);
-
 export { FileItemFormatter as default };

package/lib/FileItemFormatter/utils.js

@@ -49,24 +49,18 @@ var FILEEXT_ICON_MAP = {
 export var getFileIconUrl = function getFileIconUrl(filename, direntType) {
   if (direntType === 'dir') {
     var _iconUrl = 'assets/folder/' + FILEEXT_ICON_MAP['folder'];
-
     return _iconUrl;
   }
-
   var iconUrl = '';
-
   if (filename.lastIndexOf('.') === -1) {
     iconUrl = 'assets/file/192/' + FILEEXT_ICON_MAP['default'];
     return iconUrl;
   }
-
   var file_ext = filename.substr(filename.lastIndexOf('.') + 1).toLowerCase();
-
   if (FILEEXT_ICON_MAP[file_ext]) {
     iconUrl = 'assets/file/192/' + FILEEXT_ICON_MAP[file_ext];
   } else {
     iconUrl = 'assets/file/192/' + FILEEXT_ICON_MAP['default'];
   }
-
   return iconUrl;
 };

package/lib/FileUploader/index.js

@@ -3,40 +3,26 @@ 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 from 'react';
-
 var FileUploader = /*#__PURE__*/function (_React$Component) {
   _inherits(FileUploader, _React$Component);
-
   var _super = _createSuper(FileUploader);
-
   function FileUploader(props) {
     var _this;
-
     _classCallCheck(this, FileUploader);
-
     _this = _super.call(this, props);
-
     _this.onFilesChanged = function () {};
-
     _this.uploadFiles = function (fileList) {
       var isMultiple = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     };
-
     _this.checkRepeat = function () {};
-
     _this.cancelUploadFile = function () {};
-
     _this.onFileUploadProgress = function () {};
-
     _this.onFileUploadSuccss = function () {};
-
     _this.onFileUploadFailed = function () {};
-
     _this.state = {};
     _this.uploadFiles = [];
     return _this;
   }
-
   _createClass(FileUploader, [{
     key: "render",
     value: function render() {
@@ -46,8 +32,6 @@ var FileUploader = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-
   return FileUploader;
 }(React.Component);
-
 export default FileUploader;

package/lib/FormulaFormatter/cell-value-validator.js

@@ -1,31 +1,21 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 var _validators;
-
 import { FORMULA_RESULT_TYPE, CellType } from '../constants';
-
 var numberValidator = function numberValidator(value) {
   return (value || value === 0) && Object.prototype.toString.call(value) === '[object Number]';
 };
-
 var textValidator = function textValidator(value) {
   return !!value;
 };
-
 var checkboxValidator = function checkboxValidator(value) {
   return typeof value === 'boolean';
 };
-
 var validators = (_validators = {}, _defineProperty(_validators, CellType.NUMBER, numberValidator), _defineProperty(_validators, CellType.RATE, numberValidator), _defineProperty(_validators, CellType.DURATION, numberValidator), _defineProperty(_validators, CellType.CHECKBOX, checkboxValidator), _defineProperty(_validators, CellType.TEXT, textValidator), _defineProperty(_validators, CellType.DATE, textValidator), _defineProperty(_validators, CellType.CTIME, textValidator), _defineProperty(_validators, CellType.MTIME, textValidator), _defineProperty(_validators, CellType.GEOLOCATION, textValidator), _defineProperty(_validators, CellType.AUTO_NUMBER, textValidator), _defineProperty(_validators, CellType.URL, textValidator), _defineProperty(_validators, CellType.EMAIL, textValidator), _defineProperty(_validators, FORMULA_RESULT_TYPE.DATE, textValidator), _defineProperty(_validators, FORMULA_RESULT_TYPE.STRING, textValidator), _defineProperty(_validators, FORMULA_RESULT_TYPE.NUMBER, numberValidator), _defineProperty(_validators, FORMULA_RESULT_TYPE.BOOL, checkboxValidator), _validators);
-
 var cellValueValidator = function cellValueValidator(cellValue, type) {
   var validator = validators[type];
-
   if (validator) {
     return validator(cellValue);
   }
-
   return true;
 };
-
 export default cellValueValidator;