linkmore-design 1.0.43 → 1.0.44

package/es/CardTable/style/style.css

@@ -15,7 +15,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 {
   width: 100%;
+  border: 1px solid transparent;
   overflow: hidden;
+  transition: 0.3s;
+}
+.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);
 }
 .card_PTC {
   height: 100%;
@@ -43,6 +48,7 @@
   font-size: 0;
   border: 8px solid rgba(255, 255, 255, 0.625);
   border-radius: 2px;
+  line-height: 1;
 }
 .card_PTC .card_PTC_container .card_checkbox .ant-checkbox {
   margin: 0;
@@ -158,6 +164,7 @@
   font-size: 0;
   border: 8px solid rgba(255, 255, 255, 0.625);
   border-radius: 2px;
+  line-height: 1;
 }
 .card_PTR .card_PTR_container .card_PTR_body .card_checkbox .ant-checkbox {
   margin: 0;

package/es/CardTable/table/TableRoot.js

@@ -21,7 +21,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _TableWrapper = _interopRequireDefault(require("./TableWrapper"));
 
-var _excluded = ["rowConfig", "cellConfig", "defaultConfig", "checkboxConfig"];
+var _excluded = ["rowConfig", "cellConfig", "defaultConfig", "checkboxConfig", "checkboxClick"];
 
 var reducer = function reducer(state, action) {
   var page = action.page,
@@ -98,12 +98,13 @@ var LmCardTableRoot = function LmCardTableRoot(_ref2) {
       cellConfig = _ref2.cellConfig,
       defaultConfig = _ref2.defaultConfig,
       checkboxConfig = _ref2.checkboxConfig,
+      checkboxClick = _ref2.checkboxClick,
       resetProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   var initialState = (0, _react.useMemo)(function () {
     return getInitialState((0, _objectSpread2.default)({
       checkboxConfig: checkboxConfig
     }, resetProps));
-  }, []);
+  }, [checkboxConfig, resetProps]);
 
   var _useReducer = (0, _react.useReducer)(reducer, initialState),
       _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
@@ -126,6 +127,7 @@ var LmCardTableRoot = function LmCardTableRoot(_ref2) {
     var nValues = checked ? [].concat((0, _toConsumableArray2.default)(checkValues), [cell]) : checkValues.filter(function (v) {
       return v[resetProps.cellKey] !== cell[resetProps.cellKey];
     });
+    checkboxClick(nValues);
     dispatch({
       type: 'changeCheckboxConfig',
       checkboxConfig: {

package/es/CardTable/table/TableWrapper.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _TableContainer = _interopRequireDefault(require("./TableContainer"));
@@ -14,12 +16,13 @@ var _TableContainer = _interopRequireDefault(require("./TableContainer"));
 // 包裹表格外围区域: 工具栏操作区域/主体区域/工具栏底部区域
 var LmCardTableWrapper = /*#__PURE__*/_react.default.memo(function (_ref) {
   var table = _ref.table;
-  var height = table.height;
+  var height = table.height,
+      style = table.style;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "lm_card_table_wrapper",
-    style: {
+    style: (0, _objectSpread2.default)({
       height: height
-    }
+    }, style)
   }, /*#__PURE__*/_react.default.createElement(_TableContainer.default, {
     table: table
   }));

package/es/CkFilter/components/CascaderFilter.js

@@ -75,6 +75,13 @@ var CascaderFilter = function CascaderFilter(_ref) {
       setFilterValue(undefined);
     };
 
+    (0, _react.useEffect)(function () {
+      visible && setTimeout(function () {
+        var _inputRef$current;
+
+        (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+      }, 200);
+    }, [visible]);
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "filter_cascader_container filter_dropdown",
       style: {

package/es/CkFilter/components/filterTypes.js

@@ -686,6 +686,13 @@ var CascaderFilter = function CascaderFilter(props) {
       setCheckedValues(itemProps.multiple ? [] : '');
     };
 
+    (0, _react.useEffect)(function () {
+      visible && setTimeout(function () {
+        var _inputRef$current2;
+
+        (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
+      }, 200);
+    }, [visible]);
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "filter_cascader_container filter_dropdown"
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -696,9 +703,9 @@ var CascaderFilter = function CascaderFilter(props) {
       size: "small",
       placeholder: "\u8BF7\u8F93\u5165",
       onSearch: handleFilter,
-      onChange: (0, _lodash.debounce)(function (e) {
+      onChange: function onChange(e) {
         return handleFilter(e.target.value);
-      }, 500)
+      }
     })), menus, itemProps.multiple && /*#__PURE__*/_react.default.createElement("div", {
       className: "filter_footer"
     }, /*#__PURE__*/_react.default.createElement("div", {

package/es/CustomTableOption/index.js

@@ -50,7 +50,7 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
   var _useState5 = useState({
     filter: [],
     columns: [],
-    size: 'small'
+    size: 'middle'
   }),
       _useState6 = _slicedToArray(_useState5, 2),
       lmOptions = _useState6[0],
@@ -64,7 +64,7 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
     setLmOptions({
       filter: props.filter,
       columns: props.columns,
-      size: props.size || 'small'
+      size: props.size || 'middle'
     });
   }, [props.filter, props.columns, props.size]);
   /** 提交按钮 */

package/es/CustomTableOption/style/index.css

@@ -514,11 +514,11 @@ html {
 }
 .lm_custom_option_columns .global_setting {
   height: 44px;
-  background-color: var(--color-4);
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 0 16px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid var(--border-color);
   font-size: 12px;
   margin-bottom: 8px;
 }

package/es/Tabs/index.js

@@ -20,11 +20,15 @@ var prefixCls = 'lm_tabs';
 
 var LMTabs = function LMTabs(props) {
   var className = props.className,
+      _props$size = props.size,
+      size = _props$size === void 0 ? "middle" : _props$size,
       _props$noBorder = props.noBorder,
       noBorder = _props$noBorder === void 0 ? false : _props$noBorder,
-      others = __rest(props, ["className", "noBorder"]);
+      others = __rest(props, ["className", "size", "noBorder"]);
 
-  return /*#__PURE__*/React.createElement(_Tabs, Object.assign({}, others, {
+  return /*#__PURE__*/React.createElement(_Tabs, Object.assign({
+    size: size
+  }, others, {
     className: classNames(className, prefixCls, noBorder && 'lm_tabs_noborder')
   }));
 };

package/lib/CardTable/style/style.css

@@ -15,7 +15,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 {
   width: 100%;
+  border: 1px solid transparent;
   overflow: hidden;
+  transition: 0.3s;
+}
+.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);
 }
 .card_PTC {
   height: 100%;
@@ -43,6 +48,7 @@
   font-size: 0;
   border: 8px solid rgba(255, 255, 255, 0.625);
   border-radius: 2px;
+  line-height: 1;
 }
 .card_PTC .card_PTC_container .card_checkbox .ant-checkbox {
   margin: 0;
@@ -158,6 +164,7 @@
   font-size: 0;
   border: 8px solid rgba(255, 255, 255, 0.625);
   border-radius: 2px;
+  line-height: 1;
 }
 .card_PTR .card_PTR_container .card_PTR_body .card_checkbox .ant-checkbox {
   margin: 0;

package/lib/CardTable/table/TableRoot.js

@@ -21,7 +21,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _TableWrapper = _interopRequireDefault(require("./TableWrapper"));
 
-var _excluded = ["rowConfig", "cellConfig", "defaultConfig", "checkboxConfig"];
+var _excluded = ["rowConfig", "cellConfig", "defaultConfig", "checkboxConfig", "checkboxClick"];
 
 var reducer = function reducer(state, action) {
   var page = action.page,
@@ -98,12 +98,13 @@ var LmCardTableRoot = function LmCardTableRoot(_ref2) {
       cellConfig = _ref2.cellConfig,
       defaultConfig = _ref2.defaultConfig,
       checkboxConfig = _ref2.checkboxConfig,
+      checkboxClick = _ref2.checkboxClick,
       resetProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   var initialState = (0, _react.useMemo)(function () {
     return getInitialState((0, _objectSpread2.default)({
       checkboxConfig: checkboxConfig
     }, resetProps));
-  }, []);
+  }, [checkboxConfig, resetProps]);
 
   var _useReducer = (0, _react.useReducer)(reducer, initialState),
       _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
@@ -126,6 +127,7 @@ var LmCardTableRoot = function LmCardTableRoot(_ref2) {
     var nValues = checked ? [].concat((0, _toConsumableArray2.default)(checkValues), [cell]) : checkValues.filter(function (v) {
       return v[resetProps.cellKey] !== cell[resetProps.cellKey];
     });
+    checkboxClick(nValues);
     dispatch({
       type: 'changeCheckboxConfig',
       checkboxConfig: {

package/lib/CardTable/table/TableWrapper.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _TableContainer = _interopRequireDefault(require("./TableContainer"));
@@ -14,12 +16,13 @@ var _TableContainer = _interopRequireDefault(require("./TableContainer"));
 // 包裹表格外围区域: 工具栏操作区域/主体区域/工具栏底部区域
 var LmCardTableWrapper = /*#__PURE__*/_react.default.memo(function (_ref) {
   var table = _ref.table;
-  var height = table.height;
+  var height = table.height,
+      style = table.style;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "lm_card_table_wrapper",
-    style: {
+    style: (0, _objectSpread2.default)({
       height: height
-    }
+    }, style)
   }, /*#__PURE__*/_react.default.createElement(_TableContainer.default, {
     table: table
   }));

package/lib/CkFilter/components/CascaderFilter.js

@@ -75,6 +75,13 @@ var CascaderFilter = function CascaderFilter(_ref) {
       setFilterValue(undefined);
     };
 
+    (0, _react.useEffect)(function () {
+      visible && setTimeout(function () {
+        var _inputRef$current;
+
+        (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+      }, 200);
+    }, [visible]);
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "filter_cascader_container filter_dropdown",
       style: {

package/lib/CkFilter/components/filterTypes.js

@@ -686,6 +686,13 @@ var CascaderFilter = function CascaderFilter(props) {
       setCheckedValues(itemProps.multiple ? [] : '');
     };
 
+    (0, _react.useEffect)(function () {
+      visible && setTimeout(function () {
+        var _inputRef$current2;
+
+        (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
+      }, 200);
+    }, [visible]);
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "filter_cascader_container filter_dropdown"
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -696,9 +703,9 @@ var CascaderFilter = function CascaderFilter(props) {
       size: "small",
       placeholder: "\u8BF7\u8F93\u5165",
       onSearch: handleFilter,
-      onChange: (0, _lodash.debounce)(function (e) {
+      onChange: function onChange(e) {
         return handleFilter(e.target.value);
-      }, 500)
+      }
     })), menus, itemProps.multiple && /*#__PURE__*/_react.default.createElement("div", {
       className: "filter_footer"
     }, /*#__PURE__*/_react.default.createElement("div", {

package/lib/CustomTableOption/index.js

@@ -68,7 +68,7 @@ var LMCustomTableOption = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
   var _useState5 = (0, _react.useState)({
     filter: [],
     columns: [],
-    size: 'small'
+    size: 'middle'
   }),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
       lmOptions = _useState6[0],
@@ -82,7 +82,7 @@ var LMCustomTableOption = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
     setLmOptions({
       filter: props.filter,
       columns: props.columns,
-      size: props.size || 'small'
+      size: props.size || 'middle'
     });
   }, [props.filter, props.columns, props.size]);
   /** 提交按钮 */

package/lib/CustomTableOption/style/index.css

@@ -514,11 +514,11 @@ html {
 }
 .lm_custom_option_columns .global_setting {
   height: 44px;
-  background-color: var(--color-4);
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 0 16px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid var(--border-color);
   font-size: 12px;
   margin-bottom: 8px;
 }

package/lib/Tabs/index.js

@@ -32,11 +32,15 @@ var prefixCls = 'lm_tabs';
 
 var LMTabs = function LMTabs(props) {
   var className = props.className,
+      _props$size = props.size,
+      size = _props$size === void 0 ? "middle" : _props$size,
       _props$noBorder = props.noBorder,
       noBorder = _props$noBorder === void 0 ? false : _props$noBorder,
-      others = __rest(props, ["className", "noBorder"]);
+      others = __rest(props, ["className", "size", "noBorder"]);
 
-  return /*#__PURE__*/_react.default.createElement(_tabs.default, Object.assign({}, others, {
+  return /*#__PURE__*/_react.default.createElement(_tabs.default, Object.assign({
+    size: size
+  }, others, {
     className: (0, _classnames.default)(className, prefixCls, noBorder && 'lm_tabs_noborder')
   }));
 };

package/package.json

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