linkmore-design 1.0.50 → 1.0.54

package/es/CardTable/card/PictureTextColumn.js

@@ -33,8 +33,7 @@ var PictureTextColumn = function PictureTextColumn(_ref) {
       defaultConfig = table.defaultConfig,
       cellClick = table.cellClick,
       cellDoubleClick = table.cellDoubleClick,
-      toggleCheckboxKey = table.toggleCheckboxKey,
-      checkboxChange = table.checkboxChange;
+      toggleCheckboxKey = table.toggleCheckboxKey;
   var trigger = state.checkboxConfig.trigger;
   var clickFlag = (0, _react.useRef)(null);
   var resetDefaultConfig = (0, _objectSpread2.default)({
@@ -48,9 +47,12 @@ var PictureTextColumn = function PictureTextColumn(_ref) {
     extend: null
   }, defaultConfig); // 复选框改变事件, 将复选数据保存到缓存中
 
-  var onSelectChange = function onSelectChange(val) {
-    toggleCheckboxKey(cell[cellKey]);
-    checkboxChange === null || checkboxChange === void 0 ? void 0 : checkboxChange(val, cell, index);
+  var onSelectChange = function onSelectChange(val, trigger) {
+    toggleCheckboxKey(cell[cellKey], {
+      cell: cell,
+      cellIndex: index,
+      trigger: trigger
+    });
   }; // 单元格单击事件
 
 
@@ -61,7 +63,7 @@ var PictureTextColumn = function PictureTextColumn(_ref) {
     cellClick === null || cellClick === void 0 ? void 0 : cellClick(cell, index);
 
     if (trigger === 'cell') {
-      onSelectChange === null || onSelectChange === void 0 ? void 0 : onSelectChange(!checked);
+      onSelectChange === null || onSelectChange === void 0 ? void 0 : onSelectChange(!checked, trigger);
     } // }, 200)
 
   }; // 单元格双击事件: 双击时避免单击事件触发自己实现

package/es/CardTable/card/PictureTextRow.js

@@ -134,7 +134,7 @@ var PictureTextRow = function PictureTextRow(_ref) {
     }
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
     checked: checked,
-    onChange: function onChange() {
+    onChange: function onChange(e) {
       return onSelctChange(e.target.checked);
     }
   })), /*#__PURE__*/_react.default.createElement("div", {

package/es/CardTable/fns/index.js

@@ -10,15 +10,17 @@ exports.default = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 
 // 操作方法集合
-var setOptions = function setOptions(_ref) {
+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;
+      cellKey = props.cellKey,
+      checkboxChange = props.checkboxChange;
   var checkKeys = checkboxConfig.checkKeys,
-      checkValues = checkboxConfig.checkValues; // 设置选中的值: 第一个参数是数据的键，第二个参数是选中与否, 第三个参数控制是否重置
+      checkValues = checkboxConfig.checkValues,
+      checkMethod = checkboxConfig.checkMethod; // 设置选中的值: 第一个参数是数据的键，第二个参数是选中与否, 第三个参数控制是否重置
   // 未做key是否属于数据源校验，用于分页时保存之前的选中状态
 
   var setCheckboxKeys = function setCheckboxKeys(keys, checked, reset) {
@@ -64,16 +66,43 @@ var setOptions = function setOptions(_ref) {
   }; // 切换选中状态: 单个切换/批量切换
 
 
-  var toggleCheckboxKey = function toggleCheckboxKey(k) {
+  var toggleCheckboxKey = function toggleCheckboxKey(k, _ref2) {
+    var _ref2$trigger = _ref2.trigger,
+        trigger = _ref2$trigger === void 0 ? 'default' : _ref2$trigger,
+        cell = _ref2.cell,
+        cellIndex = _ref2.cellIndex;
     var nKeys = [k],
-        isChecked = true,
+        isCheck = true,
         reset = false; // 单个切换
 
     if (!Array.isArray(k)) {
-      isChecked = !(checkKeys === null || checkKeys === void 0 ? void 0 : checkKeys.some(function (v) {
+      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)) {
@@ -93,7 +122,7 @@ var setOptions = function setOptions(_ref) {
       reset = true;
     }
 
-    setCheckboxKeys(nKeys, isChecked, reset);
+    setCheckboxKeys(nKeys, isCheck, reset);
   };
 
   return {
@@ -102,5 +131,5 @@ var setOptions = function setOptions(_ref) {
   };
 };
 
-var _default = setOptions;
+var _default = CoreOptions;
 exports.default = _default;

package/es/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/style.css → es/CardTable/style/index.css}

@@ -24,12 +24,12 @@
 .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 {
+.lm_card_table_wrapper .lm_card_table_pager {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-.lm_card_table_wrapper .lm_card_table_toolbar_bottom .lm_card_table_pagination {
+.lm_card_table_wrapper .lm_card_table_pager .lm_card_table_pagination {
   display: flex;
   align-items: center;
   height: 48px;

package/es/CardTable/style/index.js

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

package/es/CardTable/table/TableRoot.js

@@ -9,10 +9,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -21,7 +21,8 @@ var _TableWrapper = _interopRequireDefault(require("./TableWrapper"));
 
 var _fns = _interopRequireDefault(require("../fns"));
 
-var _excluded = ["rowConfig", "cellConfig", "defaultConfig", "checkboxConfig"];
+var _excluded = ["checkKeys", "trigger", "checkMethod"],
+    _excluded2 = ["rowConfig", "cellConfig", "defaultConfig", "checkboxConfig", "pagerConfig", "toolbarConfig"];
 
 var reducer = function reducer(state, action) {
   var page = action.page,
@@ -70,6 +71,9 @@ var getInitialState = function getInitialState(props) {
       checkKeys = _props$checkboxConfig2 === void 0 ? [] : _props$checkboxConfig2,
       _props$checkboxConfig3 = _props$checkboxConfig.trigger,
       trigger = _props$checkboxConfig3 === void 0 ? 'default' : _props$checkboxConfig3,
+      _props$checkboxConfig4 = _props$checkboxConfig.checkMethod,
+      checkMethod = _props$checkboxConfig4 === void 0 ? true : _props$checkboxConfig4,
+      resetCheckCOnfig = (0, _objectWithoutProperties2.default)(_props$checkboxConfig, _excluded),
       _props$dataSource = props.dataSource,
       dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
       cellKey = props.cellKey;
@@ -78,11 +82,12 @@ var getInitialState = function getInitialState(props) {
   }) || [];
   return {
     // 复选框的配置
-    checkboxConfig: {
+    checkboxConfig: (0, _objectSpread2.default)({
       checkKeys: checkKeys,
       checkValues: checkValues,
-      trigger: trigger
-    },
+      trigger: trigger,
+      checkMethod: checkMethod
+    }, resetCheckCOnfig),
     // 分页的配置
     page: {
       pageIndex: 1,
@@ -114,18 +119,17 @@ var LmCardTableRoot = function LmCardTableRoot(props, ref) {
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       isFullScreen = _useState2[0],
-      setIsFullScreen = _useState2[1];
+      setIsFullScreen = _useState2[1]; // 配置对象收集
 
-  var _state$checkboxConfig = state.checkboxConfig,
-      checkKeys = _state$checkboxConfig.checkKeys,
-      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);
+        pagerConfig = props.pagerConfig,
+        toolbarConfig = props.toolbarConfig,
+        resetProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
     return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resetProps), {}, {
       rowConfig: (0, _objectSpread2.default)({
         // 行配置
@@ -137,22 +141,20 @@ var LmCardTableRoot = function LmCardTableRoot(props, ref) {
         height: 282
       }, cellConfig),
       checkboxConfig: (0, _objectSpread2.default)({}, checkboxConfig),
-      toolbarConfig: {
-        pager: {},
-        toolbarBottom: {}
-      },
+      pagerConfig: (0, _objectSpread2.default)({}, pagerConfig),
+      toolbarConfig: (0, _objectSpread2.default)({}, toolbarConfig),
       defaultConfig: defaultConfig
     });
   }, [props]); // 方法收集
 
-  var EventProps = (0, _react.useMemo)(function () {
+  var eventProps = (0, _react.useMemo)(function () {
     return (0, _fns.default)({
       state: state,
       dispatch: dispatch,
       props: props
     });
   }, [state, dispatch, props]);
-  var table = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, configProps), EventProps), {}, {
+  var table = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, configProps), eventProps), {}, {
     state: state,
     dispatch: dispatch
   }); // 向外暴露出的方法
@@ -162,7 +164,7 @@ var LmCardTableRoot = function LmCardTableRoot(props, ref) {
       getCheckboxRecords: function getCheckboxRecords() {
         return state.checkboxConfig.checkValues;
       }
-    }, EventProps);
+    }, eventProps);
   });
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !isFullScreen && /*#__PURE__*/_react.default.createElement(_TableWrapper.default, {
     table: table

package/es/CardTable/table/TableWrapper.js

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

package/es/CardTable/toolbar/ToolBarBottom.js

@@ -9,38 +9,19 @@ 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
-      });
-    }
+      toolbarBottom = table.toolbarConfig.toolbarBottom;
 
-    if (right) {
-      typeof right === 'function' ? right(_TablePagination.default) : right;
-    }
-  };
+  if (!toolbarBottom) {
+    return null;
+  }
 
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "lm_card_table_toolbar_bottom"
-  }, /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement(RighSlot, null));
+  return typeof toolbarBottom === 'function' ? toolbarBottom(table) : toolbarBottom // <div className='lm_card_table_toolbar_bottom'>
+  //   <ToolbarBottomSlot />
+  // </div>
+  ;
 });
 
 var _default = CardToolBarBottom;

package/es/Checkbox/style/index.js

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

package/es/CkFilter/style/index.js

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

package/es/CustomerService/style/index.js

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

package/es/EditTable/style/index.js

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

package/es/EnlargeImg/style/index.js

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

package/es/Filter/style/index.js

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

package/es/IconSelect/style/index.js

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

package/es/Input/style/index.js

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

package/es/LeftTable/style/index.js

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

package/es/LmEditTable/style/index.d.ts

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

package/es/LmEditTable/style/index.js

@@ -1 +1 @@
-import "./style.css";
+import "./index.css";

package/es/LmFilter/LmFilter.js

@@ -0,0 +1,27 @@
+"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/esm/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _FilterRoot = _interopRequireDefault(require("./wrapper/FilterRoot"));
+
+var LmFilter = function LmFilter(props, ref) {
+  var defaultRef = (0, _react.useRef)(null);
+  return /*#__PURE__*/_react.default.createElement(_FilterRoot.default, (0, _extends2.default)({
+    ref: ref || defaultRef
+  }, props));
+};
+
+var _default = /*#__PURE__*/(0, _react.forwardRef)(LmFilter);
+
+exports.default = _default;

package/es/LmFilter/baseFilter/index.js

@@ -0,0 +1,34 @@
+"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 _fuzzySearch = _interopRequireDefault(require("../components/fuzzySearch"));
+
+var _components = _interopRequireDefault(require("../components"));
+
+// 二级过滤 => 基础过滤组件
+var LmFilterBase = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var instance = _ref.instance;
+  var dataSource = instance.dataSource;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_filter_basic"
+  }, /*#__PURE__*/_react.default.createElement(_fuzzySearch.default, {
+    instance: instance
+  }), dataSource.map(function (v, index) {
+    return /*#__PURE__*/_react.default.createElement(_components.default, {
+      key: (v === null || v === void 0 ? void 0 : v.field) || index,
+      instance: instance,
+      item: v
+    });
+  }));
+});
+
+var _default = LmFilterBase;
+exports.default = _default;

package/es/LmFilter/clearFilter/index.js

@@ -0,0 +1,33 @@
+"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 _linkmoreDesign = require("linkmore-design");
+
+var LmFilterClear = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var instance = _ref.instance;
+  var state = instance.state,
+      dispatch = instance.dispatch;
+
+  var handleClear = function handleClear() {
+    // dispatch();
+    console.log('state', state);
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_filter_clear"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+    type: "link",
+    onClick: handleClear
+  }, "\u4E00\u952E\u6E05\u7A7A"));
+});
+
+var _default = LmFilterClear;
+exports.default = _default;

package/es/LmFilter/complexFilter/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 _react = _interopRequireDefault(require("react"));
+
+var LmFilterComplex = function LmFilterComplex(e) {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "LmFilterComplex");
+};
+
+var _default = LmFilterComplex;
+exports.default = _default;