dtable-ui-component 0.1.75-beta1 → 0.1.75-beta5

package/{es/components/cell-formatter/rate-formatter.js → lib/RateFormatter/index.js}

@@ -4,6 +4,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import cn from 'astro-classname';
+import './index.css';
 
 var RateFormatter = /*#__PURE__*/function (_React$Component) {
   _inherits(RateFormatter, _React$Component);

package/lib/SingleSelectFormatter/index.css

@@ -0,0 +1 @@
+@import url('../css/cell-formatter.css');

package/{es/components/cell-formatter/single-select-formatter.js → lib/SingleSelectFormatter/index.js}

@@ -4,7 +4,8 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import cn from 'astro-classname';
-import SelectItem from '../common/select-item';
+import SelectItem from '../SelectItem';
+import './index.css';
 
 var SingleSelectFormatter = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(SingleSelectFormatter, _React$PureComponent);

package/lib/TextFormatter/index.css

@@ -0,0 +1 @@
+@import url('../css/cell-formatter.css');

package/{es/components/cell-formatter/text-formatter.js → lib/TextFormatter/index.js}

@@ -4,6 +4,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import cn from 'astro-classname';
+import './index.css';
 
 var TextFormatter = /*#__PURE__*/function (_React$Component) {
   _inherits(TextFormatter, _React$Component);

package/lib/UrlFormatter/index.css

@@ -0,0 +1,5 @@
+@import url('../css/cell-formatter.css');
+
+.dtable-ui.url-formatter {
+  text-decoration: underline;
+}

package/{es/components/cell-formatter/url-formatter.js → lib/UrlFormatter/index.js}

@@ -4,6 +4,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import cn from 'astro-classname';
+import './index.css';
 
 var UrlFormatter = /*#__PURE__*/function (_React$Component) {
   _inherits(UrlFormatter, _React$Component);

package/lib/app.js

@@ -1,96 +1,91 @@
-"use strict";
-
-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 _cellFormatter = require("./components/cell-formatter");
-
-require("./app.css");
+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';
 
 var App = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(App, _React$Component);
+  _inherits(App, _React$Component);
+
+  var _super = _createSuper(App);
 
   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 = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDeleteCollaborator", function () {//
-    });
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _this.onDeleteCollaborator = function () {//
+    };
+
     return _this;
   }
 
-  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(_cellFormatter.CollaboratorFormatter, {
-      value: '123',
-      collaborators: collaborators
-    }), /*#__PURE__*/_react.default.createElement("div", null, "\u591A\u4E2Acollaborators\u6D4B\u8BD5"), /*#__PURE__*/_react.default.createElement(_cellFormatter.CollaboratorFormatter, {
-      value: ['123', '4567'],
-      collaborators: collaborators
-    }), /*#__PURE__*/_react.default.createElement("div", null, "\u5E26\u5220\u9664\u6309\u94AE\u6D4B\u8BD5"), /*#__PURE__*/_react.default.createElement(_cellFormatter.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(_cellFormatter.SingleSelectFormatter, {
-      value: '3333',
-      options: options
-    }))));
-  };
+  _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
+      }))));
+    }
+  }]);
 
   return App;
-}(_react.default.Component);
+}(React.Component);
 
-var _default = App;
-exports.default = _default;
+export default App;

package/{es/components/cell-factory/cell-formatter-factory.js → lib/cellFormatterFactory/index.js}

@@ -1,6 +1,6 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import FormatterConfig from '../cell-formatter/formatter-config';
+import formatterConfig from '../formatterConfig';
 
 var CellFormatterFactory = /*#__PURE__*/function () {
   function CellFormatterFactory() {
@@ -10,8 +10,8 @@ var CellFormatterFactory = /*#__PURE__*/function () {
   _createClass(CellFormatterFactory, [{
     key: "createFormatter",
     value: function createFormatter(formatterType) {
-      if (FormatterConfig[formatterType]) {
-        return FormatterConfig[formatterType];
+      if (formatterConfig[formatterType]) {
+        return formatterConfig[formatterType];
       }
 
       return null;

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

@@ -1,46 +1,35 @@
-"use strict";
-
-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 _propTypes = _interopRequireDefault(require("prop-types"));
-
-var propTypes = {
-  isReadOnly: _propTypes.default.bool,
-  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
-  column: _propTypes.default.object,
-  onCommit: _propTypes.default.func
-};
+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';
 
 var CheckboxEditor = /*#__PURE__*/function (_React$Component) {
-  (0, _inheritsLoose2.default)(CheckboxEditor, _React$Component);
+  _inherits(CheckboxEditor, _React$Component);
+
+  var _super = _createSuper(CheckboxEditor);
 
   function CheckboxEditor(props) {
     var _this;
 
-    _this = _React$Component.call(this, props) || this;
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getValue", function () {
+    _classCallCheck(this, CheckboxEditor);
+
+    _this = _super.call(this, props);
+
+    _this.getValue = function () {
       var updated = {};
       var column = _this.props.column;
       updated[column.key] = _this.state.value;
       return updated;
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onCommit", function () {
+    };
+
+    _this.onCommit = function () {
       var updated = _this.getValue();
 
       _this.props.onCommit(updated);
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onChange", function (event) {
+    };
+
+    _this.onChange = function (event) {
       if (_this.props.isReadOnly) {
         return;
       }
@@ -56,56 +45,60 @@ var CheckboxEditor = /*#__PURE__*/function (_React$Component) {
       }, function () {
         _this.onCommit();
       });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onKeyDown", function (event) {
+    };
+
+    _this.onKeyDown = function (event) {
       event.stopPropagation();
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onBlur", function () {// this.onCommit();
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setInputRef", function (input) {
+    };
+
+    _this.onBlur = function () {// this.onCommit();
+    };
+
+    _this.setInputRef = function (input) {
       _this.input = input;
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getStyle", function () {
+    };
+
+    _this.getStyle = function () {
       return {
         marginLeft: 0,
         transform: 'scale(1.1)'
       };
-    });
+    };
+
     _this.state = {
       value: props.value ? props.value : false
     };
     return _this;
   }
 
-  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
-    })));
-  };
+  _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
+      })));
+    }
+  }]);
 
   return CheckboxEditor;
-}(_react.default.Component);
+}(React.Component);
 
-(0, _defineProperty2.default)(CheckboxEditor, "defaultProps", {
+CheckboxEditor.defaultProps = {
   isReadOnly: false,
   value: false
-});
-CheckboxEditor.propTypes = propTypes;
-var _default = CheckboxEditor;
-exports.default = _default;
+};
+export default CheckboxEditor;