dtable-ui-component 0.1.94-test5 → 0.1.94-test8

package/lib/ButtonFormatter/index.js

@@ -12,9 +12,27 @@ var ButtonFormatter = /*#__PURE__*/function (_React$Component) {
   var _super = _createSuper(ButtonFormatter);
 
   function ButtonFormatter() {
+    var _this;
+
     _classCallCheck(this, ButtonFormatter);
 
-    return _super.apply(this, arguments);
+    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.handleClick = function () {
+      var _this$props$data = _this.props.data,
+          button_type = _this$props$data.button_type,
+          url_address = _this$props$data.url_address;
+
+      if (button_type == 'open_url' && url_address) {
+        window.open(url_address);
+      }
+    };
+
+    return _this;
   }
 
   _createClass(ButtonFormatter, [{
@@ -45,7 +63,8 @@ var ButtonFormatter = /*#__PURE__*/function (_React$Component) {
       };
       return /*#__PURE__*/React.createElement("div", {
         className: cn('dtable-ui cell-formatter-container button-formatter', containerClassName),
-        style: btnStyle
+        style: btnStyle,
+        onClick: this.handleClick
       }, button_name);
     }
   }]);

package/lib/CollaboratorEditor/index.js

@@ -73,7 +73,7 @@ var CollaboratorEditor = /*#__PURE__*/function (_React$Component) {
     _this.onCommit = function (newValue) {
       var updated = {};
       var column = _this.props.column;
-      updated[column.key] = newValue;
+      updated[column.name] = newValue;
 
       _this.props.onCommit(updated);
     };

package/lib/TextEditor/index.js

@@ -18,25 +18,24 @@ var TextEditor = /*#__PURE__*/function (_React$Component) {
 
     _this = _super.call(this, props);
 
-    _this.onCommit = function () {
+    _this.onCommit = function (newValue) {
       var updated = {};
-      var column = _this.props.column;
-      var newValue = _this.state.newValue;
+      var _this$props = _this.props,
+          column = _this$props.column,
+          value = _this$props.value;
+
+      if (newValue == value) {
+        return;
+      } //let { newValue } = this.state;
+
+
       updated[column.name] = newValue ? newValue.trim() : '';
 
       _this.props.onCommit(updated);
     };
 
-    _this.onBlur = function () {
-      _this.onCommit();
-    };
-
-    _this.onChange = function (event) {
-      var value = event.target.value;
-
-      _this.setState({
-        newValue: value
-      });
+    _this.onBlur = function (e) {
+      _this.onCommit(e.target.value);
     };
 
     _this.onKeyDown = function (event) {
@@ -65,8 +64,7 @@ var TextEditor = /*#__PURE__*/function (_React$Component) {
       _this.input = input;
     };
 
-    _this.state = {
-      newValue: props.value
+    _this.state = {//newValue: props.value
     };
     return _this;
   }
@@ -74,7 +72,10 @@ var TextEditor = /*#__PURE__*/function (_React$Component) {
   _createClass(TextEditor, [{
     key: "render",
     value: function render() {
-      var isReadOnly = this.props.isReadOnly;
+      var _this$props2 = this.props,
+          isReadOnly = _this$props2.isReadOnly,
+          value = _this$props2.value; //onChange={this.onChange}
+
       return /*#__PURE__*/React.createElement("div", {
         className: "cell-editor text-editor"
       }, /*#__PURE__*/React.createElement("div", {
@@ -82,9 +83,8 @@ var TextEditor = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/React.createElement(Input, {
         ref: this.setInputRef,
         type: "text",
-        value: this.state.newValue,
+        defaultValue: value,
         readOnly: isReadOnly,
-        onChange: this.onChange,
         onKeyDown: this.onKeyDown,
         onBlur: this.onBlur,
         onCut: this.onCut,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "0.1.94-test5",
+  "version": "0.1.94-test8",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "0.0.9",