@kdcloudjs/kdesign 1.7.53 → 1.7.54

package/es/split-panel/split-panel.js

@@ -9,6 +9,7 @@ import classNames from 'classnames';
 import { getCompProps } from '../_utils';
 import { tuple } from '../_utils/type';
 import devWarning from '../_utils/devwarning';
+import ResizeObserver from 'resize-observer-polyfill';
 export var SplitPanelModes = tuple('horizontal', 'vertical');
 function pxToScale(numerator, denominator) {
   var percent = parseFloat(numerator) / parseFloat(denominator);
@@ -118,6 +119,21 @@ var SplitPanel = function SplitPanel(props) {
   }, [min, max, defaultSplit, getComputedThresholdValue, getComputeOffset]);
   useEffect(function () {
     initPanel();
+    var element = outerWrapper.current;
+    if (!element) {
+      devWarning(!element && element !== null, 'useResizeMeasure', 'useResizeMeasure指定的元素不存在');
+      return;
+    }
+    var resizeObserver = new ResizeObserver(function (entries) {
+      var entry = entries[0];
+      if (entry.contentRect) {
+        initPanel();
+      }
+    });
+    resizeObserver.observe(element);
+    return function () {
+      resizeObserver.disconnect();
+    };
   }, [initPanel]);
   var handleMove = useCallback(function (e) {
     // 将鼠标移动距离与offset进行处理

package/lib/split-panel/split-panel.js

@@ -19,6 +19,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _utils = require("../_utils");
 var _type = require("../_utils/type");
 var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
+var _resizeObserverPolyfill = _interopRequireDefault(require("resize-observer-polyfill"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var SplitPanelModes = (0, _type.tuple)('horizontal', 'vertical');
@@ -131,6 +132,21 @@ var SplitPanel = function SplitPanel(props) {
   }, [min, max, defaultSplit, getComputedThresholdValue, getComputeOffset]);
   (0, _react.useEffect)(function () {
     initPanel();
+    var element = outerWrapper.current;
+    if (!element) {
+      (0, _devwarning.default)(!element && element !== null, 'useResizeMeasure', 'useResizeMeasure指定的元素不存在');
+      return;
+    }
+    var resizeObserver = new _resizeObserverPolyfill.default(function (entries) {
+      var entry = entries[0];
+      if (entry.contentRect) {
+        initPanel();
+      }
+    });
+    resizeObserver.observe(element);
+    return function () {
+      resizeObserver.disconnect();
+    };
   }, [initPanel]);
   var handleMove = (0, _react.useCallback)(function (e) {
     // 将鼠标移动距离与offset进行处理

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.7.53",
+  "version": "1.7.54",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [