dtable-ui-component 6.0.112 → 6.0.113-iin.3

package/lib/DTableToolTip/index.css

@@ -0,0 +1,45 @@
+.dtable-tooltip {
+  position: absolute;
+  z-index: 1070;
+}
+
+.dtable-tooltip .tooltip {
+  max-width: 242px;
+  opacity: 1;
+}
+
+.dtable-tooltip .tooltip .tooltip-inner {
+  font-size: 14px;
+  text-align: start;
+  background-color: var(--bs-body-color);
+  color: var(--bs-body-bg);
+  border-radius: 4px;
+  padding: 4px 8px;
+  line-height: 20px;
+  font-weight: normal;
+  white-space: nowrap;
+}
+
+.dtable-tooltip-shortcut-inner {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 4px;
+  line-height: 20px;
+}
+
+.dtable-tooltip-shortcut-keys {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  flex-shrink: 0;
+}
+
+.dtable-tooltip-shortcut-key {
+  display: inline-block;
+  padding: 2px 8px;
+  border: 1px solid #999;
+  border-radius: 4px;
+  white-space: nowrap;
+  line-height: 14px;
+}

package/lib/DTableToolTip/index.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _reactstrap = require("reactstrap");
+require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+const DTableToolTip = _ref => {
+  let {
+    target,
+    placement = 'bottom',
+    className,
+    children,
+    shortcut
+  } = _ref;
+  const hasShortcut = Boolean(shortcut);
+  const renderContent = () => {
+    if (hasShortcut) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "dtable-tooltip-shortcut-inner",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "dtable-tooltip-text",
+          children: children
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "dtable-tooltip-shortcut-keys",
+          children: shortcut.map((key, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "dtable-tooltip-shortcut-key",
+            children: key
+          }, index))
+        })]
+      });
+    }
+    return children;
+  };
+  const tooltipProps = {
+    target,
+    placement,
+    className: "dtable-tooltip ".concat(className ? className : ''),
+    innerClassName: hasShortcut ? 'dtable-tooltip-shortcut-inner' : '',
+    delay: {
+      show: 0,
+      hide: 0
+    },
+    hideArrow: true,
+    autohide: false,
+    modifiers: [{
+      name: 'offset',
+      options: {
+        offset: [0, -2.5]
+      }
+    }, {
+      name: 'preventOverflow',
+      options: {
+        boundariesElement: 'window'
+      }
+    }]
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.UncontrolledTooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, tooltipProps), {}, {
+    children: renderContent()
+  }));
+};
+var _default = exports.default = DTableToolTip;

package/lib/index.js

@@ -202,6 +202,12 @@ Object.defineProperty(exports, "DTableSwitch", {
     return _DTableSwitch.default;
   }
 });
+Object.defineProperty(exports, "DTableToolTip", {
+  enumerable: true,
+  get: function () {
+    return _DTableToolTip.default;
+  }
+});
 Object.defineProperty(exports, "DateEditor", {
   enumerable: true,
   get: function () {
@@ -691,6 +697,7 @@ var _index = _interopRequireDefault(require("./DTableGroupSelect/index"));
 var _dtableSelectLabel = _interopRequireDefault(require("./DTableSelect/dtable-select-label"));
 var _DTableSwitch = _interopRequireDefault(require("./DTableSwitch"));
 var _DTableCustomizeSelect = _interopRequireDefault(require("./DTableCustomizeSelect"));
+var _DTableToolTip = _interopRequireDefault(require("./DTableToolTip"));
 var _DTableCustomizeCollaboratorSelect = _interopRequireDefault(require("./DTableCustomizeCollaboratorSelect"));
 var _DTableSearchInput = _interopRequireDefault(require("./DTableSearchInput"));
 var _DTableColorPicker = _interopRequireDefault(require("./DTableColorPicker"));

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "dtable-ui-component",
-  "version": "6.0.112",
+  "version": "6.0.113iin.3",
   "main": "./lib/index.js",
   "dependencies": {
-    "@seafile/react-image-lightbox": "^5.0.4",
+    "@seafile/react-image-lightbox": "^5.0.6",
     "@seafile/seafile-calendar": "^1.0.10",
-    "@seafile/seafile-editor": "^3.0.30",
+    "@seafile/seafile-editor": "^3.0.31",
     "classnames": "~2.5.*",
     "dayjs": "1.10.7",
     "dtable-utils": "~5.0.27",