@kdcloudjs/table 1.2.2-canary.14 → 1.2.2-canary.14-hotfix

package/es/table/base/BlankComponent.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 interface BlankProps {
     height: number;
-    className?: string;
 }
 export interface BlankRef {
     updateHeight: (newHeight: number) => void;

package/es/table/base/BlankComponent.js

@@ -1,10 +1,13 @@
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
-import React, { useState, useImperativeHandle, forwardRef, memo } from 'react';
+import React, { useState, useImperativeHandle, forwardRef, memo, useEffect } from 'react';
 import cx from 'classnames';
 import { Classes } from './styles';
 var TopBlankComponent = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var initialHeight = _ref.height;
-  var _useState = useState(initialHeight),
+  var heightFromProps = _ref.height;
+  useEffect(function () {
+    setHeight(heightFromProps);
+  }, [heightFromProps]);
+  var _useState = useState(heightFromProps),
     _useState2 = _slicedToArray(_useState, 2),
     height = _useState2[0],
     setHeight = _useState2[1];
@@ -18,6 +21,8 @@ var TopBlankComponent = /*#__PURE__*/forwardRef(function (_ref, ref) {
     };
   }, [height]);
   return /*#__PURE__*/React.createElement("div", {
+    key: "top-blank",
+    className: cx(Classes.virtualBlank, 'bottom'),
     style: {
       height: height
     }
@@ -25,12 +30,14 @@ var TopBlankComponent = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 TopBlankComponent.displayName = 'TopBlank';
 var BottomBlankComponent = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var initialHeight = _ref2.height,
-    className = _ref2.className;
-  var _useState3 = useState(initialHeight),
+  var heightFromProps = _ref2.height;
+  var _useState3 = useState(heightFromProps),
     _useState4 = _slicedToArray(_useState3, 2),
     height = _useState4[0],
     setHeight = _useState4[1];
+  useEffect(function () {
+    setHeight(heightFromProps);
+  }, [heightFromProps]);
   useImperativeHandle(ref, function () {
     return {
       updateHeight: function updateHeight(newHeight) {
@@ -45,7 +52,7 @@ var BottomBlankComponent = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   }
   return /*#__PURE__*/React.createElement("div", {
     key: "bottom-blank",
-    className: cx(Classes.virtualBlank, 'bottom', className),
+    className: cx(Classes.virtualBlank, 'bottom'),
     style: {
       height: height
     }
@@ -54,8 +61,8 @@ var BottomBlankComponent = /*#__PURE__*/forwardRef(function (_ref2, ref) {
 BottomBlankComponent.displayName = 'BottomBlank';
 // 使用 memo 优化，只有当 height 或 className 改变时才重新渲染
 export var TopBlank = /*#__PURE__*/memo(TopBlankComponent, function (prevProps, nextProps) {
-  return prevProps.height === nextProps.height && prevProps.className === nextProps.className;
+  return prevProps.height === nextProps.height;
 });
 export var BottomBlank = /*#__PURE__*/memo(BottomBlankComponent, function (prevProps, nextProps) {
-  return prevProps.height === nextProps.height && prevProps.className === nextProps.className;
+  return prevProps.height === nextProps.height;
 });

package/lib/table/base/BlankComponent.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 interface BlankProps {
     height: number;
-    className?: string;
 }
 export interface BlankRef {
     updateHeight: (newHeight: number) => void;

package/lib/table/base/BlankComponent.js

@@ -15,8 +15,11 @@ var _styles = require("./styles");
 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 TopBlankComponent = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var initialHeight = _ref.height;
-  var _useState = (0, _react.useState)(initialHeight),
+  var heightFromProps = _ref.height;
+  (0, _react.useEffect)(function () {
+    setHeight(heightFromProps);
+  }, [heightFromProps]);
+  var _useState = (0, _react.useState)(heightFromProps),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     height = _useState2[0],
     setHeight = _useState2[1];
@@ -30,6 +33,8 @@ var TopBlankComponent = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
     };
   }, [height]);
   return /*#__PURE__*/_react.default.createElement("div", {
+    key: "top-blank",
+    className: (0, _classnames.default)(_styles.Classes.virtualBlank, 'bottom'),
     style: {
       height: height
     }
@@ -37,12 +42,14 @@ var TopBlankComponent = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
 });
 TopBlankComponent.displayName = 'TopBlank';
 var BottomBlankComponent = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
-  var initialHeight = _ref2.height,
-    className = _ref2.className;
-  var _useState3 = (0, _react.useState)(initialHeight),
+  var heightFromProps = _ref2.height;
+  var _useState3 = (0, _react.useState)(heightFromProps),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     height = _useState4[0],
     setHeight = _useState4[1];
+  (0, _react.useEffect)(function () {
+    setHeight(heightFromProps);
+  }, [heightFromProps]);
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       updateHeight: function updateHeight(newHeight) {
@@ -57,7 +64,7 @@ var BottomBlankComponent = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2,
   }
   return /*#__PURE__*/_react.default.createElement("div", {
     key: "bottom-blank",
-    className: (0, _classnames.default)(_styles.Classes.virtualBlank, 'bottom', className),
+    className: (0, _classnames.default)(_styles.Classes.virtualBlank, 'bottom'),
     style: {
       height: height
     }
@@ -66,10 +73,10 @@ var BottomBlankComponent = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2,
 BottomBlankComponent.displayName = 'BottomBlank';
 // 使用 memo 优化，只有当 height 或 className 改变时才重新渲染
 var TopBlank = /*#__PURE__*/(0, _react.memo)(TopBlankComponent, function (prevProps, nextProps) {
-  return prevProps.height === nextProps.height && prevProps.className === nextProps.className;
+  return prevProps.height === nextProps.height;
 });
 exports.TopBlank = TopBlank;
 var BottomBlank = /*#__PURE__*/(0, _react.memo)(BottomBlankComponent, function (prevProps, nextProps) {
-  return prevProps.height === nextProps.height && prevProps.className === nextProps.className;
+  return prevProps.height === nextProps.height;
 });
 exports.BottomBlank = BottomBlank;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/table",
-  "version": "1.2.2-canary.14",
+  "version": "1.2.2-canary.14-hotfix",
   "description": "金蝶 react table 组件",
   "title": "table",
   "keywords": [
@@ -56,6 +56,7 @@
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s --skip-unstable",
     "pub": "npm run test:all && npm run build && cross-env PUB_ENV=pub np --no-cleanup --no-tests",
     "pub:canary": "npm run build && cross-env PUB_ENV=pub np --no-cleanup --anyBranch --no-tests --tag=canary",
+    "pub:canary-hotfix": "npm run build && cross-env PUB_ENV=pub np --no-cleanup --anyBranch --no-tests --tag=canaryHotFix",
     "new": "node scripts/create-component.js",
     "kd-ui": "npm install @kingdee-ui/kui --registry http://npm.kingdee.com/"
   },