linkmore-design 1.0.22 → 1.0.25

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 (93) hide show
  1. package/dist/index.umd.js +41381 -41314
  2. package/dist/index.umd.min.js +7 -7
  3. package/es/ButtonTags/style/style.css +7 -0
  4. package/es/Card/style/index.css +7 -0
  5. package/es/CkFilter/baseFilter/moreFilters.js +1 -4
  6. package/es/CkFilter/components/filterTypes.js +45 -24
  7. package/es/CkFilter/style/style.css +9 -4
  8. package/es/CustomerService/style/style.css +7 -0
  9. package/es/Drawer/style/index.css +7 -0
  10. package/es/Dropdown/index.js +2 -2
  11. package/es/Dropdown/style/index.css +14 -0
  12. package/es/EditTable/style/style.css +7 -0
  13. package/es/Empty/index.d.ts +7 -0
  14. package/es/Empty/index.js +3 -0
  15. package/es/Empty/style/index.css +502 -0
  16. package/es/Empty/style/index.d.ts +1 -0
  17. package/es/Empty/style/index.js +1 -0
  18. package/es/Filter/style/style.css +7 -0
  19. package/es/Input/index.js +23 -3
  20. package/es/Input/style/style.css +30 -0
  21. package/es/InputNumber/style/index.css +7 -0
  22. package/es/LeftTable/style/style.css +7 -0
  23. package/es/LmTable/ImgList/imgCell.js +9 -17
  24. package/es/LmTable/style/style.css +8 -1
  25. package/es/Menu/index.d.ts +7 -0
  26. package/es/Menu/index.js +3 -0
  27. package/es/Menu/style/index.css +502 -0
  28. package/es/Menu/style/index.d.ts +1 -0
  29. package/es/Menu/style/index.js +1 -0
  30. package/es/Modal/style/index.css +13 -0
  31. package/es/Notification/index.js +6 -8
  32. package/es/Notification/style/index.css +10 -0
  33. package/es/Pagination/index.js +6 -1
  34. package/es/Pagination/style/index.css +32 -0
  35. package/es/PopTable/style/style.css +7 -0
  36. package/es/ProTable/style/style.css +8 -0
  37. package/es/Radio/index.js +1 -0
  38. package/es/Select/style/index.css +7 -0
  39. package/es/Space/style/index.css +7 -0
  40. package/es/Tree/index.d.ts +7 -0
  41. package/es/Tree/index.js +3 -0
  42. package/es/Tree/style/index.css +502 -0
  43. package/es/Tree/style/index.d.ts +1 -0
  44. package/es/Tree/style/index.js +1 -0
  45. package/es/index.js +37 -5
  46. package/es/styles/main.css +7 -0
  47. package/es/styles/resetAntd.css +7 -0
  48. package/lib/ButtonTags/style/style.css +7 -0
  49. package/lib/Card/style/index.css +7 -0
  50. package/lib/CkFilter/baseFilter/moreFilters.js +1 -4
  51. package/lib/CkFilter/components/filterTypes.js +45 -24
  52. package/lib/CkFilter/style/style.css +9 -4
  53. package/lib/CustomerService/style/style.css +7 -0
  54. package/lib/Drawer/style/index.css +7 -0
  55. package/lib/Dropdown/index.js +2 -2
  56. package/lib/Dropdown/style/index.css +14 -0
  57. package/lib/EditTable/style/style.css +7 -0
  58. package/lib/Empty/index.d.ts +7 -0
  59. package/lib/Empty/index.js +15 -0
  60. package/lib/Empty/style/index.css +502 -0
  61. package/lib/Empty/style/index.d.ts +1 -0
  62. package/lib/Empty/style/index.js +3 -0
  63. package/lib/Filter/style/style.css +7 -0
  64. package/lib/Input/index.js +23 -3
  65. package/lib/Input/style/style.css +30 -0
  66. package/lib/InputNumber/style/index.css +7 -0
  67. package/lib/LeftTable/style/style.css +7 -0
  68. package/lib/LmTable/ImgList/imgCell.js +9 -17
  69. package/lib/LmTable/style/style.css +8 -1
  70. package/lib/Menu/index.d.ts +7 -0
  71. package/lib/Menu/index.js +15 -0
  72. package/lib/Menu/style/index.css +502 -0
  73. package/lib/Menu/style/index.d.ts +1 -0
  74. package/lib/Menu/style/index.js +3 -0
  75. package/lib/Modal/style/index.css +13 -0
  76. package/lib/Notification/index.js +6 -8
  77. package/lib/Notification/style/index.css +10 -0
  78. package/lib/Pagination/index.js +6 -1
  79. package/lib/Pagination/style/index.css +32 -0
  80. package/lib/PopTable/style/style.css +7 -0
  81. package/lib/ProTable/style/style.css +8 -0
  82. package/lib/Radio/index.js +1 -0
  83. package/lib/Select/style/index.css +7 -0
  84. package/lib/Space/style/index.css +7 -0
  85. package/lib/Tree/index.d.ts +7 -0
  86. package/lib/Tree/index.js +15 -0
  87. package/lib/Tree/style/index.css +502 -0
  88. package/lib/Tree/style/index.d.ts +1 -0
  89. package/lib/Tree/style/index.js +3 -0
  90. package/lib/index.js +37 -5
  91. package/lib/styles/main.css +7 -0
  92. package/lib/styles/resetAntd.css +7 -0
  93. package/package.json +1 -1
@@ -72,8 +72,15 @@
72
72
  line-height: 1;
73
73
  }
74
74
  .ant-notification-notice .ant-notification-notice-content .ant-notification-notice-message {
75
+ font-size: 14px;
75
76
  font-weight: 500;
76
77
  }
78
+ .ant-notification-notice .ant-notification-notice-content > div > div:last-child {
79
+ margin-bottom: 8px;
80
+ }
81
+ .ant-notification-notice .ant-notification-notice-description {
82
+ font-size: 12px;
83
+ }
77
84
  @font-face {
78
85
  font-family: 'iconfont';
79
86
  /* Project id 2966019 */
@@ -72,8 +72,15 @@
72
72
  line-height: 1;
73
73
  }
74
74
  .ant-notification-notice .ant-notification-notice-content .ant-notification-notice-message {
75
+ font-size: 14px;
75
76
  font-weight: 500;
76
77
  }
78
+ .ant-notification-notice .ant-notification-notice-content > div > div:last-child {
79
+ margin-bottom: 8px;
80
+ }
81
+ .ant-notification-notice .ant-notification-notice-description {
82
+ font-size: 12px;
83
+ }
77
84
  @font-face {
78
85
  font-family: 'iconfont';
79
86
  /* Project id 2966019 */
@@ -200,10 +200,7 @@ var MoreFilters = function MoreFilters() {
200
200
  }, /*#__PURE__*/_react.default.createElement("div", {
201
201
  className: (0, _classnames.default)('filter_item filter_item_more', {
202
202
  active: visible
203
- }),
204
- onClick: function onClick() {
205
- return setVisible(!visible);
206
- }
203
+ })
207
204
  }, /*#__PURE__*/_react.default.createElement("div", {
208
205
  className: "filter_item_value"
209
206
  }, /*#__PURE__*/_react.default.createElement(_IconFont.default, {
@@ -25,6 +25,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
25
25
 
26
26
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
27
27
 
28
+ var _react = _interopRequireWildcard(require("react"));
29
+
28
30
  var _classnames = _interopRequireDefault(require("classnames"));
29
31
 
30
32
  var _linkmoreDesign = require("linkmore-design");
@@ -33,8 +35,6 @@ var _lodash = require("lodash");
33
35
 
34
36
  var _moment = _interopRequireDefault(require("moment"));
35
37
 
36
- var _react = _interopRequireWildcard(require("react"));
37
-
38
38
  var _IconFont = _interopRequireDefault(require("../../IconFont"));
39
39
 
40
40
  var _VirtualList = _interopRequireDefault(require("../../VirtualList"));
@@ -419,7 +419,8 @@ var CheckboxFilter = function CheckboxFilter(_ref8) {
419
419
 
420
420
 
421
421
  var MoreFilter = function MoreFilter(_ref12) {
422
- var filters = _ref12.filters,
422
+ var _ref12$filters = _ref12.filters,
423
+ filters = _ref12$filters === void 0 ? [] : _ref12$filters,
423
424
  getFilterValue = _ref12.getFilterValue,
424
425
  setFilterValue = _ref12.setFilterValue;
425
426
 
@@ -430,9 +431,16 @@ var MoreFilter = function MoreFilter(_ref12) {
430
431
  setCheckedValues = _useState10[1]; // 排序后的数组
431
432
 
432
433
 
433
- var options = (0, _react.useMemo)(function () {
434
- return filters;
435
- }, [filters]); // 是否可置顶, 第一项无置顶操作, 所以这里的index > 0
434
+ var _useState11 = (0, _react.useState)(filters || []),
435
+ _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
436
+ options = _useState12[0],
437
+ setOptions = _useState12[1];
438
+
439
+ console.log('more'); // 是否存在搜索, 当数据大于8时存在搜索
440
+
441
+ var isSearch = (0, _react.useMemo)(function () {
442
+ return filters.length > 8;
443
+ }, [filters.length]); // 是否可置顶, 第一项无置顶操作, 所以这里的index > 0
436
444
 
437
445
  var isTop = (0, _react.useCallback)(function (item) {
438
446
  return checkedValues.includes(item.field) && filters.findIndex(function (v) {
@@ -456,6 +464,13 @@ var MoreFilter = function MoreFilter(_ref12) {
456
464
  });
457
465
  console.log('nValue', checkAll, nValue, nValue.length);
458
466
  setCheckedValues(nValue); // setFilterValue(options, checkAll ? 'hidden' : 'show')
467
+ }; // 搜索
468
+
469
+
470
+ var handleFilter = function handleFilter(val) {
471
+ setOptions(filters.filter(function (v) {
472
+ return v.title.indexOf(val) > -1;
473
+ }));
459
474
  }; // 重置
460
475
 
461
476
 
@@ -487,7 +502,6 @@ var MoreFilter = function MoreFilter(_ref12) {
487
502
  var nValue = checkedValues.includes(item.field) ? checkedValues.filter(function (v) {
488
503
  return v !== item.field;
489
504
  }) : [].concat((0, _toConsumableArray2.default)(checkedValues), [item.field]);
490
- console.log('item', getFilterValue, nValue, checkedValues, item);
491
505
  setCheckedValues(nValue);
492
506
  };
493
507
 
@@ -495,7 +509,12 @@ var MoreFilter = function MoreFilter(_ref12) {
495
509
  className: "filter_dropdown"
496
510
  }, /*#__PURE__*/_react.default.createElement("div", {
497
511
  className: "filter_header"
498
- }, /*#__PURE__*/_react.default.createElement("div", {
512
+ }, isSearch && /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input.Search, {
513
+ allowClear: true,
514
+ size: "small",
515
+ placeholder: "\u8BF7\u8F93\u5165",
516
+ onSearch: handleFilter
517
+ }), /*#__PURE__*/_react.default.createElement("div", {
499
518
  className: "filter_header_operate"
500
519
  }, /*#__PURE__*/_react.default.createElement("div", {
501
520
  onClick: onCheckAllChange,
@@ -616,7 +635,9 @@ var DatePickerFilter = function DatePickerFilter(_ref14) {
616
635
 
617
636
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_datePicker.default.RangePicker, (0, _extends2.default)({
618
637
  picker: "date",
619
- separator: "\u81F3",
638
+ separator: /*#__PURE__*/_react.default.createElement(_IconFont.default, {
639
+ type: "lmweb-swap-right"
640
+ }),
620
641
  placeholder: ['开始日期', '结束日期'],
621
642
  style: {
622
643
  width: 200
@@ -625,7 +646,7 @@ var DatePickerFilter = function DatePickerFilter(_ref14) {
625
646
  value: value,
626
647
  onChange: handleOnChange,
627
648
  panelRender: panelRender,
628
- dropdownClassName: "filter_dropdown_picker",
649
+ dropdownClassName: "lm_filter_dropdown_picker",
629
650
  bordered: false,
630
651
  size: "small"
631
652
  })));
@@ -651,25 +672,25 @@ var CascaderFilter = function CascaderFilter(props) {
651
672
  itemProps = _props$itemProps === void 0 ? {} : _props$itemProps,
652
673
  isFiltering = props.isFiltering;
653
674
 
654
- var _useState11 = (0, _react.useState)(false),
655
- _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
656
- visible = _useState12[0],
657
- setVisible = _useState12[1];
658
-
659
- var _useState13 = (0, _react.useState)(filters),
675
+ var _useState13 = (0, _react.useState)(false),
660
676
  _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
661
- options = _useState14[0],
662
- setOptions = _useState14[1];
677
+ visible = _useState14[0],
678
+ setVisible = _useState14[1];
663
679
 
664
- var _useState15 = (0, _react.useState)('全部'),
680
+ var _useState15 = (0, _react.useState)(filters),
665
681
  _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
666
- text = _useState16[0],
667
- setText = _useState16[1];
682
+ options = _useState16[0],
683
+ setOptions = _useState16[1];
668
684
 
669
- var _useState17 = (0, _react.useState)(getFilterValue || itemProps.multiple ? [] : ''),
685
+ var _useState17 = (0, _react.useState)('全部'),
670
686
  _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
671
- checkedValues = _useState18[0],
672
- setCheckedValues = _useState18[1]; // const isSearch = useMemo(() => filters.length > 8, [filters.length]);
687
+ text = _useState18[0],
688
+ setText = _useState18[1];
689
+
690
+ var _useState19 = (0, _react.useState)(getFilterValue || itemProps.multiple ? [] : ''),
691
+ _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
692
+ checkedValues = _useState20[0],
693
+ setCheckedValues = _useState20[1]; // const isSearch = useMemo(() => filters.length > 8, [filters.length]);
673
694
 
674
695
 
675
696
  var handleFilter = function handleFilter(val) {
@@ -72,8 +72,15 @@
72
72
  line-height: 1;
73
73
  }
74
74
  .ant-notification-notice .ant-notification-notice-content .ant-notification-notice-message {
75
+ font-size: 14px;
75
76
  font-weight: 500;
76
77
  }
78
+ .ant-notification-notice .ant-notification-notice-content > div > div:last-child {
79
+ margin-bottom: 8px;
80
+ }
81
+ .ant-notification-notice .ant-notification-notice-description {
82
+ font-size: 12px;
83
+ }
77
84
  @font-face {
78
85
  font-family: 'iconfont';
79
86
  /* Project id 2966019 */
@@ -690,13 +697,10 @@ html {
690
697
  }
691
698
  .filter_dropdown .filter_body .filter_item .filter_item_operate .hover_show {
692
699
  font-size: 16px;
693
- color: #8C8C8C;
700
+ color: var(--primary-color);
694
701
  transition: 0.3s;
695
702
  opacity: 0;
696
703
  }
697
- .filter_dropdown .filter_body .filter_item .filter_item_operate .hover_show:hover {
698
- color: var(--primary-color);
699
- }
700
704
  .filter_dropdown .filter_body .filter_item[disabled] {
701
705
  display: none;
702
706
  }
@@ -1017,6 +1021,7 @@ html {
1017
1021
  align-items: center;
1018
1022
  justify-content: space-between;
1019
1023
  min-height: 40px;
1024
+ line-height: 1;
1020
1025
  padding: 0 16px;
1021
1026
  border-bottom: 1px solid var(--background-color-hover);
1022
1027
  }
@@ -72,8 +72,15 @@
72
72
  line-height: 1;
73
73
  }
74
74
  .ant-notification-notice .ant-notification-notice-content .ant-notification-notice-message {
75
+ font-size: 14px;
75
76
  font-weight: 500;
76
77
  }
78
+ .ant-notification-notice .ant-notification-notice-content > div > div:last-child {
79
+ margin-bottom: 8px;
80
+ }
81
+ .ant-notification-notice .ant-notification-notice-description {
82
+ font-size: 12px;
83
+ }
77
84
  @font-face {
78
85
  font-family: 'iconfont';
79
86
  /* Project id 2966019 */
@@ -72,8 +72,15 @@
72
72
  line-height: 1;
73
73
  }
74
74
  .ant-notification-notice .ant-notification-notice-content .ant-notification-notice-message {
75
+ font-size: 14px;
75
76
  font-weight: 500;
76
77
  }
78
+ .ant-notification-notice .ant-notification-notice-content > div > div:last-child {
79
+ margin-bottom: 8px;
80
+ }
81
+ .ant-notification-notice .ant-notification-notice-description {
82
+ font-size: 12px;
83
+ }
77
84
  @font-face {
78
85
  font-family: 'iconfont';
79
86
  /* Project id 2966019 */
@@ -96,7 +96,7 @@ LMDropdown.Button = function (props) {
96
96
  size: 'small'
97
97
  }, props, {
98
98
  overlayClassName: classNames(props.overlayClassName, 'lm_dropdown_overlay'),
99
- className: classNames(props.className, 'lm_dropdown_button')
99
+ className: classNames(props.className, 'lm_dropdown_button', props.disabled ? 'disabled' : '')
100
100
  }));
101
101
  }
102
102
 
@@ -109,7 +109,7 @@ LMDropdown.Button = function (props) {
109
109
  overlayStyle: minwidth ? Object.assign({
110
110
  minWidth: minwidth
111
111
  }, props.overlayStyle) : Object.assign({}, props.overlayStyle),
112
- className: classNames(props.className, 'lm_dropdown_button')
112
+ className: classNames(props.className, 'lm_dropdown_button', props.disabled ? 'disabled' : '')
113
113
  })));
114
114
  };
115
115
 
@@ -72,8 +72,15 @@
72
72
  line-height: 1;
73
73
  }
74
74
  .ant-notification-notice .ant-notification-notice-content .ant-notification-notice-message {
75
+ font-size: 14px;
75
76
  font-weight: 500;
76
77
  }
78
+ .ant-notification-notice .ant-notification-notice-content > div > div:last-child {
79
+ margin-bottom: 8px;
80
+ }
81
+ .ant-notification-notice .ant-notification-notice-description {
82
+ font-size: 12px;
83
+ }
77
84
  @font-face {
78
85
  font-family: 'iconfont';
79
86
  /* Project id 2966019 */
@@ -538,3 +545,10 @@ html {
538
545
  .lm_dropdown_button:hover .ant-btn {
539
546
  color: var(--primary-hover-color) !important;
540
547
  }
548
+ .lm_dropdown_button.disabled {
549
+ color: var(--disabled-font-color) !important;
550
+ border: 1px solid var(--disabled-border-color);
551
+ }
552
+ .lm_dropdown_button.disabled .ant-btn {
553
+ color: var(--disabled-font-color) !important;
554
+ }
@@ -72,8 +72,15 @@
72
72
  line-height: 1;
73
73
  }
74
74
  .ant-notification-notice .ant-notification-notice-content .ant-notification-notice-message {
75
+ font-size: 14px;
75
76
  font-weight: 500;
76
77
  }
78
+ .ant-notification-notice .ant-notification-notice-content > div > div:last-child {
79
+ margin-bottom: 8px;
80
+ }
81
+ .ant-notification-notice .ant-notification-notice-description {
82
+ font-size: 12px;
83
+ }
77
84
  @font-face {
78
85
  font-family: 'iconfont';
79
86
  /* Project id 2966019 */
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import { Empty } from 'antd';
3
+ export interface IEmptyProps {
4
+ className?: string;
5
+ style?: React.CSSProperties;
6
+ }
7
+ export default Empty;
@@ -0,0 +1,3 @@
1
+ import "antd/es/empty/style";
2
+ import _Empty from "antd/es/empty";
3
+ export default _Empty;