ronds-metadata 1.0.40 → 1.0.41

package/es/comps/Editable/index.d.ts

@@ -1,5 +1,6 @@
 import { TableProps } from 'antd';
-import { EditColumnsType, IMultipleProps } from './interface';
+import { BehaviorSubject } from 'rxjs';
+import { EditColumnsType, IEditableStream, IMultipleProps } from './interface';
 interface IEditableProps<R = any> {
     /**
      * 单行编辑或多行编辑。
@@ -30,11 +31,19 @@ interface IEditableProps<R = any> {
     /**
      * 每行确认回调函数
      */
-    onRowConfirm: (record: any) => void;
+    onRowConfirm?: (record: any) => void;
     /**
      * 每行删除回调
      */
-    onRowDelete: (record: any) => void;
+    onRowDelete?: (record: any) => void;
+    /**
+     * 表格数据的change触发事件
+     */
+    onMulChange?: (records: any) => void;
+    /**
+     * editable的事件流回调
+     */
+    getStreamInstance?: (subject: BehaviorSubject<IEditableStream | undefined>) => void;
 }
 declare const Editable: (props: IEditableProps) => JSX.Element;
 export default Editable;

package/es/comps/Editable/index.js

@@ -29,15 +29,18 @@ var Editable = function Editable(props) {
   } : _props$multipleProps,
       tableProps = props.tableProps,
       onRowConfirm = props.onRowConfirm,
-      onRowDelete = props.onRowDelete;
+      onRowDelete = props.onRowDelete,
+      onMulChange = props.onMulChange,
+      getStreamInstance = props.getStreamInstance;
   var defaultValue = multipleProps.defaultValue,
       addPosition = multipleProps.addPosition;
 
   var _React$useState = React.useState([]),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       records = _React$useState2[0],
-      setRecords = _React$useState2[1]; // 当type为single的时候 只能编辑该行数据
+      setRecords = _React$useState2[1];
 
+  var recordsRef = React.useRef([]); // 当type为single的时候 只能编辑该行数据
 
   var _React$useState3 = React.useState(),
       _React$useState4 = _slicedToArray(_React$useState3, 2),
@@ -57,7 +60,14 @@ var Editable = function Editable(props) {
   var processStreamFactory = React.useCallback(function (data) {
     switch (data === null || data === void 0 ? void 0 : data.type) {
       case 'onValuesChange':
-        lastValueRef.current = data.payload;
+        lastValueRef.current = data.payload; // type为multiple时候处理records
+
+        if (type === 'multiple') {
+          var _records = recordsRef.current;
+          _records[data.payload.rowIdx] = data.payload.allValues;
+          onMulChange && onMulChange(_records);
+        }
+
         break;
 
       case 'editRowKey':
@@ -87,13 +97,29 @@ var Editable = function Editable(props) {
           onRowDelete && onRowDelete(data.payload);
         }
 
+        if (type === 'multiple') {
+          var _records2 = recordsRef.current;
+
+          _records2.splice(data.payload._rowKey_, 1);
+
+          setRecords(_toConsumableArray(_records2));
+          recordsRef.current = _records2;
+        }
+
         break;
     }
-  }, []); // 定义内部的record
+  }, [type]); // 返回stream的实例
+
+  React.useEffect(function () {
+    if (editableStream) {
+      getStreamInstance && getStreamInstance(editableStream);
+    }
+  }, [editableStream]); // 定义内部的record
 
   React.useEffect(function () {
     if (dataSource) {
       setRecords(_toConsumableArray(dataSource));
+      recordsRef.current = dataSource;
     }
   }, [dataSource]); // 集中处理数据流
 
@@ -151,18 +177,11 @@ var Editable = function Editable(props) {
 
 
   var _dataSource = React.useMemo(function () {
-    var _lastDataSourceRef$cu;
-
     var res = records.map(function (it, idx) {
       return _objectSpread({
         _rowKey_: idx
       }, it);
-    }); // 判断是否是新加行，如果是single类型的编辑框置为新加的一行
-
-    if (type === 'single' && !firstLoadRef.current && res.length > ((_lastDataSourceRef$cu = lastDataSourceRef.current) === null || _lastDataSourceRef$cu === void 0 ? void 0 : _lastDataSourceRef$cu.length)) {
-      setEditRowkey(res[res.length - 1]._rowKey_);
-      editRowKeyRef.current = res[res.length - 1]._rowKey_;
-    }
+    });
 
     if (res.length > 0) {
       firstLoadRef.current = false;
@@ -174,7 +193,7 @@ var Editable = function Editable(props) {
 
   var onAddRow = function onAddRow() {
     if (defaultValue) {
-      var _records = records;
+      var _records = recordsRef.current;
 
       if (addPosition === 'top') {
         _records.unshift(defaultValue);
@@ -183,6 +202,7 @@ var Editable = function Editable(props) {
       }
 
       setRecords(_toConsumableArray(_records));
+      recordsRef.current = _records;
     }
   };
 

package/package.json

@@ -1,7 +1,7 @@
 {
  "public": true,
   "name": "ronds-metadata",
-  "version": "1.0.40",
+  "version": "1.0.41",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",