linkmore-design 1.0.33 → 1.0.34

package/lib/CardTable/card/PictureTextColumn.js

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+require("antd/es/typography/style");
+
+var _typography = _interopRequireDefault(require("antd/es/typography"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var Paragraph = _typography.default.Paragraph; // 上图下文
+
+var PictureTextColumn = function PictureTextColumn(_ref) {
+  var cell = _ref.cell,
+      table = _ref.table,
+      checked = _ref.checked;
+  var defaultConfig = table.defaultConfig,
+      _onDoubleClick = table.onDoubleClick,
+      setSelectCells = table.setSelectCells;
+  var resetDefaultConfig = (0, _objectSpread2.default)({
+    checkbox: true,
+    imgurl: 'imgurl',
+    title: function title() {
+      return '物料名称';
+    },
+    code: 'code',
+    operate: null,
+    extend: null
+  }, defaultConfig);
+
+  var onSelctChange = function onSelctChange(e) {
+    setSelectCells(e.target.checked, cell);
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_PTC"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('card_PTC_container', checked && 'checked'),
+    onDoubleClick: function onDoubleClick() {
+      return _onDoubleClick === null || _onDoubleClick === void 0 ? void 0 : _onDoubleClick(cell, table);
+    }
+  }, resetDefaultConfig.checkbox && /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_checkbox"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
+    checked: checked,
+    onChange: onSelctChange
+  })), resetDefaultConfig.operate ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "PTC_operate"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Dropdown, {
+    placement: "bottomRight",
+    trigger: "click",
+    overlay: function overlay() {
+      return resetDefaultConfig.operate(cell, table);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+    type: "lmweb-gengduotianchong"
+  }))) : null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_PTC_top"
+  }, typeof resetDefaultConfig.imgurl === 'function' ? resetDefaultConfig.imgurl(cell, table) : /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Image, {
+    src: cell[resetDefaultConfig.imgurl],
+    fallback: ""
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_PTC_center"
+  }, resetDefaultConfig.title ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_title lm-font-middle-bold"
+  }, typeof resetDefaultConfig.title === 'function' ? resetDefaultConfig.title(cell, table) : cell[resetDefaultConfig.title]) : null, resetDefaultConfig.code ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_copy_text"
+  }, typeof resetDefaultConfig.code === 'function' ? resetDefaultConfig.code(cell, table) : /*#__PURE__*/_react.default.createElement(Paragraph, {
+    copyable: {
+      tooltips: false,
+      onCopy: function onCopy() {
+        return _linkmoreDesign.message.success('复制成功！', 1.5);
+      }
+    },
+    ellipsis: true
+  }, cell[resetDefaultConfig.code])) : null), /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_PTC_bottom"
+  }, resetDefaultConfig.extend ? resetDefaultConfig.extend(cell, table) : null)));
+};
+
+var _default = PictureTextColumn;
+exports.default = _default;

package/lib/CardTable/card/PictureTextRow.js

@@ -0,0 +1,144 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/message/style");
+
+var _message2 = _interopRequireDefault(require("antd/es/message"));
+
+require("antd/es/image/style");
+
+var _image = _interopRequireDefault(require("antd/es/image"));
+
+require("antd/es/menu/style");
+
+var _menu = _interopRequireDefault(require("antd/es/menu"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+require("antd/es/typography/style");
+
+var _typography = _interopRequireDefault(require("antd/es/typography"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var Paragraph = _typography.default.Paragraph; // 左图右文
+
+var PictureTextRow = function PictureTextRow(_ref) {
+  var cell = _ref.cell,
+      table = _ref.table,
+      checked = _ref.checked;
+  var defaultConfig = table.defaultConfig,
+      _onDoubleClick = table.onDoubleClick,
+      setSelectCells = table.setSelectCells;
+  var resetDefaultConfig = (0, _objectSpread2.default)({
+    checkbox: true,
+    imgurl: 'imgurl',
+    title: function title() {
+      return '物料名称';
+    },
+    code: 'code',
+    desc: 'desc',
+    operate: function operate() {
+      return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Dropdown, {
+        placement: "bottomRight",
+        trigger: "click",
+        overlay: function overlay() {
+          return /*#__PURE__*/_react.default.createElement(_menu.default, null, /*#__PURE__*/_react.default.createElement(_menu.default.Item, {
+            key: "1"
+          }, "\u65E5\u5FD7"), /*#__PURE__*/_react.default.createElement(_menu.default.Item, {
+            key: "2"
+          }, "\u5BFC\u51FA"), /*#__PURE__*/_react.default.createElement(_menu.default.Item, {
+            key: "3"
+          }, "\u5220\u9664"));
+        }
+      }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+        type: "lmweb-gengduotianchong"
+      }));
+    },
+    extend: function extend() {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+        size: "small",
+        icon: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+          type: "lmweb-check-circle-fill",
+          style: {
+            color: 'var(--success-color)'
+          }
+        })
+      }, "\u6807\u7B7E\u4E00"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+        size: "small",
+        icon: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+          type: "lmweb-check-circle-fill",
+          style: {
+            color: 'var(--success-color)'
+          }
+        })
+      }, "\u6807\u7B7E\u4E8C"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+        size: "small",
+        icon: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+          type: "lmweb-check-circle-fill",
+          style: {
+            color: 'var(--success-color)'
+          }
+        })
+      }, "\u6807\u7B7E\u4E09"));
+    }
+  }, defaultConfig);
+
+  var onSelctChange = function onSelctChange(e) {
+    setSelectCells(e.target.checked, cell);
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_PTR"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('card_PTR_container', checked && 'checked'),
+    onDoubleClick: function onDoubleClick() {
+      return _onDoubleClick === null || _onDoubleClick === void 0 ? void 0 : _onDoubleClick(cell, table);
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_PTR_body"
+  }, resetDefaultConfig.checkbox && /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_checkbox"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
+    checked: checked,
+    onChange: onSelctChange
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_PTR_left"
+  }, typeof resetDefaultConfig.imgurl === 'function' ? resetDefaultConfig.imgurl(cell, table) : /*#__PURE__*/_react.default.createElement(_image.default, {
+    src: cell[resetDefaultConfig.imgurl],
+    fallback: ""
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_PTR_right"
+  }, resetDefaultConfig.title ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_title lm-font-middle-bold"
+  }, typeof resetDefaultConfig.title === 'function' ? resetDefaultConfig.title(cell, table) : cell[resetDefaultConfig.title]) : null, resetDefaultConfig.code ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_copy_text"
+  }, typeof resetDefaultConfig.code === 'function' ? resetDefaultConfig.code(cell, table) : /*#__PURE__*/_react.default.createElement(Paragraph, {
+    copyable: {
+      tooltips: false,
+      onCopy: function onCopy() {
+        return _message2.default.success('复制成功！', 1.5);
+      }
+    },
+    ellipsis: true
+  }, cell[resetDefaultConfig.code])) : null, resetDefaultConfig.extend ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "PTR_extend"
+  }, resetDefaultConfig.extend(cell, table)) : null, resetDefaultConfig.desc ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "PTR_desc"
+  }, typeof resetDefaultConfig.desc === 'function' ? resetDefaultConfig.desc(cell, table) : cell[resetDefaultConfig.desc]) : null)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_PTR_footer"
+  }, resetDefaultConfig.operate ? resetDefaultConfig.operate(cell, table) : null)));
+};
+
+var _default = PictureTextRow;
+exports.default = _default;

package/lib/CardTable/card/TextGray.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+// 文字灰底
+var TextGray = function TextGray(e) {
+  return /*#__PURE__*/_react.default.createElement("div", null);
+};
+
+var _default = TextGray;
+exports.default = _default;

package/lib/CardTable/card/TextWhiteBorder.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+// 文字白底带描边
+var TextWhiteBorder = function TextWhiteBorder(e) {
+  return /*#__PURE__*/_react.default.createElement("div", null);
+};
+
+var _default = TextWhiteBorder;
+exports.default = _default;

package/lib/CardTable/context.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStore = exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var CTX = /*#__PURE__*/(0, _react.createContext)();
+
+var useStore = function useStore() {
+  return (0, _react.useContext)(CTX);
+};
+
+exports.useStore = useStore;
+var _default = CTX;
+exports.default = _default;

package/lib/CardTable/empty.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/empty/style");
+
+var _empty = _interopRequireDefault(require("antd/es/empty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+// import IconFont from '@/components/IconFont';
+var EmptyCom = function EmptyCom() {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_empty.default, {
+    image: _empty.default.PRESENTED_IMAGE_SIMPLE
+  })));
+};
+
+var _default = EmptyCom;
+exports.default = _default;

package/lib/CardTable/footer.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/pagination/style");
+
+var _pagination = _interopRequireDefault(require("antd/es/pagination"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _context = _interopRequireDefault(require("./context"));
+
+var Footer = function Footer() {
+  var _useContext = (0, _react.useContext)(_context.default),
+      dispatch = _useContext.dispatch,
+      data = _useContext.data,
+      onChange = _useContext.onChange,
+      defaultPage = _useContext.defaultPage;
+
+  var onPageChange = function onPageChange(pageIndex, pageSize) {
+    dispatch({
+      type: 'changePage',
+      page: {
+        pageIndex: pageIndex,
+        pageSize: pageSize
+      }
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(pageIndex, pageSize);
+  };
+
+  var config = (0, _react.useMemo)(function () {
+    return {
+      total: (defaultPage === null || defaultPage === void 0 ? void 0 : defaultPage.total) || data.length,
+      current: (defaultPage === null || defaultPage === void 0 ? void 0 : defaultPage.pageIndex) || 1,
+      pageSize: (defaultPage === null || defaultPage === void 0 ? void 0 : defaultPage.pageSize) || 20
+    };
+  }, [defaultPage]);
+  return /*#__PURE__*/_react.default.createElement(_pagination.default, (0, _extends2.default)({
+    showSizeChanger: true,
+    showQuickJumper: true,
+    showTotal: function showTotal(total) {
+      return "\u5171 ".concat(total, " \u6761");
+    },
+    size: "small",
+    onChange: onPageChange
+  }, config));
+};
+
+var _default = Footer;
+exports.default = _default;

package/lib/CardTable/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _LmCardTable = _interopRequireDefault(require("./LmCardTable"));
+
+var _default = _LmCardTable.default; // export * from LmCardTable;
+
+exports.default = _default;

package/lib/CardTable/style/index.js

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

package/lib/CardTable/style/style.css

@@ -0,0 +1,265 @@
+.lm_card_table_wrapper {
+  height: 100%;
+}
+.lm_card_table_wrapper .lm_card_table_container {
+  height: 100%;
+  overflow: auto;
+}
+.lm_card_table_wrapper .lm_card_table_container .lm_card_table .lm_card_table_body .lm_card_table_body_row {
+  display: grid;
+  grid-gap: 16px;
+  padding-bottom: 16px;
+}
+.lm_card_table_wrapper .lm_card_table_container .lm_card_table .lm_card_table_body .lm_card_table_body_row.last_row {
+  padding-bottom: 0;
+}
+.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 {
+  width: 100%;
+  overflow: hidden;
+}
+.card_PTC {
+  height: 100%;
+}
+.card_PTC .card_PTC_container {
+  position: relative;
+  display: flex;
+  flex-flow: column;
+  gap: 8px;
+  height: 100%;
+  border-radius: 2px;
+  background-color: var(--color-4);
+  padding: calc(var(--gap) * 2);
+  transition: 0.3s;
+}
+.card_PTC .card_PTC_container .card_checkbox {
+  position: absolute;
+  top: 8px;
+  left: 8px;
+  z-index: 1;
+  opacity: 0;
+  transition: 0.3s;
+}
+.card_PTC .card_PTC_container .card_checkbox .lm-checkbox {
+  font-size: 0;
+  border: 8px solid rgba(255, 255, 255, 0.625);
+  border-radius: 2px;
+}
+.card_PTC .card_PTC_container .card_checkbox .ant-checkbox {
+  margin: 0;
+  top: 0;
+}
+.card_PTC .card_PTC_container .PTC_operate {
+  position: absolute;
+  right: 8px;
+  top: 8px;
+  z-index: 1;
+  background-color: rgba(255, 255, 255, 0.625);
+  border-radius: 2px;
+  opacity: 0;
+  transition: 0.3s;
+}
+.card_PTC .card_PTC_container .PTC_operate > * {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+}
+.card_PTC .card_PTC_container .PTC_operate:hover {
+  color: var(--primary-color);
+}
+.card_PTC .card_PTC_container .card_PTC_top {
+  position: relative;
+  flex: 1;
+  border-radius: 2px;
+  background: var(--color-15);
+  overflow: hidden;
+}
+.card_PTC .card_PTC_container .card_PTC_top .ant-image {
+  width: 100%;
+  height: 100%;
+}
+.card_PTC .card_PTC_container .card_PTC_top .ant-image .ant-image-img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.card_PTC .card_PTC_container .card_PTC_center .card_title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin-top: 8px;
+}
+.card_PTC .card_PTC_container .card_PTC_center .card_copy_text {
+  font-size: 12px;
+  color: var(--color-45);
+  margin-top: 4px;
+}
+.card_PTC .card_PTC_container .card_PTC_center .card_copy_text .ant-typography {
+  margin: 0;
+  color: inherit;
+}
+.card_PTC .card_PTC_container .card_PTC_center .card_copy_text .ant-typography .ant-typography-copy {
+  color: inherit;
+}
+.card_PTC .card_PTC_container .card_PTC_center .card_copy_text .ant-typography .ant-typography-copy.ant-typography-copy-success {
+  color: var(--success-color);
+}
+.card_PTC .card_PTC_container .card_PTC_bottom {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  max-height: 24px;
+  overflow: hidden;
+}
+.card_PTC .card_PTC_container .card_PTC_bottom button {
+  border: none;
+  background-color: var(--background-color);
+}
+.card_PTC .card_PTC_container:hover {
+  background-color: var(--color-6);
+}
+.card_PTC .card_PTC_container:hover .card_checkbox,
+.card_PTC .card_PTC_container:hover .PTC_operate {
+  opacity: 1;
+}
+.card_PTC .card_PTC_container.checked .card_checkbox,
+.card_PTC .card_PTC_container.checked .PTC_operate {
+  opacity: 1;
+}
+.card_PTR {
+  height: 100%;
+}
+.card_PTR .card_PTR_container {
+  height: 100%;
+  display: flex;
+  flex-flow: column;
+  border-radius: 2px;
+  background-color: var(--background-color);
+  transition: 0.3s;
+}
+.card_PTR .card_PTR_container .card_PTR_body {
+  position: relative;
+  display: flex;
+  flex: 1;
+  gap: var(--gap);
+  padding: calc(var(--gap) * 2);
+  overflow: hidden;
+}
+.card_PTR .card_PTR_container .card_PTR_body .card_checkbox {
+  position: absolute;
+  top: 8px;
+  left: 8px;
+  z-index: 1;
+  opacity: 0;
+  transition: 0.3s;
+}
+.card_PTR .card_PTR_container .card_PTR_body .card_checkbox .lm-checkbox {
+  font-size: 0;
+  border: 8px solid rgba(255, 255, 255, 0.625);
+  border-radius: 2px;
+}
+.card_PTR .card_PTR_container .card_PTR_body .card_checkbox .ant-checkbox {
+  margin: 0;
+  top: 0;
+}
+.card_PTR .card_PTR_container .card_PTR_body .card_PTR_left {
+  width: 40%;
+  min-width: 126px;
+  border-radius: 2px;
+  background: var(--color-15);
+  overflow: hidden;
+}
+.card_PTR .card_PTR_container .card_PTR_body .card_PTR_left .ant-image {
+  width: 100%;
+  height: 100%;
+}
+.card_PTR .card_PTR_container .card_PTR_body .card_PTR_left .ant-image .ant-image-img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.card_PTR .card_PTR_container .card_PTR_body .card_PTR_right {
+  flex: 1;
+  display: flex;
+  flex-flow: column;
+}
+.card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .card_title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .card_copy_text {
+  font-size: 12px;
+  color: var(--color-45);
+  margin-top: 4px;
+}
+.card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .card_copy_text .ant-typography {
+  margin: 0;
+  color: inherit;
+}
+.card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .card_copy_text .ant-typography .ant-typography-copy {
+  color: inherit;
+}
+.card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .card_copy_text .ant-typography .ant-typography-copy.ant-typography-copy-success {
+  color: var(--success-color);
+}
+.card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .PTR_extend {
+  flex: 1 1 0;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  row-gap: 126px;
+  margin-top: 8px;
+  overflow: hidden;
+}
+.card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .PTR_extend button {
+  border: none;
+  background-color: var(--background-color);
+}
+.card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .PTR_desc {
+  font-size: 12px;
+  color: var(--color-65);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.card_PTR .card_PTR_container .card_PTR_footer {
+  position: relative;
+  display: flex;
+  align-items: center;
+  background-color: var(--background-color);
+}
+.card_PTR .card_PTR_container .card_PTR_footer > * {
+  flex: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  max-width: initial;
+  height: 40px;
+  border: none;
+  background-color: var(--background-color);
+}
+.card_PTR .card_PTR_container .card_PTR_footer > *::after {
+  content: '';
+  position: absolute;
+  right: 0;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  transform: translateY(-50%);
+  height: 18px;
+  width: 1px;
+  background-color: var(--color-15);
+}
+.card_PTR .card_PTR_container .card_PTR_footer > *:last-child::after {
+  display: none;
+}
+.card_PTR .card_PTR_container:hover .card_PTR_body .card_checkbox {
+  opacity: 1;
+}
+.hasChecked .card_PTC .card_PTC_container .card_checkbox,
+.hasChecked .card_PTR .card_PTR_container .card_PTR_body .card_checkbox {
+  opacity: 1;
+}

package/lib/CardTable/table/Table.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _TableBody = _interopRequireDefault(require("../body/TableBody"));
+
+// 卡片表格
+var LmCardTable = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var table = _ref.table,
+      tableContainerRef = _ref.tableContainerRef;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_card_table"
+  }, /*#__PURE__*/_react.default.createElement(_TableBody.default, {
+    table: table,
+    tableContainerRef: tableContainerRef
+  }));
+});
+
+var _default = LmCardTable;
+exports.default = _default;