linkmore-design 1.1.6 → 1.1.8

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 (51) hide show
  1. package/dist/LmFilter/utils.d.ts +1 -0
  2. package/dist/LmTable/hooks/useRowSelectControllableValue.d.ts +2 -0
  3. package/dist/LmUpload/fns/index.d.ts +1 -0
  4. package/dist/index.umd.js +337 -222
  5. package/dist/index.umd.min.js +15 -15
  6. package/dist/variables.css +10 -3
  7. package/es/CustomTableOption/index.js +0 -10
  8. package/es/LmEditTable/style/index.css +3 -0
  9. package/es/LmEditTable/style/variables.css +3 -0
  10. package/es/LmFilter/clearFilter/index.js +3 -1
  11. package/es/LmFilter/complexFilter/index.js +3 -2
  12. package/es/LmFilter/components/DropdownFIlter.js +8 -6
  13. package/es/LmFilter/style/index.css +4 -0
  14. package/es/LmFilter/style/variables.css +4 -0
  15. package/es/LmFilter/utils.js +18 -0
  16. package/es/LmFilter/wrapper/Filter.js +6 -2
  17. package/es/LmTable/Table.js +82 -78
  18. package/es/LmTable/hooks/useRowSelectControllableValue.js +67 -0
  19. package/es/LmTable/style/index.css +3 -3
  20. package/es/LmTable/style/variables.css +3 -3
  21. package/es/LmUpload/UploadList/ItemPictureCard.js +3 -1
  22. package/es/LmUpload/UploadList/index.js +2 -2
  23. package/es/LmUpload/fns/index.d.ts +1 -0
  24. package/es/LmUpload/fns/index.js +22 -3
  25. package/es/styles/variables.css +10 -3
  26. package/lib/CustomTableOption/index.js +0 -9
  27. package/lib/LmEditTable/style/index.css +3 -0
  28. package/lib/LmEditTable/style/variables.css +3 -0
  29. package/lib/LmFilter/clearFilter/index.js +3 -1
  30. package/lib/LmFilter/complexFilter/index.js +3 -2
  31. package/lib/LmFilter/components/DropdownFIlter.js +8 -6
  32. package/lib/LmFilter/style/index.css +4 -0
  33. package/lib/LmFilter/style/variables.css +4 -0
  34. package/lib/LmFilter/utils.js +18 -0
  35. package/lib/LmFilter/wrapper/Filter.js +6 -2
  36. package/lib/LmTable/Table.js +82 -78
  37. package/lib/LmTable/hooks/useRowSelectControllableValue.js +67 -0
  38. package/lib/LmTable/style/index.css +3 -3
  39. package/lib/LmTable/style/variables.css +3 -3
  40. package/lib/LmUpload/UploadList/ItemPictureCard.js +3 -1
  41. package/lib/LmUpload/UploadList/index.js +2 -2
  42. package/lib/LmUpload/fns/index.d.ts +1 -0
  43. package/lib/LmUpload/fns/index.js +22 -3
  44. package/lib/styles/variables.css +10 -3
  45. package/package.json +1 -1
  46. package/es/CustomTableOption/assets/option1.png +0 -0
  47. package/es/CustomTableOption/assets/option2.png +0 -0
  48. package/es/CustomTableOption/assets/option3.png +0 -0
  49. package/lib/CustomTableOption/assets/option1.png +0 -0
  50. package/lib/CustomTableOption/assets/option2.png +0 -0
  51. package/lib/CustomTableOption/assets/option3.png +0 -0
@@ -1237,6 +1237,9 @@ p {
1237
1237
  height: 48px;
1238
1238
  font-size: 12px;
1239
1239
  }
1240
+ #lm_protable_warp .ant-table-tbody > tr.ant-table-measure-row > td {
1241
+ padding: 0 !important;
1242
+ }
1240
1243
  .row-dragging {
1241
1244
  display: flex;
1242
1245
  align-items: center;
@@ -1589,9 +1592,6 @@ button.ant-table-row-expand-icon::before,
1589
1592
  button.ant-table-row-expand-icon::after {
1590
1593
  color: #bfbfbf;
1591
1594
  }
1592
- .ant-table-tbody > tr.ant-table-measure-row > td {
1593
- padding: 0 !important;
1594
- }
1595
1595
  .react-resizable-handle {
1596
1596
  position: absolute;
1597
1597
  right: -5px;
@@ -726,6 +726,9 @@
726
726
  height: 48px;
727
727
  font-size: 12px;
728
728
  }
729
+ #lm_protable_warp .ant-table-tbody > tr.ant-table-measure-row > td {
730
+ padding: 0 !important;
731
+ }
729
732
  .row-dragging {
730
733
  display: flex;
731
734
  align-items: center;
@@ -1078,9 +1081,6 @@ button.ant-table-row-expand-icon::before,
1078
1081
  button.ant-table-row-expand-icon::after {
1079
1082
  color: #bfbfbf;
1080
1083
  }
1081
- .ant-table-tbody > tr.ant-table-measure-row > td {
1082
- padding: 0 !important;
1083
- }
1084
1084
  .react-resizable-handle {
1085
1085
  position: absolute;
1086
1086
  right: -5px;
@@ -77,11 +77,13 @@ var PictureItem = function PictureItem(_ref) {
77
77
 
78
78
 
79
79
  var resetFile = useMemo(function () {
80
+ var _a;
81
+
80
82
  var fileParams = getFileFields(file);
81
83
  var realFileName = fileParams.realFileName,
82
84
  fileName = fileParams.fileName,
83
85
  filename = fileParams.filename;
84
- var fileExtension = (realFileName || fileName || filename).replace(/.*\./, '').toLowerCase();
86
+ var fileExtension = (_a = (realFileName || fileName || filename).replace(/.*\./, '')) === null || _a === void 0 ? void 0 : _a.toLowerCase();
85
87
  return Object.assign(Object.assign({}, fileParams), {
86
88
  fileExtension: fileExtension
87
89
  });
@@ -7,7 +7,7 @@ var LmUploadList = function LmUploadList(_ref) {
7
7
 
8
8
  var _a, _b;
9
9
 
10
- var uid = instance.uid,
10
+ var getFileHasValue = instance.getFileHasValue,
11
11
  getFileList = instance.getFileList,
12
12
  itemRender = instance.itemRender,
13
13
  listType = instance.listType,
@@ -18,7 +18,7 @@ var LmUploadList = function LmUploadList(_ref) {
18
18
  })) === null || _b === void 0 ? void 0 : _b.map(function (file, idx) {
19
19
  return render(itemRender || RenderItem, {
20
20
  type: listType,
21
- key: file[uid] || idx,
21
+ key: getFileHasValue(file) || idx,
22
22
  file: file,
23
23
  instance: instance
24
24
  });
@@ -5,6 +5,7 @@ declare const useCoreOptions: ({ state, dispatch, props }: {
5
5
  }) => {
6
6
  CoreMethods: {
7
7
  getIsMaxCount: () => boolean;
8
+ getFileHasValue: (obj: any) => string;
8
9
  getFileFields: (fileParams: any) => {};
9
10
  beforeUpload: (e: any) => Promise<void>;
10
11
  checkOver: (file: any) => Promise<void>;
@@ -49,7 +49,25 @@ var useCoreOptions = function useCoreOptions(_ref) {
49
49
  fileAreaSize = props.fileAreaSize,
50
50
  enabledOss = props.enabledOss,
51
51
  enableCrop = props.enableCrop,
52
- ossConfig = props.ossConfig; // 获取当前的文件列表
52
+ ossConfig = props.ossConfig; // 获取两个对象是否存在指定值相等
53
+
54
+ var getHasEqual = useCallback(function (obj1, obj2) {
55
+ var extend = [uid, 'fileName'];
56
+ var flag = false;
57
+ extend.forEach(function (v) {
58
+ if (!flag) flag = obj1[v] === obj2[v];
59
+ });
60
+ return flag;
61
+ }, []); // 从对象中读取存在的指定属性
62
+
63
+ var getFileHasValue = useCallback(function (obj) {
64
+ var extend = [uid, 'fileName'];
65
+ var val = '';
66
+ extend.forEach(function (v) {
67
+ if (!val) val = obj[v];
68
+ });
69
+ return val;
70
+ }, [uid]); // 获取当前的文件列表
53
71
 
54
72
  var getFileList = useCallback(function () {
55
73
  return props.fileList || state.fileList;
@@ -416,7 +434,7 @@ var useCoreOptions = function useCoreOptions(_ref) {
416
434
 
417
435
  if (res) {
418
436
  fileList = (_b = getFileList()) === null || _b === void 0 ? void 0 : _b.filter(function (v) {
419
- return v[uid] !== file[uid];
437
+ return !getHasEqual(v, file);
420
438
  });
421
439
  dispatch({
422
440
  type: 'changeFileList',
@@ -435,7 +453,7 @@ var useCoreOptions = function useCoreOptions(_ref) {
435
453
  }
436
454
  }, _callee4);
437
455
  }));
438
- }, [props.onRemove, getFileList, onChange, dispatch, uid]); // 点击文件链接或预览图标时的回调
456
+ }, [props.onRemove, getFileList, onChange, dispatch, getHasEqual]); // 点击文件链接或预览图标时的回调
439
457
 
440
458
  var preview = useCallback(function (file) {
441
459
  var _a;
@@ -450,6 +468,7 @@ var useCoreOptions = function useCoreOptions(_ref) {
450
468
  }, [props.onDownload]);
451
469
  var CoreMethods = {
452
470
  getIsMaxCount: getIsMaxCount,
471
+ getFileHasValue: getFileHasValue,
453
472
  getFileFields: getFileFields,
454
473
  beforeUpload: beforeUpload,
455
474
  checkOver: checkOver,
@@ -9764,6 +9764,9 @@ p {
9764
9764
  .lm_editTable_warpper .icon_drag:hover {
9765
9765
  color: var(--text-color);
9766
9766
  }
9767
+ .lm_editTable_warpper .ant-table .ant-table-tbody > .ant-table-measure-row > td {
9768
+ padding: 0 !important;
9769
+ }
9767
9770
  .lm_editTable_warpper .ant-picker {
9768
9771
  height: 24px !important;
9769
9772
  padding: 2px 8px;
@@ -9844,11 +9847,15 @@ p {
9844
9847
  background-color: var(--background-color-hover);
9845
9848
  }
9846
9849
  .lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_search {
9850
+ width: 140px;
9847
9851
  max-width: 140px;
9848
9852
  }
9849
9853
  .lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_complex {
9850
9854
  display: inline-flex;
9851
9855
  }
9856
+ .lm_filter_wrapper .lm_filter_container .lm_filter.lm_filter_small .lm_filter_custom_line {
9857
+ height: 24px;
9858
+ }
9852
9859
  .lm_filter_basic_item {
9853
9860
  font-size: 12px;
9854
9861
  display: inline-flex;
@@ -11259,6 +11266,9 @@ p {
11259
11266
  height: 48px;
11260
11267
  font-size: 12px;
11261
11268
  }
11269
+ #lm_protable_warp .ant-table-tbody > tr.ant-table-measure-row > td {
11270
+ padding: 0 !important;
11271
+ }
11262
11272
  .row-dragging {
11263
11273
  display: flex;
11264
11274
  align-items: center;
@@ -11611,9 +11621,6 @@ button.ant-table-row-expand-icon::before,
11611
11621
  button.ant-table-row-expand-icon::after {
11612
11622
  color: #bfbfbf;
11613
11623
  }
11614
- .ant-table-tbody > tr.ant-table-measure-row > td {
11615
- padding: 0 !important;
11616
- }
11617
11624
  .react-resizable-handle {
11618
11625
  position: absolute;
11619
11626
  right: -5px;
@@ -27,27 +27,18 @@ var _filterSort = _interopRequireDefault(require("./filterSort"));
27
27
 
28
28
  var _classnames = _interopRequireDefault(require("classnames"));
29
29
 
30
- var SmallImg = require('./assets/option1.png');
31
-
32
- var DefaultImg = require('./assets/option2.png');
33
-
34
- var MiddleImg = require('./assets/option3.png');
35
-
36
30
  var TabPane = _linkmoreDesign.Tabs.TabPane;
37
31
  var optionsWithDisabled = [{
38
32
  label: '默认',
39
33
  value: 'default',
40
- imgUrl: DefaultImg,
41
34
  icon: 'lmweb-icon_default'
42
35
  }, {
43
36
  label: '紧凑',
44
37
  value: 'small',
45
- imgUrl: SmallImg,
46
38
  icon: 'lmweb-icon_compact'
47
39
  }, {
48
40
  label: '宽松',
49
41
  value: 'middle',
50
- imgUrl: MiddleImg,
51
42
  icon: 'lmweb-icon_large'
52
43
  }];
53
44
  var prefixCls = 'lm_custom-table-option';
@@ -576,6 +576,9 @@ p {
576
576
  .lm_editTable_warpper .icon_drag:hover {
577
577
  color: var(--text-color);
578
578
  }
579
+ .lm_editTable_warpper .ant-table .ant-table-tbody > .ant-table-measure-row > td {
580
+ padding: 0 !important;
581
+ }
579
582
  .lm_editTable_warpper .ant-picker {
580
583
  height: 24px !important;
581
584
  padding: 2px 8px;
@@ -65,6 +65,9 @@
65
65
  .lm_editTable_warpper .icon_drag:hover {
66
66
  color: var(--text-color);
67
67
  }
68
+ .lm_editTable_warpper .ant-table .ant-table-tbody > .ant-table-measure-row > td {
69
+ padding: 0 !important;
70
+ }
68
71
  .lm_editTable_warpper .ant-picker {
69
72
  height: 24px !important;
70
73
  padding: 2px 8px;
@@ -14,7 +14,8 @@ var _linkmoreDesign = require("linkmore-design");
14
14
  var LmFilterClear = /*#__PURE__*/_react.default.memo(function (_ref) {
15
15
  var instance = _ref.instance;
16
16
  var onClearChange = instance.onClearChange,
17
- getHasFilter = instance.getHasFilter;
17
+ getHasFilter = instance.getHasFilter,
18
+ size = instance.size;
18
19
  if (!getHasFilter()) return null;
19
20
 
20
21
  var handleClear = function handleClear() {
@@ -25,6 +26,7 @@ var LmFilterClear = /*#__PURE__*/_react.default.memo(function (_ref) {
25
26
  className: "lm_filter_clear"
26
27
  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
27
28
  type: "link",
29
+ size: size,
28
30
  onClick: handleClear
29
31
  }, "\u4E00\u952E\u6E05\u7A7A"));
30
32
  });
@@ -24,7 +24,8 @@ var _utils = require("../utils");
24
24
  var LmFilterComplex = function LmFilterComplex(_ref) {
25
25
  var instance = _ref.instance;
26
26
  var state = instance.state,
27
- dispatch = instance.dispatch;
27
+ dispatch = instance.dispatch,
28
+ size = instance.size;
28
29
  var expand = (0, _react.useMemo)(function () {
29
30
  return state.complexDrawer.visible;
30
31
  }, [state.complexDrawer.visible]);
@@ -44,7 +45,7 @@ var LmFilterComplex = function LmFilterComplex(_ref) {
44
45
  return /*#__PURE__*/_react.default.createElement("div", {
45
46
  className: "lm_filter_complex"
46
47
  }, /*#__PURE__*/_react.default.createElement("div", {
47
- className: (0, _classnames.default)('lm_filter_basic_item lm_filter_complex_item', {
48
+ className: (0, _classnames.default)('lm_filter_basic_item lm_filter_complex_item', size, {
48
49
  expand: expand,
49
50
  active: active
50
51
  }),
@@ -98,7 +98,8 @@ var getPlacehodler = function getPlacehodler(props) {
98
98
  }; // 根据不同的类型展示文本内容
99
99
 
100
100
 
101
- var getLabel = function getLabel(filterValue, item) {
101
+ var getLabel = function getLabel(resetInstance, item) {
102
+ var filterValue = resetInstance.filterValue;
102
103
  var type = item.type,
103
104
  data = item.data; // 不存在筛选时
104
105
 
@@ -151,7 +152,7 @@ var getLabel = function getLabel(filterValue, item) {
151
152
 
152
153
 
153
154
  var _labels = data === null || data === void 0 ? void 0 : (_data$filter = data.filter(function (v) {
154
- return filterValue.includes(v.value);
155
+ return (0, _utils.toStringIsEqual)(v.value, filterValue, 'includes');
155
156
  })) === null || _data$filter === void 0 ? void 0 : _data$filter.map(function (v) {
156
157
  return v.label;
157
158
  });
@@ -180,7 +181,7 @@ var getLabel = function getLabel(filterValue, item) {
180
181
 
181
182
 
182
183
  var label = (data === null || data === void 0 ? void 0 : (_data$find = data.find(function (v) {
183
- return (v === null || v === void 0 ? void 0 : v.value) === filterValue;
184
+ return (0, _utils.toStringIsEqual)(v === null || v === void 0 ? void 0 : v.value, filterValue);
184
185
  })) === null || _data$find === void 0 ? void 0 : _data$find.label) || filterValue;
185
186
  return label;
186
187
  } catch (error) {
@@ -203,7 +204,8 @@ var DropdownFilter = /*#__PURE__*/_react.default.memo(function (_ref2) {
203
204
  visible = _useState2[0],
204
205
  setVisible = _useState2[1];
205
206
 
206
- var filterValue = instance.filterValue; // 触发查询时关闭下拉框
207
+ var filterValue = instance.filterValue,
208
+ size = instance.size; // 触发查询时关闭下拉框
207
209
 
208
210
  var setFilterValue = function setFilterValue(obj) {
209
211
  instance.setFilterValue(obj);
@@ -244,7 +246,7 @@ var DropdownFilter = /*#__PURE__*/_react.default.memo(function (_ref2) {
244
246
  ,
245
247
  destroyPopupOnHide: true
246
248
  }, /*#__PURE__*/_react.default.createElement("div", {
247
- className: (0, _classnames.default)('lm_filter_basic_item', {
249
+ className: (0, _classnames.default)('lm_filter_basic_item', size, {
248
250
  expand: visible,
249
251
  active: active
250
252
  })
@@ -252,7 +254,7 @@ var DropdownFilter = /*#__PURE__*/_react.default.memo(function (_ref2) {
252
254
  className: "filter_item_label"
253
255
  }, item === null || item === void 0 ? void 0 : item.title, ":"), /*#__PURE__*/_react.default.createElement("div", {
254
256
  className: "filter_item_value"
255
- }, getLabel(filterValue, item)), /*#__PURE__*/_react.default.createElement("div", {
257
+ }, getLabel(resetInstance, item)), /*#__PURE__*/_react.default.createElement("div", {
256
258
  className: "filter_item_icon addon_after"
257
259
  }, item.type !== 'date' || active ? /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
258
260
  type: active ? 'lmweb-close-circle-fill' : 'lmweb-down',
@@ -53,11 +53,15 @@
53
53
  background-color: var(--background-color-hover);
54
54
  }
55
55
  .lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_search {
56
+ width: 140px;
56
57
  max-width: 140px;
57
58
  }
58
59
  .lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_complex {
59
60
  display: inline-flex;
60
61
  }
62
+ .lm_filter_wrapper .lm_filter_container .lm_filter.lm_filter_small .lm_filter_custom_line {
63
+ height: 24px;
64
+ }
61
65
  .lm_filter_basic_item {
62
66
  font-size: 12px;
63
67
  display: inline-flex;
@@ -53,11 +53,15 @@
53
53
  background-color: var(--background-color-hover);
54
54
  }
55
55
  .lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_search {
56
+ width: 140px;
56
57
  max-width: 140px;
57
58
  }
58
59
  .lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_complex {
59
60
  display: inline-flex;
60
61
  }
62
+ .lm_filter_wrapper .lm_filter_container .lm_filter.lm_filter_small .lm_filter_custom_line {
63
+ height: 24px;
64
+ }
61
65
  .lm_filter_basic_item {
62
66
  font-size: 12px;
63
67
  display: inline-flex;
@@ -11,6 +11,7 @@ exports.getFlatItem = getFlatItem;
11
11
  exports.getIsHas = getIsHas;
12
12
  exports.getRanges = getRanges;
13
13
  exports.getValueForType = getValueForType;
14
+ exports.toStringIsEqual = toStringIsEqual;
14
15
  exports.uniqueFunc = uniqueFunc;
15
16
 
16
17
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
@@ -33,6 +34,23 @@ function getIsHas(val) {
33
34
  }
34
35
 
35
36
  return flag;
37
+ }
38
+ /*
39
+ * 数据(布尔值、数值)转字符串后对比是否相等 str, strs, type
40
+ * @params {Array | String} strs
41
+ * @params {String} type 比对类型
42
+ * @type includes 是否包含在数组内
43
+ */
44
+
45
+
46
+ function toStringIsEqual(str, strs, type) {
47
+ if (type === 'includes') {
48
+ return strs === null || strs === void 0 ? void 0 : strs.some(function (v) {
49
+ return toStringIsEqual(str, v);
50
+ });
51
+ }
52
+
53
+ return String(str) === String(strs);
36
54
  } // 根据类型返回对应的值
37
55
 
38
56
 
@@ -7,8 +7,12 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports.default = void 0;
9
9
 
10
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
+
10
12
  var _react = _interopRequireDefault(require("react"));
11
13
 
14
+ var _classnames = _interopRequireDefault(require("classnames"));
15
+
12
16
  var _baseFilter = _interopRequireDefault(require("../baseFilter"));
13
17
 
14
18
  var _customFilter = _interopRequireDefault(require("../customFilter"));
@@ -22,10 +26,10 @@ var LmFilter = /*#__PURE__*/_react.default.memo(function (_ref) {
22
26
  var instance = _ref.instance;
23
27
  var enableBaisc = instance.enableBaisc,
24
28
  enableComplex = instance.enableComplex,
25
- enableCustom = instance.enableCustom,
29
+ size = instance.size,
26
30
  enableClear = instance.enableClear;
27
31
  return /*#__PURE__*/_react.default.createElement("div", {
28
- className: "lm_filter"
32
+ className: (0, _classnames.default)('lm_filter', (0, _defineProperty2.default)({}, "lm_filter_".concat(size), size))
29
33
  }, /*#__PURE__*/_react.default.createElement(_customFilter.default, {
30
34
  instance: instance
31
35
  }), enableBaisc && /*#__PURE__*/_react.default.createElement(_baseFilter.default, {