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

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

@@ -1,51 +1,62 @@
-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/RenderSummary/index.tsx
-var RenderSummary_exports = {};
-__export(RenderSummary_exports, {
-  default: () => RenderSummary_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(RenderSummary_exports);
-var import_antd = require("antd");
-var import_lodash = require("lodash");
-var import_utils = require("@zat-design/utils");
-var import_utils2 = require("../../../ProUtils/utils");
-var renderSummary = (props) => {
-  const { summary, dataSource } = props;
-  const { columns, total = true, fixed = true } = summary || {};
-  if (!(dataSource == null ? void 0 : dataSource.length)) {
+exports.default = void 0;
+require("antd/es/table/style");
+var _table = _interopRequireDefault(require("antd/es/table"));
+var _lodash = require("lodash");
+var _utils = require("@zat-design/utils");
+var _utils2 = require("../../../ProUtils/utils");
+var _jsxRuntime = require("react/jsx-runtime");
+var renderSummary = props => {
+  var summary = props.summary,
+    dataSource = props.dataSource;
+  var _ref = summary || {},
+    columns = _ref.columns,
+    _ref$total = _ref.total,
+    total = _ref$total === void 0 ? true : _ref$total,
+    _ref$fixed = _ref.fixed,
+    fixed = _ref$fixed === void 0 ? true : _ref$fixed;
+  // 没有数据时，不展示合计栏
+  if (!(dataSource !== null && dataSource !== void 0 && dataSource.length)) {
     return null;
   }
-  return typeof summary === "object" ? /* @__PURE__ */ React.createElement(import_antd.Table.Summary, { fixed }, /* @__PURE__ */ React.createElement(import_antd.Table.Summary.Row, null, columns == null ? void 0 : columns.map(({ key, index, colSpan, prefix, suffix, title, precision, valueType }) => {
-    var _a, _b;
-    let text = null;
-    if (title) {
-      text = title;
-    } else if (total && key) {
-      const format = (_a = import_utils2.valueTypeRender) == null ? void 0 : _a[valueType];
-      const sum = (_b = dataSource == null ? void 0 : dataSource.reduce) == null ? void 0 : _b.call(dataSource, (pre, cur) => {
-        return import_utils.tools.calc(pre, "+", (0, import_lodash.get)(cur, key) ?? 0);
-      }, 0);
-      text = format ? format(sum, precision ?? 2) : sum;
-    }
-    const _key = key;
-    return /* @__PURE__ */ React.createElement(import_antd.Table.Summary.Cell, { key: _key, index, colSpan }, prefix, text, suffix);
-  }))) : summary;
+  return (0, _lodash.isObject)(summary) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_table.default.Summary, {
+    fixed: fixed,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_table.default.Summary.Row, {
+      children: columns === null || columns === void 0 ? void 0 : columns.map(_ref2 => {
+        var key = _ref2.key,
+          dataIndex = _ref2.dataIndex,
+          index = _ref2.index,
+          colSpan = _ref2.colSpan,
+          prefix = _ref2.prefix,
+          suffix = _ref2.suffix,
+          title = _ref2.title,
+          precision = _ref2.precision,
+          valueType = _ref2.valueType;
+        var _key = key || dataIndex;
+        var text = null;
+        if (title) {
+          text = title;
+        } else if (total && _key) {
+          var _dataSource$reduce;
+          var format = _utils2.valueTypeRender === null || _utils2.valueTypeRender === void 0 ? void 0 : _utils2.valueTypeRender[valueType];
+          var sum = dataSource === null || dataSource === void 0 || (_dataSource$reduce = dataSource.reduce) === null || _dataSource$reduce === void 0 ? void 0 : _dataSource$reduce.call(dataSource, (pre, cur) => {
+            var _get;
+            return _utils.tools.calc(pre, '+', (_get = (0, _lodash.get)(cur, _key)) !== null && _get !== void 0 ? _get : 0);
+          }, 0);
+          text = format ? format(sum, precision !== null && precision !== void 0 ? precision : 2) : sum;
+        }
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_table.default.Summary.Cell, {
+          index: index,
+          colSpan: colSpan,
+          children: [prefix, text, suffix]
+        }, _key);
+      })
+    })
+  }) : summary;
 };
-var RenderSummary_default = renderSummary;
+var _default = exports.default = renderSummary;

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

@@ -1,75 +1,69 @@
-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/RenderTableHeader/index.tsx
-var RenderTableHeader_exports = {};
-__export(RenderTableHeader_exports, {
-  default: () => RenderTableHeader_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(RenderTableHeader_exports);
-var import_antd = require("antd");
-var import_react_svg = require("react-svg");
-var import__ = require("../../../index");
-var RenderTableHeader = (props) => {
-  var _a, _b, _c;
-  const { dataSource } = props;
-  const {
-    headerRender,
-    columnConfig,
-    resizeColumn,
-    resetSvg,
-    resetColumnWidth,
-    locale,
-    customColumns,
-    checkColumns,
-    handleColumnConfig,
-    customColumnSvg
-  } = dataSource || {};
+exports.default = void 0;
+require("antd/es/button/style");
+var _button = _interopRequireDefault(require("antd/es/button"));
+var _reactSvg = require("react-svg");
+var _index = require("../../../index");
+var _jsxRuntime = require("react/jsx-runtime");
+var RenderTableHeader = props => {
+  var _locale$ProTable, _locale$ProTable2, _locale$ProTable3;
+  var dataSource = props.dataSource;
+  var _ref = dataSource || {},
+    headerRender = _ref.headerRender,
+    columnConfig = _ref.columnConfig,
+    resizeColumn = _ref.resizeColumn,
+    resetSvg = _ref.resetSvg,
+    resetColumnWidth = _ref.resetColumnWidth,
+    locale = _ref.locale,
+    customColumns = _ref.customColumns,
+    checkColumns = _ref.checkColumns,
+    handleColumnConfig = _ref.handleColumnConfig,
+    customColumnSvg = _ref.customColumnSvg;
+
+  // 没有数据时，不展示tableHeader
   if (!(headerRender || columnConfig || resizeColumn)) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement("div", { className: "column-config" }, /* @__PURE__ */ React.createElement("div", { className: "left-contain" }, headerRender ? typeof headerRender === "function" ? headerRender() : headerRender : null), /* @__PURE__ */ React.createElement("div", { className: "right-actions" }, resizeColumn && /* @__PURE__ */ React.createElement(
-    import_antd.Button,
-    {
-      icon: /* @__PURE__ */ React.createElement(import_react_svg.ReactSVG, { className: "anticon", wrapper: "span", src: resetSvg }),
-      onClick: resetColumnWidth
-    },
-    (_a = locale == null ? void 0 : locale.ProTable) == null ? void 0 : _a.resetColumnWidth
-  ), columnConfig && /* @__PURE__ */ React.createElement(
-    import__.ProTreeModal,
-    {
-      title: (_b = locale == null ? void 0 : locale.ProTable) == null ? void 0 : _b.customColumns,
-      span: 8,
-      mode: "list",
-      draggable: true,
-      dataSource: customColumns,
-      value: checkColumns,
-      allValue: "all",
-      onChange: handleColumnConfig,
-      trigger: /* @__PURE__ */ React.createElement(
-        import_antd.Button,
-        {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "column-config",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "left-contain",
+      children: headerRender ? typeof headerRender === 'function' ? headerRender() : headerRender : null
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "right-actions",
+      children: [resizeColumn && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
+          className: "anticon",
+          wrapper: "span",
+          src: resetSvg
+        }),
+        onClick: resetColumnWidth,
+        children: locale === null || locale === void 0 || (_locale$ProTable = locale.ProTable) === null || _locale$ProTable === void 0 ? void 0 : _locale$ProTable.resetColumnWidth
+      }), columnConfig && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProTreeModal, {
+        title: locale === null || locale === void 0 || (_locale$ProTable2 = locale.ProTable) === null || _locale$ProTable2 === void 0 ? void 0 : _locale$ProTable2.customColumns,
+        span: 8,
+        mode: "list",
+        draggable: true,
+        dataSource: customColumns,
+        value: checkColumns,
+        allValue: "all",
+        onChange: handleColumnConfig,
+        trigger: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
           className: "custom-column-btn",
-          icon: /* @__PURE__ */ React.createElement(import_react_svg.ReactSVG, { className: "anticon", wrapper: "span", src: customColumnSvg })
-        },
-        (_c = locale == null ? void 0 : locale.ProTable) == null ? void 0 : _c.customColumns
-      )
-    }
-  )));
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
+            className: "anticon",
+            wrapper: "span",
+            src: customColumnSvg
+          }),
+          children: locale === null || locale === void 0 || (_locale$ProTable3 = locale.ProTable) === null || _locale$ProTable3 === void 0 ? void 0 : _locale$ProTable3.customColumns
+        })
+      })]
+    })]
+  });
 };
-var RenderTableHeader_default = RenderTableHeader;
+var _default = exports.default = RenderTableHeader;

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

@@ -1,98 +1,85 @@
-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/RenderTabs/index.tsx
-var RenderTabs_exports = {};
-__export(RenderTabs_exports, {
-  default: () => RenderTabs_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(RenderTabs_exports);
-var import_antd = require("antd");
-var import_react = require("react");
-var import_useEnum = __toESM(require("../../../ProEnum/hooks/useEnum"));
-var RenderTabs = (props) => {
-  const {
-    code,
-    dataSource = [],
-    transformResponse,
-    tabsProps,
-    name,
-    formTableProps,
-    transformParams
-  } = props;
-  const { form, onSearch } = formTableProps || {};
-  const [activeKey, setActiveKey] = (0, import_react.useState)(props.activeKey);
-  const [options] = (0, import_useEnum.default)(code);
-  const fieldValue = import_antd.Form.useWatch(name, form);
-  const tabItems = (0, import_react.useMemo)(() => {
-    const defaultItems = [...dataSource, ...options || []];
-    let mergedData = defaultItems.map((item) => ({
+exports.default = void 0;
+require("antd/es/tabs/style");
+var _tabs = _interopRequireDefault(require("antd/es/tabs"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+require("antd/es/form/style");
+var _form = _interopRequireDefault(require("antd/es/form"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _useEnum3 = _interopRequireDefault(require("../../../ProEnum/hooks/useEnum"));
+var _jsxRuntime = require("react/jsx-runtime");
+var RenderTabs = props => {
+  var code = props.code,
+    _props$dataSource = props.dataSource,
+    dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
+    transformResponse = props.transformResponse,
+    tabsProps = props.tabsProps,
+    name = props.name,
+    formTableProps = props.formTableProps,
+    transformParams = props.transformParams;
+  var _ref = formTableProps || {},
+    form = _ref.form,
+    onSearch = _ref.onSearch;
+  var _useState = (0, _react.useState)(props.activeKey),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    activeKey = _useState2[0],
+    setActiveKey = _useState2[1];
+  var _useEnum = (0, _useEnum3.default)(code),
+    _useEnum2 = (0, _slicedToArray2.default)(_useEnum, 1),
+    options = _useEnum2[0];
+  var fieldValue = _form.default.useWatch(name, form);
+
+  // 使用useMemo计算派生状态
+  var tabItems = (0, _react.useMemo)(() => {
+    var defaultItems = [...dataSource, ...(options || [])];
+    // 合并数据源并转换格式
+    var mergedData = defaultItems.map(item => ({
       key: item.value,
       label: item.label
     }));
-    if (transformResponse && typeof transformResponse === "function") {
+    if (transformResponse && typeof transformResponse === 'function') {
       mergedData = transformResponse(defaultItems, formTableProps);
-      return mergedData.map((item) => ({
+      return mergedData.map(item => ({
         key: String(item.value),
         label: item.label
       }));
     }
-    return mergedData.map((item) => ({
+    return mergedData.map(item => ({
       key: String(item.key),
       label: item.label
     }));
   }, [dataSource, options, transformResponse]);
-  (0, import_react.useEffect)(() => {
-    var _a;
-    setActiveKey(fieldValue || ((_a = tabItems == null ? void 0 : tabItems[0]) == null ? void 0 : _a.key));
+  (0, _react.useEffect)(() => {
+    var _tabItems$;
+    setActiveKey(fieldValue || (tabItems === null || tabItems === void 0 || (_tabItems$ = tabItems[0]) === null || _tabItems$ === void 0 ? void 0 : _tabItems$.key));
   }, [fieldValue]);
-  if (!(tabItems == null ? void 0 : tabItems.length)) {
+  if (!(tabItems !== null && tabItems !== void 0 && tabItems.length)) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(
-    import_antd.Tabs,
-    {
-      className: "pro-table-tabs",
-      onChange: (key) => {
-        const fieldsValues = (form == null ? void 0 : form.getFieldsValue()) || {};
-        setActiveKey(key);
-        form.setFieldValue(name, key);
-        let params = { ...fieldsValues, [name]: key };
-        if (transformParams && typeof transformParams === "function") {
-          params = transformParams(params);
-        }
-        onSearch == null ? void 0 : onSearch(params);
-      },
-      type: "card",
-      ...tabsProps,
-      items: tabItems,
-      activeKey
-    }
-  );
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabs.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    className: "pro-table-tabs",
+    onChange: key => {
+      var fieldsValues = (form === null || form === void 0 ? void 0 : form.getFieldsValue()) || {};
+      setActiveKey(key);
+      form.setFieldValue(name, key);
+      var params = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, fieldsValues), {}, {
+        [name]: key
+      });
+      if (transformParams && typeof transformParams === 'function') {
+        params = transformParams(params);
+      }
+      onSearch === null || onSearch === void 0 || onSearch(params);
+    },
+    type: "card"
+  }, tabsProps), {}, {
+    items: tabItems,
+    activeKey: activeKey
+  }));
 };
-var RenderTabs_default = (0, import_react.memo)(RenderTabs);
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(RenderTabs);

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

@@ -1,99 +1,99 @@
-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/TableResizable/index.tsx
-var TableResizable_exports = {};
-__export(TableResizable_exports, {
-  default: () => TableResizable_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(TableResizable_exports);
-var import_react = require("react");
-var import_react_resizable = require("react-resizable");
-var import_classnames = __toESM(require("classnames"));
-var import_FormatColumn = require("../FormatColumn");
-var ResizableTitle = (props) => {
-  var _a;
-  const { onDrag, width, minwidth = 50, ...restProps } = props;
-  const [offset, setOffset] = (0, import_react.useState)(0);
-  if ((_a = restProps == null ? void 0 : restProps.className) == null ? void 0 : _a.includes("ant-table-selection-column")) {
-    return /* @__PURE__ */ React.createElement("th", { ...restProps });
+exports.default = void 0;
+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 _react = require("react");
+var _reactResizable = require("react-resizable");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _FormatColumn = require("../FormatColumn");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["onDrag", "width", "minwidth"];
+var ResizableTitle = props => {
+  var _restProps$className;
+  var onDrag = props.onDrag,
+    width = props.width,
+    _props$minwidth = props.minwidth,
+    minwidth = _props$minwidth === void 0 ? 50 : _props$minwidth,
+    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+
+  // 添加偏移量
+  var _useState = (0, _react.useState)(0),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    offset = _useState2[0],
+    setOffset = _useState2[1];
+  if (restProps !== null && restProps !== void 0 && (_restProps$className = restProps.className) !== null && _restProps$className !== void 0 && _restProps$className.includes('ant-table-selection-column')) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("th", (0, _objectSpread2.default)({}, restProps));
   }
-  const ResizableComponent = import_react_resizable.Resizable;
-  return /* @__PURE__ */ React.createElement(
-    ResizableComponent,
-    {
-      width: Number(width) + Number(offset),
-      minConstraints: [minwidth, 0],
-      height: 0,
-      handle: /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          className: (0, import_classnames.default)(["react-resizable-handle", offset && "active"]),
-          style: { transform: `translateX(${offset}px)` },
-          onClick: (e) => {
-            e.stopPropagation();
-          }
-        }
-      ),
-      onResize: (e, { size, node }) => {
-        var _a2;
-        const parentDom = (0, import_FormatColumn.getParentElement)(node, "pro-table-container");
-        const parentClient = parentDom == null ? void 0 : parentDom.getBoundingClientRect();
-        const subClient = node == null ? void 0 : node.getBoundingClientRect();
-        const lineDom = (_a2 = parentDom.getElementsByClassName("pro-table-resizable-line")) == null ? void 0 : _a2[0];
-        if (parentClient && subClient && lineDom) {
-          const height = parentDom.getElementsByTagName("table")[0].clientHeight;
-          lineDom.style.display = "block";
-          lineDom.style.height = `${height}px`;
-          lineDom.style.left = `${subClient.left - parentClient.left + 6}px`;
-        }
-        setOffset(size.width - width);
+  var ResizableComponent = _reactResizable.Resizable;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ResizableComponent, {
+    width: Number(width) + Number(offset),
+    minConstraints: [minwidth, 0],
+    height: 0,
+    handle: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: (0, _classnames.default)(['react-resizable-handle', offset && 'active']),
+      style: {
+        transform: `translateX(${offset}px)`
       },
-      onResizeStop: (...args) => {
-        var _a2;
-        const parentDom = (0, import_FormatColumn.getParentElement)(args[1].node, "pro-table-container");
-        const lineDom = (_a2 = parentDom.getElementsByClassName("pro-table-resizable-line")) == null ? void 0 : _a2[0];
-        setOffset(0);
-        onDrag && onDrag(...args);
-        if (lineDom) {
-          lineDom.style.display = "none";
-        }
-      },
-      draggableOpts: { enableUserSelectHack: false }
+      onClick: e => {
+        e.stopPropagation();
+      }
+    }),
+    onResize: (e, _ref) => {
+      var _parentDom$getElement;
+      var size = _ref.size,
+        node = _ref.node;
+      var parentDom = (0, _FormatColumn.getParentElement)(node, 'pro-table-container');
+      // 获取父元素视窗位置信息
+      var parentClient = parentDom === null || parentDom === void 0 ? void 0 : parentDom.getBoundingClientRect();
+      var subClient = node === null || node === void 0 ? void 0 : node.getBoundingClientRect();
+      var lineDom = (_parentDom$getElement = parentDom.getElementsByClassName('pro-table-resizable-line')) === null || _parentDom$getElement === void 0 ? void 0 : _parentDom$getElement[0];
+      // 设置辅助线数据
+      if (parentClient && subClient && lineDom) {
+        var height = parentDom.getElementsByTagName('table')[0].clientHeight;
+        lineDom.style.display = 'block';
+        lineDom.style.height = `${height}px`;
+        lineDom.style.left = `${subClient.left - parentClient.left + 6}px`;
+      }
+      setOffset(size.width - width);
+    },
+    onResizeStop: function onResizeStop() {
+      var _parentDom$getElement2;
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      var parentDom = (0, _FormatColumn.getParentElement)(args[1].node, 'pro-table-container');
+      var lineDom = (_parentDom$getElement2 = parentDom.getElementsByClassName('pro-table-resizable-line')) === null || _parentDom$getElement2 === void 0 ? void 0 : _parentDom$getElement2[0];
+      setOffset(0);
+      onDrag && onDrag(...args);
+      if (lineDom) {
+        lineDom.style.display = 'none';
+      }
     },
-    /* @__PURE__ */ React.createElement("th", { ...restProps, style: { overflow: "visible", ...restProps.style } }, /* @__PURE__ */ React.createElement("div", { className: "pro-table-th-cell" }, restProps.children))
-  );
+    draggableOpts: {
+      enableUserSelectHack: false
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("th", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
+      style: (0, _objectSpread2.default)({
+        overflow: 'visible'
+      }, restProps.style),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "pro-table-th-cell",
+        children: restProps.children
+      })
+    }))
+  });
 };
 var components = {
   header: {
     cell: ResizableTitle
   }
 };
-var TableResizable_default = {
+var _default = exports.default = {
   components
-};
+};