dtable-ui-component 0.1.75-beta2 → 0.1.75-beta3

package/lib/app.js

@@ -1,91 +1,96 @@
-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 { CollaboratorFormatter, SingleSelectFormatter } from './index';
-import './app.css';
+"use strict";
 
-var App = /*#__PURE__*/function (_React$Component) {
-  _inherits(App, _React$Component);
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = require("./index");
 
-  var _super = _createSuper(App);
+require("./app.css");
+
+var App = /*#__PURE__*/function (_React$Component) {
+  (0, _inheritsLoose2.default)(App, _React$Component);
 
   function App() {
     var _this;
 
-    _classCallCheck(this, App);
-
     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.onDeleteCollaborator = function () {//
-    };
-
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDeleteCollaborator", function () {//
+    });
     return _this;
   }
 
-  _createClass(App, [{
-    key: "render",
-    value: function render() {
-      var collaborators = [{
-        name: '小强',
-        email: '214402@qq.com',
-        avatar_url: '你好饿',
-        contact_email: 'adbd'
-      }];
-      var options = [{
-        id: '1111',
-        name: '未开始',
-        color: '#e3f9f6'
-      }, {
-        id: '2222',
-        name: '进行中',
-        color: '#ff7500'
-      }, {
-        id: '3333',
-        name: '待评审',
-        color: '#eaff56'
-      }, {
-        id: '4444',
-        name: '已评审',
-        color: '#faff72'
-      }, {
-        id: '5555',
-        name: '完成',
-        color: '#00e500'
-      }];
-      return /*#__PURE__*/React.createElement("div", {
-        className: "app"
-      }, /*#__PURE__*/React.createElement("header", {
-        className: "app-header"
-      }, /*#__PURE__*/React.createElement("h1", {
-        className: "text-center"
-      }, 'seatable ui component test')), /*#__PURE__*/React.createElement("div", {
-        className: "app-body"
-      }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", null, "collaborators\u6D4B\u8BD5"), /*#__PURE__*/React.createElement("div", null, "\u5355\u4E2Acollaborators\u6D4B\u8BD5"), /*#__PURE__*/React.createElement(CollaboratorFormatter, {
-        value: '123',
-        collaborators: collaborators
-      }), /*#__PURE__*/React.createElement("div", null, "\u591A\u4E2Acollaborators\u6D4B\u8BD5"), /*#__PURE__*/React.createElement(CollaboratorFormatter, {
-        value: ['123', '4567'],
-        collaborators: collaborators
-      }), /*#__PURE__*/React.createElement("div", null, "\u5E26\u5220\u9664\u6309\u94AE\u6D4B\u8BD5"), /*#__PURE__*/React.createElement(CollaboratorFormatter, {
-        containerClassName: "collaborator-container",
-        value: ['123', '4567'],
-        collaborators: collaborators,
-        enableDeleteCollaborator: true,
-        onDeleteCollaborator: this.onDeleteCollaborator
-      })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", null, "single-select\u6D4B\u8BD5"), /*#__PURE__*/React.createElement(SingleSelectFormatter, {
-        value: '3333',
-        options: options
-      }))));
-    }
-  }]);
+  var _proto = App.prototype;
+
+  _proto.render = function render() {
+    var collaborators = [{
+      name: '小强',
+      email: '214402@qq.com',
+      avatar_url: '你好饿',
+      contact_email: 'adbd'
+    }];
+    var options = [{
+      id: '1111',
+      name: '未开始',
+      color: '#e3f9f6'
+    }, {
+      id: '2222',
+      name: '进行中',
+      color: '#ff7500'
+    }, {
+      id: '3333',
+      name: '待评审',
+      color: '#eaff56'
+    }, {
+      id: '4444',
+      name: '已评审',
+      color: '#faff72'
+    }, {
+      id: '5555',
+      name: '完成',
+      color: '#00e500'
+    }];
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "app"
+    }, /*#__PURE__*/_react.default.createElement("header", {
+      className: "app-header"
+    }, /*#__PURE__*/_react.default.createElement("h1", {
+      className: "text-center"
+    }, 'seatable ui component test')), /*#__PURE__*/_react.default.createElement("div", {
+      className: "app-body"
+    }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h2", null, "collaborators\u6D4B\u8BD5"), /*#__PURE__*/_react.default.createElement("div", null, "\u5355\u4E2Acollaborators\u6D4B\u8BD5"), /*#__PURE__*/_react.default.createElement(_index.CollaboratorFormatter, {
+      value: '123',
+      collaborators: collaborators
+    }), /*#__PURE__*/_react.default.createElement("div", null, "\u591A\u4E2Acollaborators\u6D4B\u8BD5"), /*#__PURE__*/_react.default.createElement(_index.CollaboratorFormatter, {
+      value: ['123', '4567'],
+      collaborators: collaborators
+    }), /*#__PURE__*/_react.default.createElement("div", null, "\u5E26\u5220\u9664\u6309\u94AE\u6D4B\u8BD5"), /*#__PURE__*/_react.default.createElement(_index.CollaboratorFormatter, {
+      containerClassName: "collaborator-container",
+      value: ['123', '4567'],
+      collaborators: collaborators,
+      enableDeleteCollaborator: true,
+      onDeleteCollaborator: this.onDeleteCollaborator
+    })), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h2", null, "single-select\u6D4B\u8BD5"), /*#__PURE__*/_react.default.createElement(_index.SingleSelectFormatter, {
+      value: '3333',
+      options: options
+    }))));
+  };
 
   return App;
-}(React.Component);
+}(_react.default.Component);
 
-export default App;
+var _default = App;
+exports.default = _default;

package/lib/cellFormatterFactory/index.js

@@ -1,25 +1,28 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import formatterConfig from '../formatterConfig';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _formatterConfig = _interopRequireDefault(require("../formatterConfig"));
 
 var CellFormatterFactory = /*#__PURE__*/function () {
-  function CellFormatterFactory() {
-    _classCallCheck(this, CellFormatterFactory);
-  }
-
-  _createClass(CellFormatterFactory, [{
-    key: "createFormatter",
-    value: function createFormatter(formatterType) {
-      if (formatterConfig[formatterType]) {
-        return formatterConfig[formatterType];
-      }
-
-      return null;
+  function CellFormatterFactory() {}
+
+  var _proto = CellFormatterFactory.prototype;
+
+  _proto.createFormatter = function createFormatter(formatterType) {
+    if (_formatterConfig.default[formatterType]) {
+      return _formatterConfig.default[formatterType];
     }
-  }]);
+
+    return null;
+  };
 
   return CellFormatterFactory;
 }();
 
 var cellFormatterFactory = new CellFormatterFactory();
-export default cellFormatterFactory;
+var _default = cellFormatterFactory;
+exports.default = _default;

package/lib/components/cell-editor/checkbox-editor.js

@@ -1,35 +1,46 @@
-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';
+"use strict";
 
-var CheckboxEditor = /*#__PURE__*/function (_React$Component) {
-  _inherits(CheckboxEditor, _React$Component);
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-  var _super = _createSuper(CheckboxEditor);
+exports.__esModule = true;
+exports.default = void 0;
 
-  function CheckboxEditor(props) {
-    var _this;
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-    _classCallCheck(this, CheckboxEditor);
+var propTypes = {
+  isReadOnly: _propTypes.default.bool,
+  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
+  column: _propTypes.default.object,
+  onCommit: _propTypes.default.func
+};
 
-    _this = _super.call(this, props);
+var CheckboxEditor = /*#__PURE__*/function (_React$Component) {
+  (0, _inheritsLoose2.default)(CheckboxEditor, _React$Component);
 
-    _this.getValue = function () {
+  function CheckboxEditor(props) {
+    var _this;
+
+    _this = _React$Component.call(this, props) || this;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getValue", function () {
       var updated = {};
       var column = _this.props.column;
       updated[column.key] = _this.state.value;
       return updated;
-    };
-
-    _this.onCommit = function () {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onCommit", function () {
       var updated = _this.getValue();
 
       _this.props.onCommit(updated);
-    };
-
-    _this.onChange = function (event) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onChange", function (event) {
       if (_this.props.isReadOnly) {
         return;
       }
@@ -45,60 +56,56 @@ var CheckboxEditor = /*#__PURE__*/function (_React$Component) {
       }, function () {
         _this.onCommit();
       });
-    };
-
-    _this.onKeyDown = function (event) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onKeyDown", function (event) {
       event.stopPropagation();
-    };
-
-    _this.onBlur = function () {// this.onCommit();
-    };
-
-    _this.setInputRef = function (input) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onBlur", function () {// this.onCommit();
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setInputRef", function (input) {
       _this.input = input;
-    };
-
-    _this.getStyle = function () {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getStyle", function () {
       return {
         marginLeft: 0,
         transform: 'scale(1.1)'
       };
-    };
-
+    });
     _this.state = {
       value: props.value ? props.value : false
     };
     return _this;
   }
 
-  _createClass(CheckboxEditor, [{
-    key: "render",
-    value: function render() {
-      var style = this.getStyle();
-      return /*#__PURE__*/React.createElement("div", {
-        className: "cell-editor checkbox-editor"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "checkbox-editor-container"
-      }, /*#__PURE__*/React.createElement("input", {
-        ref: this.setInputRef,
-        type: "checkbox",
-        className: "checkbox",
-        checked: this.state.value,
-        onBlur: this.onBlur,
-        onPaste: this.onPaste,
-        onKeyDown: this.onKeyDown,
-        onChange: this.onChange,
-        style: style,
-        readOnly: this.props.isReadOnly
-      })));
-    }
-  }]);
+  var _proto = CheckboxEditor.prototype;
+
+  _proto.render = function render() {
+    var style = this.getStyle();
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "cell-editor checkbox-editor"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "checkbox-editor-container"
+    }, /*#__PURE__*/_react.default.createElement("input", {
+      ref: this.setInputRef,
+      type: "checkbox",
+      className: "checkbox",
+      checked: this.state.value,
+      onBlur: this.onBlur,
+      onPaste: this.onPaste,
+      onKeyDown: this.onKeyDown,
+      onChange: this.onChange,
+      style: style,
+      readOnly: this.props.isReadOnly
+    })));
+  };
 
   return CheckboxEditor;
-}(React.Component);
+}(_react.default.Component);
 
-CheckboxEditor.defaultProps = {
+(0, _defineProperty2.default)(CheckboxEditor, "defaultProps", {
   isReadOnly: false,
   value: false
-};
-export default CheckboxEditor;
+});
+CheckboxEditor.propTypes = propTypes;
+var _default = CheckboxEditor;
+exports.default = _default;