linkmore-design 1.0.28 → 1.0.31

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 (89) hide show
  1. package/dist/index.umd.js +63 -14
  2. package/dist/index.umd.min.js +7 -7
  3. package/es/ButtonTags/style/style.css +3 -0
  4. package/es/Card/style/index.css +3 -0
  5. package/es/CkFilter/style/style.css +6 -1
  6. package/es/CustomerService/style/style.css +3 -0
  7. package/es/Drawer/style/index.css +3 -0
  8. package/es/Dropdown/style/index.css +3 -0
  9. package/es/EditTable/style/style.css +3 -0
  10. package/es/Empty/style/index.css +3 -0
  11. package/es/Filter/style/style.css +3 -0
  12. package/es/Input/index.js +3 -4
  13. package/es/Input/style/style.css +18 -4
  14. package/es/InputNumber/style/index.css +3 -0
  15. package/es/LeftTable/style/style.css +3 -0
  16. package/es/LmTable/style/style.css +3 -0
  17. package/es/Menu/style/index.css +3 -0
  18. package/es/Modal/style/index.css +3 -0
  19. package/es/Notification/style/index.css +3 -0
  20. package/es/Pagination/style/index.css +3 -0
  21. package/es/PopTable/style/style.css +3 -0
  22. package/es/ProTable/style/style.css +3 -0
  23. package/es/Select/index.js +6 -7
  24. package/es/Select/style/index.css +3 -0
  25. package/es/Space/style/index.css +3 -0
  26. package/es/Tabs/index.d.ts +11 -0
  27. package/es/Tabs/index.js +31 -0
  28. package/es/Tabs/style/index.css +508 -0
  29. package/es/Tabs/style/index.d.ts +1 -0
  30. package/es/Tabs/style/index.js +1 -0
  31. package/es/Tag/index.d.ts +12 -0
  32. package/es/Tag/index.js +36 -0
  33. package/es/Tag/style/index.css +562 -0
  34. package/es/Tag/style/index.d.ts +1 -0
  35. package/es/Tag/style/index.js +1 -0
  36. package/es/Tree/index.d.ts +6 -1
  37. package/es/Tree/index.js +30 -1
  38. package/es/Tree/style/index.css +15 -0
  39. package/es/index.js +25 -1
  40. package/es/message/index.d.ts +7 -0
  41. package/es/message/index.js +12 -0
  42. package/es/message/style/index.css +509 -0
  43. package/es/message/style/index.d.ts +1 -0
  44. package/es/message/style/index.js +1 -0
  45. package/es/styles/main.css +3 -0
  46. package/lib/ButtonTags/style/style.css +3 -0
  47. package/lib/Card/style/index.css +3 -0
  48. package/lib/CkFilter/style/style.css +6 -1
  49. package/lib/CustomerService/style/style.css +3 -0
  50. package/lib/Drawer/style/index.css +3 -0
  51. package/lib/Dropdown/style/index.css +3 -0
  52. package/lib/EditTable/style/style.css +3 -0
  53. package/lib/Empty/style/index.css +3 -0
  54. package/lib/Filter/style/style.css +3 -0
  55. package/lib/Input/index.js +3 -4
  56. package/lib/Input/style/style.css +18 -4
  57. package/lib/InputNumber/style/index.css +3 -0
  58. package/lib/LeftTable/style/style.css +3 -0
  59. package/lib/LmTable/style/style.css +3 -0
  60. package/lib/Menu/style/index.css +3 -0
  61. package/lib/Modal/style/index.css +3 -0
  62. package/lib/Notification/style/index.css +3 -0
  63. package/lib/Pagination/style/index.css +3 -0
  64. package/lib/PopTable/style/style.css +3 -0
  65. package/lib/ProTable/style/style.css +3 -0
  66. package/lib/Select/index.js +8 -7
  67. package/lib/Select/style/index.css +3 -0
  68. package/lib/Space/style/index.css +3 -0
  69. package/lib/Tabs/index.d.ts +11 -0
  70. package/lib/Tabs/index.js +44 -0
  71. package/lib/Tabs/style/index.css +508 -0
  72. package/lib/Tabs/style/index.d.ts +1 -0
  73. package/lib/Tabs/style/index.js +3 -0
  74. package/lib/Tag/index.d.ts +12 -0
  75. package/lib/Tag/index.js +52 -0
  76. package/lib/Tag/style/index.css +562 -0
  77. package/lib/Tag/style/index.d.ts +1 -0
  78. package/lib/Tag/style/index.js +3 -0
  79. package/lib/Tree/index.d.ts +6 -1
  80. package/lib/Tree/index.js +33 -1
  81. package/lib/Tree/style/index.css +15 -0
  82. package/lib/index.js +25 -1
  83. package/lib/message/index.d.ts +7 -0
  84. package/lib/message/index.js +24 -0
  85. package/lib/message/style/index.css +509 -0
  86. package/lib/message/style/index.d.ts +1 -0
  87. package/lib/message/style/index.js +3 -0
  88. package/lib/styles/main.css +3 -0
  89. package/package.json +4 -4
@@ -205,7 +205,10 @@
205
205
  --color-6: #f0f0f0;
206
206
  --color-4: #f5f5f5;
207
207
  --color-2: #fafafa;
208
+ /** tree */
209
+ --tree-select-bg: #EDF6FF;
208
210
  }
211
+ /** tag */
209
212
  :root[theme='dark'] {
210
213
  --font-color: rgba(255, 255, 255, 0.85);
211
214
  --text-color: rgba(255, 255, 255, 0.45);
@@ -205,7 +205,10 @@
205
205
  --color-6: #f0f0f0;
206
206
  --color-4: #f5f5f5;
207
207
  --color-2: #fafafa;
208
+ /** tree */
209
+ --tree-select-bg: #EDF6FF;
208
210
  }
211
+ /** tag */
209
212
  :root[theme='dark'] {
210
213
  --font-color: rgba(255, 255, 255, 0.85);
211
214
  --text-color: rgba(255, 255, 255, 0.45);
@@ -205,7 +205,10 @@
205
205
  --color-6: #f0f0f0;
206
206
  --color-4: #f5f5f5;
207
207
  --color-2: #fafafa;
208
+ /** tree */
209
+ --tree-select-bg: #EDF6FF;
208
210
  }
211
+ /** tag */
209
212
  :root[theme='dark'] {
210
213
  --font-color: rgba(255, 255, 255, 0.85);
211
214
  --text-color: rgba(255, 255, 255, 0.45);
@@ -808,7 +811,7 @@ html {
808
811
  top: 0;
809
812
  }
810
813
  .ant-drawer.lm_filter_drawer .filter_drawer_group_add {
811
- padding: 8px 0;
814
+ padding: 0 0 8px;
812
815
  }
813
816
  .ant-drawer.lm_filter_drawer .filter_drawer_group_add .ant-btn {
814
817
  font-size: 12px;
@@ -866,6 +869,7 @@ html {
866
869
  cursor: pointer;
867
870
  }
868
871
  .ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_tags .ant-tag.site-tag-plus:hover {
872
+ color: var(--primary-color);
869
873
  border-color: var(--primary-color);
870
874
  }
871
875
  .ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_tags .tag-input {
@@ -989,6 +993,7 @@ html {
989
993
  font-size: 14px;
990
994
  font-weight: 500;
991
995
  margin-bottom: 16px;
996
+ color: var(--font-color);
992
997
  }
993
998
  .ant-drawer.lm_det_drawer .custom_form .custom_full {
994
999
  display: flex;
@@ -205,7 +205,10 @@
205
205
  --color-6: #f0f0f0;
206
206
  --color-4: #f5f5f5;
207
207
  --color-2: #fafafa;
208
+ /** tree */
209
+ --tree-select-bg: #EDF6FF;
208
210
  }
211
+ /** tag */
209
212
  :root[theme='dark'] {
210
213
  --font-color: rgba(255, 255, 255, 0.85);
211
214
  --text-color: rgba(255, 255, 255, 0.45);
@@ -205,7 +205,10 @@
205
205
  --color-6: #f0f0f0;
206
206
  --color-4: #f5f5f5;
207
207
  --color-2: #fafafa;
208
+ /** tree */
209
+ --tree-select-bg: #EDF6FF;
208
210
  }
211
+ /** tag */
209
212
  :root[theme='dark'] {
210
213
  --font-color: rgba(255, 255, 255, 0.85);
211
214
  --text-color: rgba(255, 255, 255, 0.45);
@@ -205,7 +205,10 @@
205
205
  --color-6: #f0f0f0;
206
206
  --color-4: #f5f5f5;
207
207
  --color-2: #fafafa;
208
+ /** tree */
209
+ --tree-select-bg: #EDF6FF;
208
210
  }
211
+ /** tag */
209
212
  :root[theme='dark'] {
210
213
  --font-color: rgba(255, 255, 255, 0.85);
211
214
  --text-color: rgba(255, 255, 255, 0.45);
@@ -205,7 +205,10 @@
205
205
  --color-6: #f0f0f0;
206
206
  --color-4: #f5f5f5;
207
207
  --color-2: #fafafa;
208
+ /** tree */
209
+ --tree-select-bg: #EDF6FF;
208
210
  }
211
+ /** tag */
209
212
  :root[theme='dark'] {
210
213
  --font-color: rgba(255, 255, 255, 0.85);
211
214
  --text-color: rgba(255, 255, 255, 0.45);
@@ -205,7 +205,10 @@
205
205
  --color-6: #f0f0f0;
206
206
  --color-4: #f5f5f5;
207
207
  --color-2: #fafafa;
208
+ /** tree */
209
+ --tree-select-bg: #EDF6FF;
208
210
  }
211
+ /** tag */
209
212
  :root[theme='dark'] {
210
213
  --font-color: rgba(255, 255, 255, 0.85);
211
214
  --text-color: rgba(255, 255, 255, 0.45);
@@ -205,7 +205,10 @@
205
205
  --color-6: #f0f0f0;
206
206
  --color-4: #f5f5f5;
207
207
  --color-2: #fafafa;
208
+ /** tree */
209
+ --tree-select-bg: #EDF6FF;
208
210
  }
211
+ /** tag */
209
212
  :root[theme='dark'] {
210
213
  --font-color: rgba(255, 255, 255, 0.85);
211
214
  --text-color: rgba(255, 255, 255, 0.45);
package/es/Input/index.js CHANGED
@@ -24,18 +24,17 @@ var _IconFont = _interopRequireDefault(require("../IconFont"));
24
24
  var _excluded = ["allowClear"],
25
25
  _excluded2 = ["allowClear"],
26
26
  _excluded3 = ["allowClear"];
27
-
28
- var LmInput = function LmInput(props) {
27
+ var LmInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
29
28
  var _props$allowClear = props.allowClear,
30
29
  allowClear = _props$allowClear === void 0 ? true : _props$allowClear,
31
30
  rest = (0, _objectWithoutProperties2.default)(props, _excluded);
32
31
  return /*#__PURE__*/_react.default.createElement(_input.default, (0, _extends2.default)({
32
+ ref: ref,
33
33
  className: "lm_input"
34
34
  }, rest, {
35
35
  allowClear: true
36
36
  }));
37
- };
38
-
37
+ });
39
38
  LmInput.Group = _input.default.Group;
40
39
  LmInput.Search = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
41
40
  var _props$allowClear2 = props.allowClear,
@@ -205,7 +205,10 @@
205
205
  --color-6: #f0f0f0;
206
206
  --color-4: #f5f5f5;
207
207
  --color-2: #fafafa;
208
+ /** tree */
209
+ --tree-select-bg: #EDF6FF;
208
210
  }
211
+ /** tag */
209
212
  :root[theme='dark'] {
210
213
  --font-color: rgba(255, 255, 255, 0.85);
211
214
  --text-color: rgba(255, 255, 255, 0.45);
@@ -559,12 +562,20 @@ html {
559
562
  box-shadow: none !important;
560
563
  }
561
564
  .lm_input_search .ant-input-group-addon .ant-input-search-button {
562
- width: 32px;
563
- padding: 0;
565
+ min-width: 32px;
566
+ padding: 0 8px;
567
+ box-sizing: border-box;
568
+ display: flex;
569
+ align-items: center;
570
+ justify-content: center;
571
+ font-size: 12px;
572
+ line-height: 32px;
564
573
  }
565
574
  .lm_input_search .ant-input-group-addon .ant-input-search-button.ant-btn-sm {
566
- width: 24px;
567
- padding: 0;
575
+ min-width: 24px;
576
+ padding: 0 4px;
577
+ line-height: 24px;
578
+ box-sizing: border-box;
568
579
  }
569
580
  .lm_input_search .ant-input-group-addon .ant-input-search-button .anticon {
570
581
  color: var(--color-85);
@@ -658,6 +669,9 @@ html {
658
669
  .ant-input-group.ant-input-group-sm .lm_input {
659
670
  height: 24px;
660
671
  }
672
+ .ant-input-group .lm-button {
673
+ vertical-align: bottom;
674
+ }
661
675
  .ant-input-suffix .anticon {
662
676
  font-size: 14px;
663
677
  color: var(--color-25);
@@ -205,7 +205,10 @@
205
205
  --color-6: #f0f0f0;
206
206
  --color-4: #f5f5f5;
207
207
  --color-2: #fafafa;
208
+ /** tree */
209
+ --tree-select-bg: #EDF6FF;
208
210
  }
211
+ /** tag */
209
212
  :root[theme='dark'] {
210
213
  --font-color: rgba(255, 255, 255, 0.85);
211
214
  --text-color: rgba(255, 255, 255, 0.45);
@@ -205,7 +205,10 @@
205
205
  --color-6: #f0f0f0;
206
206
  --color-4: #f5f5f5;
207
207
  --color-2: #fafafa;
208
+ /** tree */
209
+ --tree-select-bg: #EDF6FF;
208
210
  }
211
+ /** tag */
209
212
  :root[theme='dark'] {
210
213
  --font-color: rgba(255, 255, 255, 0.85);
211
214
  --text-color: rgba(255, 255, 255, 0.45);
@@ -205,7 +205,10 @@
205
205
  --color-6: #f0f0f0;
206
206
  --color-4: #f5f5f5;
207
207
  --color-2: #fafafa;
208
+ /** tree */
209
+ --tree-select-bg: #EDF6FF;
208
210
  }
211
+ /** tag */
209
212
  :root[theme='dark'] {
210
213
  --font-color: rgba(255, 255, 255, 0.85);
211
214
  --text-color: rgba(255, 255, 255, 0.45);
@@ -205,7 +205,10 @@
205
205
  --color-6: #f0f0f0;
206
206
  --color-4: #f5f5f5;
207
207
  --color-2: #fafafa;
208
+ /** tree */
209
+ --tree-select-bg: #EDF6FF;
208
210
  }
211
+ /** tag */
209
212
  :root[theme='dark'] {
210
213
  --font-color: rgba(255, 255, 255, 0.85);
211
214
  --text-color: rgba(255, 255, 255, 0.45);
@@ -205,7 +205,10 @@
205
205
  --color-6: #f0f0f0;
206
206
  --color-4: #f5f5f5;
207
207
  --color-2: #fafafa;
208
+ /** tree */
209
+ --tree-select-bg: #EDF6FF;
208
210
  }
211
+ /** tag */
209
212
  :root[theme='dark'] {
210
213
  --font-color: rgba(255, 255, 255, 0.85);
211
214
  --text-color: rgba(255, 255, 255, 0.45);
@@ -205,7 +205,10 @@
205
205
  --color-6: #f0f0f0;
206
206
  --color-4: #f5f5f5;
207
207
  --color-2: #fafafa;
208
+ /** tree */
209
+ --tree-select-bg: #EDF6FF;
208
210
  }
211
+ /** tag */
209
212
  :root[theme='dark'] {
210
213
  --font-color: rgba(255, 255, 255, 0.85);
211
214
  --text-color: rgba(255, 255, 255, 0.45);
@@ -205,7 +205,10 @@
205
205
  --color-6: #f0f0f0;
206
206
  --color-4: #f5f5f5;
207
207
  --color-2: #fafafa;
208
+ /** tree */
209
+ --tree-select-bg: #EDF6FF;
208
210
  }
211
+ /** tag */
209
212
  :root[theme='dark'] {
210
213
  --font-color: rgba(255, 255, 255, 0.85);
211
214
  --text-color: rgba(255, 255, 255, 0.45);
@@ -205,7 +205,10 @@
205
205
  --color-6: #f0f0f0;
206
206
  --color-4: #f5f5f5;
207
207
  --color-2: #fafafa;
208
+ /** tree */
209
+ --tree-select-bg: #EDF6FF;
208
210
  }
211
+ /** tag */
209
212
  :root[theme='dark'] {
210
213
  --font-color: rgba(255, 255, 255, 0.85);
211
214
  --text-color: rgba(255, 255, 255, 0.45);
@@ -205,7 +205,10 @@
205
205
  --color-6: #f0f0f0;
206
206
  --color-4: #f5f5f5;
207
207
  --color-2: #fafafa;
208
+ /** tree */
209
+ --tree-select-bg: #EDF6FF;
208
210
  }
211
+ /** tag */
209
212
  :root[theme='dark'] {
210
213
  --font-color: rgba(255, 255, 255, 0.85);
211
214
  --text-color: rgba(255, 255, 255, 0.45);
@@ -14,26 +14,25 @@ var __rest = this && this.__rest || function (s, e) {
14
14
  return t;
15
15
  };
16
16
 
17
- import React from 'react';
17
+ import React, { forwardRef } from 'react';
18
18
  import classNames from 'classnames';
19
19
  var prefixCls = 'lm_select';
20
-
21
- var CLMSelect = function CLMSelect(props) {
20
+ var CLMSelect = /*#__PURE__*/forwardRef(function (props, ref) {
22
21
  var children = props.children,
23
22
  className = props.className,
24
23
  _props$size = props.size,
25
- size = _props$size === void 0 ? 'small' : _props$size,
24
+ size = _props$size === void 0 ? 'middle' : _props$size,
26
25
  dropdownClassName = props.dropdownClassName,
27
26
  others = __rest(props, ["children", "className", "size", "dropdownClassName"]);
28
27
 
29
28
  return /*#__PURE__*/React.createElement(_Select, Object.assign({
30
29
  className: classNames(className, prefixCls),
31
- size: size
30
+ size: size,
31
+ ref: ref
32
32
  }, others, {
33
33
  dropdownClassName: classNames('lm_select_dropdown', dropdownClassName)
34
34
  }), children);
35
- };
36
-
35
+ });
37
36
  var LMSelect = CLMSelect;
38
37
  LMSelect.Option = _Select.Option;
39
38
  LMSelect.OptGroup = _Select.OptGroup;
@@ -205,7 +205,10 @@
205
205
  --color-6: #f0f0f0;
206
206
  --color-4: #f5f5f5;
207
207
  --color-2: #fafafa;
208
+ /** tree */
209
+ --tree-select-bg: #EDF6FF;
208
210
  }
211
+ /** tag */
209
212
  :root[theme='dark'] {
210
213
  --font-color: rgba(255, 255, 255, 0.85);
211
214
  --text-color: rgba(255, 255, 255, 0.45);
@@ -205,7 +205,10 @@
205
205
  --color-6: #f0f0f0;
206
206
  --color-4: #f5f5f5;
207
207
  --color-2: #fafafa;
208
+ /** tree */
209
+ --tree-select-bg: #EDF6FF;
208
210
  }
211
+ /** tag */
209
212
  :root[theme='dark'] {
210
213
  --font-color: rgba(255, 255, 255, 0.85);
211
214
  --text-color: rgba(255, 255, 255, 0.45);
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ import { Tabs, TabsProps } from 'antd';
3
+ export interface ITabsProps {
4
+ className?: string;
5
+ style?: React.CSSProperties;
6
+ }
7
+ interface LmTabsInterface extends React.FC<TabsProps> {
8
+ TabPane?: typeof Tabs.TabPane;
9
+ }
10
+ declare const LMTabs: LmTabsInterface;
11
+ export default LMTabs;
@@ -0,0 +1,31 @@
1
+ import "antd/es/tabs/style";
2
+ import _Tabs from "antd/es/tabs";
3
+
4
+ var __rest = this && this.__rest || function (s, e) {
5
+ var t = {};
6
+
7
+ for (var p in s) {
8
+ if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
9
+ }
10
+
11
+ if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
12
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
13
+ }
14
+ return t;
15
+ };
16
+
17
+ import React from 'react';
18
+ import classNames from 'classnames';
19
+ var prefixCls = 'lm_tabs';
20
+
21
+ var LMTabs = function LMTabs(props) {
22
+ var className = props.className,
23
+ others = __rest(props, ["className"]);
24
+
25
+ return /*#__PURE__*/React.createElement(_Tabs, Object.assign({}, others, {
26
+ className: classNames(className, prefixCls)
27
+ }));
28
+ };
29
+
30
+ LMTabs.TabPane = _Tabs.TabPane;
31
+ export default LMTabs;