@kmkf-fe-packages/basic-components 2.6.1-beta.2 → 2.6.1-beta.4

package/dist/index.esm.js

@@ -26395,11 +26395,46 @@ var index$2 = (function (props) {
       return _ref13.apply(this, arguments);
     };
   }();
-  var rowSelection = {
-    type: isRadio ? 'radio' : 'checkbox',
+  var rowKey = rowKeyMap[type] || 'billNo';
+  var handleRadioChange = function handleRadioChange(record) {
+    var _value$selectIds;
+    if (disabled) return;
+    var currentKey = String(value === null || value === void 0 ? void 0 : (_value$selectIds = value.selectIds) === null || _value$selectIds === void 0 ? void 0 : _value$selectIds[0]);
+    var rowKeyVal = String(record[rowKey]);
+    if (currentKey && currentKey === rowKeyVal) {
+      _onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+        selectIds: [],
+        selectedRows: []
+      }));
+    } else {
+      _onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+        selectIds: [rowKeyVal],
+        selectedRows: [record]
+      }));
+    }
+  };
+  var radioColumn = isRadio ? {
+    width: 50,
+    fixed: true,
+    render: function render(_, record) {
+      var _value$selectIds2;
+      var checked = String(value === null || value === void 0 ? void 0 : (_value$selectIds2 = value.selectIds) === null || _value$selectIds2 === void 0 ? void 0 : _value$selectIds2[0]) === String(record[rowKey]);
+      return /*#__PURE__*/React.createElement(Radio, {
+        checked: checked,
+        onClick: function onClick(e) {
+          e.preventDefault();
+          handleRadioChange(record);
+        },
+        disabled: disabled
+      });
+    }
+  } : null;
+  var displayColumns = isRadio && radioColumn ? [radioColumn].concat(_toConsumableArray(columns)) : columns;
+  var rowSelection = isRadio ? undefined : {
+    type: 'checkbox',
     selectedRowKeys: (value === null || value === void 0 ? void 0 : value.selectIds) || [],
     fixed: true,
-    onChange: function onChange(selectedRowKeys, selectedRows, info) {
+    onChange: function onChange(selectedRowKeys, selectedRows) {
       _onChange(_objectSpread2(_objectSpread2({}, value), {}, {
         selectIds: selectedRowKeys,
         selectedRows: selectedRows
@@ -26445,9 +26480,9 @@ var index$2 = (function (props) {
     allowClear: true
   })), /*#__PURE__*/React.createElement(Table, {
     dataSource: filteredData,
-    columns: columns,
+    columns: displayColumns,
     rowSelection: rowSelection,
-    rowKey: rowKeyMap[type] || 'billNo',
+    rowKey: rowKey,
     size: "small",
     pagination: false,
     scroll: {

package/dist/index.js

@@ -26410,11 +26410,46 @@ var index$2 = (function (props) {
       return _ref13.apply(this, arguments);
     };
   }();
-  var rowSelection = {
-    type: isRadio ? 'radio' : 'checkbox',
+  var rowKey = rowKeyMap[type] || 'billNo';
+  var handleRadioChange = function handleRadioChange(record) {
+    var _value$selectIds;
+    if (disabled) return;
+    var currentKey = String(value === null || value === void 0 ? void 0 : (_value$selectIds = value.selectIds) === null || _value$selectIds === void 0 ? void 0 : _value$selectIds[0]);
+    var rowKeyVal = String(record[rowKey]);
+    if (currentKey && currentKey === rowKeyVal) {
+      _onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+        selectIds: [],
+        selectedRows: []
+      }));
+    } else {
+      _onChange(_objectSpread2(_objectSpread2({}, value), {}, {
+        selectIds: [rowKeyVal],
+        selectedRows: [record]
+      }));
+    }
+  };
+  var radioColumn = isRadio ? {
+    width: 50,
+    fixed: true,
+    render: function render(_, record) {
+      var _value$selectIds2;
+      var checked = String(value === null || value === void 0 ? void 0 : (_value$selectIds2 = value.selectIds) === null || _value$selectIds2 === void 0 ? void 0 : _value$selectIds2[0]) === String(record[rowKey]);
+      return /*#__PURE__*/React__default['default'].createElement(antd.Radio, {
+        checked: checked,
+        onClick: function onClick(e) {
+          e.preventDefault();
+          handleRadioChange(record);
+        },
+        disabled: disabled
+      });
+    }
+  } : null;
+  var displayColumns = isRadio && radioColumn ? [radioColumn].concat(_toConsumableArray(columns)) : columns;
+  var rowSelection = isRadio ? undefined : {
+    type: 'checkbox',
     selectedRowKeys: (value === null || value === void 0 ? void 0 : value.selectIds) || [],
     fixed: true,
-    onChange: function onChange(selectedRowKeys, selectedRows, info) {
+    onChange: function onChange(selectedRowKeys, selectedRows) {
       _onChange(_objectSpread2(_objectSpread2({}, value), {}, {
         selectIds: selectedRowKeys,
         selectedRows: selectedRows
@@ -26460,9 +26495,9 @@ var index$2 = (function (props) {
     allowClear: true
   })), /*#__PURE__*/React__default['default'].createElement(antd.Table, {
     dataSource: filteredData,
-    columns: columns,
+    columns: displayColumns,
     rowSelection: rowSelection,
-    rowKey: rowKeyMap[type] || 'billNo',
+    rowKey: rowKey,
     size: "small",
     pagination: false,
     scroll: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/basic-components",
-  "version": "2.6.1-beta.2",
+  "version": "2.6.1-beta.4",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -20,7 +20,7 @@
     "watch": "nodemon --ignore dist/ --ignore node_modules/ --watch src/ -C -e ts,tsx,less --debug -x 'yarn async'"
   },
   "dependencies": {
-    "@kmkf-fe-packages/kmkf-utils": "2.6.1-beta.2",
+    "@kmkf-fe-packages/kmkf-utils": "2.6.1-beta.4",
     "ahooks": "^3.7.4",
     "ali-react-table": "2.6.1",
     "bignumber.js": "^9.1.2",
@@ -66,5 +66,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ce884cfd6aa712e71119b7a0e59bfa13ed2ec4d7"
+  "gitHead": "c79fc0769ab19d3d1c29beec33a8ed4bb5c72a87"
 }