linkmore-design 1.0.14 → 1.0.15

package/es/Button/index.js

@@ -29,7 +29,9 @@ var LMButton = function LMButton(props) {
       hover = _props$hover === void 0 ? false : _props$hover,
       restProps = __rest(props, ["children", "className", "size", "type", "hover"]);
 
-  var classs = cls('lm-button', className, _defineProperty({}, "lm-button-".concat(size), size), _defineProperty({}, "lm-button-".concat(type), type), _defineProperty({}, "lm-button-".concat(type, "-hover"), type && hover));
+  var classs = cls('lm-button', className, {
+    'lm-button-icon-only': !children
+  }, _defineProperty({}, "lm-button-".concat(size), size), _defineProperty({}, "lm-button-".concat(type), type), _defineProperty({}, "lm-button-".concat(type, "-hover"), type && hover));
   return /*#__PURE__*/React.createElement(_Button, Object.assign({}, restProps, {
     className: classs,
     size: size,

package/es/Button/style/style.css

@@ -7,7 +7,7 @@
   vertical-align: middle;
 }
 .ant-btn.lm-button .anticon {
-  font-size: 16px;
+  font-size: 12px;
   line-height: 0;
 }
 .ant-btn.lm-button .anticon + span {
@@ -96,3 +96,6 @@
   border: 0 !important;
   background: transparent !important;
 }
+.ant-btn.lm-button-icon-only .anticon {
+  font-size: 16px;
+}

package/es/CkFilter/components/filterTypes.js

@@ -408,6 +408,7 @@ var CheckboxFilter = function CheckboxFilter(_ref8) {
     onClick: handleReset
   }, "\u6E05\u7A7A"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
     type: "primary",
+    disabled: !checkedValues.length,
     size: "small",
     onClick: handleSure
   }, "\u786E\u5B9A")));

package/es/CkFilter/style/style.css

@@ -704,7 +704,7 @@ html {
   align-items: center;
   justify-content: space-between;
   font-size: 12px;
-  min-height: 32px;
+  min-height: 42px;
   padding: 6px 8px;
   border-top: 1px solid #eee;
   letter-spacing: 1px;

package/es/PopTable/style/style.css

@@ -520,9 +520,6 @@ html {
   align-items: center;
   justify-content: center;
 }
-.lm_popover_table .lm_operate .ant-btn > .anticon:not(.anticon-down) {
-  font-size: 14px;
-}
 .lm_popover_table .lm_operate .anticon + span,
 .lm_popover_table .lm_operate span + .anticon {
   margin-left: calc(var(--gap) / 2);
@@ -687,7 +684,7 @@ html {
 }
 .lm_popover_table .lm_grid .ant-pagination {
   font-size: 12px;
-  padding-top: 12px;
+  padding-top: 10px;
   margin: 0;
 }
 .lm_popover_table .lm_grid .ant-pagination .ant-select {

package/es/ProTable/Table.js

@@ -33,7 +33,7 @@ var _VList = require("./VList");
 
 var _resetConfig = _interopRequireDefault(require("./resetConfig"));
 
-var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading"];
+var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "customCheck"];
 var Summary = _proTable.default.Summary;
 exports.Summary = Summary;
 var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
@@ -47,6 +47,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       pagination = props.pagination,
       hiddenPage = props.hiddenPage,
       loading = props.loading,
+      customCheck = props.customCheck,
       resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var _resetProps$rowKey = resetProps.rowKey,
       rowKey = _resetProps$rowKey === void 0 ? 'id' : _resetProps$rowKey;
@@ -179,7 +180,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         selectedRowKeys: useSelectedRows.selectedRows.map(function (v) {
           return v[rowKey];
         }),
-        onChange: function onChange(selectedRowKeys, selectedRows) {
+        onChange: function onChange(selectedRowKeys, selectedRows, t, s) {
           setSelectedRows({
             selectedRows: selectedRows
           });
@@ -188,7 +189,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       },
       onRow: function onRow(record) {
         return {
-          onClick: function onClick() {
+          onClick: function onClick(e) {
             onRecord(record);
           },
           onDoubleClick: function onDoubleClick() {
@@ -239,10 +240,10 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }
     });
     setColumnsStateMap(obj);
-  }, []);
-  (0, _react.useEffect)(function () {
-    rowClick === null || rowClick === void 0 ? void 0 : rowClick();
-  }, [useSelectedRows]); // 将节点方法给外部使用
+  }, []); // useEffect(() => {
+  //   rowClick?.()
+  // }, [useSelectedRows])
+  // 将节点方法给外部使用
 
   _react.default.useImperativeHandle(ref, function () {
     return {
@@ -251,9 +252,16 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       },
       // 用于按钮触发事件
       clearSelect: function clearSelect() {
-        return setSelectedRows({
+        setSelectedRows({
           selectedRows: []
         });
+        rowClick === null || rowClick === void 0 ? void 0 : rowClick([]);
+      },
+      customSetCheckboxRecords: function customSetCheckboxRecords(value) {
+        setSelectedRows({
+          selectedRows: value
+        });
+        rowClick === null || rowClick === void 0 ? void 0 : rowClick(value);
       }
     };
   }); // loading触发清空选中状态
@@ -277,7 +285,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     summary: function summary(pageData) {
       return _summary && _summary(pageData, resultColumns);
     }
-  })));
+  })), !!customCheck && /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_customCheck"
+  }, customCheck));
 }); // 监听大小: 这里的高度是整个表格的高度，表体需要减去列头和分页的高度
 
 var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {

package/es/ProTable/style/style.css

@@ -1062,3 +1062,10 @@ html {
 .lm_img_table .lm_card_cell_content:hover .card_cell_body .card_cell_checkbox {
   opacity: 1;
 }
+.lm_customCheck {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  max-width: 50%;
+  font-size: 12px;
+}

package/es/Radio/style/style.css

@@ -34,6 +34,13 @@
   color: var(--font-color);
   vertical-align: middle;
 }
+.lm-radio-group .ant-radio-button-wrapper .anticon {
+  font-size: 16px;
+  vertical-align: middle;
+}
+.lm-radio-group .ant-radio-button-wrapper:hover {
+  color: var(--primary-color);
+}
 .lm-radio-group .ant-radio-button-wrapper > span:last-child {
   display: inline-block;
   font-size: 12px;

package/es/TabBar/style/style.css

@@ -15,7 +15,6 @@
   list-style: none;
 }
 .lm-tabbar-list-item {
-  height: 40px;
   display: flex;
   flex-direction: row;
   align-items: center;

package/lib/Button/index.js

@@ -41,7 +41,9 @@ var LMButton = function LMButton(props) {
       hover = _props$hover === void 0 ? false : _props$hover,
       restProps = __rest(props, ["children", "className", "size", "type", "hover"]);
 
-  var classs = (0, _classnames.default)('lm-button', className, (0, _defineProperty2.default)({}, "lm-button-".concat(size), size), (0, _defineProperty2.default)({}, "lm-button-".concat(type), type), (0, _defineProperty2.default)({}, "lm-button-".concat(type, "-hover"), type && hover));
+  var classs = (0, _classnames.default)('lm-button', className, {
+    'lm-button-icon-only': !children
+  }, (0, _defineProperty2.default)({}, "lm-button-".concat(size), size), (0, _defineProperty2.default)({}, "lm-button-".concat(type), type), (0, _defineProperty2.default)({}, "lm-button-".concat(type, "-hover"), type && hover));
   return /*#__PURE__*/_react.default.createElement(_button.default, Object.assign({}, restProps, {
     className: classs,
     size: size,

package/lib/Button/style/style.css

@@ -7,7 +7,7 @@
   vertical-align: middle;
 }
 .ant-btn.lm-button .anticon {
-  font-size: 16px;
+  font-size: 12px;
   line-height: 0;
 }
 .ant-btn.lm-button .anticon + span {
@@ -96,3 +96,6 @@
   border: 0 !important;
   background: transparent !important;
 }
+.ant-btn.lm-button-icon-only .anticon {
+  font-size: 16px;
+}

package/lib/CkFilter/components/filterTypes.js

@@ -408,6 +408,7 @@ var CheckboxFilter = function CheckboxFilter(_ref8) {
     onClick: handleReset
   }, "\u6E05\u7A7A"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
     type: "primary",
+    disabled: !checkedValues.length,
     size: "small",
     onClick: handleSure
   }, "\u786E\u5B9A")));

package/lib/CkFilter/style/style.css

@@ -704,7 +704,7 @@ html {
   align-items: center;
   justify-content: space-between;
   font-size: 12px;
-  min-height: 32px;
+  min-height: 42px;
   padding: 6px 8px;
   border-top: 1px solid #eee;
   letter-spacing: 1px;

package/lib/PopTable/style/style.css

@@ -520,9 +520,6 @@ html {
   align-items: center;
   justify-content: center;
 }
-.lm_popover_table .lm_operate .ant-btn > .anticon:not(.anticon-down) {
-  font-size: 14px;
-}
 .lm_popover_table .lm_operate .anticon + span,
 .lm_popover_table .lm_operate span + .anticon {
   margin-left: calc(var(--gap) / 2);
@@ -687,7 +684,7 @@ html {
 }
 .lm_popover_table .lm_grid .ant-pagination {
   font-size: 12px;
-  padding-top: 12px;
+  padding-top: 10px;
   margin: 0;
 }
 .lm_popover_table .lm_grid .ant-pagination .ant-select {

package/lib/ProTable/Table.js

@@ -33,7 +33,7 @@ var _VList = require("./VList");
 
 var _resetConfig = _interopRequireDefault(require("./resetConfig"));
 
-var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading"];
+var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "customCheck"];
 var Summary = _proTable.default.Summary;
 exports.Summary = Summary;
 var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
@@ -47,6 +47,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       pagination = props.pagination,
       hiddenPage = props.hiddenPage,
       loading = props.loading,
+      customCheck = props.customCheck,
       resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var _resetProps$rowKey = resetProps.rowKey,
       rowKey = _resetProps$rowKey === void 0 ? 'id' : _resetProps$rowKey;
@@ -179,7 +180,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         selectedRowKeys: useSelectedRows.selectedRows.map(function (v) {
           return v[rowKey];
         }),
-        onChange: function onChange(selectedRowKeys, selectedRows) {
+        onChange: function onChange(selectedRowKeys, selectedRows, t, s) {
           setSelectedRows({
             selectedRows: selectedRows
           });
@@ -188,7 +189,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       },
       onRow: function onRow(record) {
         return {
-          onClick: function onClick() {
+          onClick: function onClick(e) {
             onRecord(record);
           },
           onDoubleClick: function onDoubleClick() {
@@ -239,10 +240,10 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }
     });
     setColumnsStateMap(obj);
-  }, []);
-  (0, _react.useEffect)(function () {
-    rowClick === null || rowClick === void 0 ? void 0 : rowClick();
-  }, [useSelectedRows]); // 将节点方法给外部使用
+  }, []); // useEffect(() => {
+  //   rowClick?.()
+  // }, [useSelectedRows])
+  // 将节点方法给外部使用
 
   _react.default.useImperativeHandle(ref, function () {
     return {
@@ -251,9 +252,16 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       },
       // 用于按钮触发事件
       clearSelect: function clearSelect() {
-        return setSelectedRows({
+        setSelectedRows({
           selectedRows: []
         });
+        rowClick === null || rowClick === void 0 ? void 0 : rowClick([]);
+      },
+      customSetCheckboxRecords: function customSetCheckboxRecords(value) {
+        setSelectedRows({
+          selectedRows: value
+        });
+        rowClick === null || rowClick === void 0 ? void 0 : rowClick(value);
       }
     };
   }); // loading触发清空选中状态
@@ -277,7 +285,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     summary: function summary(pageData) {
       return _summary && _summary(pageData, resultColumns);
     }
-  })));
+  })), !!customCheck && /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_customCheck"
+  }, customCheck));
 }); // 监听大小: 这里的高度是整个表格的高度，表体需要减去列头和分页的高度
 
 var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {

package/lib/ProTable/style/style.css

@@ -1062,3 +1062,10 @@ html {
 .lm_img_table .lm_card_cell_content:hover .card_cell_body .card_cell_checkbox {
   opacity: 1;
 }
+.lm_customCheck {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  max-width: 50%;
+  font-size: 12px;
+}

package/lib/Radio/style/style.css

@@ -34,6 +34,13 @@
   color: var(--font-color);
   vertical-align: middle;
 }
+.lm-radio-group .ant-radio-button-wrapper .anticon {
+  font-size: 16px;
+  vertical-align: middle;
+}
+.lm-radio-group .ant-radio-button-wrapper:hover {
+  color: var(--primary-color);
+}
 .lm-radio-group .ant-radio-button-wrapper > span:last-child {
   display: inline-block;
   font-size: 12px;

package/lib/TabBar/style/style.css

@@ -15,7 +15,6 @@
   list-style: none;
 }
 .lm-tabbar-list-item {
-  height: 40px;
   display: flex;
   flex-direction: row;
   align-items: center;

package/package.json

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