linkmore-design 1.0.45 → 1.0.48

package/lib/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/lib/LmSelect/NormalSelect.js

@@ -81,8 +81,8 @@ var NormalSelect = /*#__PURE__*/(0, _react.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 = (0, _react.useMemo)(function () {

package/lib/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/lib/LmSelect/useCheckboxOptions.js

@@ -53,11 +53,17 @@ var FilterEmpty = function FilterEmpty() {
 }; // todo 抽取出来, 后续做统一处理, 项目中多处用到类似的功能
 
 
-var useCheckboxOptions = function useCheckboxOptions(options, controllable) {
+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 = (0, _ahooks.useControllableValue)(controllable),
+  var _useControllableValue = (0, _ahooks.useControllableValue)({
+    value: value,
+    onChange: onCheckChange
+  }),
       _useControllableValue2 = (0, _slicedToArray2.default)(_useControllableValue, 2),
       checkedValues = _useControllableValue2[0],
       setCheckedValues = _useControllableValue2[1];
@@ -70,8 +76,8 @@ var useCheckboxOptions = function useCheckboxOptions(options, controllable) {
 
   var checkAll = (0, _react.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]); // 是否半选: 存在选中的数据 && 未全选
@@ -82,14 +88,14 @@ var useCheckboxOptions = function useCheckboxOptions(options, controllable) {
 
   var onCheckAllChange = (0, _hooks.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((0, _toConsumableArray2.default)(checkedValues), (0, _toConsumableArray2.default)(renderOptions.map(function (v) {
       return v.value;
     })))));
-    setCheckedValues(nValue);
+    setCheckedValues(nValue || []);
   });
   var onChange = (0, _hooks.useEvent)(function (e, item) {
     e.preventDefault();
@@ -97,7 +103,7 @@ var useCheckboxOptions = function useCheckboxOptions(options, controllable) {
     var arr = checkedValues.includes(item.value) ? checkedValues.filter(function (v) {
       return v !== item.value;
     }) : [].concat((0, _toConsumableArray2.default)(checkedValues), [item.value]);
-    setCheckedValues(arr || undefined);
+    setCheckedValues(arr || []);
   });
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "select_dropdown"

package/lib/LmTable/Table.js

@@ -246,10 +246,11 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         setSelectedRows({
           selectedRows: selectedRows
         });
+        rowClick === null || rowClick === void 0 ? void 0 : rowClick(selectedRows);
       }
+    } else {
+      rowClick === null || rowClick === void 0 ? void 0 : rowClick(record);
     }
-
-    rowClick === null || rowClick === void 0 ? void 0 : rowClick(record);
   }; // 重写表格，增加虚拟滚动
   // const vComponents = useMemo(() => {
   //   return VList({
@@ -282,15 +283,25 @@ 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");
-        }
+        },
+        locale: {
+          items_per_page: '/条',
+          jump_to: '前往',
+          page: '页'
+        },
+        size: 'small'
       }, pagination),
       rowSelection: rowSelection === false ? undefined : (0, _objectSpread2.default)({
         fixed: true,
@@ -322,7 +333,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;
@@ -368,7 +379,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')
@@ -569,15 +579,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,
@@ -591,13 +601,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/lib/LmTable/style/style.css

@@ -830,9 +830,6 @@ html {
 #lm_protable_warp .lm_protable .ant-table {
   font-size: 12px;
 }
-#lm_protable_warp .lm_protable.lm_resizeable table {
-  table-layout: inherit !important;
-}
 #lm_protable_warp .lm_protable .ant-card-body,
 #lm_protable_warp .lm_protable .ant-pro-card-body {
   padding: 0;

package/lib/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/lib/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/lib/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/lib/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/lib/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linkmore-design",
-  "version": "1.0.45",
+  "version": "1.0.48",
   "author": {
     "name": "nowthen",
     "email": "rnlvwyx@gmail.com"