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

package/lib/ProTable/components/RenderColumn/index.js

@@ -1,230 +1,239 @@
-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/ProTable/components/RenderColumn/index.tsx
-var RenderColumn_exports = {};
-__export(RenderColumn_exports, {
-  default: () => RenderColumn_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(RenderColumn_exports);
-var import_react = require("react");
-var import_antd = require("antd");
-var import_ahooks = require("ahooks");
-var import_lodash = require("lodash");
-var import_classnames = __toESM(require("classnames"));
-var import_icons = require("@ant-design/icons");
-var import_react_svg = require("react-svg");
-var import_utils = require("../../utils");
-var import_utils2 = require("../../../utils");
-var import_copy = __toESM(require("../../../assets/copy.svg"));
-var { Paragraph, Text } = import_antd.Typography;
-var RenderColumn = (props) => {
-  const {
-    valueType,
-    value,
-    node,
-    currentValue,
-    copyable,
-    ellipsis,
-    width,
-    originalValue,
-    toolTipProps = {},
-    minWidth,
-    isInNewRowFlag,
-    scroll
-  } = props;
-  const textRef = (0, import_react.useRef)(null);
-  const [{ tooltip }, setState] = (0, import_ahooks.useSetState)({
-    tooltip: false
-  });
-  const updateCalculatedWidth = (element) => {
-    if (!element)
-      return null;
-    if (!textRef.current)
-      return;
-    const tr = element.closest("tr");
-    if (!tr)
-      return;
-    const trWidth = tr.getBoundingClientRect().width;
-    const newWidth = (0, import_utils.parseWidth)(width, trWidth);
+exports.default = void 0;
+require("antd/es/space/style");
+var _space = _interopRequireDefault(require("antd/es/space"));
+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"));
+require("antd/es/typography/style");
+var _typography = _interopRequireDefault(require("antd/es/typography"));
+var _react = require("react");
+var _ahooks = require("ahooks");
+var _lodash = require("lodash");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _icons = require("@ant-design/icons");
+var _reactSvg = require("react-svg");
+var _utils = require("../../utils");
+var _utils2 = require("../../../utils");
+var _copy = _interopRequireDefault(require("../../../assets/copy.svg"));
+var _jsxRuntime = require("react/jsx-runtime");
+var Paragraph = _typography.default.Paragraph,
+  Text = _typography.default.Text;
+// @ts-ignore
+var RenderColumn = props => {
+  var valueType = props.valueType,
+    value = props.value,
+    node = props.node,
+    currentValue = props.currentValue,
+    copyable = props.copyable,
+    ellipsis = props.ellipsis,
+    width = props.width,
+    originalValue = props.originalValue,
+    _props$toolTipProps = props.toolTipProps,
+    toolTipProps = _props$toolTipProps === void 0 ? {} : _props$toolTipProps,
+    minWidth = props.minWidth,
+    isInNewRowFlag = props.isInNewRowFlag,
+    scroll = props.scroll;
+  var textRef = (0, _react.useRef)(null);
+  var _useSetState = (0, _ahooks.useSetState)({
+      tooltip: false
+    }),
+    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    tooltip = _useSetState2[0].tooltip,
+    setState = _useSetState2[1];
+
+  // 计算并更新宽度
+  var updateCalculatedWidth = element => {
+    if (!element) return null;
+    if (!textRef.current) return;
+    // 使用closest方法查找最近的tr
+    var tr = element.closest('tr');
+    if (!tr) return;
+    // 获取tr的宽度
+    var trWidth = tr.getBoundingClientRect().width;
+    // 计算实际宽度
+    var newWidth = (0, _utils.parseWidth)(width, trWidth);
     return newWidth;
   };
-  const cellDiffCls = (0, import_classnames.default)({
-    "varied-cell": props == null ? void 0 : props.isChanged,
-    "add-cell": props == null ? void 0 : props.isAddCell
+  var cellDiffCls = (0, _classnames.default)({
+    'varied-cell': props === null || props === void 0 ? void 0 : props.isChanged,
+    'add-cell': props === null || props === void 0 ? void 0 : props.isAddCell
   });
-  const handleMouseOver = (e) => {
+  var handleMouseOver = e => {
     setState({
-      tooltip: (0, import_utils2.isEllipsisActive)(e.target)
+      tooltip: (0, _utils2.isEllipsisActive)(e.target)
     });
   };
-  const tooltipProps = {
-    getPopupContainer: (triggerNode) => triggerNode.parentNode,
-    ...toolTipProps
-  };
-  if (!isInNewRowFlag && (0, import_lodash.isBoolean)(props == null ? void 0 : props.isChanged)) {
-    let renderNode = value ? node : "-";
-    const isXMaxContent = (scroll == null ? void 0 : scroll.x) === "max-content";
-    if (ellipsis || (props == null ? void 0 : props.isChanged)) {
-      renderNode = !isXMaxContent ? /* @__PURE__ */ React.createElement(
-        Text,
-        {
-          style: { width: currentValue === "-" ? 32.5 : width, minWidth },
-          ellipsis: { tooltip: false }
+  var tooltipProps = (0, _objectSpread2.default)({
+    getPopupContainer: triggerNode => triggerNode.parentNode
+  }, toolTipProps);
+
+  // 比对场景走的逻辑
+  if (!isInNewRowFlag && (0, _lodash.isBoolean)(props === null || props === void 0 ? void 0 : props.isChanged)) {
+    var renderNode = value ? node : '-';
+    var isXMaxContent = (scroll === null || scroll === void 0 ? void 0 : scroll.x) === 'max-content';
+    if (ellipsis || props !== null && props !== void 0 && props.isChanged) {
+      renderNode = !isXMaxContent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Text, {
+        style: {
+          width: currentValue === '-' ? 32.5 : width,
+          minWidth
+        },
+        ellipsis: {
+          tooltip: false
         },
-        ellipsis ? currentValue : renderNode
-      ) : /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          style: {
-            minWidth,
-            width,
-            overflow: "hidden",
-            textOverflow: "ellipsis",
-            whiteSpace: "nowrap"
-          }
+        children: ellipsis ? currentValue : renderNode
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          minWidth,
+          width,
+          overflow: 'hidden',
+          textOverflow: 'ellipsis',
+          whiteSpace: 'nowrap'
         },
-        ellipsis ? currentValue : renderNode
-      );
-      if ((props == null ? void 0 : props.isChanged) === false) {
+        children: ellipsis ? currentValue : renderNode
+      });
+      if ((props === null || props === void 0 ? void 0 : props.isChanged) === false) {
         if (ellipsis) {
-          return /* @__PURE__ */ React.createElement(
-            import_antd.Tooltip,
-            {
-              title: currentValue,
-              onOpenChange: (open) => {
-                setState({
-                  tooltip: false
-                });
-              },
-              open: tooltip,
-              ...tooltipProps
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+            title: currentValue,
+            onOpenChange: open => {
+              setState({
+                tooltip: false
+              });
             },
-            /* @__PURE__ */ React.createElement(
-              Text,
-              {
-                style: {
-                  width,
-                  minWidth
-                },
-                ellipsis: true,
-                onMouseOver: handleMouseOver,
-                onFocus: handleMouseOver
+            open: tooltip
+          }, tooltipProps), {}, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Text, {
+              style: {
+                width,
+                minWidth
               },
-              renderNode
-            )
-          );
+              ellipsis: true,
+              onMouseOver: handleMouseOver,
+              onFocus: handleMouseOver,
+              children: renderNode
+            })
+          }));
         }
         return renderNode;
       }
       if (Array.isArray(originalValue)) {
-        console.error(
-          "Error: When enabled, dataIndex corresponds to an array, which needs to be converted using viewRender"
-        );
+        console.error('Error: When enabled, dataIndex corresponds to an array, which needs to be converted using viewRender');
       }
-      const originalValueCalc = () => {
+      var originalValueCalc = () => {
         if (Array.isArray(originalValue)) {
           return null;
         }
-        return !(0, import_utils2.isEmpty)(originalValue) ? originalValue : "-";
+        return !(0, _utils2.isEmpty)(originalValue) ? originalValue : '-';
       };
-      return /* @__PURE__ */ React.createElement(
-        import_antd.Tooltip,
-        {
-          className: cellDiffCls,
-          style: { width, minWidth },
-          classNames: {
-            root: "original-value-tooltip"
-          },
-          destroyOnHidden: true,
-          placement: "topLeft",
-          autoAdjustOverflow: false,
-          title: /* @__PURE__ */ React.createElement(import_antd.Space, { direction: "vertical", className: "changed-tooltip" }, (props == null ? void 0 : props.isChanged) && !(props == null ? void 0 : props.isAddCell) ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_antd.Space, { align: "start", className: "original-value-container" }, "初始值：", originalValueCalc()), /* @__PURE__ */ React.createElement(import_antd.Space, { className: "current-value-container" }, ellipsis ? /* @__PURE__ */ React.createElement(import_antd.Space, null, "当前值：", currentValue) : null)) : node),
-          ...toolTipProps
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+        className: cellDiffCls,
+        style: {
+          width,
+          minWidth
         },
-        renderNode
-      );
+        classNames: {
+          root: 'original-value-tooltip'
+        },
+        destroyOnHidden: true,
+        placement: "topLeft",
+        autoAdjustOverflow: false,
+        title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_space.default, {
+          direction: "vertical",
+          className: "changed-tooltip",
+          children: props !== null && props !== void 0 && props.isChanged && !(props !== null && props !== void 0 && props.isAddCell) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
+              align: "start",
+              className: "original-value-container",
+              children: ["\u521D\u59CB\u503C\uFF1A", originalValueCalc()]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_space.default, {
+              className: "current-value-container",
+              children: ellipsis ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
+                children: ["\u5F53\u524D\u503C\uFF1A", currentValue]
+              }) : null
+            })]
+          }) : node
+        })
+      }, toolTipProps), {}, {
+        children: renderNode
+      }));
     }
-    return /* @__PURE__ */ React.createElement("div", { className: cellDiffCls, style: { width, minWidth } }, renderNode);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: cellDiffCls,
+      style: {
+        width,
+        minWidth
+      },
+      children: renderNode
+    });
   }
   if (copyable) {
-    return /* @__PURE__ */ React.createElement("span", { className: "copyable-table-cell" }, /* @__PURE__ */ React.createElement(
-      Paragraph,
-      {
-        style: ellipsis ? { width } : void 0,
-        ellipsis: ellipsis ? { tooltip: node } : false,
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "copyable-table-cell",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Paragraph, {
+        style: ellipsis ? {
+          width
+        } : undefined,
+        ellipsis: ellipsis ? {
+          tooltip: node
+        } : false,
         copyable: {
           text: node,
-          icon: [
-            /* @__PURE__ */ React.createElement(import_react_svg.ReactSVG, { key: "copy-icon", className: "drag-icon", src: import_copy.default }),
-            /* @__PURE__ */ React.createElement(import_icons.CheckOutlined, { key: "copied-icon" })
-          ],
-          tooltips: ["复制", "复制成功"]
-        }
-      },
-      node
-    ));
+          icon: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
+            className: "drag-icon",
+            src: _copy.default
+          }, "copy-icon"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CheckOutlined, {}, "copied-icon")],
+          tooltips: ['复制', '复制成功']
+        },
+        children: node
+      })
+    });
   }
   if (ellipsis) {
     if (!value) {
-      return /* @__PURE__ */ React.createElement("div", { style: { minWidth } }, "-");
-    }
-    const calculatedWidth = updateCalculatedWidth(textRef.current);
-    return /* @__PURE__ */ React.createElement(
-      import_antd.Tooltip,
-      {
-        title: value,
-        destroyOnHidden: true,
-        onOpenChange: () => {
-          setState({
-            tooltip: false
-          });
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          minWidth
         },
-        open: tooltip,
-        ...tooltipProps,
-        getPopupContainer: () => document.body
+        children: "-"
+      });
+    }
+    var calculatedWidth = updateCalculatedWidth(textRef.current);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      title: value,
+      destroyOnHidden: true,
+      onOpenChange: () => {
+        setState({
+          tooltip: false
+        });
       },
-      /* @__PURE__ */ React.createElement(
-        Text,
-        {
-          ref: textRef,
-          style: {
-            width: calculatedWidth,
-            minWidth
-          },
-          ellipsis: true,
-          onMouseOver: handleMouseOver,
-          onFocus: handleMouseOver
+      open: tooltip
+    }, tooltipProps), {}, {
+      getPopupContainer: () => document.body,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Text, {
+        ref: textRef,
+        style: {
+          width: calculatedWidth,
+          minWidth
         },
-        node
-      )
-    );
+        ellipsis: true,
+        onMouseOver: handleMouseOver,
+        onFocus: handleMouseOver,
+        children: node
+      })
+    }));
   }
-  return /* @__PURE__ */ React.createElement("div", { style: { minWidth } }, value || value === 0 ? node : "-");
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      minWidth
+    },
+    children: value || value === 0 ? node : '-'
+  });
 };
-var RenderColumn_default = RenderColumn;
+var _default = exports.default = RenderColumn;

package/lib/ProTable/components/RenderEmptyText/index.js

@@ -1,30 +1,28 @@
-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/ProTable/components/RenderEmptyText/index.tsx
-var RenderEmptyText_exports = {};
-__export(RenderEmptyText_exports, {
-  default: () => RenderEmptyText_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(RenderEmptyText_exports);
-var RenderEmptyText = (props) => {
-  var _a;
-  const { empty, locale, emptyText } = props || {};
-  return /* @__PURE__ */ React.createElement("div", { className: "pro-table-empty" }, /* @__PURE__ */ React.createElement("div", { className: "empty-image" }, /* @__PURE__ */ React.createElement("img", { src: empty, alt: (_a = locale == null ? void 0 : locale.ProTable) == null ? void 0 : _a.noData })), /* @__PURE__ */ React.createElement("div", { className: "empty-description" }, typeof emptyText === "function" ? emptyText() : emptyText));
+exports.default = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var RenderEmptyText = props => {
+  var _locale$ProTable;
+  var _ref = props || {},
+    empty = _ref.empty,
+    locale = _ref.locale,
+    emptyText = _ref.emptyText;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "pro-table-empty",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "empty-image",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: empty,
+        alt: locale === null || locale === void 0 || (_locale$ProTable = locale.ProTable) === null || _locale$ProTable === void 0 ? void 0 : _locale$ProTable.noData
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "empty-description",
+      children: typeof emptyText === 'function' ? emptyText() : emptyText
+    })]
+  });
 };
-var RenderEmptyText_default = RenderEmptyText;
+var _default = exports.default = RenderEmptyText;

package/lib/ProTable/components/RenderFooter/index.js

@@ -1,36 +1,20 @@
-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/ProTable/components/RenderFooter/index.tsx
-var RenderFooter_exports = {};
-__export(RenderFooter_exports, {
-  default: () => RenderFooter_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(RenderFooter_exports);
-var RenderFooter = (props) => {
-  const { dataSource } = props || {};
-  const { footerRender, pagination, _dataSource } = dataSource || {};
-  return footerRender ? /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: `pro-table-footer ${pagination && !!(_dataSource == null ? void 0 : _dataSource.length) ? "has-page" : "no-page"}`
-    },
-    typeof footerRender === "function" ? footerRender() : footerRender
-  ) : null;
+exports.default = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var RenderFooter = props => {
+  var _ref = props || {},
+    dataSource = _ref.dataSource;
+  var _ref2 = dataSource || {},
+    footerRender = _ref2.footerRender,
+    pagination = _ref2.pagination,
+    _dataSource = _ref2._dataSource;
+  return footerRender ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: `pro-table-footer ${pagination && !!(_dataSource !== null && _dataSource !== void 0 && _dataSource.length) ? 'has-page' : 'no-page'}`,
+    children: typeof footerRender === 'function' ? footerRender() : footerRender
+  }) : null;
 };
-var RenderFooter_default = RenderFooter;
+var _default = exports.default = RenderFooter;