@yilianjituan/yilian_dgerm 0.0.1-alpha.43 → 0.0.1-alpha.45

package/dist/components/PageTemplate/index.scss

@@ -66,8 +66,6 @@
   .ant-table-thead>tr>th,
   .ant-table-tbody>tr>td {
     text-align: center;
-    min-width: 80px;
-    max-width: 230px;
   }
 
   &__filter {

package/dist/components/PageTemplate/resizable/index.js

@@ -21,13 +21,13 @@ import { Resizable } from 'react-resizable';
 import "./index.scss";
 /**
  * 处理单元格大小
- * 
+ *
  * @param index 当前列的索引，用于标识是哪一列的宽度发生了变化
  * @param columns 表格的列配置数组，包含了所有列的配置信息
  * @param newColumnsVoid 一个回调函数，用于应用新的列配置
  */
 var handleResize = function handleResize(index, columns, newColumnsVoid) {
-  return function (_, _ref) {
+  return function (e, _ref) {
     var size = _ref.size;
     try {
       // 检查索引是否超出范围
@@ -35,6 +35,8 @@ var handleResize = function handleResize(index, columns, newColumnsVoid) {
         console.error('Index out of bounds:', index);
         return;
       }
+      var MIN_COLUMN_WIDTH = 20;
+      if (size.width < MIN_COLUMN_WIDTH) return;
 
       // 更新指定列的宽度
       var newColumns = columns.map(function (column, i) {
@@ -45,6 +47,8 @@ var handleResize = function handleResize(index, columns, newColumnsVoid) {
 
       // 返回新的列配置
       newColumnsVoid(newColumns);
+      e.preventDefault();
+      e.stopPropagation();
     } catch (error) {
       console.error('Error in handleResize:', error);
     }
@@ -79,19 +83,26 @@ var mergedColumns = function mergedColumns(columns, tableRef, newColumnsVoid) {
       console.log('Error while fetching header cells:', error); // 异常处理
     }
   }
-  return columns === null || columns === void 0 ? void 0 : columns.map(function (col, index) {
+  var _columns = columns.map(function (col, index) {
+    if (typeof col.width === 'number') {
+      return _objectSpread(_objectSpread({}, col), {}, {
+        width: col.width
+      });
+    } else {
+      return _objectSpread(_objectSpread({}, col), {}, {
+        width: widthsList[index]
+      });
+    }
+  });
+  return _columns === null || _columns === void 0 ? void 0 : _columns.map(function (col, index) {
     return _objectSpread(_objectSpread({}, col), {}, {
-      onHeaderCell: function onHeaderCell(column) {
+      onHeaderCell: function onHeaderCell() {
         return {
-          width: typeof column.width === 'number' ? column.width : widthsList[index] || 150,
+          width: col.width,
           // 设置默认宽度
           isEnd: index === columns.length - 1,
           // 判断是否是最后一个
-          onResize: handleResize(index, columns.map(function (column) {
-            return _objectSpread(_objectSpread({}, column), {}, {
-              width: typeof column.width === 'number' ? column.width : widthsList[index] || 150
-            });
-          }), newColumnsVoid)
+          onResize: handleResize(index, columns, newColumnsVoid)
         };
       }
     });
@@ -115,10 +126,28 @@ var ResizableTitle = function ResizableTitle(props) {
     } : {}, {
       onClick: function onClick(e) {
         return e.stopPropagation();
+      },
+      onMouseDown: function onMouseDown(e) {
+        e.preventDefault();
+        e.stopPropagation();
+      },
+      onMouseUp: function onMouseUp(e) {
+        e.preventDefault();
+        e.stopPropagation();
       }
     })),
     onResize: function onResize(event, data) {
-      return _onResize === null || _onResize === void 0 ? void 0 : _onResize(event, data);
+      _onResize === null || _onResize === void 0 || _onResize(event, data);
+      event.stopPropagation();
+    } // 阻止事件冒泡
+    ,
+    onResizeStop: function onResizeStop(event) {
+      event.preventDefault();
+      event.stopPropagation();
+    },
+    onResizeStart: function onResizeStart(event) {
+      event.preventDefault();
+      event.stopPropagation();
     },
     draggableOpts: {
       enableUserSelectHack: false
@@ -138,7 +167,7 @@ var CustomTable = function CustomTable(props) {
     setColumn = _React$useState2[1];
   useEffect(function () {
     setColumn(columns);
-  }, [dataSource]);
+  }, [dataSource, columns]);
   var customComponents = _objectSpread({
     header: _objectSpread({
       cell: ResizableTitle

package/dist/components/PageTemplate/resizable/index.scss

@@ -11,4 +11,15 @@
   width: 10px;
   height: 100%;
   cursor: col-resize;
+}
+
+/* 样式文件 */
+.ant-table-cell {
+  word-wrap: break-word !important;
+  word-break: break-all !important;
+}
+
+.react-resizable {
+  word-wrap: break-word !important;
+  word-break: break-all !important;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yilianjituan/yilian_dgerm",
-  "version": "0.0.1-alpha.43",
+  "version": "0.0.1-alpha.45",
   "description": "A react library developed with dumi",
   "keywords": [
     "React",