linkmore-design 1.0.49 → 1.0.53

package/lib/CardTable/table/TableRoot.js

@@ -9,19 +9,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
 var _react = _interopRequireWildcard(require("react"));
 
 var _TableWrapper = _interopRequireDefault(require("./TableWrapper"));
 
-var _excluded = ["rowConfig", "cellConfig", "defaultConfig", "checkboxChange"];
+var _fns = _interopRequireDefault(require("../fns"));
+
+var _excluded = ["rowConfig", "cellConfig", "defaultConfig", "checkboxConfig"];
 
 var reducer = function reducer(state, action) {
   var page = action.page,
@@ -32,6 +32,7 @@ var reducer = function reducer(state, action) {
 
   switch (action.type) {
     case 'changePage':
+      // 分页改变
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
         page: page
       });
@@ -101,16 +102,9 @@ var getInitialState = function getInitialState(props) {
 };
 
 var LmCardTableRoot = function LmCardTableRoot(props, ref) {
-  var rowConfig = props.rowConfig,
-      cellConfig = props.cellConfig,
-      defaultConfig = props.defaultConfig,
-      checkboxChange = props.checkboxChange,
-      resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var initialState = (0, _react.useMemo)(function () {
-    return getInitialState((0, _objectSpread2.default)({
-      checkboxChange: checkboxChange
-    }, resetProps));
-  }, [checkboxChange, resetProps]);
+    return getInitialState(props);
+  }, []);
 
   var _useReducer = (0, _react.useReducer)(reducer, initialState),
       _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
@@ -124,66 +118,51 @@ var LmCardTableRoot = function LmCardTableRoot(props, ref) {
 
   var _state$checkboxConfig = state.checkboxConfig,
       checkKeys = _state$checkboxConfig.checkKeys,
-      checkValues = _state$checkboxConfig.checkValues; // 设置选中的数据
-
-  var setSelectCells = function setSelectCells(checked, cell, cellIndex) {
-    var nKeys = checked ? [].concat((0, _toConsumableArray2.default)(checkKeys), [cell[resetProps.cellKey]]) : checkKeys.filter(function (v) {
-      return v !== cell[resetProps.cellKey];
-    });
-    var nValues = checked ? [].concat((0, _toConsumableArray2.default)(checkValues), [cell]) : checkValues.filter(function (v) {
-      return v[resetProps.cellKey] !== cell[resetProps.cellKey];
-    });
-    checkboxChange === null || checkboxChange === void 0 ? void 0 : checkboxChange(checked, cell, cellIndex);
-    dispatch({
-      type: 'changeCheckboxConfig',
-      checkboxConfig: {
-        checkKeys: nKeys,
-        checkValues: nValues
-      }
+      checkValues = _state$checkboxConfig.checkValues; // 配置对象收集
+
+  var configProps = (0, _react.useMemo)(function () {
+    var rowConfig = props.rowConfig,
+        cellConfig = props.cellConfig,
+        defaultConfig = props.defaultConfig,
+        checkboxConfig = props.checkboxConfig,
+        resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resetProps), {}, {
+      rowConfig: (0, _objectSpread2.default)({
+        // 行配置
+        gap: 16
+      }, rowConfig),
+      cellConfig: (0, _objectSpread2.default)({
+        // 单元格配置对象
+        width: 192,
+        height: 282
+      }, cellConfig),
+      checkboxConfig: (0, _objectSpread2.default)({}, checkboxConfig),
+      toolbarConfig: {
+        pager: {},
+        toolbarBottom: {}
+      },
+      defaultConfig: defaultConfig
     });
-  }; // 外部设置选中的值
-
-
-  var setCheckboxKeys = function setCheckboxKeys(checkKeys) {
-    var checkValues = resetProps.dataSource.filter(function (v) {
-      return checkKeys.includes(v[resetProps.cellKey]);
-    }) || [];
-    dispatch({
-      type: 'changeCheckboxConfig',
-      checkboxConfig: {
-        checkKeys: checkKeys,
-        checkValues: checkValues
-      }
+  }, [props]); // 方法收集
+
+  var EventProps = (0, _react.useMemo)(function () {
+    return (0, _fns.default)({
+      state: state,
+      dispatch: dispatch,
+      props: props
     });
-  }; // 配置对象收集
-
-
-  var config = {
-    rowConfig: (0, _objectSpread2.default)({
-      // 行配置
-      gap: 16
-    }, rowConfig),
-    cellConfig: (0, _objectSpread2.default)({
-      // 单元格配置对象
-      width: 192,
-      height: 282
-    }, cellConfig),
-    defaultConfig: defaultConfig
-  };
-  var table = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
+  }, [state, dispatch, props]);
+  var table = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, configProps), EventProps), {}, {
     state: state,
     dispatch: dispatch
-  }, config), resetProps), {}, {
-    setSelectCells: setSelectCells
   }); // 向外暴露出的方法
 
   (0, _react.useImperativeHandle)(ref, function () {
-    return {
+    return (0, _objectSpread2.default)({
       getCheckboxRecords: function getCheckboxRecords() {
         return state.checkboxConfig.checkValues;
-      },
-      setCheckboxKeys: setCheckboxKeys
-    };
+      }
+    }, EventProps);
   });
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !isFullScreen && /*#__PURE__*/_react.default.createElement(_TableWrapper.default, {
     table: table

package/lib/CardTable/table/TableWrapper.js

@@ -13,6 +13,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _TableContainer = _interopRequireDefault(require("./TableContainer"));
 
+var _ToolBarBottom = _interopRequireDefault(require("../toolbar/ToolBarBottom"));
+
 // 包裹表格外围区域: 工具栏操作区域/主体区域/工具栏底部区域
 var LmCardTableWrapper = /*#__PURE__*/_react.default.memo(function (_ref) {
   var table = _ref.table;
@@ -25,6 +27,8 @@ var LmCardTableWrapper = /*#__PURE__*/_react.default.memo(function (_ref) {
     }, style)
   }, /*#__PURE__*/_react.default.createElement(_TableContainer.default, {
     table: table
+  }), /*#__PURE__*/_react.default.createElement(_ToolBarBottom.default, {
+    table: table
   }));
 });
 

package/lib/CardTable/toolbar/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/toolbar/ToolBarBottom.js

@@ -0,0 +1,47 @@
+"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 CardToolBarBottom = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var table = _ref.table;
+  var pagination = table.pagination,
+      _table$toolbarConfig = table.toolbarConfig,
+      toolbarBottom = _table$toolbarConfig.toolbarBottom,
+      pager = _table$toolbarConfig.pager; // toolbarBottom与pager一致: 用于插槽
+
+  var _ref2 = toolbarBottom || pager,
+      left = _ref2.left,
+      right = _ref2.right;
+
+  var LeftSlot = function LeftSlot() {
+    return left;
+  };
+
+  var RighSlot = function RighSlot() {
+    if (!right) {
+      return pagination && /*#__PURE__*/_react.default.createElement(_TablePagination.default, {
+        table: table
+      });
+    }
+
+    if (right) {
+      typeof right === 'function' ? right(_TablePagination.default) : right;
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_card_table_toolbar_bottom"
+  }, /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement(RighSlot, null));
+});
+
+var _default = CardToolBarBottom;
+exports.default = _default;

package/lib/Checkbox/style/index.js

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

package/lib/CkFilter/style/index.js

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

package/lib/CustomTableOption/columnsSort.js

@@ -126,11 +126,11 @@ var ColumnsSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     cloneCol.forEach(function (item, index) {
       var _a, _b, _c;
 
-      if (ColumnsStateValue === null || ColumnsStateValue === void 0 ? void 0 : ColumnsStateValue.hasOwnProperty(item.dataIndex)) {
-        var order = (_a = ColumnsStateValue[item.dataIndex]) === null || _a === void 0 ? void 0 : _a.order;
-        item.fixed = ((_b = ColumnsStateValue[item.dataIndex]) === null || _b === void 0 ? void 0 : _b.fixed) || undefined;
+      if (colStateValue === null || colStateValue === void 0 ? void 0 : colStateValue.hasOwnProperty(item.dataIndex)) {
+        var order = (_a = colStateValue[item.dataIndex]) === null || _a === void 0 ? void 0 : _a.order;
+        item.fixed = ((_b = colStateValue[item.dataIndex]) === null || _b === void 0 ? void 0 : _b.fixed) || undefined;
         item.order = [undefined, null].includes(order) ? index : order;
-        item.show = ((_c = ColumnsStateValue[item.dataIndex]) === null || _c === void 0 ? void 0 : _c.show) === false ? false : true;
+        item.show = ((_c = colStateValue[item.dataIndex]) === null || _c === void 0 ? void 0 : _c.show) === false ? false : true;
       }
     });
     var leftSortItem = [];
@@ -169,7 +169,7 @@ var ColumnsSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   (0, _react.useEffect)(function () {
     setLocalColumns(columns);
     setColStateValue(ColumnsStateValue);
-  }, []);
+  }, [columns]);
   var leftSensors = (0, _core.useSensors)((0, _core.useSensor)(_core.PointerSensor), (0, _core.useSensor)(_core.KeyboardSensor, {
     coordinateGetter: _sortable.sortableKeyboardCoordinates
   }));

package/lib/CustomTableOption/filterSort.js

@@ -94,9 +94,9 @@ var FilterSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     cloneCol.forEach(function (item, index) {
       var _a, _b;
 
-      var order = (_a = filterStateValue[item.field]) === null || _a === void 0 ? void 0 : _a.order;
+      var order = (_a = colStateValue[item.field]) === null || _a === void 0 ? void 0 : _a.order;
       item.order = order !== undefined && order !== null ? order : UNLLVALUE.includes(item.order) ? index : item.order;
-      item.show = ((_b = filterStateValue[item.field]) === null || _b === void 0 ? void 0 : _b.show) === false ? false : UNLLVALUE.includes(item.show) ? true : !!item.show;
+      item.show = ((_b = colStateValue[item.field]) === null || _b === void 0 ? void 0 : _b.show) === false ? false : UNLLVALUE.includes(item.show) ? true : !!item.show;
     });
     return cloneCol.filter(function (item) {
       var _a;
@@ -125,7 +125,7 @@ var FilterSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   (0, _react.useEffect)(function () {
     setLocalFilter(filter);
     setColStateValue(filterStateValue);
-  }, []);
+  }, [filter]);
   var sensors = (0, _core.useSensors)((0, _core.useSensor)(_core.PointerSensor), (0, _core.useSensor)(_core.KeyboardSensor, {
     coordinateGetter: _sortable.sortableKeyboardCoordinates
   }));

package/lib/CustomTableOption/index.js

@@ -133,8 +133,7 @@ var LMCustomTableOption = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
       return setVisible(false);
     }
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Tabs, {
-    defaultActiveKey: "1",
-    destroyInactiveTabPane: true
+    defaultActiveKey: "1"
   }, /*#__PURE__*/_react.default.createElement(TabPane, {
     tab: "\u4E2A\u6027\u5316\u7B5B\u9009",
     key: "1",

package/lib/CustomerService/style/index.js

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

package/lib/EditTable/style/index.js

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

package/lib/EnlargeImg/style/index.js

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

package/lib/Filter/style/index.js

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

package/lib/IconSelect/style/index.js

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

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

@@ -660,8 +660,28 @@ html {
 .ant-input-group-wrapper.lm_input .ant-input-group-addon {
   padding: 0 8px;
 }
+.ant-input-group-wrapper.lm_input .ant-input-group-addon .lm_select {
+  margin: -5px -8px -4px -9px;
+}
 .ant-input-group-wrapper.lm_input.ant-input-group-wrapper-sm .ant-input-group-addon {
-  padding: 0 5px 0 4px;
+  height: 26px;
+}
+.ant-input-group-wrapper.lm_input.ant-input-group-wrapper-sm .ant-input-group-addon .lm_select {
+  height: 26px;
+  margin: -4px -8px -5px -9px;
+}
+.ant-input-group-wrapper.lm_input.ant-input-group-wrapper-sm .ant-input-group-addon .lm_select .ant-select-selector {
+  height: 26px;
+}
+.ant-input-group-wrapper.lm_input.ant-input-group-wrapper-sm .ant-input-group-addon .lm_select .ant-select-selector > span {
+  height: 26px;
+  line-height: 24px;
+}
+.ant-input-group-wrapper.lm_input.ant-input-group-wrapper-sm .ant-input-group-addon .lm_select .ant-select-selector:after {
+  line-height: 26px;
+}
+.ant-input-group-wrapper.lm_input.ant-input-group-wrapper-sm .ant-input-group-addon .lm_select .ant-select-selector .ant-select-selection-search-input {
+  height: 24px;
 }
 .ant-input-group.ant-input-group-lg .lm_input {
   height: 40px;

package/lib/Input/style/index.js

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

package/lib/LeftTable/style/index.js

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

package/lib/List/index.d.ts

@@ -0,0 +1,2 @@
+import { List } from 'antd';
+export default List;

package/lib/List/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/list/style");
+
+var _list = _interopRequireDefault(require("antd/es/list"));
+
+var _default = _list.default;
+exports.default = _default;