dtable-ui-component 4.3.6 → 4.3.8

package/lib/common/delete-tip.js

@@ -1,72 +1,47 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-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';
 import ModalPortal from './modal-portal';
 import { getLocale } from '../lang';
 import './delete-tip.css';
-var DeleteTip = /*#__PURE__*/function (_React$Component) {
-  _inherits(DeleteTip, _React$Component);
-  var _super = _createSuper(DeleteTip);
-  function DeleteTip() {
-    var _this;
-    _classCallCheck(this, DeleteTip);
-    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.handleOutsideClick = function (e) {
-      if (_this.tipContainer && !_this.tipContainer.contains(e.target)) {
-        _this.props.toggle();
+export default class DeleteTip extends React.Component {
+  constructor() {
+    super(...arguments);
+    this.handleOutsideClick = e => {
+      if (this.tipContainer && !this.tipContainer.contains(e.target)) {
+        this.props.toggle();
       }
     };
-    return _this;
   }
-  _createClass(DeleteTip, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      document.addEventListener('click', this.handleOutsideClick);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      document.removeEventListener('click', this.handleOutsideClick);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        toggle = _this$props.toggle,
-        onDelete = _this$props.onDelete,
-        position = _this$props.position,
-        deleteTip = _this$props.deleteTip;
-      return /*#__PURE__*/React.createElement(ModalPortal, null, /*#__PURE__*/React.createElement("div", {
-        ref: function ref(node) {
-          return _this2.tipContainer = node;
-        },
-        className: "dtable-tip tip-container",
-        style: {
-          top: position.top,
-          left: position.left
-        },
-        onClick: function onClick(e) {
-          return e.stopPropagation();
-        }
-      }, /*#__PURE__*/React.createElement("b", {
-        className: "mb-4"
-      }, deleteTip), /*#__PURE__*/React.createElement("div", {
-        className: "d-flex justify-content-end"
-      }, /*#__PURE__*/React.createElement("button", {
-        className: "btn btn-secondary mr-2",
-        onClick: toggle
-      }, getLocale('Cancel')), /*#__PURE__*/React.createElement("button", {
-        className: "btn btn-primary",
-        onClick: onDelete
-      }, getLocale('Delete')))));
-    }
-  }]);
-  return DeleteTip;
-}(React.Component);
-export { DeleteTip as default };
+  componentDidMount() {
+    document.addEventListener('click', this.handleOutsideClick);
+  }
+  componentWillUnmount() {
+    document.removeEventListener('click', this.handleOutsideClick);
+  }
+  render() {
+    const {
+      toggle,
+      onDelete,
+      position,
+      deleteTip
+    } = this.props;
+    return /*#__PURE__*/React.createElement(ModalPortal, null, /*#__PURE__*/React.createElement("div", {
+      ref: node => this.tipContainer = node,
+      className: "dtable-tip tip-container",
+      style: {
+        top: position.top,
+        left: position.left
+      },
+      onClick: e => e.stopPropagation()
+    }, /*#__PURE__*/React.createElement("b", {
+      className: "mb-4"
+    }, deleteTip), /*#__PURE__*/React.createElement("div", {
+      className: "d-flex justify-content-end"
+    }, /*#__PURE__*/React.createElement("button", {
+      className: "btn btn-secondary mr-2",
+      onClick: toggle
+    }, getLocale('Cancel')), /*#__PURE__*/React.createElement("button", {
+      className: "btn btn-primary",
+      onClick: onDelete
+    }, getLocale('Delete')))));
+  }
+}

package/lib/common/modal-portal.js

@@ -1,36 +1,18 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-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';
 import ReactDOM from 'react-dom';
-var modalRoot = document.getElementById('modal-wrapper');
-var ModalPortal = /*#__PURE__*/function (_React$Component) {
-  _inherits(ModalPortal, _React$Component);
-  var _super = _createSuper(ModalPortal);
-  function ModalPortal(props) {
-    var _this;
-    _classCallCheck(this, ModalPortal);
-    _this = _super.call(this, props);
-    _this.el = document.createElement('div');
-    return _this;
+const modalRoot = document.getElementById('modal-wrapper');
+export default class ModalPortal extends React.Component {
+  constructor(props) {
+    super(props);
+    this.el = document.createElement('div');
   }
-  _createClass(ModalPortal, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      modalRoot.appendChild(this.el);
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      modalRoot.removeChild(this.el);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return ReactDOM.createPortal(this.props.children, this.el);
-    }
-  }]);
-  return ModalPortal;
-}(React.Component);
-export { ModalPortal as default };
+  componentDidMount() {
+    modalRoot.appendChild(this.el);
+  }
+  componentWillUnmount() {
+    modalRoot.removeChild(this.el);
+  }
+  render() {
+    return ReactDOM.createPortal(this.props.children, this.el);
+  }
+}

package/lib/constants/index.js

@@ -1,5 +1,5 @@
 import { CellType, FORMULA_RESULT_TYPE } from 'dtable-utils';
-var NUMBER_TYPES = {
+const NUMBER_TYPES = {
   'NUMBER': 'number',
   'NUMBER_WITH_COMMAS': 'number-with-commas',
   'PERCENT': 'percent',
@@ -8,7 +8,7 @@ var NUMBER_TYPES = {
   'DOLLAR': 'dollar',
   'CUSTOM_CURRENCY': 'custom_currency'
 };
-var DATE_TYPES = {
+const DATE_TYPES = {
   'D/M/YYYY': 'D/M/YYYY',
   'D/M/YYYY HH:mm': 'D/M/YYYY HH:mm',
   'M/D/YYYY': 'M/D/YY',
@@ -16,7 +16,7 @@ var DATE_TYPES = {
   'YYYY-MM-DD': 'YYYY-MM-DD',
   'YYYY-MM-DD HH:mm': 'YYYY-MM-DD HH:mm'
 };
-var SIMPLE_CELL_COLUMNS = [CellType.TEXT, CellType.NUMBER, CellType.DATE, CellType.CTIME, CellType.MTIME, CellType.AUTO_NUMBER, CellType.URL, CellType.EMAIL, CellType.DURATION, CellType.CHECKBOX, CellType.RATE];
-var ARRAY_FORMAT_COLUMNS = [CellType.IMAGE, CellType.FILE, CellType.MULTIPLE_SELECT, CellType.COLLABORATOR];
-var SIMPLE_CELL_FORMULA_RESULTS = [FORMULA_RESULT_TYPE.NUMBER, FORMULA_RESULT_TYPE.STRING, FORMULA_RESULT_TYPE.DATE, FORMULA_RESULT_TYPE.BOOL];
+const SIMPLE_CELL_COLUMNS = [CellType.TEXT, CellType.NUMBER, CellType.DATE, CellType.CTIME, CellType.MTIME, CellType.AUTO_NUMBER, CellType.URL, CellType.EMAIL, CellType.DURATION, CellType.CHECKBOX, CellType.RATE];
+const ARRAY_FORMAT_COLUMNS = [CellType.IMAGE, CellType.FILE, CellType.MULTIPLE_SELECT, CellType.COLLABORATOR];
+const SIMPLE_CELL_FORMULA_RESULTS = [FORMULA_RESULT_TYPE.NUMBER, FORMULA_RESULT_TYPE.STRING, FORMULA_RESULT_TYPE.DATE, FORMULA_RESULT_TYPE.BOOL];
 export { CellType, NUMBER_TYPES, DATE_TYPES, FORMULA_RESULT_TYPE, SIMPLE_CELL_COLUMNS, ARRAY_FORMAT_COLUMNS, SIMPLE_CELL_FORMULA_RESULTS };

package/lib/data/dtable-value.js

@@ -1,4 +1,4 @@
-var DTABLE_VALUE = {
+const DTABLE_VALUE = {
   'tables': [{
     '_id': '0000',
     'name': 'Table1',
@@ -2709,7 +2709,7 @@ var DTABLE_VALUE = {
     'header_settings': {}
   }]
 };
-var DEPARTMENTS = [{
+const DEPARTMENTS = [{
   id: 1,
   id_in_org: 1,
   name: '海文互知',
@@ -2728,7 +2728,7 @@ var DEPARTMENTS = [{
   org_id: -1,
   parent_id: 1
 }];
-var COLLABORATORS = [{
+const COLLABORATORS = [{
   'avatar_url': 'https://dev.seatable.cn/image-view/avatars/0/0/916e1e9e7c6184061cb7d96a680292/resized/80/de58ef113a311d390934b06ceafd77cf.png',
   'contact_email': '',
   'email': 'anbing@1.com',
@@ -2757,7 +2757,7 @@ var COLLABORATORS = [{
   'name_pinyin': 'an\'bing',
   'id': 'W-00009'
 }];
-var SIGN_CONFIG = {
+const SIGN_CONFIG = {
   server: 'https://dev.seatable.cn',
   workspaceID: 3,
   dtableUuid: '8327efbf-c9ff-4a14-9010-00e801a7e295'

package/lib/formatterConfig/base-formatter-config.js

@@ -1,5 +1,3 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _CellType$DEFAULT$Cel;
 import React from 'react';
 import { CellType } from '../constants';
 import CheckboxFormatter from '../CheckboxFormatter';
@@ -23,4 +21,27 @@ import EmailFormatter from '../EmailFormatter';
 import DurationFormatter from '../DurationFormatter';
 import RateFormatter from '../RateFormatter';
 import ButtonFormatter from '../ButtonFormatter';
-export default (_CellType$DEFAULT$Cel = {}, _defineProperty(_CellType$DEFAULT$Cel, CellType.DEFAULT, /*#__PURE__*/React.createElement(TextCellFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.TEXT, /*#__PURE__*/React.createElement(TextCellFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.CHECKBOX, /*#__PURE__*/React.createElement(CheckboxFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.LONG_TEXT, /*#__PURE__*/React.createElement(SimpleLongTextFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.SINGLE_SELECT, /*#__PURE__*/React.createElement(SingleSelectFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.IMAGE, /*#__PURE__*/React.createElement(ImageFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.FILE, /*#__PURE__*/React.createElement(FileFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.MULTIPLE_SELECT, /*#__PURE__*/React.createElement(MultipleSelectFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.COLLABORATOR, /*#__PURE__*/React.createElement(CollaboratorFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.NUMBER, /*#__PURE__*/React.createElement(NumberFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.DATE, /*#__PURE__*/React.createElement(DateFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.CREATOR, /*#__PURE__*/React.createElement(CreatorFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.CTIME, /*#__PURE__*/React.createElement(CTimeFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.LAST_MODIFIER, /*#__PURE__*/React.createElement(LastModifierFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.MTIME, /*#__PURE__*/React.createElement(MTimeFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.GEOLOCATION, /*#__PURE__*/React.createElement(GeolocationFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.AUTO_NUMBER, /*#__PURE__*/React.createElement(AutoNumberFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.URL, /*#__PURE__*/React.createElement(UrlFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.EMAIL, /*#__PURE__*/React.createElement(EmailFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.DURATION, /*#__PURE__*/React.createElement(DurationFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.RATE, /*#__PURE__*/React.createElement(RateFormatter, null)), _defineProperty(_CellType$DEFAULT$Cel, CellType.BUTTON, /*#__PURE__*/React.createElement(ButtonFormatter, null)), _CellType$DEFAULT$Cel);
+export default {
+  [CellType.DEFAULT]: /*#__PURE__*/React.createElement(TextCellFormatter, null),
+  [CellType.TEXT]: /*#__PURE__*/React.createElement(TextCellFormatter, null),
+  [CellType.CHECKBOX]: /*#__PURE__*/React.createElement(CheckboxFormatter, null),
+  [CellType.LONG_TEXT]: /*#__PURE__*/React.createElement(SimpleLongTextFormatter, null),
+  [CellType.SINGLE_SELECT]: /*#__PURE__*/React.createElement(SingleSelectFormatter, null),
+  [CellType.IMAGE]: /*#__PURE__*/React.createElement(ImageFormatter, null),
+  [CellType.FILE]: /*#__PURE__*/React.createElement(FileFormatter, null),
+  [CellType.MULTIPLE_SELECT]: /*#__PURE__*/React.createElement(MultipleSelectFormatter, null),
+  [CellType.COLLABORATOR]: /*#__PURE__*/React.createElement(CollaboratorFormatter, null),
+  [CellType.NUMBER]: /*#__PURE__*/React.createElement(NumberFormatter, null),
+  [CellType.DATE]: /*#__PURE__*/React.createElement(DateFormatter, null),
+  [CellType.CREATOR]: /*#__PURE__*/React.createElement(CreatorFormatter, null),
+  [CellType.CTIME]: /*#__PURE__*/React.createElement(CTimeFormatter, null),
+  [CellType.LAST_MODIFIER]: /*#__PURE__*/React.createElement(LastModifierFormatter, null),
+  [CellType.MTIME]: /*#__PURE__*/React.createElement(MTimeFormatter, null),
+  [CellType.GEOLOCATION]: /*#__PURE__*/React.createElement(GeolocationFormatter, null),
+  [CellType.AUTO_NUMBER]: /*#__PURE__*/React.createElement(AutoNumberFormatter, null),
+  [CellType.URL]: /*#__PURE__*/React.createElement(UrlFormatter, null),
+  [CellType.EMAIL]: /*#__PURE__*/React.createElement(EmailFormatter, null),
+  [CellType.DURATION]: /*#__PURE__*/React.createElement(DurationFormatter, null),
+  [CellType.RATE]: /*#__PURE__*/React.createElement(RateFormatter, null),
+  [CellType.BUTTON]: /*#__PURE__*/React.createElement(ButtonFormatter, null)
+};

package/lib/formatterConfig/index.js

@@ -1,10 +1,11 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-var _objectSpread2;
 import React from 'react';
 import { CellType } from '../constants';
 import BaseFormatterConfig from './base-formatter-config';
 import LinkFormatter from '../LinkFormatter';
 import FormulaFormatter from '../FormulaFormatter';
-var FormatterConfig = _objectSpread(_objectSpread({}, BaseFormatterConfig), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, CellType.FORMULA, /*#__PURE__*/React.createElement(FormulaFormatter, null)), _defineProperty(_objectSpread2, CellType.LINK, /*#__PURE__*/React.createElement(LinkFormatter, null)), _objectSpread2));
+const FormatterConfig = {
+  ...BaseFormatterConfig,
+  [CellType.FORMULA]: /*#__PURE__*/React.createElement(FormulaFormatter, null),
+  [CellType.LINK]: /*#__PURE__*/React.createElement(LinkFormatter, null)
+};
 export default FormatterConfig;

package/lib/lang/index.js

@@ -2,16 +2,16 @@ import de from '../locals/de';
 import en from '../locals/en';
 import fr from '../locals/fr';
 import zh_CN from '../locals/zh-CN';
-var langData = {
+let langData = {
   'de': de,
   'en': en,
   'fr': fr,
   'zh-cn': zh_CN
 };
-var LANGUAGE = 'en';
-var LANGUAGE_MAP = langData[LANGUAGE];
+const LANGUAGE = 'en';
+let LANGUAGE_MAP = langData[LANGUAGE];
 export function setLocale(args) {
-  var lang = typeof args === 'string' ? args : LANGUAGE;
+  let lang = typeof args === 'string' ? args : LANGUAGE;
   LANGUAGE_MAP = langData[lang] || langData[LANGUAGE];
 }
 export function getLocale(key, def) {
@@ -26,14 +26,14 @@ export function substitute(str, obj) {
     if (str.indexOf('{') < 0) {
       return str;
     }
-    return str.replace(/\\?\{([^{}]+)\}/g, function (match, name) {
+    return str.replace(/\\?\{([^{}]+)\}/g, (match, name) => {
       if (match.charAt(0) === '\\') {
         return match.slice(1);
       }
       return obj[name] === null || obj[name] === undefined ? '' : obj[name];
     });
   } else if (typeof str === 'function') {
-    var val = str(obj);
+    let val = str(obj);
     if (val === obj && typeof val === 'object') {
       val = Object.assign({}, obj);
     }

package/lib/locals/de.js

@@ -1,2 +1,2 @@
-var de = {};
+const de = {};
 export default de;

package/lib/locals/en.js

@@ -1,4 +1,4 @@
-var en = {
+const en = {
   Add_an_option: 'Add an option',
   Find_an_option: 'Find a option',
   No_options_available: 'No options available',

package/lib/locals/fr.js

@@ -1,2 +1,2 @@
-var fr = {};
+const fr = {};
 export default fr;

package/lib/locals/zh-CN.js

@@ -1,4 +1,4 @@
-var zh_CN = {
+const zh_CN = {
   Add_an_option: '添加一个选项',
   Find_an_option: '查找标签',
   No_options_available: '没有找到标签。',