ronds-metadata 1.1.15 → 1.1.18

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

@@ -51,7 +51,7 @@ var EditableRow = function EditableRow(props) {
     onValuesChange: onValuesChange,
     component: false
   }, /*#__PURE__*/React.createElement("tr", _extends({}, props, {
-    className: "".concat(index % 2 === 0 ? 'ant-table-row--even' : 'ant-table-row--odd', " ").concat(className, " "),
+    className: "".concat(index % 2 === 0 || props['data-row-key'] ? 'ant-table-row--even' : 'ant-table-row--odd', " ").concat(className, " "),
     style: {
       height: '30px'
     },

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

@@ -0,0 +1,9 @@
+import { DependencyList } from 'react';
+export default function useSyncScroll({ vertical, horizontal }: {
+    vertical: any;
+    horizontal: any;
+}, deps?: DependencyList): (ref: any) => number;
+export declare function useSyncScrollByRefs(refsRef: any, { vertical, horizontal }: {
+    vertical: any;
+    horizontal: any;
+}, deps?: DependencyList): boolean;

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

@@ -0,0 +1,110 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+
+/*
+ * @Author: wangxian
+ * @Date: 2022-06-24 08:44:41
+ * @LastEditTime: 2022-06-24 14:38:28
+ */
+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 deps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  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].concat(_toConsumableArray(deps)));
+  return function (ref) {
+    return refsRef.current.push(ref);
+  };
+}
+export function useSyncScrollByRefs(refsRef, _ref3) {
+  var vertical = _ref3.vertical,
+      horizontal = _ref3.horizontal;
+  var deps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  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].concat(_toConsumableArray(deps)));
+  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.15",
+  "version": "1.1.18",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",