linkmore-design 1.0.43 → 1.0.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/CardTable/table/TableRoot.d.ts +2 -1
  2. package/dist/index.umd.js +5737 -5614
  3. package/dist/index.umd.min.js +6 -6
  4. package/es/CardTable/style/style.css +7 -0
  5. package/es/CardTable/table/TableRoot.js +4 -2
  6. package/es/CardTable/table/TableWrapper.js +6 -3
  7. package/es/CkFilter/components/CascaderFilter.js +7 -0
  8. package/es/CkFilter/components/filterTypes.js +37 -2
  9. package/es/CustomTableOption/index.js +7 -7
  10. package/es/CustomTableOption/style/index.css +2 -2
  11. package/es/IconFont/font/iconfont.css +15 -7
  12. package/es/IconFont/font/iconfont.js +1 -1
  13. package/es/IconFont/font/iconfont.ttf +0 -0
  14. package/es/IconFont/font/iconfont.woff +0 -0
  15. package/es/IconFont/font/iconfont.woff2 +0 -0
  16. package/es/LmTable/Table.js +127 -48
  17. package/es/LmTable/style/style.css +9 -0
  18. package/es/Tabs/index.js +6 -2
  19. package/lib/CardTable/style/style.css +7 -0
  20. package/lib/CardTable/table/TableRoot.js +4 -2
  21. package/lib/CardTable/table/TableWrapper.js +6 -3
  22. package/lib/CkFilter/components/CascaderFilter.js +7 -0
  23. package/lib/CkFilter/components/filterTypes.js +37 -2
  24. package/lib/CustomTableOption/index.js +7 -7
  25. package/lib/CustomTableOption/style/index.css +2 -2
  26. package/lib/IconFont/font/iconfont.css +15 -7
  27. package/lib/IconFont/font/iconfont.js +1 -1
  28. package/lib/IconFont/font/iconfont.ttf +0 -0
  29. package/lib/IconFont/font/iconfont.woff +0 -0
  30. package/lib/IconFont/font/iconfont.woff2 +0 -0
  31. package/lib/LmTable/Table.js +127 -48
  32. package/lib/LmTable/style/style.css +9 -0
  33. package/lib/Tabs/index.js +6 -2
  34. package/package.json +1 -1
@@ -15,7 +15,12 @@
15
15
  }
16
16
  .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 {
17
17
  width: 100%;
18
+ border: 1px solid transparent;
18
19
  overflow: hidden;
20
+ transition: 0.3s;
21
+ }
22
+ .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 {
23
+ border-color: var(--primary-color);
19
24
  }
20
25
  .card_PTC {
21
26
  height: 100%;
@@ -43,6 +48,7 @@
43
48
  font-size: 0;
44
49
  border: 8px solid rgba(255, 255, 255, 0.625);
45
50
  border-radius: 2px;
51
+ line-height: 1;
46
52
  }
47
53
  .card_PTC .card_PTC_container .card_checkbox .ant-checkbox {
48
54
  margin: 0;
@@ -158,6 +164,7 @@
158
164
  font-size: 0;
159
165
  border: 8px solid rgba(255, 255, 255, 0.625);
160
166
  border-radius: 2px;
167
+ line-height: 1;
161
168
  }
162
169
  .card_PTR .card_PTR_container .card_PTR_body .card_checkbox .ant-checkbox {
163
170
  margin: 0;
@@ -21,7 +21,7 @@ var _react = _interopRequireWildcard(require("react"));
21
21
 
22
22
  var _TableWrapper = _interopRequireDefault(require("./TableWrapper"));
23
23
 
24
- var _excluded = ["rowConfig", "cellConfig", "defaultConfig", "checkboxConfig"];
24
+ var _excluded = ["rowConfig", "cellConfig", "defaultConfig", "checkboxConfig", "checkboxClick"];
25
25
 
26
26
  var reducer = function reducer(state, action) {
27
27
  var page = action.page,
@@ -98,12 +98,13 @@ var LmCardTableRoot = function LmCardTableRoot(_ref2) {
98
98
  cellConfig = _ref2.cellConfig,
99
99
  defaultConfig = _ref2.defaultConfig,
100
100
  checkboxConfig = _ref2.checkboxConfig,
101
+ checkboxClick = _ref2.checkboxClick,
101
102
  resetProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
102
103
  var initialState = (0, _react.useMemo)(function () {
103
104
  return getInitialState((0, _objectSpread2.default)({
104
105
  checkboxConfig: checkboxConfig
105
106
  }, resetProps));
106
- }, []);
107
+ }, [checkboxConfig, resetProps]);
107
108
 
108
109
  var _useReducer = (0, _react.useReducer)(reducer, initialState),
109
110
  _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
@@ -126,6 +127,7 @@ var LmCardTableRoot = function LmCardTableRoot(_ref2) {
126
127
  var nValues = checked ? [].concat((0, _toConsumableArray2.default)(checkValues), [cell]) : checkValues.filter(function (v) {
127
128
  return v[resetProps.cellKey] !== cell[resetProps.cellKey];
128
129
  });
130
+ checkboxClick(nValues);
129
131
  dispatch({
130
132
  type: 'changeCheckboxConfig',
131
133
  checkboxConfig: {
@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports.default = void 0;
9
9
 
10
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
+
10
12
  var _react = _interopRequireDefault(require("react"));
11
13
 
12
14
  var _TableContainer = _interopRequireDefault(require("./TableContainer"));
@@ -14,12 +16,13 @@ var _TableContainer = _interopRequireDefault(require("./TableContainer"));
14
16
  // 包裹表格外围区域: 工具栏操作区域/主体区域/工具栏底部区域
15
17
  var LmCardTableWrapper = /*#__PURE__*/_react.default.memo(function (_ref) {
16
18
  var table = _ref.table;
17
- var height = table.height;
19
+ var height = table.height,
20
+ style = table.style;
18
21
  return /*#__PURE__*/_react.default.createElement("div", {
19
22
  className: "lm_card_table_wrapper",
20
- style: {
23
+ style: (0, _objectSpread2.default)({
21
24
  height: height
22
- }
25
+ }, style)
23
26
  }, /*#__PURE__*/_react.default.createElement(_TableContainer.default, {
24
27
  table: table
25
28
  }));
@@ -75,6 +75,13 @@ var CascaderFilter = function CascaderFilter(_ref) {
75
75
  setFilterValue(undefined);
76
76
  };
77
77
 
78
+ (0, _react.useEffect)(function () {
79
+ visible && setTimeout(function () {
80
+ var _inputRef$current;
81
+
82
+ (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
83
+ }, 200);
84
+ }, [visible]);
78
85
  return /*#__PURE__*/_react.default.createElement("div", {
79
86
  className: "filter_cascader_container filter_dropdown",
80
87
  style: {
@@ -124,6 +124,13 @@ var SelectFilter = function SelectFilter(_ref2) {
124
124
  setFilterValue(item.value);
125
125
  };
126
126
 
127
+ (0, _react.useEffect)(function () {
128
+ setTimeout(function () {
129
+ var _inputRef$current2;
130
+
131
+ (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
132
+ }, 200);
133
+ }, []);
127
134
  return /*#__PURE__*/_react.default.createElement("div", {
128
135
  className: "filter_dropdown"
129
136
  }, isSearch && /*#__PURE__*/_react.default.createElement("div", {
@@ -192,6 +199,13 @@ var NestedFilter = function NestedFilter(_ref4) {
192
199
  }
193
200
  };
194
201
 
202
+ (0, _react.useEffect)(function () {
203
+ setTimeout(function () {
204
+ var _inputRef$current3;
205
+
206
+ (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.focus();
207
+ }, 200);
208
+ }, []);
195
209
  return /*#__PURE__*/_react.default.createElement("div", {
196
210
  className: "filter_dropdown"
197
211
  }, isSearch && /*#__PURE__*/_react.default.createElement("div", {
@@ -369,6 +383,13 @@ var CheckboxFilter = function CheckboxFilter(_ref8) {
369
383
  !isSearch && setFilterValue(arr, 'single');
370
384
  };
371
385
 
386
+ (0, _react.useEffect)(function () {
387
+ setTimeout(function () {
388
+ var _inputRef$current4;
389
+
390
+ (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 ? void 0 : _inputRef$current4.focus();
391
+ }, 200);
392
+ }, []);
372
393
  return /*#__PURE__*/_react.default.createElement("div", {
373
394
  className: "filter_dropdown"
374
395
  }, isSearch && /*#__PURE__*/_react.default.createElement("div", {
@@ -489,6 +510,13 @@ var MoreFilter = function MoreFilter(_ref12) {
489
510
  setFilterValue(checkedValues, 'cancel');
490
511
  };
491
512
 
513
+ (0, _react.useEffect)(function () {
514
+ setTimeout(function () {
515
+ var _inputRef$current5;
516
+
517
+ (_inputRef$current5 = inputRef.current) === null || _inputRef$current5 === void 0 ? void 0 : _inputRef$current5.focus();
518
+ }, 200);
519
+ }, []);
492
520
  return /*#__PURE__*/_react.default.createElement("div", {
493
521
  className: "filter_dropdown"
494
522
  }, /*#__PURE__*/_react.default.createElement("div", {
@@ -686,6 +714,13 @@ var CascaderFilter = function CascaderFilter(props) {
686
714
  setCheckedValues(itemProps.multiple ? [] : '');
687
715
  };
688
716
 
717
+ (0, _react.useEffect)(function () {
718
+ visible && setTimeout(function () {
719
+ var _inputRef$current6;
720
+
721
+ (_inputRef$current6 = inputRef.current) === null || _inputRef$current6 === void 0 ? void 0 : _inputRef$current6.focus();
722
+ }, 200);
723
+ }, [visible]);
689
724
  return /*#__PURE__*/_react.default.createElement("div", {
690
725
  className: "filter_cascader_container filter_dropdown"
691
726
  }, /*#__PURE__*/_react.default.createElement("div", {
@@ -696,9 +731,9 @@ var CascaderFilter = function CascaderFilter(props) {
696
731
  size: "small",
697
732
  placeholder: "\u8BF7\u8F93\u5165",
698
733
  onSearch: handleFilter,
699
- onChange: (0, _lodash.debounce)(function (e) {
734
+ onChange: function onChange(e) {
700
735
  return handleFilter(e.target.value);
701
- }, 500)
736
+ }
702
737
  })), menus, itemProps.multiple && /*#__PURE__*/_react.default.createElement("div", {
703
738
  className: "filter_footer"
704
739
  }, /*#__PURE__*/_react.default.createElement("div", {
@@ -15,15 +15,15 @@ var MiddleImg = require('./assets/option3.png');
15
15
 
16
16
  var TabPane = Tabs.TabPane;
17
17
  var optionsWithDisabled = [{
18
- label: '紧凑型',
19
- value: 'small',
20
- imgUrl: SmallImg
21
- }, {
22
18
  label: '默认',
23
19
  value: 'default',
24
20
  imgUrl: DefaultImg
25
21
  }, {
26
- label: '中等',
22
+ label: '紧凑型',
23
+ value: 'small',
24
+ imgUrl: SmallImg
25
+ }, {
26
+ label: '宽松',
27
27
  value: 'middle',
28
28
  imgUrl: MiddleImg
29
29
  }];
@@ -50,7 +50,7 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
50
50
  var _useState5 = useState({
51
51
  filter: [],
52
52
  columns: [],
53
- size: 'small'
53
+ size: 'default'
54
54
  }),
55
55
  _useState6 = _slicedToArray(_useState5, 2),
56
56
  lmOptions = _useState6[0],
@@ -64,7 +64,7 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
64
64
  setLmOptions({
65
65
  filter: props.filter,
66
66
  columns: props.columns,
67
- size: props.size || 'small'
67
+ size: props.size || 'default'
68
68
  });
69
69
  }, [props.filter, props.columns, props.size]);
70
70
  /** 提交按钮 */
@@ -514,11 +514,11 @@ html {
514
514
  }
515
515
  .lm_custom_option_columns .global_setting {
516
516
  height: 44px;
517
- background-color: var(--color-4);
518
517
  display: flex;
519
518
  align-items: center;
520
519
  justify-content: space-between;
521
- padding: 0 16px;
520
+ padding-bottom: 12px;
521
+ border-bottom: 1px solid var(--border-color);
522
522
  font-size: 12px;
523
523
  margin-bottom: 8px;
524
524
  }
@@ -1,8 +1,8 @@
1
1
  @font-face {
2
2
  font-family: "iconfont"; /* Project id 2966019 */
3
- src: url('iconfont.woff2?t=1659434868739') format('woff2'),
4
- url('iconfont.woff?t=1659434868739') format('woff'),
5
- url('iconfont.ttf?t=1659434868739') format('truetype');
3
+ src: url('iconfont.woff2?t=1659492914541') format('woff2'),
4
+ url('iconfont.woff?t=1659492914541') format('woff'),
5
+ url('iconfont.ttf?t=1659492914541') format('truetype');
6
6
  }
7
7
 
8
8
  .iconfont {
@@ -13,6 +13,18 @@
13
13
  -moz-osx-font-smoothing: grayscale;
14
14
  }
15
15
 
16
+ .lmweb-icon_application_light:before {
17
+ content: "\e6c7";
18
+ }
19
+
20
+ .lmweb-icon_m_nullify:before {
21
+ content: "\e657";
22
+ }
23
+
24
+ .lmweb-icon_m_data:before {
25
+ content: "\e658";
26
+ }
27
+
16
28
  .lmweb-icon_china1:before {
17
29
  content: "\e6c9";
18
30
  }
@@ -25,10 +37,6 @@
25
37
  content: "\e6cb";
26
38
  }
27
39
 
28
- .lmweb-icon_application_light:before {
29
- content: "\e6c7";
30
- }
31
-
32
40
  .lmweb-icon_application:before {
33
41
  content: "\e6c8";
34
42
  }