linkmore-design 1.0.91 → 1.0.93

package/lib/CardTable/fns/index.js

@@ -0,0 +1,160 @@
+"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 CoreOptions = function CoreOptions(_ref) {
+  var state = _ref.state,
+      dispatch = _ref.dispatch,
+      props = _ref.props;
+  var checkboxConfig = state.checkboxConfig;
+  var dataSource = props.dataSource,
+      cellKey = props.cellKey,
+      checkboxChange = props.checkboxChange,
+      selectionConfig = props.selectionConfig;
+  var checkKeys = checkboxConfig.checkKeys,
+      checkValues = checkboxConfig.checkValues,
+      checkMethod = checkboxConfig.checkMethod; // 设置选中的值: 第一个参数是数据的键，第二个参数是选中与否, 第三个参数控制是否重置
+  // 未做key是否属于数据源校验，用于分页时保存之前的选中状态
+
+  var setCheckboxKeys = function setCheckboxKeys(keys, checked, reset) {
+    var flag = typeof checked === 'boolean' ? checked : true;
+    var nKeys = keys;
+    var 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
+      }
+    });
+    dispatch({
+      type: 'changeRadioConfig',
+      radioConfig: {
+        checkKey: '',
+        checkValue: ''
+      }
+    });
+  }; // 切换选中状态: 单个切换/批量切换
+
+
+  var toggleCheckboxKey = function toggleCheckboxKey(k) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var _options$trigger = options.trigger,
+        trigger = _options$trigger === void 0 ? 'default' : _options$trigger,
+        cell = options.cell,
+        cellIndex = options.cellIndex;
+    var nKeys = [k];
+    var isCheck = true;
+    var reset = false; // 单个切换
+
+    if (!Array.isArray(k)) {
+      var isCanCheck = checkMethod; // 是否可选中
+
+      isCheck = !(checkKeys === null || checkKeys === void 0 ? void 0 : checkKeys.some(function (v) {
+        return v === k;
+      }));
+      var record = cell || ''; // 检测选中前置阻挡事件
+
+      if (typeof checkMethod === 'function') {
+        record = record || (dataSource === null || dataSource === void 0 ? void 0 : dataSource.find(function (v) {
+          return v[cellKey] === k;
+        }));
+        isCanCheck = checkMethod(record, state, trigger);
+      }
+
+      if (!isCanCheck) return; // 触发复选框改变事件: 仅手动触发有效
+
+      if (typeof checkboxChange === 'function') {
+        record = record || (dataSource === null || dataSource === void 0 ? void 0 : dataSource.find(function (v) {
+          return v[cellKey] === k;
+        }));
+        checkboxChange === null || checkboxChange === void 0 ? void 0 : checkboxChange({
+          checked: isCheck,
+          cell: record,
+          cellIndex: cellIndex
+        });
+      }
+    } // 多个切换 通过重置去除选中项保留切换项
+
+
+    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)); // 组合新值为选中状态
+
+      reset = true;
+    }
+
+    setCheckboxKeys(nKeys, isCheck, reset);
+  };
+
+  var cellClick = function cellClick(cell, index) {
+    var _props$cellClick;
+
+    if (!checkKeys.length) {
+      // 校验是否存在单选
+      var isRadio = Array.isArray(selectionConfig.type) ? selectionConfig.type.includes('radio') : selectionConfig.type === 'radio';
+      isRadio && dispatch({
+        type: 'changeRadioConfig',
+        radioConfig: {
+          checkKey: cell[cellKey],
+          checkValue: cell
+        }
+      });
+    }
+
+    (_props$cellClick = props.cellClick) === null || _props$cellClick === void 0 ? void 0 : _props$cellClick.call(props, cell, index);
+  };
+
+  return {
+    setCheckboxKeys: setCheckboxKeys,
+    toggleCheckboxKey: toggleCheckboxKey,
+    cellClick: cellClick
+  };
+};
+
+var _default = CoreOptions;
+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/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

@@ -0,0 +1,17 @@
+"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 _usePagination = _interopRequireDefault(require("./hooks/usePagination"));
+
+_LmCardTable.default.usePagination = _usePagination.default;
+var _default = _LmCardTable.default; // export * from LmCardTable;
+
+exports.default = _default;

package/lib/CardTable/pager/TablePagination.js

@@ -0,0 +1,62 @@
+"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _excluded = ["onChange"];
+
+var LmCardTablePagination = function LmCardTablePagination(_ref) {
+  var table = _ref.table;
+  var dispatch = table.dispatch,
+      _table$dataSource = table.dataSource,
+      dataSource = _table$dataSource === void 0 ? [] : _table$dataSource,
+      _table$pagination = table.pagination,
+      onChange = _table$pagination.onChange,
+      paginationProps = (0, _objectWithoutProperties2.default)(_table$pagination, _excluded); // 分页改变事件
+
+  var onPageChange = function onPageChange(pageIndex, pageSize) {
+    dispatch({
+      type: 'changePage',
+      page: {
+        pageIndex: pageIndex,
+        pageSize: pageSize,
+        total: (paginationProps === null || paginationProps === void 0 ? void 0 : paginationProps.total) || 0
+      }
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(pageIndex, pageSize);
+  }; // 默认的配置
+
+
+  var defaultProps = {
+    size: 'small',
+    showSizeChanger: true,
+    showQuickJumper: true,
+    showTotal: function showTotal(total) {
+      return "\u5171 ".concat(total, " \u6761");
+    },
+    total: (paginationProps === null || paginationProps === void 0 ? void 0 : paginationProps.total) || (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) || 0,
+    defaultPageSize: 20,
+    pageSizeOptions: [20, 50, 100, 500],
+    onChange: onPageChange
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_card_table_pagination"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Pagination, (0, _extends2.default)({}, defaultProps, paginationProps)));
+};
+
+var _default = LmCardTablePagination;
+exports.default = _default;

package/lib/CardTable/pager/index.js

@@ -0,0 +1,48 @@
+"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 _TablePagination = _interopRequireDefault(require("./TablePagination"));
+
+var CardTablePager = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var table = _ref.table;
+  var pagination = table.pagination,
+      pagerConfig = table.pagerConfig; // left || right:插槽
+
+  var left = pagerConfig.left,
+      right = pagerConfig.right; // 底部工具栏左侧插槽: 默认空 div 标签占位
+
+  var LeftSlot = function LeftSlot() {
+    if (!left) {
+      return /*#__PURE__*/_react.default.createElement("div", null);
+    }
+
+    ;
+    return typeof left === 'function' ? left(table) : left;
+  }; // 底部工具栏右侧插槽
+
+
+  var RighSlot = function RighSlot() {
+    if (!right) {
+      return pagination ? /*#__PURE__*/_react.default.createElement(_TablePagination.default, {
+        table: table
+      }) : null;
+    }
+
+    return typeof right === 'function' ? right(table, _TablePagination.default) : right;
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_card_table_pager"
+  }, /*#__PURE__*/_react.default.createElement(LeftSlot, null), /*#__PURE__*/_react.default.createElement(RighSlot, null));
+});
+
+var _default = CardTablePager;
+exports.default = _default;

package/lib/CardTable/style/index.js

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

package/lib/CardTable/style/variables.js

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

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;

package/lib/CardTable/table/TableContainer.js

@@ -0,0 +1,97 @@
+"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 _Table = _interopRequireDefault(require("./Table"));
+
+var _utils = require("../utils");
+
+// 主体区域: 对表格进行包裹
+// 获取主体高度
+var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? _react.useLayoutEffect : _react.useEffect;
+
+var LmCardTableContainer = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var table = _ref.table;
+  var dataSource = table.dataSource,
+      dispatch = table.dispatch,
+      cellConfig = table.cellConfig,
+      type = table.type;
+  var tableContainerRef = (0, _react.useRef)(null); // 行数据计算
+
+  var getRows = (0, _react.useCallback)(function (columnCount) {
+    var arr = [];
+    var len = Math.ceil(dataSource.length / columnCount);
+
+    for (var i = 0; i < len; i += 1) {
+      var startIndex = columnCount * i;
+      var items = dataSource.slice(startIndex, startIndex + columnCount);
+      arr.push(items);
+    }
+
+    return arr;
+  }, [dataSource]); // 获取容器盒子高宽
+
+  var getResize = (0, _react.useCallback)(function () {
+    var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        blockSize = _ref2.blockSize,
+        inlineSize = _ref2.inlineSize;
+
+    // 列数量
+    var colCount = (0, _utils.getResizeColumnCount)({
+      width: inlineSize,
+      height: blockSize
+    }, cellConfig.width); // 获取行
+
+    var rows = getRows(colCount);
+    dispatch({
+      type: 'windowResize',
+      resize: {
+        width: inlineSize,
+        height: blockSize
+      }
+    });
+    dispatch({
+      type: 'changeColumnCount',
+      columnCount: colCount
+    });
+    dispatch({
+      type: 'changeRows',
+      rows: rows
+    });
+  }, [getRows, cellConfig.width]); // 获取表格高度
+
+  useIsomorphicLayoutEffect(function () {
+    // 频繁变动可考虑增加防抖
+    var resizeObserver = new ResizeObserver(function (entries) {
+      var borderbox = entries[0].borderBoxSize[0];
+      getResize(borderbox);
+    });
+
+    if (tableContainerRef.current) {
+      resizeObserver.observe(tableContainerRef.current);
+    }
+
+    return function () {
+      return resizeObserver.disconnect();
+    };
+  }, [type, getResize]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: tableContainerRef,
+    className: "lm_card_table_container"
+  }, /*#__PURE__*/_react.default.createElement(_Table.default, {
+    table: table,
+    tableContainerRef: tableContainerRef
+  }));
+});
+
+var _default = LmCardTableContainer;
+exports.default = _default;