@zat-design/sisyphus-react 4.0.0-beta.4 → 4.0.0-beta.5

package/lib/ProTooltip/index.js

@@ -1,297 +1,300 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProTooltip/index.tsx
-var ProTooltip_exports = {};
-__export(ProTooltip_exports, {
-  default: () => ProTooltip_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(ProTooltip_exports);
-var import_ahooks = require("ahooks");
-var import_antd = require("antd");
-var import_react = require("react");
-var import_classnames = __toESM(require("classnames"));
-var import_utils = require("../utils");
-var findTableParent = (element, depth = 0) => {
-  var _a;
-  if (!element || depth >= 3)
-    return false;
-  if (((_a = element.tagName) == null ? void 0 : _a.toLowerCase()) === "td")
-    return true;
+exports.default = void 0;
+require("antd/es/tooltip/style");
+var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _ahooks = require("ahooks");
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("../utils");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["text", "mode", "width", "line", "className", "style", "lineHeight", "scrollFollowParent"];
+var findTableParent = function findTableParent(element) {
+  var _element$tagName;
+  var depth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  if (!element || depth >= 3) return false;
+  if (((_element$tagName = element.tagName) === null || _element$tagName === void 0 ? void 0 : _element$tagName.toLowerCase()) === 'td') return true;
   return findTableParent(element.parentElement, depth + 1);
 };
-var ProTooltip = (props) => {
-  const ref = (0, import_react.useRef)();
-  const childRef = (0, import_react.useRef)();
-  const contentWrapRef = (0, import_react.useRef)();
-  const {
-    text,
-    mode = "default",
-    width,
-    line = 1,
-    className = "",
-    style = {},
-    lineHeight = 22,
-    scrollFollowParent = true,
-    ...restProps
-  } = props;
-  const _width = mode === "auto" ? "auto" : width;
-  const content = text ?? "-";
-  const isMultiLine = Number(line) > 1;
-  const [
-    { localWidth, isShowToolTip, parentElement, localElement, specialProps, visible },
-    setState
-  ] = (0, import_ahooks.useSetState)({
-    localWidth: _width,
-    isShowToolTip: true,
-    localElement: null,
-    parentElement: null,
-    specialProps: { visibility: "hidden" },
-    visible: "hidden"
+var ProTooltip = props => {
+  var _useSize;
+  var ref = (0, _react.useRef)();
+  var childRef = (0, _react.useRef)();
+  var contentWrapRef = (0, _react.useRef)();
+  var text = props.text,
+    _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'default' : _props$mode,
+    width = props.width,
+    _props$line = props.line,
+    line = _props$line === void 0 ? 1 : _props$line,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    _props$lineHeight = props.lineHeight,
+    lineHeight = _props$lineHeight === void 0 ? 22 : _props$lineHeight,
+    _props$scrollFollowPa = props.scrollFollowParent,
+    scrollFollowParent = _props$scrollFollowPa === void 0 ? true : _props$scrollFollowPa,
+    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _width = mode === 'auto' ? 'auto' : width;
+  var content = text !== null && text !== void 0 ? text : '-';
+  var isMultiLine = Number(line) > 1;
+  var _useSetState = (0, _ahooks.useSetState)({
+      localWidth: _width,
+      isShowToolTip: true,
+      localElement: null,
+      parentElement: null,
+      specialProps: {
+        visibility: 'hidden'
+      },
+      visible: 'hidden'
+    }),
+    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    _useSetState2$ = _useSetState2[0],
+    localWidth = _useSetState2$.localWidth,
+    isShowToolTip = _useSetState2$.isShowToolTip,
+    parentElement = _useSetState2$.parentElement,
+    localElement = _useSetState2$.localElement,
+    specialProps = _useSetState2$.specialProps,
+    visible = _useSetState2$.visible,
+    setState = _useSetState2[1];
+  var size = (0, _ahooks.useSize)(parentElement);
+  var debouncedValue = (0, _ahooks.useDebounce)(size, {
+    wait: 16.7
   });
-  const size = (0, import_ahooks.useSize)(parentElement);
-  const debouncedValue = (0, import_ahooks.useDebounce)(size, { wait: 16.7 });
-  const { width: _localSizeWidth } = (0, import_ahooks.useSize)(localElement) ?? {};
-  const isTable = findTableParent(ref.current);
-  const rootStyles = mode === "auto" ? { maxWidth: _localSizeWidth } : {};
-  const multiStyle = isMultiLine ? {
+  var _ref = (_useSize = (0, _ahooks.useSize)(localElement)) !== null && _useSize !== void 0 ? _useSize : {},
+    _localSizeWidth = _ref.width;
+  var isTable = findTableParent(ref.current);
+  var rootStyles = mode === 'auto' ? {
+    maxWidth: _localSizeWidth
+  } : {};
+  var multiStyle = isMultiLine ? {
     WebkitLineClamp: line
   } : {};
-  const AutoMixinSingle = () => {
-    return isShowToolTip && line === 1 ? /* @__PURE__ */ React.createElement(
-      import_antd.Tooltip,
-      {
-        title: text,
-        getPopupContainer: (triggerNode) => triggerNode.parentNode,
-        ...restProps,
-        styles: { root: rootStyles }
+  var AutoMixinSingle = () => {
+    return isShowToolTip && line === 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      title: text,
+      getPopupContainer: triggerNode => triggerNode.parentNode
+    }, restProps), {}, {
+      styles: {
+        root: rootStyles
       },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          ...specialProps,
-          style: {
-            ...multiStyle,
-            width: localWidth,
-            visibility: visible
-          },
-          ref: childRef
-        },
-        /* @__PURE__ */ React.createElement("div", { ...specialProps, ref: contentWrapRef }, content)
-      )
-    ) : /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: isMultiLine ? "multiLine" : "singleLine",
-        style: { ...multiStyle, width: localWidth },
-        ref: childRef
-      },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: "single-content-box",
-          style: {
-            visibility: visible
-          },
-          ref: contentWrapRef
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, specialProps), {}, {
+        style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, multiStyle), {}, {
+          width: localWidth,
+          visibility: visible
+        }),
+        ref: childRef,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, specialProps), {}, {
+          ref: contentWrapRef,
+          children: content
+        }))
+      }))
+    })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: isMultiLine ? 'multiLine' : 'singleLine',
+      style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, multiStyle), {}, {
+        width: localWidth
+      }),
+      ref: childRef,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "single-content-box",
+        style: {
+          visibility: visible
         },
-        content
-      )
-    );
+        ref: contentWrapRef,
+        children: content
+      })
+    });
   };
-  const AutoMixinMulti = () => {
-    return isShowToolTip && line > 1 ? /* @__PURE__ */ React.createElement(
-      import_antd.Tooltip,
-      {
-        title: text,
-        getPopupContainer: (triggerNode) => triggerNode.parentNode,
-        ...restProps,
-        styles: { root: rootStyles }
+  var AutoMixinMulti = () => {
+    return isShowToolTip && line > 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      title: text,
+      getPopupContainer: triggerNode => triggerNode.parentNode
+    }, restProps), {}, {
+      styles: {
+        root: rootStyles
       },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          ...specialProps,
-          style: {
-            ...multiStyle,
-            width: localWidth,
-            visibility: visible
-          },
-          ref: childRef
-        },
-        /* @__PURE__ */ React.createElement("div", { ...specialProps, ref: contentWrapRef }, content)
-      )
-    ) : /* @__PURE__ */ React.createElement("div", { className: "multiLine", style: { ...multiStyle, width: localWidth }, ref: childRef }, /* @__PURE__ */ React.createElement(
-      "div",
-      {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, specialProps), {}, {
+        style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, multiStyle), {}, {
+          width: localWidth,
+          visibility: visible
+        }),
+        ref: childRef,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, specialProps), {}, {
+          ref: contentWrapRef,
+          children: content
+        }))
+      }))
+    })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "multiLine",
+      style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, multiStyle), {}, {
+        width: localWidth
+      }),
+      ref: childRef,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "multi-content-box",
         style: {
           visibility: visible
         },
-        ref: contentWrapRef
-      },
-      content
-    ));
+        ref: contentWrapRef,
+        children: content
+      })
+    });
   };
-  const AutoMixin = () => {
-    if (mode !== "auto") {
+  var AutoMixin = () => {
+    if (mode !== 'auto') {
       return null;
     }
-    return line > 1 ? /* @__PURE__ */ React.createElement(AutoMixinMulti, null) : /* @__PURE__ */ React.createElement(AutoMixinSingle, null);
+    return line > 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AutoMixinMulti, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(AutoMixinSingle, {});
   };
-  (0, import_react.useEffect)(() => {
-    if (mode === "auto" && line === 1) {
-      const localDom = ref.current;
+  (0, _react.useEffect)(() => {
+    if (mode === 'auto' && line === 1) {
+      var localDom = ref.current;
       setState({
         localElement: localDom,
         parentElement: localDom.parentElement,
-        specialProps: { visibility: "hidden" },
-        visible: "hidden"
+        specialProps: {
+          visibility: 'hidden'
+        },
+        visible: 'hidden'
       });
-      const contentWrapDom = childRef.current;
-      const contentDom = contentWrapRef.current;
+      var contentWrapDom = childRef.current;
+      var contentDom = contentWrapRef.current;
       if (contentWrapDom && contentDom) {
-        if ((contentWrapDom == null ? void 0 : contentWrapDom.offsetWidth) && (contentDom == null ? void 0 : contentDom.scrollWidth)) {
+        if (contentWrapDom !== null && contentWrapDom !== void 0 && contentWrapDom.offsetWidth && contentDom !== null && contentDom !== void 0 && contentDom.scrollWidth) {
           setState({
             isShowToolTip: contentDom.scrollWidth > contentDom.offsetWidth,
             specialProps: {
-              className: "singleLine",
+              className: 'singleLine',
               style: {
-                display: "inline-block",
-                maxWidth: "100%",
-                visibility: "visible"
+                display: 'inline-block',
+                maxWidth: '100%',
+                visibility: 'visible'
               }
             },
-            visible: "visible"
+            visible: 'visible'
           });
         }
       }
     }
   }, [mode, debouncedValue]);
-  (0, import_react.useEffect)(() => {
-    if (mode === "auto" && line > 1 && JSON.stringify(specialProps) === "{}") {
-      const localDom = ref.current;
+  (0, _react.useEffect)(() => {
+    if (mode === 'auto' && line > 1 && JSON.stringify(specialProps) === '{}') {
+      var localDom = ref.current;
       setState({
         localElement: localDom,
         parentElement: localDom.parentElement,
         specialProps: {}
       });
-      const contentWrapDom = childRef.current;
-      const contentDom = contentWrapRef.current;
+      var contentWrapDom = childRef.current;
+      var contentDom = contentWrapRef.current;
       if (contentWrapDom && contentDom) {
-        if (contentWrapDom == null ? void 0 : contentWrapDom.scrollHeight) {
+        if (contentWrapDom !== null && contentWrapDom !== void 0 && contentWrapDom.scrollHeight) {
           setState({
-            isShowToolTip: (contentWrapDom == null ? void 0 : contentWrapDom.scrollHeight) > lineHeight * Number(line),
+            isShowToolTip: (contentWrapDom === null || contentWrapDom === void 0 ? void 0 : contentWrapDom.scrollHeight) > lineHeight * Number(line),
             specialProps: {
-              className: "multiLine",
-              style: {
-                maxWidth: "100%",
-                visibility: "visible",
-                ...multiStyle
-              }
+              className: 'multiLine',
+              style: (0, _objectSpread2.default)({
+                maxWidth: '100%',
+                visibility: 'visible'
+              }, multiStyle)
             },
-            visible: "visible"
+            visible: 'visible'
           });
         }
       }
     }
   }, [mode, debouncedValue, specialProps]);
-  (0, import_react.useEffect)(() => {
-    if (mode === "auto" && line === 1) {
+  (0, _react.useEffect)(() => {
+    if (mode === 'auto' && line === 1) {
       setState({
         specialProps: {
-          visibility: "hidden"
+          visibility: 'hidden'
         },
-        visible: "hidden"
+        visible: 'hidden'
       });
     }
   }, [size]);
-  (0, import_react.useEffect)(() => {
-    if (mode === "auto" && line > 1) {
-      if (JSON.stringify(specialProps) !== "{}") {
+  (0, _react.useEffect)(() => {
+    if (mode === 'auto' && line > 1) {
+      if (JSON.stringify(specialProps) !== '{}') {
         setState({
           specialProps: {}
         });
       }
     }
   }, [debouncedValue]);
-  (0, import_react.useEffect)(() => {
-    const localDom = ref.current;
-    const isEllipsis = (0, import_utils.isEllipsisActive)(childRef == null ? void 0 : childRef.current);
+  (0, _react.useEffect)(() => {
+    var localDom = ref.current;
+    var isEllipsis = (0, _utils.isEllipsisActive)(childRef === null || childRef === void 0 ? void 0 : childRef.current);
     setState({
       parentElement: localDom.parentElement,
       isShowToolTip: isEllipsis
     });
   }, []);
-  const cls = (0, import_classnames.default)({
-    "pro-tooltip": true,
+  var cls = (0, _classnames.default)({
+    'pro-tooltip': true,
     [`${className}`]: className
   });
-  const renderContentBox = () => {
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: isMultiLine ? "multiLine" : "singleLine",
-        style: { ...multiStyle, width: localWidth },
-        ref: childRef
-      },
-      content
-    );
+  var renderContentBox = () => {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: isMultiLine ? 'multiLine' : 'singleLine',
+      style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, multiStyle), {}, {
+        width: localWidth
+      }),
+      ref: childRef,
+      children: content
+    });
   };
-  const renderTooltipContent = () => {
-    return /* @__PURE__ */ React.createElement(
-      import_antd.Tooltip,
-      {
-        title: text,
-        getPopupContainer: (triggerNode) => {
-          return scrollFollowParent ? triggerNode.parentNode : document.body;
-        },
-        ...restProps,
-        styles: { root: mode === "auto" ? rootStyles : {} }
+  var renderTooltipContent = () => {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      title: text,
+      getPopupContainer: triggerNode => {
+        // 修复scrollFollowParent为false时tooltip不显示的问题
+        // 当scrollFollowParent为false时，应该返回document.body而不是triggerNode本身
+        return scrollFollowParent ? triggerNode.parentNode : document.body;
+      }
+    }, restProps), {}, {
+      styles: {
+        root: mode === 'auto' ? rootStyles : {}
       },
-      renderContentBox()
-    );
+      children: renderContentBox()
+    }));
   };
-  const renderContent = () => {
-    if (mode === "auto") {
-      return /* @__PURE__ */ React.createElement(AutoMixin, null);
+  var renderContent = () => {
+    // 自动模式使用专门的渲染逻辑
+    if (mode === 'auto') {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(AutoMixin, {});
     }
+
+    // 响应式宽度模式，根据是否需要显示tooltip决定渲染内容 且 父元素为table
     if (isTable) {
       if (isShowToolTip) {
         return renderTooltipContent();
       }
       return renderContentBox();
     }
-    if (mode === "default") {
+
+    // 默认模式始终显示tooltip
+    if (mode === 'default') {
       return renderTooltipContent();
     }
     return renderContentBox();
   };
-  return /* @__PURE__ */ React.createElement("div", { className: cls, ref, style: { ...style, ...multiStyle, width: localWidth } }, renderContent());
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: cls,
+    ref: ref,
+    style: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), multiStyle), {}, {
+      width: localWidth
+    }),
+    children: renderContent()
+  });
 };
-var ProTooltip_default = ProTooltip;
+var _default = exports.default = ProTooltip;

package/lib/ProTooltip/propsType.js

@@ -1,17 +1,5 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProTooltip/propsType.ts
-var propsType_exports = {};
-module.exports = __toCommonJS(propsType_exports);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/ProTree/components/AdaptiveTooltip.js

@@ -1,36 +1,25 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProTree/components/AdaptiveTooltip.tsx
-var AdaptiveTooltip_exports = {};
-__export(AdaptiveTooltip_exports, {
-  default: () => AdaptiveTooltip_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(AdaptiveTooltip_exports);
-var import_antd = require("antd");
-var AdaptiveTooltip = ({ children }) => {
-  return /* @__PURE__ */ React.createElement(
-    import_antd.Tooltip,
-    {
-      placement: "rightTop",
-      title: /* @__PURE__ */ React.createElement("div", { onMouseDown: (e) => e.stopPropagation() }, children)
-    },
-    /* @__PURE__ */ React.createElement("span", { className: "pro-tree-wrap-ellipse" }, children)
-  );
+exports.default = void 0;
+require("antd/es/tooltip/style");
+var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
+var _jsxRuntime = require("react/jsx-runtime");
+var AdaptiveTooltip = _ref => {
+  var children = _ref.children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, {
+    placement: "rightTop",
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      onMouseDown: e => e.stopPropagation(),
+      children: children
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "pro-tree-wrap-ellipse",
+      children: children
+    })
+  });
 };
-var AdaptiveTooltip_default = AdaptiveTooltip;
+var _default = exports.default = AdaptiveTooltip;