@zat-design/sisyphus-react 3.0.16-beta.2 → 3.1.4

package/es/ProStep/components/Anchor/index.js

@@ -1,29 +1,31 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import cn from 'classnames';
 import { handleScroll } from '../../utils';
 var AnchorSvg = function AnchorSvg(_ref) {
   var color = _ref.color;
-  return /*#__PURE__*/React.createElement("svg", {
+  return _jsxs("svg", {
     viewBox: "0 0 1097 1024",
     width: "18",
     height: "18",
     style: {
       fill: color
-    }
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M570.514286 0a512 512 0 1 1 0 1024A512 512 0 0 1 570.514286 0z m0 73.142857a438.857143 438.857143 0 1 0 0 877.714286A438.857143 438.857143 0 0 0 570.514286 73.142857z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M570.514286 512m-365.714286 0a365.714286 365.714286 0 1 0 731.428571 0 365.714286 365.714286 0 1 0-731.428571 0Z"
-  }));
+    },
+    children: [_jsx("path", {
+      d: "M570.514286 0a512 512 0 1 1 0 1024A512 512 0 0 1 570.514286 0z m0 73.142857a438.857143 438.857143 0 1 0 0 877.714286A438.857143 438.857143 0 0 0 570.514286 73.142857z"
+    }), _jsx("path", {
+      d: "M570.514286 512m-365.714286 0a365.714286 365.714286 0 1 0 731.428571 0 365.714286 365.714286 0 1 0-731.428571 0Z"
+    })]
+  });
 };
 var SuccessSvg = function SuccessSvg() {
-  return /*#__PURE__*/React.createElement("svg", {
+  return _jsx("svg", {
     viewBox: "0 0 1408 1024",
     width: "18",
-    height: "18"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M496.64 906.24a113.92 113.92 0 0 0 161.28 0l691.2-691.2A113.92 113.92 0 1 0 1187.84 53.76L572.416 659.456 296.96 384a113.92 113.92 0 1 0-161.28 161.28l360.96 360.96z"
-  }));
+    height: "18",
+    children: _jsx("path", {
+      d: "M496.64 906.24a113.92 113.92 0 0 0 161.28 0l691.2-691.2A113.92 113.92 0 1 0 1187.84 53.76L572.416 659.456 296.96 384a113.92 113.92 0 1 0-161.28 161.28l360.96 360.96z"
+    })
+  });
 };
 export var MenuItem = function MenuItem(props) {
   var name = props.name,
@@ -39,34 +41,35 @@ export var MenuItem = function MenuItem(props) {
     targetOffset = props.targetOffset;
   var renderMenuIcon = function renderMenuIcon() {
     if (isCurrentStep) {
-      return /*#__PURE__*/React.createElement("span", {
+      return _jsx("span", {
         className: cn('dot-icon', {
           errored: !!errorNum,
           disabled: isDisabled
-        })
-      }, currentNum);
+        }),
+        children: currentNum
+      });
     }
     var color;
     !!errorNum && (color = '#ff5050');
     isDisabled && (color = '#939599');
     if (isStart) {
-      return /*#__PURE__*/React.createElement(AnchorSvg, {
+      return _jsx(AnchorSvg, {
         color: color
       });
     }
     if (isEnd) {
-      return /*#__PURE__*/React.createElement(AnchorSvg, {
+      return _jsx(AnchorSvg, {
         color: isDisabled ? '#939599' : undefined
       });
     }
-    return /*#__PURE__*/React.createElement("div", {
+    return _jsx("div", {
       className: cn('dot', {
         errored: !!errorNum,
         disabled: isDisabled
       })
     });
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return _jsxs("div", {
     className: cn('com-menu-item', {
       errored: !!errorNum,
       disabled: isDisabled,
@@ -76,19 +79,27 @@ export var MenuItem = function MenuItem(props) {
       handleScroll(code, {
         targetOffset: targetOffset
       });
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "menu-item"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "menu-icon"
-  }, renderMenuIcon()), onOff && /*#__PURE__*/React.createElement("div", {
-    className: cn('menu-name', {
-      disabled: isDisabled
-    })
-  }, name)), !isDisabled && onOff && /*#__PURE__*/React.createElement("div", {
-    className: "checked-status"
-  }, isChecked && /*#__PURE__*/React.createElement(SuccessSvg, null), errorNum > 0 && /*#__PURE__*/React.createElement("div", {
-    className: "errorDot"
-  }, /*#__PURE__*/React.createElement("span", null, errorNum <= 3 ? errorNum : '!'))));
+    },
+    children: [_jsxs("div", {
+      className: "menu-item",
+      children: [_jsx("div", {
+        className: "menu-icon",
+        children: renderMenuIcon()
+      }), onOff && _jsx("div", {
+        className: cn('menu-name', {
+          disabled: isDisabled
+        }),
+        children: name
+      })]
+    }), !isDisabled && onOff && _jsxs("div", {
+      className: "checked-status",
+      children: [isChecked && _jsx(SuccessSvg, {}), errorNum > 0 && _jsx("div", {
+        className: "errorDot",
+        children: _jsx("span", {
+          children: errorNum <= 3 ? errorNum : '!'
+        })
+      })]
+    })]
+  });
 };
 export default MenuItem;

package/es/ProStep/components/Item/index.d.ts

@@ -1,7 +1,3 @@
-import React from 'react';
-declare const _default: ({ id, children, ...restProps }: {
-    [x: string]: any;
-    id: any;
-    children: any;
-}) => React.JSX.Element;
+import { ProStepItem } from '../../propsType';
+declare const _default: ({ id, title, collapse: collapseItem, children, ...restProps }: ProStepItem) => JSX.Element;
 export default _default;

package/es/ProStep/components/Item/index.js

@@ -1,18 +1,34 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "children"];
-import React from 'react';
+var _excluded = ["id", "title", "collapse", "children"];
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useStep } from '../../index';
+import ProCollapse from '../../../ProLayout/components/ProCollapse';
 export default (function (_ref) {
   var id = _ref.id,
+    title = _ref.title,
+    _ref$collapse = _ref.collapse,
+    collapseItem = _ref$collapse === void 0 ? true : _ref$collapse,
     children = _ref.children,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var _useStep = useStep(),
-    register = _useStep.register;
-  register(_objectSpread(_objectSpread({}, restProps), {}, {
+    register = _useStep.register,
+    collapse = _useStep.collapse;
+  register === null || register === void 0 ? void 0 : register(_objectSpread(_objectSpread({}, restProps), {}, {
+    title: title,
     id: id
   }));
-  return /*#__PURE__*/React.createElement("div", {
-    id: id
-  }, children);
+  return _jsx("div", {
+    className: "pro-step-item",
+    id: id,
+    children: !register || collapse && collapseItem && title ? _jsx(ProCollapse, _objectSpread(_objectSpread({
+      id: id,
+      title: title
+    }, restProps), {}, {
+      children: children
+    })) : _jsx("div", {
+      id: id,
+      children: children
+    })
+  });
 });

package/es/ProStep/components/Step/index.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 import { ProStepPropsType } from '../../propsType';
 export declare const Step: ({ fixedTop, dataSource, activeKey, errorCollection, style, targetOffset, }: ProStepPropsType & {
     errorCollection: object;
-}) => React.JSX.Element;
+}) => JSX.Element;
 export default Step;

package/es/ProStep/components/Step/index.js

@@ -1,5 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useMemo, useState } from 'react';
 import { cloneDeep } from 'lodash';
 import { ReactSVG } from 'react-svg';
@@ -46,25 +47,29 @@ export var Step = function Step(_ref) {
   var handleMouseLeave = function handleMouseLeave() {
     setOnOff(false);
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return _jsxs("div", {
     className: "pro-step ".concat(onOff ? 'open' : 'closed'),
     style: _objectSpread({
       top: fixedTop !== null && fixedTop !== void 0 ? fixedTop : 0,
       maxHeight: "calc(100vh - ".concat(fixedTop, "px)")
     }, style),
     onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "step-menu"
-  }, /*#__PURE__*/React.createElement(ReactSVG, {
-    className: "menu-icon",
-    src: catalogSvg
-  }), onOff && /*#__PURE__*/React.createElement("div", null, "\u76EE\u5F55")), options.map(function (item) {
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: item.code
-    }, /*#__PURE__*/React.createElement(Anchor, _objectSpread(_objectSpread({}, item), {}, {
-      onOff: onOff
-    })));
-  }));
+    onMouseLeave: handleMouseLeave,
+    children: [_jsxs("div", {
+      className: "step-menu",
+      children: [_jsx(ReactSVG, {
+        className: "menu-icon",
+        src: catalogSvg
+      }), onOff && _jsx("div", {
+        children: "\u76EE\u5F55"
+      })]
+    }), options.map(function (item) {
+      return _jsx(React.Fragment, {
+        children: _jsx(Anchor, _objectSpread(_objectSpread({}, item), {}, {
+          onOff: onOff
+        }))
+      }, item.code);
+    })]
+  });
 };
 export default Step;

package/es/ProStep/index.d.ts

@@ -1,17 +1,13 @@
-import React from 'react';
+/// <reference types="react" />
 import { ProStepPropsType } from './propsType';
 import './style/index.less';
-export declare const ProStepContext: React.Context<any>;
+export declare const ProStepContext: import("react").Context<any>;
 export declare const useStep: () => any;
 declare const ProStep: {
-    ({ children, ...resetProps }: ProStepPropsType): React.JSX.Element;
+    ({ children, ...resetProps }: ProStepPropsType): JSX.Element;
     useStep: () => any;
-    Item: ({ id, children, ...restProps }: {
-        [x: string]: any;
-        id: any;
-        children: any;
-    }) => React.JSX.Element;
-    Listener: ({ children, }: any) => React.DetailedReactHTMLElement<{
+    Item: ({ id, title, collapse: collapseItem, children, ...restProps }: import("./propsType").ProStepItem) => JSX.Element;
+    Listener: ({ children, }: any) => import("react").DetailedReactHTMLElement<{
         onClick: import("lodash").DebouncedFunc<() => Promise<void>>;
     }, HTMLElement>;
 };

package/es/ProStep/index.js

@@ -1,11 +1,12 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children"];
-import React, { createContext, useContext, useEffect } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useMemo, useState } from 'react';
 import { useEventEmitter, useSetState, useLocalStorageState } from 'ahooks';
 import { handleScroll } from './utils';
 import Step from './components/Step';
@@ -24,18 +25,58 @@ var ProStep = function ProStep(_ref) {
     _useSetState2 = _slicedToArray(_useSetState, 2),
     errorCollection = _useSetState2[0],
     setErrorCollection = _useSetState2[1];
+  // 注册子节点id与title映射的集合
+  var _useSetState3 = useSetState({}),
+    _useSetState4 = _slicedToArray(_useSetState3, 2),
+    registerMap = _useSetState4[0],
+    setRegisterMap = _useSetState4[1];
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    anchorIds = _useState2[0],
+    setAnchorIds = _useState2[1];
   var _useLocalStorageState = useLocalStorageState('cache-pro-step'),
     _useLocalStorageState2 = _slicedToArray(_useLocalStorageState, 2),
     setLocalData = _useLocalStorageState2[1];
-  var dataSource = resetProps.dataSource,
-    targetOffset = resetProps.targetOffset;
+  var targetOffset = resetProps.targetOffset,
+    _resetProps$collapse = resetProps.collapse,
+    collapse = _resetProps$collapse === void 0 ? false : _resetProps$collapse;
   var values = {};
+  var dataSource = useMemo(function () {
+    var _Object$entries, _Object$entries$map;
+    if (resetProps === null || resetProps === void 0 ? void 0 : resetProps.dataSource) {
+      return resetProps === null || resetProps === void 0 ? void 0 : resetProps.dataSource;
+    }
+    return (_Object$entries = Object.entries(registerMap)) === null || _Object$entries === void 0 ? void 0 : (_Object$entries$map = _Object$entries.map) === null || _Object$entries$map === void 0 ? void 0 : _Object$entries$map.call(_Object$entries, function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+        key = _ref3[0],
+        _ref3$ = _ref3[1],
+        title = _ref3$.title,
+        order = _ref3$.order;
+      return {
+        code: key,
+        name: title,
+        order: order
+      };
+    }).filter(function (item) {
+      return anchorIds.includes(item.code);
+    }).sort(function (pre, next) {
+      return pre.order - next.order;
+    });
+  }, [resetProps === null || resetProps === void 0 ? void 0 : resetProps.dataSource, registerMap, anchorIds]);
   // 用来注册form匹配到对应的模块id
-  var register = function register(_ref2) {
-    var id = _ref2.id,
-      form = _ref2.form,
-      validator = _ref2.validator,
-      disabled = _ref2.disabled;
+  var register = function register(_ref4) {
+    var id = _ref4.id,
+      form = _ref4.form,
+      title = _ref4.title,
+      validator = _ref4.validator,
+      order = _ref4.order,
+      disabled = _ref4.disabled;
+    if (title && !registerMap[id]) {
+      setRegisterMap(_defineProperty({}, id, {
+        title: title,
+        order: order
+      }));
+    }
     if (disabled) {
       return null;
     }
@@ -68,7 +109,10 @@ var ProStep = function ProStep(_ref) {
             _context.prev = 13;
             _context.t0 = _context["catch"](1);
             num = _context.t0 === null || _context.t0 === void 0 ? void 0 : (_errors$errorFields = _context.t0.errorFields) === null || _errors$errorFields === void 0 ? void 0 : _errors$errorFields.length;
-            setLocalData(false);
+            if (num) {
+              setLocalData(false);
+              console.error(_context.t0);
+            }
           case 17:
             setErrorCollection(_defineProperty({}, id, num));
           case 18:
@@ -79,7 +123,7 @@ var ProStep = function ProStep(_ref) {
     })));
   };
   var notify = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -94,9 +138,31 @@ var ProStep = function ProStep(_ref) {
       }, _callee2);
     }));
     return function notify() {
-      return _ref4.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
+  var handleListenerDom = function handleListenerDom() {
+    var targetElement = document.getElementById('pro-step');
+    var observer = new MutationObserver(function (mutations) {
+      mutations.forEach(function (mutation) {
+        // 处理 DOM 树变化的逻辑
+        var Anchors = document.getElementsByClassName('pro-step-item') || [];
+        // 当前页面所存在的所有折叠项
+        var nextAnchorIds = [];
+        Array.prototype.slice.call(Anchors).forEach(function (dom) {
+          var id = dom.getAttribute('id');
+          nextAnchorIds.push(id);
+        });
+        setAnchorIds(nextAnchorIds);
+      });
+    });
+    var config = {
+      subtree: true,
+      childList: true // 是否观察子元素的添加或删除
+    };
+
+    observer.observe(targetElement, config);
+  };
   useEffect(function () {
     var errorModuleKeys = Object.keys(errorCollection).reverse();
     if (errorModuleKeys === null || errorModuleKeys === void 0 ? void 0 : errorModuleKeys.length) {
@@ -111,18 +177,26 @@ var ProStep = function ProStep(_ref) {
         targetOffset: targetOffset
       });
     }
-  }, [errorCollection]);
-  return /*#__PURE__*/React.createElement(ProStepContext.Provider, {
+  }, [errorCollection, dataSource]);
+  useEffect(function () {
+    handleListenerDom();
+  }, []);
+  return _jsx(ProStepContext.Provider, {
     value: {
+      collapse: collapse,
       register: register,
       notify: notify,
       handleScroll: handleScroll
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "pro-step-wrapper"
-  }, children, /*#__PURE__*/React.createElement(Step, _objectSpread(_objectSpread({}, resetProps), {}, {
-    errorCollection: errorCollection
-  }))));
+    },
+    children: _jsxs("div", {
+      className: "pro-step-wrapper",
+      id: "pro-step",
+      children: [children, _jsx(Step, _objectSpread(_objectSpread({}, resetProps), {}, {
+        dataSource: dataSource,
+        errorCollection: errorCollection
+      }))]
+    })
+  });
 };
 ProStep.useStep = useStep;
 ProStep.Item = Item;

package/es/ProStep/propsType.d.ts

@@ -2,10 +2,11 @@ import { ReactNode } from 'react';
 export interface ItemType {
     name: string;
     code: string;
+    order?: number;
 }
 export interface ProStepPropsType {
     /** @name 步骤条配置项 */
-    dataSource: ItemType[];
+    dataSource?: ItemType[];
     /** @name 距离顶部的偏移量 */
     fixedTop: number;
     /** @name 当前已激活的key */
@@ -16,4 +17,13 @@ export interface ProStepPropsType {
     style?: any;
     /** @name 滚动偏移量 */
     targetOffset?: number;
+    /** @name 是否使用折叠标题 */
+    collapse?: boolean;
+}
+export interface ProStepItem {
+    id: string;
+    title?: string;
+    collapse?: boolean;
+    order?: number;
+    [key: string]: any;
 }

package/es/ProStep/style/index.less

@@ -5,13 +5,13 @@
 .pro-step {
   position        : fixed;
   right           : 0;
-  z-index         : 999;
+  z-index         : 101;
   min-width       : 48px;
   min-height      : 48px;
   text-align      : center;
-  background-color: #fff;
+  background-color: var(--zaui-global-bg, #fff);
   cursor          : pointer;
-  box-shadow      : -1px 0px 5px 0px rgba(0, 0, 0, 0.1);
+  box-shadow      : -1px 0px 5px 0px var(--zaui-shadow, rgba(56,56,56,0.15));
   transition      : width .2s;
   overflow-x: hidden;
   overflow-y: auto;
@@ -22,10 +22,10 @@
     width        : 100%;
     height       : 48px;
     font-size    : var(--zaui-font-size-lg, 16px);
-    border-bottom: 1px solid #dee0e3;
+    border-bottom: 1px solid var(--zaui-line, #dddddd);
 
     >.menu-icon {
-      font-size: 24px;
+      font-size: var(--zaui-font-size-lg-title, 24px);
       fill     : var(--zaui-brand, #006AFF);
 
       >div {
@@ -52,7 +52,7 @@
     justify-content: space-between;
     width          : 100%;
     height         : 48px;
-    padding-right  : 16px;
+    padding-right  : var(--zaui-space-size-md, 24px);
 
     &:hover {
       background-color: rgba(185, 185, 189, 0.1);
@@ -102,11 +102,11 @@
           display        : flex;
           align-items    : center;
           justify-content: center;
-          font-size      : 12px;
+          font-size      : var(--zaui-font-size-sm, 12px);
           color          : #ffffff;
           width          : 18px;
           height         : 18px;
-          background     : var(--zaui-brand);
+          background     : var(--zaui-brand, #006AFF);
           border-radius  : 9px;
 
           &.errored {
@@ -149,7 +149,7 @@
         >span {
           color        : #ff5050;
           font-weight  : 600;
-          font-size    : 10px;
+          font-size    : var(--aui-font-size-sm, 12px);
           font-family  : PingFangSC-Semibold, PingFang SC;
           border-radius: 8px;
         }
@@ -159,23 +159,9 @@
 
   &.open {
     width: 200px;
-
-    >.topMulu {
-      color      : #1d2129;
-      font-weight: 500;
-      font-size  : var(--zaui-font-size-xl);
-      font-family: PingFangSC-Medium, PingFang SC;
-      line-height: 25px;
-
-      >div {
-        display    : flex;
-        align-items: center;
-
-      }
-    }
   }
 
   &.closed {
     width: 48px;
   }
-}
+}

package/es/ProTable/components/RenderColumn/index.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { ProTableValueType } from '../../propsType';
+interface Props {
+    valueType?: ProTableValueType;
+    code?: string | string[] | (() => string);
+    value?: any;
+    record?: any;
+    copyable?: boolean;
+    ellipsis?: any;
+    width?: number | string;
+    transform?: (value: any, record?: any) => string[];
+}
+declare const RenderColumn: FC<Props>;
+export default RenderColumn;

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

@@ -0,0 +1,75 @@
+import "antd/es/typography/style";
+import _Typography from "antd/es/typography";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CheckOutlined } from '@ant-design/icons';
+import { ReactSVG } from 'react-svg';
+import ProForm from '../../../ProForm';
+import getEnumLabel from '../../../ProEnum/utils/getEnumLabel';
+import copySvg from '../../../assets/copy.svg';
+var Paragraph = _Typography.Paragraph,
+  Text = _Typography.Text;
+// @ts-ignore
+var RenderColumn = function RenderColumn(props) {
+  var valueType = props.valueType,
+    code = props.code,
+    value = props.value,
+    record = props.record,
+    copyable = props.copyable,
+    ellipsis = props.ellipsis,
+    width = props.width,
+    transform = props.transform;
+  if (valueType === 'address') {
+    var _newValue$filter;
+    var newValue = transform ? transform(value, record) : value;
+    if (!newValue || Array.isArray(newValue) && (newValue === null || newValue === void 0 ? void 0 : (_newValue$filter = newValue.filter(function (item) {
+      return !!item;
+    })) === null || _newValue$filter === void 0 ? void 0 : _newValue$filter.length) === 0) {
+      return '-';
+    }
+    return _jsx(ProForm.ProAddressBar, {
+      isView: true,
+      code: code,
+      value: newValue
+    });
+  }
+  if (copyable) {
+    return _jsx("span", {
+      className: "copyable-table-cell",
+      children: _jsx(Paragraph, {
+        style: ellipsis ? {
+          width: width
+        } : undefined,
+        ellipsis: ellipsis ? {
+          tooltip: value
+        } : false,
+        copyable: {
+          text: value,
+          icon: [_jsx(ReactSVG, {
+            className: "drag-icon",
+            src: copySvg
+          }, "copy-icon"), _jsx(CheckOutlined, {}, "copied-icon")],
+          tooltips: ['复制', '复制成功']
+        },
+        children: value
+      })
+    });
+  }
+  if (ellipsis) {
+    var node = value;
+    if (['enumName', 'enumCodeName'].includes(valueType)) {
+      node = getEnumLabel(typeof code === 'function' ? code() : code, value, valueType === 'enumCodeName');
+    }
+    return value ? _jsx(Text, {
+      style: {
+        width: width
+      },
+      ellipsis: {
+        tooltip: true,
+        onEllipsis: function onEllipsis() {}
+      },
+      children: node
+    }) : '-';
+  }
+  return null;
+};
+export default RenderColumn;

package/es/ProTable/components/ResizableLine/index.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const ResizableLine: () => React.JSX.Element;
+declare const ResizableLine: () => JSX.Element;
 export default ResizableLine;

package/es/ProTable/components/ResizableLine/index.js

@@ -1,6 +1,6 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 var ResizableLine = function ResizableLine() {
-  return /*#__PURE__*/React.createElement("span", {
+  return _jsx("span", {
     className: "pro-table-resizable-line",
     style: {
       display: 'none'

package/es/ProTable/components/TableResizable/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 declare const _default: {
     components: {
         header: {
@@ -7,7 +6,7 @@ declare const _default: {
                 onDrag: any;
                 width: number;
                 minwidth?: number;
-            }) => React.JSX.Element;
+            }) => JSX.Element;
         };
     };
 };