linkmore-design 1.0.49 → 1.0.53

package/es/message/index.js

@@ -1,12 +1,241 @@
-import "antd/es/message/style";
-import _message from "antd/es/message";
-// const prefixCls = 'lm_message'
-// const LMMessage: React.FC<IMessageProps> = (props) => {
-//   const { children, className, ...others } = props
-//   return (
-//     <div className={classNames(className, prefixCls)} {...others}>
-//       {children}
-//     </div>
-//   )
-// }
-export default _message;
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { CheckCircleFilled, CloseCircleFilled, ExclamationCircleFilled, InfoCircleFilled, LoadingOutlined } from '@ant-design/icons';
+import classNames from 'classnames';
+import RCNotification from 'rc-notification';
+import React from 'react';
+import ConfigProvider, { globalConfig } from 'antd/es/config-provider';
+import createUseMessage from './hooks/useMessage';
+var messageInstance;
+var defaultDuration = 3;
+var defaultTop;
+var key = 1;
+var localPrefixCls = '';
+var transitionName = 'move-up';
+var hasTransitionName = false;
+var getContainer;
+var maxCount;
+var rtl = false;
+export function getKeyThenIncreaseKey() {
+  return key++;
+}
+
+function setMessageConfig(options) {
+  if (options.top !== undefined) {
+    defaultTop = options.top;
+    messageInstance = null; // delete messageInstance for new defaultTop
+  }
+
+  if (options.duration !== undefined) {
+    defaultDuration = options.duration;
+  }
+
+  if (options.prefixCls !== undefined) {
+    localPrefixCls = options.prefixCls;
+  }
+
+  if (options.getContainer !== undefined) {
+    getContainer = options.getContainer;
+    messageInstance = null; // delete messageInstance for new getContainer
+  }
+
+  if (options.transitionName !== undefined) {
+    transitionName = options.transitionName;
+    messageInstance = null; // delete messageInstance for new transitionName
+
+    hasTransitionName = true;
+  }
+
+  if (options.maxCount !== undefined) {
+    maxCount = options.maxCount;
+    messageInstance = null;
+  }
+
+  if (options.rtl !== undefined) {
+    rtl = options.rtl;
+  }
+}
+
+function getRCNotificationInstance(args, callback) {
+  var customizePrefixCls = args.prefixCls,
+      getContextPopupContainer = args.getPopupContainer;
+
+  var _globalConfig = globalConfig(),
+      getPrefixCls = _globalConfig.getPrefixCls,
+      getRootPrefixCls = _globalConfig.getRootPrefixCls,
+      getIconPrefixCls = _globalConfig.getIconPrefixCls;
+
+  var prefixCls = getPrefixCls('message', customizePrefixCls || localPrefixCls);
+  var rootPrefixCls = getRootPrefixCls(args.rootPrefixCls, prefixCls);
+  var iconPrefixCls = getIconPrefixCls();
+
+  if (messageInstance) {
+    callback({
+      prefixCls: prefixCls,
+      rootPrefixCls: rootPrefixCls,
+      iconPrefixCls: iconPrefixCls,
+      instance: messageInstance
+    });
+    return;
+  }
+
+  var instanceConfig = {
+    prefixCls: prefixCls,
+    transitionName: hasTransitionName ? transitionName : "".concat(rootPrefixCls, "-").concat(transitionName),
+    style: {
+      top: defaultTop
+    },
+    getContainer: getContainer || getContextPopupContainer,
+    maxCount: maxCount
+  };
+  RCNotification.newInstance(instanceConfig, function (instance) {
+    if (messageInstance) {
+      callback({
+        prefixCls: prefixCls,
+        rootPrefixCls: rootPrefixCls,
+        iconPrefixCls: iconPrefixCls,
+        instance: messageInstance
+      });
+      return;
+    }
+
+    messageInstance = instance;
+
+    if (process.env.NODE_ENV === 'test') {
+      messageInstance.config = instanceConfig;
+    }
+
+    callback({
+      prefixCls: prefixCls,
+      rootPrefixCls: rootPrefixCls,
+      iconPrefixCls: iconPrefixCls,
+      instance: instance
+    });
+  });
+}
+
+var typeToIcon = {
+  info: InfoCircleFilled,
+  success: CheckCircleFilled,
+  error: CloseCircleFilled,
+  warning: ExclamationCircleFilled,
+  loading: LoadingOutlined
+};
+export var typeList = Object.keys(typeToIcon);
+
+function getRCNoticeProps(args, prefixCls, iconPrefixCls) {
+  var _classNames;
+
+  var duration = args.duration !== undefined ? args.duration : defaultDuration;
+  var progress = args.progress === false ? false : true;
+  var IconComponent = typeToIcon[args.type];
+  var messageClass = classNames("".concat(prefixCls, "-custom-content"), (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-").concat(args.type), args.type), _defineProperty(_classNames, "".concat(prefixCls, "-rtl"), rtl === true), _classNames));
+  return {
+    key: args.key,
+    duration: duration,
+    style: args.style || {},
+    className: classNames(args.className, 'lm_message'),
+    content: /*#__PURE__*/React.createElement(ConfigProvider, {
+      iconPrefixCls: iconPrefixCls
+    }, /*#__PURE__*/React.createElement("div", {
+      className: messageClass
+    }, args.icon || IconComponent && /*#__PURE__*/React.createElement(IconComponent, null), /*#__PURE__*/React.createElement("span", null, args.content), progress && duration > 0 && /*#__PURE__*/React.createElement("div", {
+      className: 'message_progress',
+      style: {
+        animationDuration: "".concat(duration, "s")
+      }
+    }))),
+    onClose: args.onClose,
+    onClick: args.onClick
+  };
+}
+
+function notice(args) {
+  var target = args.key || getKeyThenIncreaseKey();
+  var closePromise = new Promise(function (resolve) {
+    var callback = function callback() {
+      if (typeof args.onClose === 'function') {
+        args.onClose();
+      }
+
+      return resolve(true);
+    };
+
+    getRCNotificationInstance(args, function (_ref) {
+      var prefixCls = _ref.prefixCls,
+          iconPrefixCls = _ref.iconPrefixCls,
+          instance = _ref.instance;
+      instance.notice(getRCNoticeProps(Object.assign(Object.assign({}, args), {
+        key: target,
+        onClose: callback
+      }), prefixCls, iconPrefixCls));
+    });
+  });
+
+  var result = function result() {
+    if (messageInstance) {
+      messageInstance.removeNotice(target);
+    }
+  };
+
+  result.then = function (filled, rejected) {
+    return closePromise.then(filled, rejected);
+  };
+
+  result.promise = closePromise;
+  return result;
+}
+
+function isArgsProps(content) {
+  return Object.prototype.toString.call(content) === '[object Object]' && !!content.content;
+}
+
+var api = {
+  open: notice,
+  config: setMessageConfig,
+  destroy: function destroy(messageKey) {
+    if (messageInstance) {
+      if (messageKey) {
+        var _messageInstance = messageInstance,
+            removeNotice = _messageInstance.removeNotice;
+        removeNotice(messageKey);
+      } else {
+        var _messageInstance2 = messageInstance,
+            destroy = _messageInstance2.destroy;
+        destroy();
+        messageInstance = null;
+      }
+    }
+  }
+};
+export function attachTypeApi(originalApi, type) {
+  originalApi[type] = function (content, duration, onClose) {
+    if (isArgsProps(content)) {
+      return originalApi.open(Object.assign(Object.assign({}, content), {
+        type: type
+      }));
+    }
+
+    if (typeof duration === 'function') {
+      onClose = duration;
+      duration = undefined;
+    }
+
+    return originalApi.open({
+      content: content,
+      duration: duration,
+      type: type,
+      onClose: onClose
+    });
+  };
+}
+typeList.forEach(function (type) {
+  return attachTypeApi(api, type);
+});
+api.warn = api.warning;
+api.useMessage = createUseMessage(getRCNotificationInstance, getRCNoticeProps);
+/** @private test Only function. Not work on production */
+
+export var getInstance = function getInstance() {
+  return process.env.NODE_ENV === 'test' ? messageInstance : null;
+};
+export default api;

package/es/message/style/index.css

@@ -503,7 +503,33 @@ html {
 .card_cell_content:hover .card_cell_body .card_cell_checkbox {
   opacity: 1;
 }
-.ant-message .ant-message-notice-content {
+.lm_message .ant-message-notice-content {
+  position: relative;
   padding: 8px 16px;
   font-size: 12px;
 }
+.lm_message .message_progress {
+  position: absolute;
+  width: 100%;
+  height: 2px;
+  background-color: #52C41A;
+  left: 0;
+  bottom: 0;
+  animation-name: Progress;
+  animation-iteration-count: 1;
+  animation-fill-mode: forwards;
+  transition: width 0.2s;
+}
+.lm_message:hover .message_progress {
+  width: 100%;
+  animation-name: none;
+  animation-play-state: paused;
+}
+@keyframes Progress {
+  from {
+    width: 100%;
+  }
+  to {
+    width: 0;
+  }
+}

package/lib/Button/style/index.d.ts

@@ -1 +1 @@
-import './style.less';
+import './index.less';

package/lib/Button/style/index.js

@@ -1,3 +1,3 @@
 "use strict";
 
-require("./style.css");
+require("./index.css");

package/lib/ButtonTags/style/index.js

@@ -1,3 +1,3 @@
 "use strict";
 
-require("./style.css");
+require("./index.css");

package/lib/CardTable/card/PictureTextColumn.js

@@ -28,11 +28,13 @@ var PictureTextColumn = function PictureTextColumn(_ref) {
       cell = _ref.cell,
       table = _ref.table,
       checked = _ref.checked;
-  var state = table.state,
+  var cellKey = table.cellKey,
+      state = table.state,
       defaultConfig = table.defaultConfig,
       cellClick = table.cellClick,
       cellDoubleClick = table.cellDoubleClick,
-      setSelectCells = table.setSelectCells;
+      toggleCheckboxKey = table.toggleCheckboxKey,
+      checkboxChange = table.checkboxChange;
   var trigger = state.checkboxConfig.trigger;
   var clickFlag = (0, _react.useRef)(null);
   var resetDefaultConfig = (0, _objectSpread2.default)({
@@ -46,8 +48,9 @@ var PictureTextColumn = function PictureTextColumn(_ref) {
     extend: null
   }, defaultConfig); // 复选框改变事件, 将复选数据保存到缓存中
 
-  var onSelectChange = function onSelectChange(e) {
-    setSelectCells === null || setSelectCells === void 0 ? void 0 : setSelectCells(e.target.checked, cell, index);
+  var onSelectChange = function onSelectChange(val) {
+    toggleCheckboxKey(cell[cellKey]);
+    checkboxChange === null || checkboxChange === void 0 ? void 0 : checkboxChange(val, cell, index);
   }; // 单元格单击事件
 
 
@@ -58,7 +61,7 @@ var PictureTextColumn = function PictureTextColumn(_ref) {
     cellClick === null || cellClick === void 0 ? void 0 : cellClick(cell, index);
 
     if (trigger === 'cell') {
-      setSelectCells === null || setSelectCells === void 0 ? void 0 : setSelectCells(!checked, cell, index);
+      onSelectChange === null || onSelectChange === void 0 ? void 0 : onSelectChange(!checked);
     } // }, 200)
 
   }; // 单元格双击事件: 双击时避免单击事件触发自己实现
@@ -82,7 +85,9 @@ var PictureTextColumn = function PictureTextColumn(_ref) {
     }
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
     checked: checked,
-    onChange: onSelectChange
+    onChange: function onChange(e) {
+      return onSelectChange(e.target.checked);
+    }
   })), resetDefaultConfig.operate ? /*#__PURE__*/_react.default.createElement("div", {
     className: "PTC_operate"
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Dropdown, {

package/lib/CardTable/card/PictureTextRow.js

@@ -38,11 +38,13 @@ var PictureTextRow = function PictureTextRow(_ref) {
       cell = _ref.cell,
       table = _ref.table,
       checked = _ref.checked;
-  var state = table.state,
+  var cellKey = table.cellKey,
+      state = table.state,
       defaultConfig = table.defaultConfig,
       cellClick = table.cellClick,
       cellDoubleClick = table.cellDoubleClick,
-      setSelectCells = table.setSelectCells;
+      toggleCheckboxKey = table.toggleCheckboxKey,
+      checkboxChange = table.checkboxChange;
   var trigger = state.checkboxConfig.trigger;
   var resetDefaultConfig = (0, _objectSpread2.default)({
     checkbox: true,
@@ -98,8 +100,9 @@ var PictureTextRow = function PictureTextRow(_ref) {
     }
   }, defaultConfig); // 复选框改变事件, 将复选数据保存到缓存中
 
-  var onSelctChange = function onSelctChange(e) {
-    setSelectCells === null || setSelectCells === void 0 ? void 0 : setSelectCells(e.target.checked, cell, index);
+  var onSelctChange = function onSelctChange(val) {
+    toggleCheckboxKey(cell[cellKey]);
+    checkboxChange === null || checkboxChange === void 0 ? void 0 : checkboxChange(val, cell, index);
   }; // 单元格单击事件
 
 
@@ -107,7 +110,7 @@ var PictureTextRow = function PictureTextRow(_ref) {
     cellClick === null || cellClick === void 0 ? void 0 : cellClick(cell, index);
 
     if (trigger === 'cell') {
-      setSelectCells === null || setSelectCells === void 0 ? void 0 : setSelectCells(!checked, cell, index);
+      onSelctChange === null || onSelctChange === void 0 ? void 0 : onSelctChange(!checked);
     }
   }; // 单元格双击事件: 双击时避免单击事件触发自己实现
 
@@ -131,7 +134,9 @@ var PictureTextRow = function PictureTextRow(_ref) {
     }
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
     checked: checked,
-    onChange: onSelctChange
+    onChange: function onChange() {
+      return onSelctChange(e.target.checked);
+    }
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "card_PTR_left"
   }, typeof resetDefaultConfig.imgurl === 'function' ? resetDefaultConfig.imgurl(cell, table) : /*#__PURE__*/_react.default.createElement(_image.default, {

package/lib/CardTable/fns/index.js

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+// 操作方法集合
+var setOptions = function setOptions(_ref) {
+  var state = _ref.state,
+      dispatch = _ref.dispatch,
+      props = _ref.props;
+  var checkboxConfig = state.checkboxConfig;
+  var dataSource = props.dataSource,
+      cellKey = props.cellKey;
+  var checkKeys = checkboxConfig.checkKeys,
+      checkValues = checkboxConfig.checkValues; // 设置选中的值: 第一个参数是数据的键，第二个参数是选中与否, 第三个参数控制是否重置
+  // 未做key是否属于数据源校验，用于分页时保存之前的选中状态
+
+  var setCheckboxKeys = function setCheckboxKeys(keys, checked, reset) {
+    var flag = typeof checked === 'boolean' ? checked : true;
+    var nKeys = keys,
+        nValues = [];
+
+    if (reset) {
+      nValues = (dataSource === null || dataSource === void 0 ? void 0 : dataSource.filter(function (v) {
+        return nKeys.includes(v[cellKey]);
+      })) || [];
+      dispatch({
+        type: 'changeCheckboxConfig',
+        checkboxConfig: {
+          checkKeys: nKeys,
+          checkValues: nValues
+        }
+      });
+      return;
+    }
+
+    if (flag) {
+      nKeys = Array.from(new Set([].concat((0, _toConsumableArray2.default)(checkKeys), (0, _toConsumableArray2.default)(keys))));
+      nValues = (dataSource === null || dataSource === void 0 ? void 0 : dataSource.filter(function (v) {
+        return nKeys.includes(v[cellKey]);
+      })) || [];
+    } else {
+      nKeys = checkKeys.filter(function (v) {
+        return !keys.includes(v);
+      });
+      nValues = checkValues.filter(function (v) {
+        return !keys.includes(v[cellKey]);
+      });
+    }
+
+    dispatch({
+      type: 'changeCheckboxConfig',
+      checkboxConfig: {
+        checkKeys: nKeys,
+        checkValues: nValues
+      }
+    });
+  }; // 切换选中状态: 单个切换/批量切换
+
+
+  var toggleCheckboxKey = function toggleCheckboxKey(k) {
+    var nKeys = [k],
+        isChecked = true,
+        reset = false; // 单个切换
+
+    if (!Array.isArray(k)) {
+      isChecked = !(checkKeys === null || checkKeys === void 0 ? void 0 : checkKeys.some(function (v) {
+        return v === k;
+      }));
+    } // 多个切换
+
+
+    if (Array.isArray(k)) {
+      var checkArr = checkKeys.filter(function (v) {
+        return !k.includes(v);
+      }); // 选中的值
+
+      var notCheckArr = k.filter(function (v) {
+        return !checkKeys.includes(v);
+      }); // 未选中的值
+
+      nKeys = [].concat((0, _toConsumableArray2.default)(notCheckArr), (0, _toConsumableArray2.default)(checkArr)); // 组合新值为选中状态
+
+      var nValues = dataSource === null || dataSource === void 0 ? void 0 : dataSource.filter(function (v) {
+        return nKeys.includes(v[cellKey]);
+      });
+      reset = true;
+    }
+
+    setCheckboxKeys(nKeys, isChecked, reset);
+  };
+
+  return {
+    setCheckboxKeys: setCheckboxKeys,
+    toggleCheckboxKey: toggleCheckboxKey
+  };
+};
+
+var _default = setOptions;
+exports.default = _default;

package/lib/CardTable/hooks/usePagination.js

@@ -0,0 +1,128 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = require("react");
+
+var _excluded = ["defaultPageSize", "defaultCurrent", "refreshDeps"];
+
+var usePagination = function usePagination(service) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _options$defaultPageS = options.defaultPageSize,
+      defaultPageSize = _options$defaultPageS === void 0 ? 20 : _options$defaultPageS,
+      _options$defaultCurre = options.defaultCurrent,
+      defaultCurrent = _options$defaultCurre === void 0 ? 1 : _options$defaultCurre,
+      _options$refreshDeps = options.refreshDeps,
+      refreshDeps = _options$refreshDeps === void 0 ? [] : _options$refreshDeps,
+      rest = (0, _objectWithoutProperties2.default)(options, _excluded);
+
+  var _useState = (0, _react.useState)({
+    loading: false,
+    data: {
+      pageIndex: defaultCurrent,
+      pageSize: defaultPageSize
+    }
+  }),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      result = _useState2[0],
+      setResult = _useState2[1];
+
+  var getRequest = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    var c,
+        p,
+        res,
+        _args = arguments;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            c = _args.length > 0 && _args[0] !== undefined ? _args[0] : defaultCurrent;
+            p = _args.length > 1 && _args[1] !== undefined ? _args[1] : defaultPageSize;
+            setResult(function (old) {
+              return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, old), {}, {
+                loading: true
+              });
+            });
+            _context.next = 5;
+            return service((0, _objectSpread2.default)({
+              current: c,
+              pageSize: p
+            }, rest));
+
+          case 5:
+            res = _context.sent;
+            setResult(function (old) {
+              return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, old), res), {}, {
+                loading: false
+              });
+            });
+
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })), [service].concat((0, _toConsumableArray2.default)(refreshDeps)));
+
+  var _ref2 = (result === null || result === void 0 ? void 0 : result.data) || {},
+      _ref2$pageIndex = _ref2.pageIndex,
+      pageIndex = _ref2$pageIndex === void 0 ? 1 : _ref2$pageIndex,
+      _ref2$pageSize = _ref2.pageSize,
+      pageSize = _ref2$pageSize === void 0 ? defaultPageSize : _ref2$pageSize,
+      _ref2$totalCount = _ref2.totalCount,
+      totalCount = _ref2$totalCount === void 0 ? 0 : _ref2$totalCount; // 总页数
+
+
+  var totalPage = (0, _react.useMemo)(function () {
+    return Math.ceil(totalCount / pageSize);
+  }, [pageSize, totalCount]); // 分页改变触发
+
+  var onChange = function onChange(c, p) {
+    return getRequest(c, p);
+  }; // 手动重取数据, 不传入数据则触发刷新
+
+
+  var refetch = function refetch(_ref3) {
+    var _ref3$current = _ref3.current,
+        c = _ref3$current === void 0 ? pageIndex : _ref3$current,
+        _ref3$pageSize = _ref3.pageSize,
+        p = _ref3$pageSize === void 0 ? pageSize : _ref3$pageSize;
+    return getRequest(c, p);
+  }; // 初始化获取数据
+
+
+  (0, _react.useEffect)(function () {
+    getRequest(defaultCurrent, defaultPageSize);
+  }, [getRequest]);
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, result), {}, {
+    refetch: refetch,
+    pagination: {
+      current: pageIndex,
+      pageSize: pageSize,
+      total: totalCount,
+      totalPage: totalPage,
+      onChange: onChange
+    }
+  });
+};
+
+var _default = usePagination;
+exports.default = _default;

package/lib/CardTable/index.js

@@ -9,6 +9,9 @@ exports.default = void 0;
 
 var _LmCardTable = _interopRequireDefault(require("./LmCardTable"));
 
+var _usePagination = _interopRequireDefault(require("./hooks/usePagination"));
+
+_LmCardTable.default.usePagination = _usePagination.default;
 var _default = _LmCardTable.default; // export * from LmCardTable;
 
 exports.default = _default;

package/{es/CardTable/style/style.css → lib/CardTable/style/index.css}

@@ -1,8 +1,10 @@
 .lm_card_table_wrapper {
   height: 100%;
+  display: flex;
+  flex-flow: column;
 }
 .lm_card_table_wrapper .lm_card_table_container {
-  height: 100%;
+  flex: 1 1 0;
   overflow: auto;
 }
 .lm_card_table_wrapper .lm_card_table_container .lm_card_table .lm_card_table_body .lm_card_table_body_row {
@@ -22,6 +24,16 @@
 .lm_card_table_wrapper .lm_card_table_container .lm_card_table .lm_card_table_body .lm_card_table_body_row .lm_card_table_body_cell.cell_checked {
   border-color: var(--primary-color);
 }
+.lm_card_table_wrapper .lm_card_table_toolbar_bottom {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.lm_card_table_wrapper .lm_card_table_toolbar_bottom .lm_card_table_pagination {
+  display: flex;
+  align-items: center;
+  height: 48px;
+}
 .card_PTC {
   height: 100%;
 }

package/lib/CardTable/style/index.js

@@ -1,3 +1,3 @@
 "use strict";
 
-require("./style.css");
+require("./index.css");