@kdcloudjs/table 1.2.0-canary.2 → 1.2.0-canary.4

package/es/table/base/table.js

@@ -522,7 +522,22 @@ export var BaseTable = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
-      // console.log('did update start')
+      var _a; // console.log('did update start')
+
+
+      var _this$props8 = this.props,
+          cssVariables = _this$props8.cssVariables,
+          enableCSSVariables = _this$props8.enableCSSVariables,
+          bordered = _this$props8.bordered;
+
+      if (!shallowEqual(prevProps === null || prevProps === void 0 ? void 0 : prevProps.cssVariables, (_a = this.props) === null || _a === void 0 ? void 0 : _a.cssVariables)) {
+        cssPolifill({
+          variables: cssVariables || {},
+          enableCSSVariables: enableCSSVariables,
+          bordered: bordered
+        });
+      }
+
       this.updateDOMHelper();
       this.props$.next(this.props);
       this.didMountOrUpdate(prevProps, prevState); // console.log('did update end')

package/es/table/common-views.js

@@ -7,7 +7,9 @@ import React from 'react';
 import styled from 'styled-components';
 import { MenuClasses, Classes } from './base/styles';
 export var InlineFlexCell = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  align-items: center;\n"])));
-export var ExpansionCell = styled(InlineFlexCell)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  &.", " {\n    cursor: default;\n  }\n\n  .expansion-icon {\n    fill: #999;\n    flex: 0 0 16px;\n    transition: transform 200ms;\n\n    &.", " {\n      transform-origin: center center;\n      transform: rotate(90deg);\n    }\n  }\n"])), Classes.leaf, Classes.expanded);
+export var ExpansionCell = styled(function (props) {
+  return /*#__PURE__*/React.createElement(InlineFlexCell, _extends({}, props));
+})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  &.", " {\n    cursor: default;\n  }\n\n  .expansion-icon {\n    fill: #999;\n    flex: 0 0 16px;\n    transition: transform 200ms;\n\n    &.", " {\n      transform-origin: center center;\n      transform: rotate(90deg);\n    }\n  }\n"])), Classes.leaf, Classes.expanded);
 
 function CaretDownIcon(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({

package/es/table/pipeline/features/columnResizeWidth.js

@@ -14,7 +14,9 @@ import { mergeCellProps, collectNodes, makeRecursiveMapper, isGroupColumn } from
 import { internals } from '../../internals';
 import { Classes } from '../../base/styles';
 var TableHeaderCellResize = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  right: -5px;\n  height: 100%;\n  width: 10px;\n  cursor: ew-resize;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  z-index:1;\n\n  &:after {\n    content: \"\";\n    position: absolute;\n    display: block;\n    left: calc(50% - 1px);\n    width: 1px;\n    height: calc(100% - 14px);\n    top: 7px;\n  }\n"])));
-var TableHeaderGroupCellResize = styled(TableHeaderCellResize)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  &:after {\n    height: 100%;\n    top: 0;\n  }\n"])));
+var TableHeaderGroupCellResize = styled(function (props) {
+  return /*#__PURE__*/React.createElement(TableHeaderCellResize, _extends({}, props));
+})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  &:after {\n    height: 100%;\n    top: 0;\n  }\n"])));
 
 function clamp(min, x, max) {
   return Math.max(min, Math.min(max, x));

package/lib/table/base/table.js

@@ -569,7 +569,22 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
-      // console.log('did update start')
+      var _a; // console.log('did update start')
+
+
+      var _this$props8 = this.props,
+          cssVariables = _this$props8.cssVariables,
+          enableCSSVariables = _this$props8.enableCSSVariables,
+          bordered = _this$props8.bordered;
+
+      if (!(0, _utils.shallowEqual)(prevProps === null || prevProps === void 0 ? void 0 : prevProps.cssVariables, (_a = this.props) === null || _a === void 0 ? void 0 : _a.cssVariables)) {
+        (0, _utils.cssPolifill)({
+          variables: cssVariables || {},
+          enableCSSVariables: enableCSSVariables,
+          bordered: bordered
+        });
+      }
+
       this.updateDOMHelper();
       this.props$.next(this.props);
       this.didMountOrUpdate(prevProps, prevState); // console.log('did update end')

package/lib/table/common-views.js

@@ -22,7 +22,9 @@ var _templateObject, _templateObject2, _templateObject3;
 var InlineFlexCell = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  align-items: center;\n"])));
 
 exports.InlineFlexCell = InlineFlexCell;
-var ExpansionCell = (0, _styledComponents.default)(InlineFlexCell)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  &.", " {\n    cursor: default;\n  }\n\n  .expansion-icon {\n    fill: #999;\n    flex: 0 0 16px;\n    transition: transform 200ms;\n\n    &.", " {\n      transform-origin: center center;\n      transform: rotate(90deg);\n    }\n  }\n"])), _styles.Classes.leaf, _styles.Classes.expanded);
+var ExpansionCell = (0, _styledComponents.default)(function (props) {
+  return /*#__PURE__*/_react.default.createElement(InlineFlexCell, (0, _extends2.default)({}, props));
+})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  &.", " {\n    cursor: default;\n  }\n\n  .expansion-icon {\n    fill: #999;\n    flex: 0 0 16px;\n    transition: transform 200ms;\n\n    &.", " {\n      transform-origin: center center;\n      transform: rotate(90deg);\n    }\n  }\n"])), _styles.Classes.leaf, _styles.Classes.expanded);
 exports.ExpansionCell = ExpansionCell;
 
 function CaretDownIcon(props) {

package/lib/table/pipeline/features/columnResizeWidth.js

@@ -46,7 +46,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var TableHeaderCellResize = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  top: 0;\n  right: -5px;\n  height: 100%;\n  width: 10px;\n  cursor: ew-resize;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  z-index:1;\n\n  &:after {\n    content: \"\";\n    position: absolute;\n    display: block;\n    left: calc(50% - 1px);\n    width: 1px;\n    height: calc(100% - 14px);\n    top: 7px;\n  }\n"])));
 
-var TableHeaderGroupCellResize = (0, _styledComponents.default)(TableHeaderCellResize)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  &:after {\n    height: 100%;\n    top: 0;\n  }\n"])));
+var TableHeaderGroupCellResize = (0, _styledComponents.default)(function (props) {
+  return /*#__PURE__*/_react.default.createElement(TableHeaderCellResize, (0, _extends2.default)({}, props));
+})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  &:after {\n    height: 100%;\n    top: 0;\n  }\n"])));
 
 function clamp(min, x, max) {
   return Math.max(min, Math.min(max, x));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/table",
-  "version": "1.2.0-canary.2",
+  "version": "1.2.0-canary.4",
   "description": "金蝶 react table 组件",
   "title": "table",
   "keywords": [