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

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

@@ -1,62 +1,51 @@
-"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);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProTable/components/RenderSummary/index.tsx
+var RenderSummary_exports = {};
+__export(RenderSummary_exports, {
+  default: () => RenderSummary_default
 });
-exports.default = void 0;
-require("antd/es/table/style");
-var _table = _interopRequireDefault(require("antd/es/table"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _get3 = _interopRequireDefault(require("lodash/get"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _utils = require("@zat-design/utils");
-var _utils2 = require("../../../ProUtils/utils");
-var renderSummary = function 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 ? void 0 : dataSource.length)) {
+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)) {
     return null;
   }
-  return (0, _typeof2.default)(summary) === 'object' ? (0, _jsxRuntime.jsx)(_table.default.Summary, {
-    fixed: fixed,
-    children: (0, _jsxRuntime.jsx)(_table.default.Summary.Row, {
-      children: columns === null || columns === void 0 ? void 0 : columns.map(function (_ref2) {
-        var key = _ref2.key,
-          index = _ref2.index,
-          colSpan = _ref2.colSpan,
-          prefix = _ref2.prefix,
-          suffix = _ref2.suffix,
-          title = _ref2.title,
-          precision = _ref2.precision,
-          valueType = _ref2.valueType;
-        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 ? void 0 : (_dataSource$reduce = dataSource.reduce) === null || _dataSource$reduce === void 0 ? void 0 : _dataSource$reduce.call(dataSource, function (pre, cur) {
-            var _get2;
-            return _utils.tools.calc(pre, '+', (_get2 = (0, _get3.default)(cur, key)) !== null && _get2 !== void 0 ? _get2 : 0);
-          }, 0);
-          text = format ? format(sum, precision !== null && precision !== void 0 ? precision : 2) : sum;
-        }
-        var _key = key;
-        return (0, _jsxRuntime.jsxs)(_table.default.Summary.Cell, {
-          index: index,
-          colSpan: colSpan,
-          children: [prefix, text, suffix]
-        }, _key);
-      })
-    })
-  }) : summary;
+  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;
 };
-var _default = exports.default = renderSummary;
+var RenderSummary_default = renderSummary;

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

@@ -1,68 +1,75 @@
-"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);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProTable/components/RenderTableHeader/index.tsx
+var RenderTableHeader_exports = {};
+__export(RenderTableHeader_exports, {
+  default: () => RenderTableHeader_default
 });
-exports.default = void 0;
-require("antd/es/button/style");
-var _button = _interopRequireDefault(require("antd/es/button"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _reactSvg = require("react-svg");
-var _index = require("../../../index");
-var RenderTableHeader = function 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
+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 || {};
   if (!(headerRender || columnConfig || resizeColumn)) {
     return null;
   }
-  return (0, _jsxRuntime.jsxs)("div", {
-    className: "column-config",
-    children: [(0, _jsxRuntime.jsx)("div", {
-      className: "left-contain",
-      children: headerRender ? typeof headerRender === 'function' ? headerRender() : headerRender : null
-    }), (0, _jsxRuntime.jsxs)("div", {
-      className: "right-actions",
-      children: [resizeColumn && (0, _jsxRuntime.jsx)(_button.default, {
-        icon: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
-          className: "anticon",
-          wrapper: "span",
-          src: resetSvg
-        }),
-        onClick: resetColumnWidth,
-        children: locale === null || locale === void 0 ? void 0 : (_locale$ProTable = locale.ProTable) === null || _locale$ProTable === void 0 ? void 0 : _locale$ProTable.resetColumnWidth
-      }), columnConfig && (0, _jsxRuntime.jsx)(_index.ProTreeModal, {
-        title: locale === null || locale === void 0 ? 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: (0, _jsxRuntime.jsx)(_button.default, {
+  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,
+        {
           className: "custom-column-btn",
-          icon: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
-            className: "anticon",
-            wrapper: "span",
-            src: customColumnSvg
-          }),
-          children: locale === null || locale === void 0 ? void 0 : (_locale$ProTable3 = locale.ProTable) === null || _locale$ProTable3 === void 0 ? void 0 : _locale$ProTable3.customColumns
-        })
-      })]
-    })]
-  });
+          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
+      )
+    }
+  )));
 };
-var _default = exports.default = RenderTableHeader;
+var RenderTableHeader_default = RenderTableHeader;

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

@@ -1,90 +1,98 @@
-"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/RenderTabs/index.tsx
+var RenderTabs_exports = {};
+__export(RenderTabs_exports, {
+  default: () => RenderTabs_default
 });
-exports.default = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-require("antd/es/tabs/style");
-var _tabs = _interopRequireDefault(require("antd/es/tabs"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-require("antd/es/form/style");
-var _form = _interopRequireDefault(require("antd/es/form"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
-var _useEnum3 = _interopRequireDefault(require("../../../ProEnum/hooks/useEnum"));
-var RenderTabs = function 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)(function () {
-    var defaultItems = [].concat((0, _toConsumableArray2.default)(dataSource), (0, _toConsumableArray2.default)(options || []));
-    // 合并数据源并转换格式
-    var mergedData = defaultItems.map(function (item) {
-      return {
-        key: item.value,
-        label: item.label
-      };
-    });
-    if (transformResponse && typeof transformResponse === 'function') {
+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) => ({
+      key: item.value,
+      label: item.label
+    }));
+    if (transformResponse && typeof transformResponse === "function") {
       mergedData = transformResponse(defaultItems, formTableProps);
-      return mergedData.map(function (item) {
-        return {
-          key: String(item.value),
-          label: item.label
-        };
-      });
-    }
-    return mergedData.map(function (item) {
-      return {
-        key: String(item.key),
+      return mergedData.map((item) => ({
+        key: String(item.value),
         label: item.label
-      };
-    });
+      }));
+    }
+    return mergedData.map((item) => ({
+      key: String(item.key),
+      label: item.label
+    }));
   }, [dataSource, options, transformResponse]);
-  (0, _react.useEffect)(function () {
-    var _tabItems$;
-    setActiveKey(fieldValue || (tabItems === null || tabItems === void 0 ? void 0 : (_tabItems$ = tabItems[0]) === null || _tabItems$ === void 0 ? void 0 : _tabItems$.key));
+  (0, import_react.useEffect)(() => {
+    var _a;
+    setActiveKey(fieldValue || ((_a = tabItems == null ? void 0 : tabItems[0]) == null ? void 0 : _a.key));
   }, [fieldValue]);
-  if (!(tabItems === null || tabItems === void 0 ? void 0 : tabItems.length)) {
+  if (!(tabItems == null ? void 0 : tabItems.length)) {
     return null;
   }
-  return (0, _jsxRuntime.jsx)(_tabs.default, (0, _objectSpread3.default)((0, _objectSpread3.default)({
-    className: "pro-table-tabs",
-    onChange: function onChange(key) {
-      var fieldsValues = (form === null || form === void 0 ? void 0 : form.getFieldsValue()) || {};
-      setActiveKey(key);
-      form.setFieldValue(name, key);
-      var params = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, fieldsValues), {}, (0, _defineProperty2.default)({}, name, key));
-      if (transformParams && typeof transformParams === 'function') {
-        params = transformParams(params);
-      }
-      onSearch === null || onSearch === void 0 ? void 0 : onSearch(params);
-    },
-    type: "card"
-  }, tabsProps), {}, {
-    items: tabItems,
-    activeKey: activeKey
-  }));
+  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
+    }
+  );
 };
-var _default = exports.default = /*#__PURE__*/(0, _react.memo)(RenderTabs);
+var RenderTabs_default = (0, import_react.memo)(RenderTabs);

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

@@ -1,97 +1,99 @@
-"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/TableResizable/index.tsx
+var TableResizable_exports = {};
+__export(TableResizable_exports, {
+  default: () => TableResizable_default
 });
-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 _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
-var _reactResizable = require("react-resizable");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _FormatColumn = require("../FormatColumn");
-var _excluded = ["onDrag", "width", "minwidth"];
-var ResizableTitle = function 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 ? void 0 : (_restProps$className = restProps.className) === null || _restProps$className === void 0 ? void 0 : _restProps$className.includes('ant-table-selection-column')) {
-    return (0, _jsxRuntime.jsx)("th", (0, _objectSpread2.default)({}, restProps));
+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 });
   }
-  return (0, _jsxRuntime.jsx)(_reactResizable.Resizable, {
-    width: Number(width) + Number(offset),
-    minConstraints: [minwidth, 0],
-    height: 0,
-    handle: (0, _jsxRuntime.jsx)("span", {
-      className: (0, _classnames.default)(['react-resizable-handle', offset && 'active']),
-      style: {
-        transform: "translateX(".concat(offset, "px)")
+  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);
       },
-      onClick: function onClick(e) {
-        e.stopPropagation();
-      }
-    }),
-    onResize: function 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 = "".concat(height, "px");
-        lineDom.style.left = "".concat(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.apply(void 0, args);
-      if (lineDom) {
-        lineDom.style.display = 'none';
-      }
-    },
-    draggableOpts: {
-      enableUserSelectHack: false
+      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 }
     },
-    children: (0, _jsxRuntime.jsx)("th", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
-      style: (0, _objectSpread2.default)({
-        overflow: 'visible'
-      }, restProps.style),
-      children: (0, _jsxRuntime.jsx)("div", {
-        className: "pro-table-th-cell",
-        children: restProps.children
-      })
-    }))
-  });
+    /* @__PURE__ */ React.createElement("th", { ...restProps, style: { overflow: "visible", ...restProps.style } }, /* @__PURE__ */ React.createElement("div", { className: "pro-table-th-cell" }, restProps.children))
+  );
 };
 var components = {
   header: {
     cell: ResizableTitle
   }
 };
-var _default = exports.default = {
-  components: components
-};
+var TableResizable_default = {
+  components
+};