linkmore-design 1.0.46 → 1.0.47

package/es/LeftTable/style/style.css

@@ -506,7 +506,7 @@ html {
 .lm_grid_tree {
   position: relative;
   font-size: 12px;
-  height: calc(100% - 39px);
+  height: calc(100% - 40px);
   width: 168px;
   border: 1px solid var(--line-color);
   transition: all 0.3s;

package/es/LmSelect/NormalSelect.js

@@ -63,8 +63,8 @@ var NormalSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     var _a;
 
     setCheckedValues(v);
-    (_a = props === null || props === void 0 ? void 0 : props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, v, renderOptions.filter(function (item) {
-      return v.includes(item.value);
+    (_a = props === null || props === void 0 ? void 0 : props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, v, renderOptions === null || renderOptions === void 0 ? void 0 : renderOptions.filter(function (item) {
+      return v === null || v === void 0 ? void 0 : v.includes(item.value);
     }));
   });
   var isSearch = useMemo(function () {

package/es/LmSelect/useCheckboxOptions.d.ts

@@ -1 +1,4 @@
-export declare const useCheckboxOptions: (options: any, controllable: any, filter?: string) => JSX.Element;
+export declare const useCheckboxOptions: (options: any, { value, onChange: onCheckChange }: {
+    value?: any[];
+    onChange: any;
+}, filter?: string) => JSX.Element;

package/es/LmSelect/useCheckboxOptions.js

@@ -36,11 +36,17 @@ var FilterEmpty = function FilterEmpty() {
 }; // todo 抽取出来, 后续做统一处理, 项目中多处用到类似的功能
 
 
-export var useCheckboxOptions = function useCheckboxOptions(options, controllable) {
+export var useCheckboxOptions = function useCheckboxOptions(options, _ref) {
+  var _ref$value = _ref.value,
+      value = _ref$value === void 0 ? [] : _ref$value,
+      onCheckChange = _ref.onChange;
   var filter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
 
   // 将value和onChange改为受控，和父组件共享
-  var _useControllableValue = useControllableValue(controllable),
+  var _useControllableValue = useControllableValue({
+    value: value,
+    onChange: onCheckChange
+  }),
       _useControllableValue2 = _slicedToArray(_useControllableValue, 2),
       checkedValues = _useControllableValue2[0],
       setCheckedValues = _useControllableValue2[1];
@@ -53,8 +59,8 @@ export var useCheckboxOptions = function useCheckboxOptions(options, controllabl
 
   var checkAll = useMemo(function () {
     var isLen = checkedValues.length >= renderOptions.length;
-    return isLen && renderOptions.every(function (_ref) {
-      var value = _ref.value;
+    return isLen && renderOptions.every(function (_ref2) {
+      var value = _ref2.value;
       return checkedValues.includes(value);
     });
   }, [checkedValues.length, renderOptions]); // 是否半选: 存在选中的数据 && 未全选
@@ -65,14 +71,14 @@ export var useCheckboxOptions = function useCheckboxOptions(options, controllabl
 
   var onCheckAllChange = useEvent(function () {
     var nValue = checkAll ? checkedValues.filter(function (v) {
-      return !renderOptions.some(function (_ref2) {
-        var value = _ref2.value;
+      return !renderOptions.some(function (_ref3) {
+        var value = _ref3.value;
         return v === value;
       });
     }) : Array.from(new Set([].concat(_toConsumableArray(checkedValues), _toConsumableArray(renderOptions.map(function (v) {
       return v.value;
     })))));
-    setCheckedValues(nValue);
+    setCheckedValues(nValue || []);
   });
   var onChange = useEvent(function (e, item) {
     e.preventDefault();
@@ -80,7 +86,7 @@ export var useCheckboxOptions = function useCheckboxOptions(options, controllabl
     var arr = checkedValues.includes(item.value) ? checkedValues.filter(function (v) {
       return v !== item.value;
     }) : [].concat(_toConsumableArray(checkedValues), [item.value]);
-    setCheckedValues(arr || undefined);
+    setCheckedValues(arr || []);
   });
   return /*#__PURE__*/React.createElement("div", {
     className: "select_dropdown"

package/es/OldModal/README.md.old

@@ -0,0 +1,27 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 组件
+  path: /basic
+---
+
+## Modal 弹窗 (废弃)
+
+### 示列
+
+<code src="./demos/basic.jsx" background="#fff" />
+
+### Api
+
+| 参数      | 说明                 | 类型       | 可选 | 默认值 |
+| --------- | -------------------- | ---------- | ---- | ------ |
+| visible   | 显示状态             | boolean    | 必须 |        |
+| onCancel  | 关闭事件             | Function   |      |        |
+| onOk      | 点确定按钮的事件     | Function   |      |        |
+| footer    | 自定义底部           | JSX / NULL |      |        |
+| centered  | 是否居中显示         | boolean    |      |        |
+| down      | 下载链接             | []         |      |        |
+| downEvent | 点击下载链接触发事件 | Function   |      |        |
+| onSure    | 点击下载链接触发事件 | Function   |      |        |

package/es/PopTable/README.md.old

@@ -0,0 +1,30 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 组件
+  path: /basic
+---
+
+## PopTable
+
+### 示列
+
+<code src="./demos/basic.jsx" background="#fff" />
+
+### Api
+
+| 参数               | 说明                                | 类型   | 默认 |
+| ------------------ | ----------------------------------- | ------ | ---- |
+| columns            | 表格列数据                          | []     | -    |
+| data               | 表格行数据                          | []     | -    |
+| total              | 数据总数                            | Number |      |
+| onChange           | 表格数据改变触发,默认出现会触发一次 | (e)    | -    |
+| getCheckboxRecords | 获取选中的数据                      | ()     | -    |
+
+#### getCheckboxRecords
+
+- 复选框选中的值
+- 双击获取单条数据
+- 点击确认按钮触发获取复选中的多条数据

package/es/ProTable/README.md.old

@@ -0,0 +1,141 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 组件
+  path: /basic
+---
+
+## ProTable 高级表格
+
+> 用来增加全局参数拓展，默认传入参数
+>
+> 接收原生[ProTable]Api(https://procomponents.ant.design/components/table?current=1&pageSize=5)参数，拓展额外参数
+
+**\*！！！表格高度占满父元素，父元素需要存在高度！！！**
+
+**！！！.z_container 用来设置表格体内部的高度 ！！！**
+
+### 示列
+
+<code src="./demos/basic.jsx" background="#fff" />
+
+### 新增 Api
+
+| 参数               | 说明               | 类型    | 默认  |
+| ------------------ | ------------------ | ------- | ----- | --- |
+| footerShow         | 是否展示尾行合计   | boolean | false |
+| checkConfig        | 行选择配置         | {}      | {}    |
+| editConfig（待定） | 编辑配置           | {}      | {}    |
+| AutoSizer          | 自适应高度占满视图 | boolean |       |     |
+
+```react
+checkConfig: {
+	trigger: 'default', // 触发方式：default/cell/row
+    highlight: true, // 行选中是否高亮
+}
+editConfig: { // 待定
+    enabled: false, // 是否启用编辑
+    mode: 'row', // 编辑模式: 'row' || 'cell'
+}
+```
+
+Event
+
+| 参数               | 说明                               | 类型 | 默认 |
+| ------------------ | ---------------------------------- | ---- | ---- |
+| onDoubleClick      | 双击事件（返回行数据）             | （） | -    |
+| getCheckboxRecords | 复选框选中事件（返回选中的行数据） | ()   | -    |
+| rowClick           | 行点击事件，返回该行数据           | ()   | -    |
+
+column
+
+| 参数    | 说明                                                                      | 类型   | 默认 |
+| ------- | ------------------------------------------------------------------------- | ------ | ---- |
+| width   | 列宽度（当使用列拖拽时必填）                                              | number | -    |
+| total   | 尾行合计时使用，传入列小计和列总计: {subTotal: '￥ 299', total: '￥ 399'} | {}     | -    |
+| colSpan | 操作列使用，隐藏列占位                                                    | ()     | -    |
+|         |                                                                           |        |      |
+
+Ref
+
+| 参数                 | 说明                         | 类型 | 默认 |
+| -------------------- | ---------------------------- | ---- | ---- |
+| getCheckboxRecords() | 获取复选框选中的值，返回数组 | ()   | []   |
+
+## ImgTable 图片表格
+
+### 示列
+
+<code src="./demos/img-basic.jsx" background="#fff" />
+
+#### 布局结构：
+
+- ImgTable: // 表格容器
+  - ImgBody // 表体滚动内容
+    - Cell // 单元格
+  - ImgFooter // 底部分页区域
+
+<!-- #### 数据展示配置
+```
+const config={
+  title: 'title',
+  code: 'code',
+  tags: 'tags',
+  state: 'state',
+  singleRender: (v) => (v === 'ok' ?
+    <Button><CheckCircleFilled />已审核</Button> :
+    <Button><ClockCircleFilled />未审核</Button>
+  ),
+  mapRender: (v) => <Button icon={v.icon || <StarFilled />}>{v.label}</Button>,
+}
+``` -->
+
+#### tips
+
+- 虚拟化
+
+  - 避免虚拟化时的重新渲染，采用 useReducer 缓存状态
+
+- 根据父盒子宽度自动计算列数
+  - 大于 1800 时展示 6 列
+  - 大于 1500 时展示 5 列
+  - 小于 1500 时展示 4 列
+- body => cell 增加默认 rowKey= ’id’
+
+### Api
+
+| 参数          | 说明                           | 类型             | 默认   |
+| ------------- | ------------------------------ | ---------------- | ------ |
+| heightCell    | 每一项的高度                   | Number           | 375    |
+| footer        | 自定义底部显示，接收目标数据   | () => {}         | {tags} |
+| desc          | 自定义描述，接收目标数据       | () => {}         | {code} |
+| expand        | 自定义操作区                   | dom              | -      |
+| config        | 显示配置                       | {}               | {}     |
+| onChange      | 分页变化时触发（对标分页组件） | (page, pageSize) | -      |
+| onDoubleClick | 双击事件，返回对应数据         | ()               | -      |
+
+### Config
+
+| 参数         | 说明           | 类型       | 默认    |
+| ------------ | -------------- | ---------- | ------- |
+| checkbox     | 是否显示复选框 | Boolean    | false   |
+| title        | 标题字段       | String     | 'title' |
+| code         | 编码字段       | String     | 'code'  |
+| tags         | 标签字段       | String     | 'tags'  |
+| state        | 状态字段       | String     | 'state' |
+| singleRender | 状态格式化显示 | (v) => ... | -       |
+| mapRender    | 标签格式化显示 | (v) => ... | -       |
+
+### Ref
+
+| 参数                 | 说明                         | 类型 | 默认 |
+| -------------------- | ---------------------------- | ---- | ---- |
+| getCheckboxRecords() | 获取复选框选中的值，返回数组 | ()   | []   |
+| clearSelect          | 清除选中状态                 | ()   | -    |
+
+### 考量
+
+1. 复选事件： getCheckboxRecords(records)
+   - 是通过事件触发选中还是通过 ref 自己操作？

package/es/Radio/index.js

@@ -39,7 +39,6 @@ LMRadio.Group = function (props) {
       direction = _props$direction === void 0 ? 'row' : _props$direction,
       className = props.className,
       restProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
-  console.log(children, 'rrr');
   return /*#__PURE__*/_react.default.createElement(_radio.default.Group, (0, _extends2.default)({
     className: (0, _classnames.default)(className, 'lm-radio-group', "lm-radio-group-".concat(direction)),
     size: size

package/es/TableRender/README.md.old

@@ -0,0 +1,20 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 组件
+  path: /basic
+---
+
+## TableRender
+
+### 示列
+
+<code src="./demos/basic.jsx" background="#fff" />
+
+### Api
+
+| 参数 | 说明 | 类型            | 可选 | 默认值 |
+| ---- | ---- | --------------- | ---- | ------ |
+| dom  | 状态 | ok/wait/disable |      | ok     |

package/lib/CardTable/LmCardTable.js

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,7 +13,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _TableRoot = _interopRequireDefault(require("./table/TableRoot"));
 
@@ -21,7 +23,7 @@ var _excluded = ["cellKey", "type", "height", "virtual", "components", "dataSour
 //   rows: LM_Row<TData>[];
 // }
 // 默认抛出
-var _default = function _default(_ref) {
+var LmCardTable = function LmCardTable(_ref, ref) {
   var _ref$cellKey = _ref.cellKey,
       cellKey = _ref$cellKey === void 0 ? 'id' : _ref$cellKey,
       _ref$type = _ref.type,
@@ -39,6 +41,7 @@ var _default = function _default(_ref) {
       _ref$checkboxConfig = _ref.checkboxConfig,
       checkboxConfig = _ref$checkboxConfig === void 0 ? {} : _ref$checkboxConfig,
       resetProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var defaultRef = (0, _react.useRef)(null);
   return /*#__PURE__*/_react.default.createElement(_TableRoot.default, (0, _extends2.default)({
     cellKey: cellKey,
     type: type,
@@ -47,8 +50,11 @@ var _default = function _default(_ref) {
     components: components,
     dataSource: dataSource,
     cellConfig: cellConfig,
-    checkboxConfig: checkboxConfig
+    checkboxConfig: checkboxConfig,
+    ref: ref || defaultRef
   }, resetProps));
 };
 
+var _default = /*#__PURE__*/(0, _react.forwardRef)(LmCardTable);
+
 exports.default = _default;

package/lib/CardTable/body/TableBodyCell.js

@@ -20,7 +20,8 @@ var _PictureTextColumn = _interopRequireDefault(require("../card/PictureTextColu
 var _PictureTextRow = _interopRequireDefault(require("../card/PictureTextRow"));
 
 var LmCardTableBodyCell = function LmCardTableBodyCell(_ref) {
-  var cell = _ref.cell,
+  var index = _ref.index,
+      cell = _ref.cell,
       table = _ref.table;
   var state = table.state,
       cellConfig = table.cellConfig,
@@ -50,6 +51,7 @@ var LmCardTableBodyCell = function LmCardTableBodyCell(_ref) {
   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)({
+    index: index,
     cell: cell,
     table: table
   }, stateConfig)));

package/lib/CardTable/body/TableBodyRow.js

@@ -21,7 +21,8 @@ var LmCardTableBodyRow = /*#__PURE__*/_react.default.memo(function (_ref) {
       table = _ref.table;
   var state = table.state,
       rowConfig = table.rowConfig,
-      height = table.cellConfig.height; // 检测是否最后末行
+      height = table.cellConfig.height,
+      cellKey = table.cellKey; // 检测是否最后末行
 
   var isLastRow = (0, _react.useMemo)(function () {
     return state.rows.length === rowIndex + 1;
@@ -39,7 +40,8 @@ var LmCardTableBodyRow = /*#__PURE__*/_react.default.memo(function (_ref) {
     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,
+      key: (cell === null || cell === void 0 ? void 0 : cell[cellKey]) || index,
+      index: index,
       cell: cell,
       table: table
     });
@@ -53,7 +55,8 @@ var LmCardTableBodyRowVirtual = /*#__PURE__*/_react.default.memo(function (_ref2
       table = _ref2.table;
   var state = table.state,
       rowConfig = table.rowConfig,
-      height = table.cellConfig.height; // 检测是否最后末行
+      height = table.cellConfig.height,
+      cellKey = table.cellKey; // 检测是否最后末行
 
   var isLastRow = (0, _react.useMemo)(function () {
     return state.rows.length === rowIndex + 1;
@@ -75,7 +78,8 @@ var LmCardTableBodyRowVirtual = /*#__PURE__*/_react.default.memo(function (_ref2
     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,
+      key: (cell === null || cell === void 0 ? void 0 : cell[cellKey]) || index,
+      index: index,
       cell: cell,
       table: table
     });

package/lib/CardTable/card/PictureTextColumn.js

@@ -24,12 +24,17 @@ var _linkmoreDesign = require("linkmore-design");
 var Paragraph = _typography.default.Paragraph; // 上图下文
 
 var PictureTextColumn = function PictureTextColumn(_ref) {
-  var cell = _ref.cell,
+  var index = _ref.index,
+      cell = _ref.cell,
       table = _ref.table,
       checked = _ref.checked;
-  var defaultConfig = table.defaultConfig,
-      _onDoubleClick = table.onDoubleClick,
+  var state = table.state,
+      defaultConfig = table.defaultConfig,
+      cellClick = table.cellClick,
+      cellDoubleClick = table.cellDoubleClick,
       setSelectCells = table.setSelectCells;
+  var trigger = state.checkboxConfig.trigger;
+  var clickFlag = (0, _react.useRef)(null);
   var resetDefaultConfig = (0, _objectSpread2.default)({
     checkbox: true,
     imgurl: 'imgurl',
@@ -39,24 +44,45 @@ var PictureTextColumn = function PictureTextColumn(_ref) {
     code: 'code',
     operate: null,
     extend: null
-  }, defaultConfig);
+  }, defaultConfig); // 复选框改变事件, 将复选数据保存到缓存中
 
-  var onSelctChange = function onSelctChange(e) {
-    setSelectCells(e.target.checked, cell);
+  var onSelectChange = function onSelectChange(e) {
+    setSelectCells === null || setSelectCells === void 0 ? void 0 : setSelectCells(e.target.checked, cell, index);
+  }; // 单元格单击事件
+
+
+  var onClick = function onClick() {
+    // clearTimeout(clickFlag.current); // 清除第一个单击事件
+    // clickFlag.current = setTimeout(() => {
+    // 触发区域为单元格时仅触发复选事件
+    cellClick === null || cellClick === void 0 ? void 0 : cellClick(cell, index);
+
+    if (trigger === 'cell') {
+      setSelectCells === null || setSelectCells === void 0 ? void 0 : setSelectCells(!checked, cell, index);
+    } // }, 200)
+
+  }; // 单元格双击事件: 双击时避免单击事件触发自己实现
+
+
+  var onDoubleClick = function onDoubleClick() {
+    // clearTimeout(clickFlag.current); // 清除第一个单击事件
+    cellDoubleClick === null || cellDoubleClick === void 0 ? void 0 : cellDoubleClick(cell, index);
   };
 
   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);
-    }
+    onClick: onClick,
+    onDoubleClick: onDoubleClick
   }, resetDefaultConfig.checkbox && /*#__PURE__*/_react.default.createElement("div", {
-    className: "card_checkbox"
+    className: "card_checkbox",
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
     checked: checked,
-    onChange: onSelctChange
+    onChange: onSelectChange
   })), resetDefaultConfig.operate ? /*#__PURE__*/_react.default.createElement("div", {
     className: "PTC_operate"
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Dropdown, {

package/lib/CardTable/card/PictureTextRow.js

@@ -34,12 +34,16 @@ var _linkmoreDesign = require("linkmore-design");
 var Paragraph = _typography.default.Paragraph; // 左图右文
 
 var PictureTextRow = function PictureTextRow(_ref) {
-  var cell = _ref.cell,
+  var index = _ref.index,
+      cell = _ref.cell,
       table = _ref.table,
       checked = _ref.checked;
-  var defaultConfig = table.defaultConfig,
-      _onDoubleClick = table.onDoubleClick,
+  var state = table.state,
+      defaultConfig = table.defaultConfig,
+      cellClick = table.cellClick,
+      cellDoubleClick = table.cellDoubleClick,
       setSelectCells = table.setSelectCells;
+  var trigger = state.checkboxConfig.trigger;
   var resetDefaultConfig = (0, _objectSpread2.default)({
     checkbox: true,
     imgurl: 'imgurl',
@@ -92,23 +96,39 @@ var PictureTextRow = function PictureTextRow(_ref) {
         })
       }, "\u6807\u7B7E\u4E09"));
     }
-  }, defaultConfig);
+  }, defaultConfig); // 复选框改变事件, 将复选数据保存到缓存中
 
   var onSelctChange = function onSelctChange(e) {
-    setSelectCells(e.target.checked, cell);
+    setSelectCells === null || setSelectCells === void 0 ? void 0 : setSelectCells(e.target.checked, cell, index);
+  }; // 单元格单击事件
+
+
+  var onClick = function onClick() {
+    cellClick === null || cellClick === void 0 ? void 0 : cellClick(cell, index);
+
+    if (trigger === 'cell') {
+      setSelectCells === null || setSelectCells === void 0 ? void 0 : setSelectCells(!checked, cell, index);
+    }
+  }; // 单元格双击事件: 双击时避免单击事件触发自己实现
+
+
+  var onDoubleClick = function onDoubleClick() {
+    cellDoubleClick === null || cellDoubleClick === void 0 ? void 0 : cellDoubleClick(cell, index);
   };
 
   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);
-    }
+    className: (0, _classnames.default)('card_PTR_container', checked && 'checked')
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "card_PTR_body"
+    className: "card_PTR_body",
+    onClick: onClick,
+    onDoubleClick: onDoubleClick
   }, resetDefaultConfig.checkbox && /*#__PURE__*/_react.default.createElement("div", {
-    className: "card_checkbox"
+    className: "card_checkbox",
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
     checked: checked,
     onChange: onSelctChange

package/lib/CardTable/style/style.css

@@ -129,8 +129,7 @@
 .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 {
+.card_PTC .card_PTC_container.checked .card_checkbox {
   opacity: 1;
 }
 .card_PTR {