linkmore-design 1.0.44 → 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/LmTable/Table.js

@@ -13,10 +13,10 @@ require("antd/es/config-provider/style");
 
 var _configProvider = _interopRequireDefault(require("antd/es/config-provider"));
 
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
@@ -29,18 +29,23 @@ var _proTable = _interopRequireDefault(require("@ant-design/pro-table"));
 
 var _sortable = require("@dnd-kit/sortable");
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _lodash = require("lodash");
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _reactResizable = require("react-resizable");
+
 var _reactSortableHoc = require("react-sortable-hoc");
 
 var _empty = _interopRequireDefault(require("./assets/empty.png"));
 
 var _resetConfig = _interopRequireDefault(require("./resetConfig"));
 
-var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "sortOpen", "customCheck", "rowSelection", "columnsState", "onChange", "filterChange", "tableRowType", "size"],
-    _excluded2 = ["className", "style"];
+var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "sortOpen", "resizeable", "customCheck", "rowSelection", "columnsState", "onChange", "filterChange", "tableRowType", "size"],
+    _excluded2 = ["className", "style"],
+    _excluded3 = ["onResize", "width", "onResizeStop"];
 var Summary = _proTable.default.Summary;
 exports.Summary = Summary;
 var DragHandle = (0, _reactSortableHoc.SortableHandle)(function () {
@@ -75,6 +80,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       virtual = _props$virtual === void 0 ? false : _props$virtual,
       _props$sortOpen = props.sortOpen,
       sortOpen = _props$sortOpen === void 0 ? false : _props$sortOpen,
+      _props$resizeable = props.resizeable,
+      resizeable = _props$resizeable === void 0 ? false : _props$resizeable,
       customCheck = props.customCheck,
       rowSelection = props.rowSelection,
       columnsState = props.columnsState,
@@ -127,8 +134,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     if (oldIndex !== newIndex) {
       var newData = (0, _sortable.arrayMove)(dataSource, oldIndex, newIndex).filter(function (el) {
         return !!el;
-      });
-      console.log(newData, 'nnnnnn'); // setDataSource([...newData])
+      }); // setDataSource([...newData])
     }
   };
 
@@ -153,19 +159,46 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       index: index
     }, restProps));
   }; // 原宽度，先宽度，序号
-
-
-  var handleResize = function handleResize(sc, size, index) {
-    var preCountW = (0, _lodash.sumBy)(useColumns, 'width') + 36;
-    var curCountW = preCountW - sc + size;
-    var scale = curCountW > preCountW ? subtract(preCountW, size) / subtract(preCountW, sc) : subtract(autoSize.width, size) / subtract(autoSize.width, sc);
-    var nValue = useColumns.map(function (v, idx) {
-      var w = curCountW < autoSize.width ? scale * v.width : v.width;
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, v), {}, {
-        width: idx === index ? size : w
+  // const handleResize = (sc, size, index) => {
+  //   // const preCountW = sumBy(useColumns, 'width') + 36
+  //   // const curCountW = preCountW - sc + size
+  //   // const scale =
+  //   //   curCountW > preCountW
+  //   //     ? subtract(preCountW, size) / subtract(preCountW, sc)
+  //   //     : subtract(autoSize.width, size) / subtract(autoSize.width, sc)
+  //   // const nValue = useColumns.map((v, idx) => {
+  //   //   const w = curCountW < autoSize.width ? scale * v.width : v.width
+  //   //   return {
+  //   //     ...v,
+  //   //     width: idx === index ? size : w,
+  //   //   }
+  //   // })
+  //   // setColumns([...nValue])
+  //   console.log(sc, size, index, 666)
+  //   const nextColumns = [...useColumns]
+  //   nextColumns[index] = {
+  //     ...nextColumns[index],
+  //     width: size.width,
+  //   }
+  //   setColumns(nextColumns)
+  // }
+
+
+  var handleResize = function handleResize(index) {
+    return function (e, _ref2) {
+      var size = _ref2.size;
+      var nextColumns = (0, _toConsumableArray2.default)(useColumns);
+      nextColumns[index] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, nextColumns[index]), {}, {
+        width: size.width
       });
+      setColumns(nextColumns);
+    };
+  };
+
+  var endResize = function endResize(e, data) {
+    setTimeout(function () {
+      filterChange === null || filterChange === void 0 ? void 0 : filterChange(useColumns);
     });
-    setColumns((0, _toConsumableArray2.default)(nValue));
   };
 
   var resetColumns = (0, _react.useCallback)(function () {
@@ -177,9 +210,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         onHeaderCell: function onHeaderCell(column) {
           return {
             width: column.width,
-            onResize: function onResize(e, size) {
-              return handleResize(e, size, index);
-            }
+            // onResize: (e, size) => handleResize(e, size, index),
+            onResize: handleResize(index),
+            onResizeStop: endResize
           };
         }
       });
@@ -249,15 +282,20 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       tableAlertRender: false,
       checkConfig: checkConfig,
       // components: vComponents,
-      scroll: resetProps.autoSizer || resetProps.scroll ? (0, _objectSpread2.default)({
+      scroll: resetProps.autoSizer || resetProps.scroll ? Object.assign((0, _objectSpread2.default)({
         y: autoSize.height
-      }, resetProps.scroll) : null,
+      }, resetProps.scroll), resizeable ? {
+        x: '100%'
+      } : {}) : resizeable ? {
+        x: '100%'
+      } : null,
       pagination: !hiddenPage && (0, _objectSpread2.default)({
         showSizeChanger: true,
         showQuickJumper: true,
         showTotal: function showTotal(total) {
           return "\u5171 ".concat(total, " \u6761");
-        }
+        },
+        size: 'small'
       }, pagination),
       rowSelection: rowSelection === false ? undefined : (0, _objectSpread2.default)({
         fixed: true,
@@ -289,7 +327,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       columns: resetColumns(),
       size: size
     }, resetProps);
-  }, [useColumns, useSelectedRows, columnsStateMap, resetProps, autoSize.height]);
+  }, [useColumns, useSelectedRows, columnsStateMap, resetProps, autoSize.height, resizeable]);
   var resultColumns = (0, _react.useMemo)(function () {
     var result = useColumns.map(function (item, index) {
       var _columnsStateMap$item, _columnsStateMap$item2, _columnsStateMap$item3, _columnsStateMap$item4;
@@ -322,10 +360,10 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var obj = (0, _objectSpread2.default)({}, columnsState);
     columns === null || columns === void 0 ? void 0 : columns.forEach(function (item) {
       /** 目前支持三种 */
-      var _ref2 = obj[item.dataIndex || item.key] || {},
-          order = _ref2.order,
-          show = _ref2.show,
-          fixed = _ref2.fixed;
+      var _ref3 = obj[item.dataIndex || item.key] || {},
+          order = _ref3.order,
+          show = _ref3.show,
+          fixed = _ref3.fixed;
 
       obj[item.dataIndex || item.key] = {
         fixed: fixed || item.fixed,
@@ -335,7 +373,6 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       //   obj[item.dataIndex || item.key] = { ...(obj[item.dataIndex || item.key] || {}), fixed: item.fixed }
       // }
     });
-    console.log(obj, 'oobjb');
     setColumnsStateMap(obj);
   }, [columnsState]); // useEffect(() => {
   //   console.log(props.columnsStateValue, 'v vv')
@@ -401,7 +438,54 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     filterChange === null || filterChange === void 0 ? void 0 : filterChange(resultColumns);
     onChange === null || onChange === void 0 ? void 0 : onChange(pagination, filters, sorter, extra);
   };
+  /** 排序的表头 */
+
 
+  var ResizableTitle = function ResizableTitle(props) {
+    var onResize = props.onResize,
+        width = props.width,
+        onResizeStop = props.onResizeStop,
+        restProps = (0, _objectWithoutProperties2.default)(props, _excluded3);
+
+    if (!width) {
+      return /*#__PURE__*/_react.default.createElement("th", restProps);
+    }
+
+    return /*#__PURE__*/_react.default.createElement(_reactResizable.Resizable, {
+      width: width,
+      height: 0,
+      handle: /*#__PURE__*/_react.default.createElement("span", {
+        className: "react-resizable-handle",
+        onClick: function onClick(e) {
+          e.stopPropagation();
+        }
+      }),
+      onResize: onResize,
+      onResizeStop: onResizeStop,
+      draggableOpts: {
+        enableUserSelectHack: false
+      }
+    }, /*#__PURE__*/_react.default.createElement("th", restProps));
+  };
+
+  var tableComponents = (0, _react.useMemo)(function () {
+    var obj = {};
+
+    if (sortOpen) {
+      obj['body'] = {
+        wrapper: DraggableContainer,
+        row: DraggableBodyRow
+      };
+    }
+
+    if (resizeable) {
+      obj['header'] = {
+        cell: ResizableTitle
+      };
+    }
+
+    return obj;
+  }, [sortOpen, resizeable]);
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       height: '100%',
@@ -412,14 +496,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, /*#__PURE__*/_react.default.createElement(_proTable.default, (0, _extends2.default)({}, config, {
     loading: loading,
     dataSource: dataSource,
-    components: sortOpen ? {
-      body: {
-        wrapper: DraggableContainer,
-        row: DraggableBodyRow
-      }
-    } : null,
+    components: tableComponents,
     onChange: onTableChange,
-    tableClassName: "lm_protable",
+    tableClassName: (0, _classnames.default)('lm_protable', resizeable && 'lm_resizeable'),
     summary: function summary(pageData) {
       return _summary && _summary(pageData, resultColumns);
     }
@@ -494,15 +573,15 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, [tableSize, props]);
 
   var changeSize = function changeSize() {
-    var _tableWarpRef$current4;
+    var _tableWarpRef$current;
 
     var value = props.summary ? 48 : 0;
 
-    var _tableWarpRef$current = (_tableWarpRef$current4 = tableWarpRef.current) === null || _tableWarpRef$current4 === void 0 ? void 0 : _tableWarpRef$current4.getBoundingClientRect(),
-        _tableWarpRef$current2 = _tableWarpRef$current.width,
-        width = _tableWarpRef$current2 === void 0 ? '100%' : _tableWarpRef$current2,
-        _tableWarpRef$current3 = _tableWarpRef$current.height,
-        height = _tableWarpRef$current3 === void 0 ? '100%' : _tableWarpRef$current3;
+    var _ref4 = ((_tableWarpRef$current = tableWarpRef.current) === null || _tableWarpRef$current === void 0 ? void 0 : _tableWarpRef$current.getBoundingClientRect()) || {},
+        _ref4$width = _ref4.width,
+        width = _ref4$width === void 0 ? '100%' : _ref4$width,
+        _ref4$height = _ref4.height,
+        height = _ref4$height === void 0 ? '100%' : _ref4$height;
 
     setTableSize({
       width: width,
@@ -516,13 +595,13 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         customCheck = props.customCheck,
         summary = props.summary;
     setTimeout(function () {
-      var _tableWarpRef$current8;
+      var _tableWarpRef$current5;
 
-      var _tableWarpRef$current5 = (_tableWarpRef$current8 = tableWarpRef.current) === null || _tableWarpRef$current8 === void 0 ? void 0 : _tableWarpRef$current8.getBoundingClientRect(),
-          _tableWarpRef$current6 = _tableWarpRef$current5.width,
-          width = _tableWarpRef$current6 === void 0 ? '100%' : _tableWarpRef$current6,
-          _tableWarpRef$current7 = _tableWarpRef$current5.height,
-          height = _tableWarpRef$current7 === void 0 ? '100%' : _tableWarpRef$current7;
+      var _tableWarpRef$current2 = (_tableWarpRef$current5 = tableWarpRef.current) === null || _tableWarpRef$current5 === void 0 ? void 0 : _tableWarpRef$current5.getBoundingClientRect(),
+          _tableWarpRef$current3 = _tableWarpRef$current2.width,
+          width = _tableWarpRef$current3 === void 0 ? '100%' : _tableWarpRef$current3,
+          _tableWarpRef$current4 = _tableWarpRef$current2.height,
+          height = _tableWarpRef$current4 === void 0 ? '100%' : _tableWarpRef$current4;
 
       var value = summary ? 48 : 0;
       setTableSize({

package/es/LmTable/style/style.css

@@ -1450,3 +1450,12 @@ html {
 .ant-table.ant-table-middle tfoot > tr > td {
   padding: 12px 8px;
 }
+.react-resizable-handle {
+  position: absolute;
+  right: -5px;
+  bottom: 0;
+  z-index: 1;
+  width: 10px;
+  height: 100%;
+  cursor: col-resize;
+}

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     |