ronds-metadata 1.1.14 → 1.1.17

package/es/comps/Editable/comps/EditableAction.js

@@ -17,14 +17,16 @@ var EditableAction = function EditableAction(props) {
       editableStream = _ref.editableStream,
       editConfig = _ref.editConfig;
 
-  var onEdit = function onEdit() {
+  var onEdit = function onEdit(e) {
+    e.stopPropagation();
     editableStream.next({
       type: 'editRowKey',
       payload: record
     });
   };
 
-  var onCancel = function onCancel() {
+  var onCancel = function onCancel(e) {
+    e.stopPropagation();
     editableStream.next({
       type: 'editRowKey',
       payload: {
@@ -33,7 +35,8 @@ var EditableAction = function EditableAction(props) {
     });
   };
 
-  var onSave = function onSave() {
+  var onSave = function onSave(e) {
+    e.stopPropagation();
     editableStream.next({
       type: 'onSingleSave',
       payload: record
@@ -47,7 +50,8 @@ var EditableAction = function EditableAction(props) {
     });
   };
 
-  var onDelete = function onDelete() {
+  var onDelete = function onDelete(e) {
+    e.stopPropagation();
     editableStream.next({
       type: 'onDelete',
       payload: record

package/es/comps/Editable/comps/EditableRow.js

@@ -35,6 +35,15 @@ var EditableRow = function EditableRow(props) {
     }
   };
 
+  var onRowClick = function onRowClick() {
+    editableStream.next({
+      type: 'onRowClick',
+      payload: {
+        record: record
+      }
+    });
+  };
+
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Form, {
     name: "editable_".concat(record === null || record === void 0 ? void 0 : record._rowKey_, "_"),
     form: form,
@@ -42,10 +51,11 @@ var EditableRow = function EditableRow(props) {
     onValuesChange: onValuesChange,
     component: false
   }, /*#__PURE__*/React.createElement("tr", _extends({}, props, {
-    className: "".concat(className, " ").concat(index % 2 === 0 ? 'ant-table-row--even' : 'ant-table-row--odd'),
+    className: "".concat(index % 2 === 0 || props['data-row-key'] ? 'ant-table-row--even' : 'ant-table-row--odd', " ").concat(className, " "),
     style: {
       height: '30px'
-    }
+    },
+    onClick: onRowClick
   }))));
 };
 

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

@@ -37,6 +37,10 @@ interface IEditableProps<R = any> {
      * antd自身的属性
      */
     tableProps?: TableProps<R>;
+    /**
+     * 每行确认回调函数
+     */
+    onRowClick?: (record: any) => void;
     /**
      * 每行确认回调函数
      */

package/es/comps/Editable/index.js

@@ -33,6 +33,7 @@ var Editable = function Editable(props) {
       _props$isAddColumn = props.isAddColumn,
       isAddColumn = _props$isAddColumn === void 0 ? false : _props$isAddColumn,
       tableProps = props.tableProps,
+      onRowClick = props.onRowClick,
       onRowConfirm = props.onRowConfirm,
       onRowDelete = props.onRowDelete,
       onMulChange = props.onMulChange,
@@ -120,6 +121,10 @@ var Editable = function Editable(props) {
         setEditHeardCellkey(data.payload);
         break;
 
+      case 'onRowClick':
+        onRowClick && onRowClick(data.payload);
+        break;
+
       case 'onSingleSave':
         if (lastValueRef.current && lastValueRef.current.rowIdx === data.payload._rowKey_) {
           onRowConfirm && onRowConfirm({

package/es/framework/hooks/use-sync-scroll.d.ts

@@ -0,0 +1,8 @@
+export default function useSyncScroll({ vertical, horizontal }: {
+    vertical: any;
+    horizontal: any;
+}): (ref: any) => number;
+export declare function useSyncScrollByRefs(refsRef: any, { vertical, horizontal }: {
+    vertical: any;
+    horizontal: any;
+}): boolean;

package/es/framework/hooks/use-sync-scroll.js

@@ -0,0 +1,106 @@
+/*
+ * @Author: wangxian
+ * @Date: 2022-06-24 08:44:41
+ * @LastEditTime: 2022-06-24 10:39:43
+ */
+import React from 'react';
+
+function syncScroll(target, others, TopLeft, WidthHeight) {
+  var percentage = target["scroll".concat(TopLeft)] / (target["scroll".concat(WidthHeight)] - target["offset".concat(WidthHeight)]);
+  window.requestAnimationFrame(function () {
+    others.forEach(function (el) {
+      el["scroll".concat(TopLeft)] = Math.round(percentage * (el["scroll".concat(WidthHeight)] - el["offset".concat(WidthHeight)]));
+    });
+  });
+}
+
+function syncVerticalScroll(target, others) {
+  syncScroll(target, others, 'Top', 'Height');
+}
+
+function syncHorizontalScroll(target, others) {
+  syncScroll(target, others, 'Left', 'Width');
+}
+
+export default function useSyncScroll(_ref) {
+  var vertical = _ref.vertical,
+      horizontal = _ref.horizontal;
+  var refsRef = React.useRef([]);
+  var locksRef = React.useRef(0);
+  React.useEffect(function () {
+    if (refsRef.current.length < 2) return function () {};
+
+    function handleScroll(_ref2) {
+      var target = _ref2.target;
+
+      if (locksRef.current > 0) {
+        locksRef.current -= 1; // Release lock by 1
+
+        return;
+      }
+
+      locksRef.current = refsRef.current.length - 1; // Acquire lock
+
+      var others = refsRef.current.filter(function (ref) {
+        return ref !== target;
+      });
+      if (vertical) syncVerticalScroll(target, others);
+      if (horizontal) syncHorizontalScroll(target, others);
+    }
+
+    var elements = refsRef.current;
+    elements.forEach(function (el) {
+      return el.addEventListener('scroll', handleScroll);
+    });
+    return function () {
+      elements.forEach(function (el) {
+        return el.removeEventListener('scroll', handleScroll);
+      });
+    };
+  }, [refsRef, vertical, horizontal, locksRef]);
+  return function (ref) {
+    return refsRef.current.push(ref);
+  };
+}
+export function useSyncScrollByRefs(refsRef, _ref3) {
+  var vertical = _ref3.vertical,
+      horizontal = _ref3.horizontal;
+  var refsRefOk = refsRef && refsRef.current && refsRef.current.length > 1;
+  var locksRef = React.useRef(0);
+  React.useEffect(function () {
+    if (!refsRefOk) return function () {};
+
+    function handleScroll(_ref4) {
+      var target = _ref4.target;
+
+      if (locksRef.current > 0) {
+        locksRef.current -= 1; // Release lock by 1
+
+        return;
+      }
+
+      locksRef.current = refsRef.current.length - 1; // Acquire lock
+
+      var others = refsRef.current.reduce(function (result, ref) {
+        if (ref.current && ref.current !== target) result.push(ref.current);
+        return result;
+      }, []);
+      if (vertical) syncVerticalScroll(target, others);
+      if (horizontal) syncHorizontalScroll(target, others);
+    }
+
+    var elements = refsRef.current.reduce(function (result, ref) {
+      if (ref.current) result.push(ref.current);
+      return result;
+    }, []);
+    elements.forEach(function (el) {
+      return el.addEventListener('scroll', handleScroll);
+    });
+    return function () {
+      elements.forEach(function (el) {
+        return el.removeEventListener('scroll', handleScroll);
+      });
+    };
+  }, [refsRef, refsRefOk, vertical, horizontal, locksRef]);
+  return refsRefOk;
+}

package/es/index.d.ts

@@ -14,5 +14,6 @@ export * from './framework/metadata/index';
 export { default as http, addInterceptor } from './framework/http/index';
 export { default as useMemoSubject } from './framework/rxjs-hooks/useMemoSubject';
 export { default as useObservable } from './framework/rxjs-hooks/useObservable';
+export { default as useSyncScroll, useSyncScrollByRefs } from './framework/hooks/use-sync-scroll';
 export { registerMetadataAPI } from './framework/metadata/MetadataService';
 export { globalSettingStream } from './config';

package/es/index.js

@@ -1,7 +1,7 @@
 /*
  * @Author:wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2022-05-28 11:18:17
+ * @LastEditTime: 2022-06-24 10:28:22
  */
 import './theme.less';
 export { default as MetadataEdit } from './comps/MetadataEdit';
@@ -19,5 +19,6 @@ export * from './framework/metadata/index';
 export { default as http, addInterceptor } from './framework/http/index';
 export { default as useMemoSubject } from './framework/rxjs-hooks/useMemoSubject';
 export { default as useObservable } from './framework/rxjs-hooks/useObservable';
+export { default as useSyncScroll, useSyncScrollByRefs } from './framework/hooks/use-sync-scroll';
 export { registerMetadataAPI } from './framework/metadata/MetadataService';
 export { globalSettingStream } from './config';

package/package.json

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