linkmore-design 1.0.33 → 1.0.36

package/es/index.js

@@ -1,343 +1,43 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Button", {
-  enumerable: true,
-  get: function get() {
-    return _Button.default;
-  }
-});
-Object.defineProperty(exports, "ButtonTags", {
-  enumerable: true,
-  get: function get() {
-    return _ButtonTags.default;
-  }
-});
-Object.defineProperty(exports, "Card", {
-  enumerable: true,
-  get: function get() {
-    return _Card.default;
-  }
-});
-Object.defineProperty(exports, "Checkbox", {
-  enumerable: true,
-  get: function get() {
-    return _Checkbox.default;
-  }
-});
-Object.defineProperty(exports, "CkFilter", {
-  enumerable: true,
-  get: function get() {
-    return _CkFilter.default;
-  }
-});
-Object.defineProperty(exports, "CustomTableOption", {
-  enumerable: true,
-  get: function get() {
-    return _CustomTableOption.default;
-  }
-});
-Object.defineProperty(exports, "CustomerService", {
-  enumerable: true,
-  get: function get() {
-    return _CustomerService.default;
-  }
-});
-Object.defineProperty(exports, "Drawer", {
-  enumerable: true,
-  get: function get() {
-    return _Drawer.default;
-  }
-});
-Object.defineProperty(exports, "Dropdown", {
-  enumerable: true,
-  get: function get() {
-    return _Dropdown.default;
-  }
-});
-Object.defineProperty(exports, "EditTable", {
-  enumerable: true,
-  get: function get() {
-    return _EditTable.default;
-  }
-});
-Object.defineProperty(exports, "Empty", {
-  enumerable: true,
-  get: function get() {
-    return _Empty.default;
-  }
-});
-Object.defineProperty(exports, "EnlargeImg", {
-  enumerable: true,
-  get: function get() {
-    return _EnlargeImg.default;
-  }
-});
-Object.defineProperty(exports, "Filter", {
-  enumerable: true,
-  get: function get() {
-    return _Filter.default;
-  }
-});
-Object.defineProperty(exports, "Icon", {
-  enumerable: true,
-  get: function get() {
-    return _Icon.default;
-  }
-});
-Object.defineProperty(exports, "IconFont", {
-  enumerable: true,
-  get: function get() {
-    return _IconFont.default;
-  }
-});
-Object.defineProperty(exports, "IconSelect", {
-  enumerable: true,
-  get: function get() {
-    return _IconSelect.default;
-  }
-});
-Object.defineProperty(exports, "Image", {
-  enumerable: true,
-  get: function get() {
-    return _Image.default;
-  }
-});
-Object.defineProperty(exports, "Input", {
-  enumerable: true,
-  get: function get() {
-    return _Input.default;
-  }
-});
-Object.defineProperty(exports, "InputNumber", {
-  enumerable: true,
-  get: function get() {
-    return _InputNumber.default;
-  }
-});
-Object.defineProperty(exports, "LMTabBar", {
-  enumerable: true,
-  get: function get() {
-    return _TabBar.default;
-  }
-});
-Object.defineProperty(exports, "LeftTable", {
-  enumerable: true,
-  get: function get() {
-    return _LeftTable.default;
-  }
-});
-Object.defineProperty(exports, "LmTable", {
-  enumerable: true,
-  get: function get() {
-    return _LmTable.default;
-  }
-});
-Object.defineProperty(exports, "LoadingPage", {
-  enumerable: true,
-  get: function get() {
-    return _LoadingPage.default;
-  }
-});
-Object.defineProperty(exports, "Menu", {
-  enumerable: true,
-  get: function get() {
-    return _Menu.default;
-  }
-});
-Object.defineProperty(exports, "Modal", {
-  enumerable: true,
-  get: function get() {
-    return _Modal.default;
-  }
-});
-Object.defineProperty(exports, "OldModal", {
-  enumerable: true,
-  get: function get() {
-    return _OldModal.default;
-  }
-});
-Object.defineProperty(exports, "Pagination", {
-  enumerable: true,
-  get: function get() {
-    return _Pagination.default;
-  }
-});
-Object.defineProperty(exports, "PopTable", {
-  enumerable: true,
-  get: function get() {
-    return _PopTable.default;
-  }
-});
-Object.defineProperty(exports, "ProTable", {
-  enumerable: true,
-  get: function get() {
-    return _ProTable.default;
-  }
-});
-Object.defineProperty(exports, "Radio", {
-  enumerable: true,
-  get: function get() {
-    return _Radio.default;
-  }
-});
-Object.defineProperty(exports, "Select", {
-  enumerable: true,
-  get: function get() {
-    return _Select.default;
-  }
-});
-Object.defineProperty(exports, "Space", {
-  enumerable: true,
-  get: function get() {
-    return _Space.default;
-  }
-});
-Object.defineProperty(exports, "Switch", {
-  enumerable: true,
-  get: function get() {
-    return _Switch.default;
-  }
-});
-Object.defineProperty(exports, "Table", {
-  enumerable: true,
-  get: function get() {
-    return _Table.default;
-  }
-});
-Object.defineProperty(exports, "TableRender", {
-  enumerable: true,
-  get: function get() {
-    return _TableRender.default;
-  }
-});
-Object.defineProperty(exports, "Tabs", {
-  enumerable: true,
-  get: function get() {
-    return _Tabs.default;
-  }
-});
-Object.defineProperty(exports, "Tag", {
-  enumerable: true,
-  get: function get() {
-    return _Tag.default;
-  }
-});
-Object.defineProperty(exports, "Tree", {
-  enumerable: true,
-  get: function get() {
-    return _Tree.default;
-  }
-});
-Object.defineProperty(exports, "UploadOss", {
-  enumerable: true,
-  get: function get() {
-    return _UploadOss.default;
-  }
-});
-Object.defineProperty(exports, "VirtualList", {
-  enumerable: true,
-  get: function get() {
-    return _VirtualList.default;
-  }
-});
-Object.defineProperty(exports, "message", {
-  enumerable: true,
-  get: function get() {
-    return _message.default;
-  }
-});
-Object.defineProperty(exports, "notification", {
-  enumerable: true,
-  get: function get() {
-    return _Notification.default;
-  }
-});
-
-var _Button = _interopRequireDefault(require("./Button"));
-
-var _ButtonTags = _interopRequireDefault(require("./ButtonTags"));
-
-var _Card = _interopRequireDefault(require("./Card"));
-
-var _Checkbox = _interopRequireDefault(require("./Checkbox"));
-
-var _CkFilter = _interopRequireDefault(require("./CkFilter"));
-
-var _CustomerService = _interopRequireDefault(require("./CustomerService"));
-
-var _Drawer = _interopRequireDefault(require("./Drawer"));
-
-var _Dropdown = _interopRequireDefault(require("./Dropdown"));
-
-var _EditTable = _interopRequireDefault(require("./EditTable"));
-
-var _Empty = _interopRequireDefault(require("./Empty"));
-
-var _EnlargeImg = _interopRequireDefault(require("./EnlargeImg"));
-
-var _Filter = _interopRequireDefault(require("./Filter"));
-
-var _Icon = _interopRequireDefault(require("./Icon"));
-
-var _IconFont = _interopRequireDefault(require("./IconFont"));
-
-var _IconSelect = _interopRequireDefault(require("./IconSelect"));
-
-var _Input = _interopRequireDefault(require("./Input"));
-
-var _InputNumber = _interopRequireDefault(require("./InputNumber"));
-
-var _LeftTable = _interopRequireDefault(require("./LeftTable"));
-
-var _LmTable = _interopRequireDefault(require("./LmTable"));
-
-var _LoadingPage = _interopRequireDefault(require("./LoadingPage"));
-
-var _Menu = _interopRequireDefault(require("./Menu"));
-
-var _Modal = _interopRequireDefault(require("./Modal"));
-
-var _Notification = _interopRequireDefault(require("./Notification"));
-
-var _OldModal = _interopRequireDefault(require("./OldModal"));
-
-var _Pagination = _interopRequireDefault(require("./Pagination"));
-
-var _PopTable = _interopRequireDefault(require("./PopTable"));
-
-var _ProTable = _interopRequireDefault(require("./ProTable"));
-
-var _Radio = _interopRequireDefault(require("./Radio"));
-
-var _Select = _interopRequireDefault(require("./Select"));
-
-var _Space = _interopRequireDefault(require("./Space"));
-
-var _TabBar = _interopRequireDefault(require("./TabBar"));
-
-var _TableRender = _interopRequireDefault(require("./TableRender"));
-
-var _Tree = _interopRequireDefault(require("./Tree"));
-
-var _UploadOss = _interopRequireDefault(require("./UploadOss"));
-
-var _VirtualList = _interopRequireDefault(require("./VirtualList"));
-
-var _Tag = _interopRequireDefault(require("./Tag"));
-
-var _message = _interopRequireDefault(require("./message"));
-
-var _Tabs = _interopRequireDefault(require("./Tabs"));
-
-var _Table = _interopRequireDefault(require("./Table"));
-
-var _Switch = _interopRequireDefault(require("./Switch"));
-
-var _Image = _interopRequireDefault(require("./Image"));
-
-var _CustomTableOption = _interopRequireDefault(require("./CustomTableOption"));
+export { default as Button } from './Button';
+export { default as ButtonTags } from './ButtonTags';
+export { default as Card } from './Card';
+export { default as Checkbox } from './Checkbox';
+export { default as CkFilter } from './CkFilter';
+export { default as CustomerService } from './CustomerService';
+export { default as Drawer } from './Drawer';
+export { default as Dropdown } from './Dropdown';
+export { default as EditTable } from './EditTable';
+export { default as Empty } from './Empty';
+export { default as EnlargeImg } from './EnlargeImg';
+export { default as Filter } from './Filter';
+export { default as Icon } from './Icon';
+export { default as IconFont } from './IconFont';
+export { default as IconSelect } from './IconSelect';
+export { default as Input } from './Input';
+export { default as InputNumber } from './InputNumber';
+export { default as LeftTable } from './LeftTable';
+export { default as LmTable } from './LmTable';
+export { default as LoadingPage } from './LoadingPage';
+export { default as Menu } from './Menu';
+export { default as Modal } from './Modal';
+export { default as notification } from './Notification';
+export { default as OldModal } from './OldModal';
+export { default as Pagination } from './Pagination';
+export { default as PopTable } from './PopTable';
+export { default as ProTable } from './ProTable';
+export { default as Radio } from './Radio';
+export { default as Select } from './Select';
+export { default as Space } from './Space';
+export { default as TableRender } from './TableRender';
+export { default as Tree } from './Tree';
+export { default as UploadOss } from './UploadOss';
+export { default as VirtualList } from './VirtualList';
+export { default as Tag } from './Tag';
+export { default as message } from './message';
+export { default as Tabs } from './Tabs';
+export { default as Table } from './Table';
+export { default as Switch } from './Switch';
+export { default as Image } from './Image';
+export { default as CustomTableOption } from './CustomTableOption';
+export { default as Upload } from './Upload';
+export { default as Tooltip } from './Tooltip';

package/lib/CardTable/LmCardTable.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _TableRoot = _interopRequireDefault(require("./table/TableRoot"));
+
+var _excluded = ["cellKey", "type", "height", "virtual", "components", "dataSource", "cellConfig", "checkboxConfig"];
+
+// export type LmCardTableProps<TData extends Record<string, any> = {}> {
+//   rows: LM_Row<TData>[];
+// }
+// 默认抛出
+var _default = function _default(_ref) {
+  var _ref$cellKey = _ref.cellKey,
+      cellKey = _ref$cellKey === void 0 ? 'id' : _ref$cellKey,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? 'PTC' : _ref$type,
+      _ref$height = _ref.height,
+      height = _ref$height === void 0 ? '100%' : _ref$height,
+      _ref$virtual = _ref.virtual,
+      virtual = _ref$virtual === void 0 ? true : _ref$virtual,
+      _ref$components = _ref.components,
+      components = _ref$components === void 0 ? {} : _ref$components,
+      _ref$dataSource = _ref.dataSource,
+      dataSource = _ref$dataSource === void 0 ? [] : _ref$dataSource,
+      _ref$cellConfig = _ref.cellConfig,
+      cellConfig = _ref$cellConfig === void 0 ? {} : _ref$cellConfig,
+      _ref$checkboxConfig = _ref.checkboxConfig,
+      checkboxConfig = _ref$checkboxConfig === void 0 ? {} : _ref$checkboxConfig,
+      resetProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_TableRoot.default, (0, _extends2.default)({
+    cellKey: cellKey,
+    type: type,
+    height: height,
+    virtual: virtual,
+    components: components,
+    dataSource: dataSource,
+    cellConfig: cellConfig,
+    checkboxConfig: checkboxConfig
+  }, resetProps));
+};
+
+exports.default = _default;

package/lib/CardTable/body/TableBody.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _TableBodyRow = _interopRequireWildcard(require("./TableBodyRow"));
+
+var _reactVirtual = require("react-virtual");
+
+var TableBody = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var table = _ref.table,
+      tableContainerRef = _ref.tableContainerRef;
+  var _table$state = table.state,
+      rows = _table$state.rows,
+      checkboxConfig = _table$state.checkboxConfig,
+      rowConfig = table.rowConfig,
+      height = table.cellConfig.height,
+      virtual = table.virtual; // 是否存在选中
+
+  var hasChecked = (0, _react.useMemo)(function () {
+    return checkboxConfig.checkKeys.length;
+  }, [checkboxConfig.checkKeys.length]);
+
+  var _useVirtual = (0, _reactVirtual.useVirtual)({
+    size: rows.length,
+    parentRef: tableContainerRef,
+    estimateSize: _react.default.useCallback(function () {
+      return height + rowConfig.gap;
+    }, [height]),
+    overscan: 2
+  }),
+      totalSize = _useVirtual.totalSize,
+      virtualItems = _useVirtual.virtualItems;
+
+  var virScrollStyles = (0, _react.useMemo)(function () {
+    return {
+      height: "".concat(totalSize - rowConfig.gap, "px"),
+      width: '100%',
+      position: "relative"
+    };
+  }, [totalSize]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('lm_card_table_body', hasChecked && 'hasChecked')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_card_table_body_scroll",
+    style: virScrollStyles
+  }, virtual && rows.length > 10 ? virtualItems.map(function (_ref2) {
+    var index = _ref2.index,
+        start = _ref2.start;
+    return /*#__PURE__*/_react.default.createElement(_TableBodyRow.LmCardTableBodyRowVirtual, {
+      key: index,
+      rowIndex: index,
+      start: start,
+      row: rows[index],
+      table: table
+    });
+  }) : rows.map(function (row, index) {
+    return /*#__PURE__*/_react.default.createElement(_TableBodyRow.default, {
+      key: index,
+      rowIndex: index,
+      row: row,
+      table: table
+    });
+  })));
+});
+
+var _default = TableBody;
+exports.default = _default;

package/lib/CardTable/body/TableBodyCell.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;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _PictureTextColumn = _interopRequireDefault(require("../card/PictureTextColumn"));
+
+var _PictureTextRow = _interopRequireDefault(require("../card/PictureTextRow"));
+
+var LmCardTableBodyCell = function LmCardTableBodyCell(_ref) {
+  var cell = _ref.cell,
+      table = _ref.table;
+  var state = table.state,
+      cellConfig = table.cellConfig,
+      type = table.type,
+      components = table.components,
+      cellKey = table.cellKey;
+  var checkKeys = state.checkboxConfig.checkKeys; // 渲染的单元格
+
+  var RenderCell = (0, _react.useMemo)(function () {
+    var types = {
+      'PTC': _PictureTextColumn.default,
+      'PTR': _PictureTextRow.default,
+      'TG': _PictureTextColumn.default,
+      'TW': _PictureTextColumn.default
+    };
+    return components.Cell || types[type] || _PictureTextColumn.default;
+  }, [components.Cell, type]); // 是否选中
+
+  var isChecked = (0, _react.useMemo)(function () {
+    return checkKeys.some(function (v) {
+      return v === cell[cellKey];
+    });
+  }, [checkKeys, cellKey]);
+  var stateConfig = {
+    checked: isChecked
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('lm_card_table_body_cell', isChecked && 'cell_checked')
+  }, /*#__PURE__*/_react.default.createElement(RenderCell, (0, _extends2.default)({
+    cell: cell,
+    table: table
+  }, stateConfig)));
+};
+
+var _default = LmCardTableBodyCell;
+exports.default = _default;

package/lib/CardTable/body/TableBodyRow.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LmCardTableBodyRowVirtual = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _TableBodyCell = _interopRequireDefault(require("./TableBodyCell"));
+
+var LmCardTableBodyRow = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var row = _ref.row,
+      rowIndex = _ref.rowIndex,
+      table = _ref.table;
+  var state = table.state,
+      rowConfig = table.rowConfig,
+      height = table.cellConfig.height; // 检测是否最后末行
+
+  var isLastRow = (0, _react.useMemo)(function () {
+    return state.rows.length === rowIndex + 1;
+  }, [state.rows, rowIndex]);
+  var style = {
+    height: isLastRow ? height : height + rowConfig.gap,
+    width: '100%',
+    minWidth: '100%',
+    gridGap: rowConfig.gap,
+    gridTemplateColumns: "repeat(".concat(state.columnCount, ", 1fr)"),
+    paddingBottom: isLastRow ? 0 : rowConfig.gap
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('lm_card_table_body_row', isLastRow && 'last_row'),
+    style: style
+  }, row.map(function (cell, index) {
+    return /*#__PURE__*/_react.default.createElement(_TableBodyCell.default, {
+      key: (cell === null || cell === void 0 ? void 0 : cell.id) || index,
+      cell: cell,
+      table: table
+    });
+  }));
+});
+
+var LmCardTableBodyRowVirtual = /*#__PURE__*/_react.default.memo(function (_ref2) {
+  var row = _ref2.row,
+      start = _ref2.start,
+      rowIndex = _ref2.rowIndex,
+      table = _ref2.table;
+  var state = table.state,
+      rowConfig = table.rowConfig,
+      height = table.cellConfig.height; // 检测是否最后末行
+
+  var isLastRow = (0, _react.useMemo)(function () {
+    return state.rows.length === rowIndex + 1;
+  });
+  var style = {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    height: isLastRow ? height : height + rowConfig.gap,
+    width: '100%',
+    minWidth: '100%',
+    transform: "translateY(".concat(start, "px)"),
+    gridGap: rowConfig.gap,
+    gridTemplateColumns: "repeat(".concat(state.columnCount, ", 1fr)"),
+    paddingBottom: isLastRow ? 0 : rowConfig.gap
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('lm_card_table_body_row', isLastRow && 'last_row'),
+    style: style
+  }, row.map(function (cell, index) {
+    return /*#__PURE__*/_react.default.createElement(_TableBodyCell.default, {
+      key: (cell === null || cell === void 0 ? void 0 : cell.id) || index,
+      cell: cell,
+      table: table
+    });
+  }));
+});
+
+exports.LmCardTableBodyRowVirtual = LmCardTableBodyRowVirtual;
+var _default = LmCardTableBodyRow;
+exports.default = _default;