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

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

@@ -1,236 +1,230 @@
-"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/ProTable/components/RenderColumn/index.tsx
+var RenderColumn_exports = {};
+__export(RenderColumn_exports, {
+  default: () => RenderColumn_default
 });
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _isBoolean2 = _interopRequireDefault(require("lodash/isBoolean"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
-var _antd = require("antd");
-var _ahooks = require("ahooks");
-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 Paragraph = _antd.Typography.Paragraph,
-  Text = _antd.Typography.Text;
-// @ts-ignore
-var RenderColumn = function 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 = function 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);
+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);
     return newWidth;
   };
-  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 cellDiffCls = (0, import_classnames.default)({
+    "varied-cell": props == null ? void 0 : props.isChanged,
+    "add-cell": props == null ? void 0 : props.isAddCell
   });
-  var handleMouseOver = function handleMouseOver(e) {
+  const handleMouseOver = (e) => {
     setState({
-      tooltip: (0, _utils2.isEllipsisActive)(e.target)
+      tooltip: (0, import_utils2.isEllipsisActive)(e.target)
     });
   };
-  var tooltipProps = (0, _objectSpread2.default)({
-    getPopupContainer: function getPopupContainer(triggerNode) {
-      return triggerNode.parentNode;
-    }
-  }, toolTipProps);
-  // 比对场景走的逻辑
-  if (!isInNewRowFlag && (0, _isBoolean2.default)(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 ? void 0 : props.isChanged)) {
-      renderNode = !isXMaxContent ? (0, _jsxRuntime.jsx)(Text, {
-        style: {
-          width: currentValue === '-' ? 32.5 : width,
-          minWidth: minWidth
-        },
-        ellipsis: {
-          tooltip: false
+  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 }
         },
-        children: ellipsis ? currentValue : renderNode
-      }) : (0, _jsxRuntime.jsx)("div", {
-        style: {
-          minWidth: minWidth,
-          width: width,
-          overflow: 'hidden',
-          textOverflow: 'ellipsis',
-          whiteSpace: 'nowrap'
+        ellipsis ? currentValue : renderNode
+      ) : /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          style: {
+            minWidth,
+            width,
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap"
+          }
         },
-        children: ellipsis ? currentValue : renderNode
-      });
-      if ((props === null || props === void 0 ? void 0 : props.isChanged) === false) {
+        ellipsis ? currentValue : renderNode
+      );
+      if ((props == null ? void 0 : props.isChanged) === false) {
         if (ellipsis) {
-          return (0, _jsxRuntime.jsx)(_antd.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-            title: currentValue,
-            onOpenChange: function onOpenChange(open) {
-              setState({
-                tooltip: false
-              });
+          return /* @__PURE__ */ React.createElement(
+            import_antd.Tooltip,
+            {
+              title: currentValue,
+              onOpenChange: (open) => {
+                setState({
+                  tooltip: false
+                });
+              },
+              open: tooltip,
+              ...tooltipProps
             },
-            open: tooltip
-          }, tooltipProps), {}, {
-            children: (0, _jsxRuntime.jsx)(Text, {
-              style: {
-                width: width,
-                minWidth: minWidth
+            /* @__PURE__ */ React.createElement(
+              Text,
+              {
+                style: {
+                  width,
+                  minWidth
+                },
+                ellipsis: true,
+                onMouseOver: handleMouseOver,
+                onFocus: handleMouseOver
               },
-              ellipsis: true,
-              onMouseOver: handleMouseOver,
-              onFocus: handleMouseOver,
-              children: renderNode
-            })
-          }));
+              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"
+        );
       }
-      var originalValueCalc = function originalValueCalc() {
+      const originalValueCalc = () => {
         if (Array.isArray(originalValue)) {
           return null;
         }
-        return !(0, _utils2.isEmpty)(originalValue) ? originalValue : '-';
+        return !(0, import_utils2.isEmpty)(originalValue) ? originalValue : "-";
       };
-      return (0, _jsxRuntime.jsx)(_antd.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-        className: cellDiffCls,
-        style: {
-          width: width,
-          minWidth: minWidth
-        },
-        classNames: {
-          root: 'original-value-tooltip'
+      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
         },
-        destroyOnHidden: true,
-        placement: "topLeft",
-        autoAdjustOverflow: false,
-        title: (0, _jsxRuntime.jsx)(_antd.Space, {
-          direction: "vertical",
-          className: "changed-tooltip",
-          children: (props === null || props === void 0 ? void 0 : props.isChanged) && !(props === null || props === void 0 ? void 0 : props.isAddCell) ? (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [(0, _jsxRuntime.jsxs)(_antd.Space, {
-              align: "start",
-              className: "original-value-container",
-              children: ["\u521D\u59CB\u503C\uFF1A", originalValueCalc()]
-            }), (0, _jsxRuntime.jsx)(_antd.Space, {
-              className: "current-value-container",
-              children: ellipsis ? (0, _jsxRuntime.jsxs)(_antd.Space, {
-                children: ["\u5F53\u524D\u503C\uFF1A", currentValue]
-              }) : null
-            })]
-          }) : node
-        })
-      }, toolTipProps), {}, {
-        children: renderNode
-      }));
+        renderNode
+      );
     }
-    return (0, _jsxRuntime.jsx)("div", {
-      className: cellDiffCls,
-      style: {
-        width: width,
-        minWidth: minWidth
-      },
-      children: renderNode
-    });
+    return /* @__PURE__ */ React.createElement("div", { className: cellDiffCls, style: { width, minWidth } }, renderNode);
   }
   if (copyable) {
-    return (0, _jsxRuntime.jsx)("span", {
-      className: "copyable-table-cell",
-      children: (0, _jsxRuntime.jsx)(Paragraph, {
-        style: ellipsis ? {
-          width: width
-        } : undefined,
-        ellipsis: ellipsis ? {
-          tooltip: node
-        } : false,
+    return /* @__PURE__ */ React.createElement("span", { className: "copyable-table-cell" }, /* @__PURE__ */ React.createElement(
+      Paragraph,
+      {
+        style: ellipsis ? { width } : void 0,
+        ellipsis: ellipsis ? { tooltip: node } : false,
         copyable: {
           text: node,
-          icon: [(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
-            className: "drag-icon",
-            src: _copy.default
-          }, "copy-icon"), (0, _jsxRuntime.jsx)(_icons.CheckOutlined, {}, "copied-icon")],
-          tooltips: ['复制', '复制成功']
-        },
-        children: 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
+    ));
   }
   if (ellipsis) {
     if (!value) {
-      return (0, _jsxRuntime.jsx)("div", {
-        style: {
-          minWidth: minWidth
-        },
-        children: "-"
-      });
+      return /* @__PURE__ */ React.createElement("div", { style: { minWidth } }, "-");
     }
-    var calculatedWidth = updateCalculatedWidth(textRef.current);
-    return (0, _jsxRuntime.jsx)(_antd.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-      title: value,
-      destroyOnHidden: true,
-      onOpenChange: function onOpenChange() {
-        setState({
-          tooltip: false
-        });
-      },
-      open: tooltip
-    }, tooltipProps), {}, {
-      getPopupContainer: function getPopupContainer() {
-        return document.body;
+    const calculatedWidth = updateCalculatedWidth(textRef.current);
+    return /* @__PURE__ */ React.createElement(
+      import_antd.Tooltip,
+      {
+        title: value,
+        destroyOnHidden: true,
+        onOpenChange: () => {
+          setState({
+            tooltip: false
+          });
+        },
+        open: tooltip,
+        ...tooltipProps,
+        getPopupContainer: () => document.body
       },
-      children: (0, _jsxRuntime.jsx)(Text, {
-        ref: textRef,
-        style: {
-          width: calculatedWidth,
-          minWidth: minWidth
+      /* @__PURE__ */ React.createElement(
+        Text,
+        {
+          ref: textRef,
+          style: {
+            width: calculatedWidth,
+            minWidth
+          },
+          ellipsis: true,
+          onMouseOver: handleMouseOver,
+          onFocus: handleMouseOver
         },
-        ellipsis: true,
-        onMouseOver: handleMouseOver,
-        onFocus: handleMouseOver,
-        children: node
-      })
-    }));
+        node
+      )
+    );
   }
-  return (0, _jsxRuntime.jsx)("div", {
-    style: {
-      minWidth: minWidth
-    },
-    children: value || value === 0 ? node : '-'
-  });
+  return /* @__PURE__ */ React.createElement("div", { style: { minWidth } }, value || value === 0 ? node : "-");
 };
-var _default = exports.default = RenderColumn;
+var RenderColumn_default = RenderColumn;

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

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

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

@@ -1,20 +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/ProTable/components/RenderFooter/index.tsx
+var RenderFooter_exports = {};
+__export(RenderFooter_exports, {
+  default: () => RenderFooter_default
 });
-exports.default = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var RenderFooter = function RenderFooter(props) {
-  var _ref = props || {},
-    dataSource = _ref.dataSource;
-  var _ref2 = dataSource || {},
-    footerRender = _ref2.footerRender,
-    pagination = _ref2.pagination,
-    _dataSource = _ref2._dataSource;
-  return footerRender ? (0, _jsxRuntime.jsx)("div", {
-    className: "pro-table-footer ".concat(pagination && !!(_dataSource === null || _dataSource === void 0 ? void 0 : _dataSource.length) ? 'has-page' : 'no-page'),
-    children: typeof footerRender === 'function' ? footerRender() : footerRender
-  }) : null;
+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;
 };
-var _default = exports.default = RenderFooter;
+var RenderFooter_default = RenderFooter;