dtable-ui-component 6.0.113-mba.4 → 6.0.114

package/lib/index.js

@@ -202,12 +202,6 @@ 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 () {
@@ -697,7 +691,6 @@ 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.113mba.4",
+  "version": "6.0.114",
   "main": "./lib/index.js",
   "dependencies": {
-    "@seafile/react-image-lightbox": "^5.0.6",
+    "@seafile/react-image-lightbox": "^5.0.7",
     "@seafile/seafile-calendar": "^1.0.10",
-    "@seafile/seafile-editor": "^3.0.31",
+    "@seafile/seafile-editor": "^3.0.32",
     "classnames": "~2.5.*",
     "dayjs": "1.10.7",
     "dtable-utils": "~5.0.27",

package/lib/DTableToolTip/DTableToolTip.stories.js

@@ -1,123 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithShortcut = exports.Simple = exports.LongTextWithShortcut = exports.LongText = exports.DifferentPlacements = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _index = _interopRequireDefault(require("./index"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
-  title: 'Components/DTableToolTip',
-  component: _index.default
-};
-const TooltipContainer = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    style: {
-      padding: '40px',
-      minHeight: '300px',
-      background: '#f5f5f5'
-    },
-    children: children
-  });
-};
-const Simple = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(TooltipContainer, {
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-    id: "simple-tooltip",
-    children: "Hover me"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
-    target: "simple-tooltip",
-    placement: "bottom",
-    children: "This is a simple tooltip"
-  })]
-});
-exports.Simple = Simple;
-const WithShortcut = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(TooltipContainer, {
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-    id: "shortcut-tooltip",
-    children: "Hover me"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
-    target: "shortcut-tooltip",
-    placement: "bottom",
-    shortcut: ['Ctrl', 'S'],
-    children: "Save changes"
-  })]
-});
-exports.WithShortcut = WithShortcut;
-const LongText = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(TooltipContainer, {
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-    id: "long-text-tooltip",
-    children: "Hover me"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
-    target: "long-text-tooltip",
-    placement: "bottom",
-    children: "\u663E\u793A\u8BBE\u7F6E\u51B3\u5B9A\u6253\u5F00/\u5237\u65B0\u9875\u9762\u65F6\u6570\u636E\u7684\u663E\u793A\u65B9\u5F0F\u3002\u5E94\u7528\u4E2D\u7684\u7528\u6237\u53EF\u4EE5\u4FEE\u6539\u3002"
-  })]
-});
-exports.LongText = LongText;
-const LongTextWithShortcut = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(TooltipContainer, {
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-    id: "long-shortcut-tooltip",
-    children: "Hover me"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
-    target: "long-shortcut-tooltip",
-    placement: "bottom",
-    shortcut: ['Ctrl', 'P'],
-    children: "\u663E\u793A\u8BBE\u7F6E\u51B3\u5B9A\u6253\u5F00/\u5237\u65B0\u9875\u9762\u65F6\u6570\u636E\u7684\u663E\u793A\u65B9\u5F0F\u3002\u5E94\u7528\u4E2D\u7684\u7528\u6237\u53EF\u4EE5\u4FEE\u6539\u3002"
-  })]
-});
-exports.LongTextWithShortcut = LongTextWithShortcut;
-const DifferentPlacements = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(TooltipContainer, {
-  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    style: {
-      display: 'grid',
-      gridTemplateColumns: 'repeat(3, 1fr)',
-      gap: '40px'
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-        id: "top-tooltip",
-        children: "Top"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
-        target: "top-tooltip",
-        placement: "top",
-        children: "Top placement"
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-        id: "bottom-tooltip",
-        children: "Bottom"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
-        target: "bottom-tooltip",
-        placement: "bottom",
-        children: "Bottom placement"
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-        id: "left-tooltip",
-        children: "Left"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
-        target: "left-tooltip",
-        placement: "left",
-        children: "Left placement"
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      style: {
-        gridColumn: '2'
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-        id: "right-tooltip",
-        children: "Right"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
-        target: "right-tooltip",
-        placement: "right",
-        children: "Right placement"
-      })]
-    })]
-  })
-});
-exports.DifferentPlacements = DifferentPlacements;

package/lib/DTableToolTip/index.css

@@ -1,44 +0,0 @@
-.dtable-tooltip {
-  position: absolute;
-  z-index: 1070;
-}
-
-.dtable-tooltip .tooltip {
-  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: pre-wrap;
-}
-
-.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

@@ -1,67 +0,0 @@
-"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;