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

package/lib/ProTooltip/index.js

@@ -1,301 +1,297 @@
-"use strict";
+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);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProTooltip/index.tsx
+var ProTooltip_exports = {};
+__export(ProTooltip_exports, {
+  default: () => ProTooltip_default
 });
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-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 _jsxRuntime = require("react/jsx-runtime");
-var _ahooks = require("ahooks");
-var _antd = require("antd");
-var _react = require("react");
-var _classnames2 = _interopRequireDefault(require("classnames"));
-var _utils = require("../utils");
-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);
+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;
+  return findTableParent(element.parentElement, depth + 1);
 };
-var ProTooltip = function 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
+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 _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 ? {
+  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 ? {
     WebkitLineClamp: line
   } : {};
-  var AutoMixinSingle = function AutoMixinSingle() {
-    return isShowToolTip && line === 1 ? (0, _jsxRuntime.jsx)(_antd.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-      title: text,
-      getPopupContainer: function getPopupContainer(triggerNode) {
-        return triggerNode.parentNode;
-      }
-    }, restProps), {}, {
-      styles: {
-        root: rootStyles
+  const AutoMixinSingle = () => {
+    return isShowToolTip && line === 1 ? /* @__PURE__ */ React.createElement(
+      import_antd.Tooltip,
+      {
+        title: text,
+        getPopupContainer: (triggerNode) => triggerNode.parentNode,
+        ...restProps,
+        styles: { root: rootStyles }
       },
-      children: (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: (0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, specialProps), {}, {
-          ref: contentWrapRef,
-          children: content
-        }))
-      }))
-    })) : (0, _jsxRuntime.jsx)("div", {
-      className: isMultiLine ? 'multiLine' : 'singleLine',
-      style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, multiStyle), {}, {
-        width: localWidth
-      }),
-      ref: childRef,
-      children: (0, _jsxRuntime.jsx)("div", {
-        className: "single-content-box",
-        style: {
-          visibility: visible
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          ...specialProps,
+          style: {
+            ...multiStyle,
+            width: localWidth,
+            visibility: visible
+          },
+          ref: childRef
         },
-        ref: contentWrapRef,
-        children: content
-      })
-    });
+        /* @__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
+        },
+        content
+      )
+    );
   };
-  var AutoMixinMulti = function AutoMixinMulti() {
-    return isShowToolTip && line > 1 ? (0, _jsxRuntime.jsx)(_antd.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-      title: text,
-      getPopupContainer: function getPopupContainer(triggerNode) {
-        return triggerNode.parentNode;
-      }
-    }, restProps), {}, {
-      styles: {
-        root: rootStyles
+  const AutoMixinMulti = () => {
+    return isShowToolTip && line > 1 ? /* @__PURE__ */ React.createElement(
+      import_antd.Tooltip,
+      {
+        title: text,
+        getPopupContainer: (triggerNode) => triggerNode.parentNode,
+        ...restProps,
+        styles: { root: rootStyles }
       },
-      children: (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: (0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, specialProps), {}, {
-          ref: contentWrapRef,
-          children: content
-        }))
-      }))
-    })) : (0, _jsxRuntime.jsx)("div", {
-      className: "multiLine",
-      style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, multiStyle), {}, {
-        width: localWidth
-      }),
-      ref: childRef,
-      children: (0, _jsxRuntime.jsx)("div", {
+      /* @__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",
+      {
         className: "multi-content-box",
         style: {
           visibility: visible
         },
-        ref: contentWrapRef,
-        children: content
-      })
-    });
+        ref: contentWrapRef
+      },
+      content
+    ));
   };
-  var AutoMixin = function AutoMixin() {
-    if (mode !== 'auto') {
+  const AutoMixin = () => {
+    if (mode !== "auto") {
       return null;
     }
-    return line > 1 ? (0, _jsxRuntime.jsx)(AutoMixinMulti, {}) : (0, _jsxRuntime.jsx)(AutoMixinSingle, {});
+    return line > 1 ? /* @__PURE__ */ React.createElement(AutoMixinMulti, null) : /* @__PURE__ */ React.createElement(AutoMixinSingle, null);
   };
-  (0, _react.useEffect)(function () {
-    if (mode === 'auto' && line === 1) {
-      var localDom = ref.current;
+  (0, import_react.useEffect)(() => {
+    if (mode === "auto" && line === 1) {
+      const localDom = ref.current;
       setState({
         localElement: localDom,
         parentElement: localDom.parentElement,
-        specialProps: {
-          visibility: 'hidden'
-        },
-        visible: 'hidden'
+        specialProps: { visibility: "hidden" },
+        visible: "hidden"
       });
-      var contentWrapDom = childRef.current;
-      var contentDom = contentWrapRef.current;
+      const contentWrapDom = childRef.current;
+      const contentDom = contentWrapRef.current;
       if (contentWrapDom && contentDom) {
-        if ((contentWrapDom === null || contentWrapDom === void 0 ? void 0 : contentWrapDom.offsetWidth) && (contentDom === null || contentDom === void 0 ? void 0 : contentDom.scrollWidth)) {
+        if ((contentWrapDom == null ? void 0 : contentWrapDom.offsetWidth) && (contentDom == null ? 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, _react.useEffect)(function () {
-    if (mode === 'auto' && line > 1 && JSON.stringify(specialProps) === '{}') {
-      var localDom = ref.current;
+  (0, import_react.useEffect)(() => {
+    if (mode === "auto" && line > 1 && JSON.stringify(specialProps) === "{}") {
+      const localDom = ref.current;
       setState({
         localElement: localDom,
         parentElement: localDom.parentElement,
         specialProps: {}
       });
-      var contentWrapDom = childRef.current;
-      var contentDom = contentWrapRef.current;
+      const contentWrapDom = childRef.current;
+      const contentDom = contentWrapRef.current;
       if (contentWrapDom && contentDom) {
-        if (contentWrapDom === null || contentWrapDom === void 0 ? void 0 : contentWrapDom.scrollHeight) {
+        if (contentWrapDom == null ? void 0 : contentWrapDom.scrollHeight) {
           setState({
-            isShowToolTip: (contentWrapDom === null || contentWrapDom === void 0 ? void 0 : contentWrapDom.scrollHeight) > lineHeight * Number(line),
+            isShowToolTip: (contentWrapDom == null ? void 0 : contentWrapDom.scrollHeight) > lineHeight * Number(line),
             specialProps: {
-              className: 'multiLine',
-              style: (0, _objectSpread2.default)({
-                maxWidth: '100%',
-                visibility: 'visible'
-              }, multiStyle)
+              className: "multiLine",
+              style: {
+                maxWidth: "100%",
+                visibility: "visible",
+                ...multiStyle
+              }
             },
-            visible: 'visible'
+            visible: "visible"
           });
         }
       }
     }
   }, [mode, debouncedValue, specialProps]);
-  (0, _react.useEffect)(function () {
-    if (mode === 'auto' && line === 1) {
+  (0, import_react.useEffect)(() => {
+    if (mode === "auto" && line === 1) {
       setState({
         specialProps: {
-          visibility: 'hidden'
+          visibility: "hidden"
         },
-        visible: 'hidden'
+        visible: "hidden"
       });
     }
   }, [size]);
-  (0, _react.useEffect)(function () {
-    if (mode === 'auto' && line > 1) {
-      if (JSON.stringify(specialProps) !== '{}') {
+  (0, import_react.useEffect)(() => {
+    if (mode === "auto" && line > 1) {
+      if (JSON.stringify(specialProps) !== "{}") {
         setState({
           specialProps: {}
         });
       }
     }
   }, [debouncedValue]);
-  (0, _react.useEffect)(function () {
-    var localDom = ref.current;
-    var isEllipsis = (0, _utils.isEllipsisActive)(childRef === null || childRef === void 0 ? void 0 : childRef.current);
+  (0, import_react.useEffect)(() => {
+    const localDom = ref.current;
+    const isEllipsis = (0, import_utils.isEllipsisActive)(childRef == null ? void 0 : childRef.current);
     setState({
       parentElement: localDom.parentElement,
       isShowToolTip: isEllipsis
     });
   }, []);
-  var cls = (0, _classnames2.default)((0, _defineProperty2.default)({
-    'pro-tooltip': true
-  }, "".concat(className), className));
-  var renderContentBox = function renderContentBox() {
-    return (0, _jsxRuntime.jsx)("div", {
-      className: isMultiLine ? 'multiLine' : 'singleLine',
-      style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, multiStyle), {}, {
-        width: localWidth
-      }),
-      ref: childRef,
-      children: content
-    });
+  const cls = (0, import_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 renderTooltipContent = function renderTooltipContent() {
-    return (0, _jsxRuntime.jsx)(_antd.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-      title: text,
-      getPopupContainer: function getPopupContainer(triggerNode) {
-        // 修复scrollFollowParent为false时tooltip不显示的问题
-        // 当scrollFollowParent为false时，应该返回document.body而不是triggerNode本身
-        return scrollFollowParent ? triggerNode.parentNode : document.body;
-      }
-    }, restProps), {}, {
-      styles: {
-        root: mode === 'auto' ? rootStyles : {}
+  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 : {} }
       },
-      children: renderContentBox()
-    }));
+      renderContentBox()
+    );
   };
-  var renderContent = function renderContent() {
-    // 自动模式使用专门的渲染逻辑
-    if (mode === 'auto') {
-      return (0, _jsxRuntime.jsx)(AutoMixin, {});
+  const renderContent = () => {
+    if (mode === "auto") {
+      return /* @__PURE__ */ React.createElement(AutoMixin, null);
     }
-    // 响应式宽度模式，根据是否需要显示tooltip决定渲染内容 且 父元素为table
     if (isTable) {
       if (isShowToolTip) {
         return renderTooltipContent();
       }
       return renderContentBox();
     }
-    // 默认模式始终显示tooltip
-    if (mode === 'default') {
+    if (mode === "default") {
       return renderTooltipContent();
     }
     return renderContentBox();
   };
-  return (0, _jsxRuntime.jsx)("div", {
-    className: cls,
-    ref: ref,
-    style: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), multiStyle), {}, {
-      width: localWidth
-    }),
-    children: renderContent()
-  });
+  return /* @__PURE__ */ React.createElement("div", { className: cls, ref, style: { ...style, ...multiStyle, width: localWidth } }, renderContent());
 };
-var _default = exports.default = ProTooltip;
+var ProTooltip_default = ProTooltip;

package/lib/ProTooltip/propsType.js

@@ -1,5 +1,17 @@
-"use strict";
+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);
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+// src/ProTooltip/propsType.ts
+var propsType_exports = {};
+module.exports = __toCommonJS(propsType_exports);

package/lib/ProTooltip/style/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-tooltip {
   cursor: pointer;

package/lib/ProTree/components/AdaptiveTooltip.js

@@ -1,25 +1,36 @@
-"use strict";
+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);
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProTree/components/AdaptiveTooltip.tsx
+var AdaptiveTooltip_exports = {};
+__export(AdaptiveTooltip_exports, {
+  default: () => AdaptiveTooltip_default
 });
-exports.default = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _antd = require("antd");
-var AdaptiveTooltip = function AdaptiveTooltip(_ref) {
-  var children = _ref.children;
-  return (0, _jsxRuntime.jsx)(_antd.Tooltip, {
-    placement: "rightTop",
-    title: (0, _jsxRuntime.jsx)("div", {
-      onMouseDown: function onMouseDown(e) {
-        return e.stopPropagation();
-      },
-      children: children
-    }),
-    children: (0, _jsxRuntime.jsx)("span", {
-      className: "pro-tree-wrap-ellipse",
-      children: children
-    })
-  });
+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)
+  );
 };
-var _default = exports.default = AdaptiveTooltip;
+var AdaptiveTooltip_default = AdaptiveTooltip;