dtable-ui-component 0.3.2 → 0.3.4-alpha1

package/lib/common/delete-tip.js

@@ -0,0 +1,84 @@
+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();
+      }
+    };
+
+    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 };

package/lib/common/modal-portal.js

@@ -0,0 +1,44 @@
+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;
+  }
+
+  _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 };

package/lib/constants/cell-types.js

@@ -22,4 +22,8 @@ export var URL = 'url';
 export var EMAIL = 'email';
 export var DURATION = 'duration';
 export var RATE = 'rate';
-export var BUTTON = 'button';
+export var BUTTON = 'button';
+export var DIGITAL_SIGN = 'digital-sign'; // formula | link-formula column calculate result type
+
+export var BOOL = 'bool';
+export var STRING = 'string';