linkmore-design 1.0.71 → 1.0.74
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.
- package/dist/Approval/index.d.ts +1 -0
- package/dist/Approval/type.d.ts +1 -1
- package/dist/CardTable/utils.d.ts +1 -1
- package/dist/ConfigProvider/demos/basic.d.ts +2 -0
- package/dist/ConfigProvider/index.d.ts +2 -0
- package/dist/ConfigProvider/style/index.d.ts +1 -0
- package/dist/ImageViewer/components/Arrows.d.ts +4 -0
- package/dist/ImageViewer/components/Carousel.d.ts +4 -0
- package/dist/ImageViewer/components/Operate.d.ts +4 -0
- package/dist/ImageViewer/components/Thumb.d.ts +4 -0
- package/dist/ImageViewer/fns/index.d.ts +20 -0
- package/dist/ImageViewer/wrapeer/Container.d.ts +4 -0
- package/dist/ImageViewer/wrapeer/Wrapper.d.ts +4 -0
- package/dist/ImageViewer/wrapeer/reducer.d.ts +10 -0
- package/dist/Locale/index.d.ts +6 -0
- package/dist/Locale/style/index.d.ts +1 -0
- package/dist/Row/index.d.ts +1 -1
- package/dist/index.d.ts +24 -2
- package/dist/index.umd.js +115051 -112961
- package/dist/index.umd.min.js +20 -20
- package/es/Approval/index.d.ts +1 -0
- package/es/CardTable/table/TableContainer.js +6 -8
- package/es/ConfigProvider/index.js +15 -0
- package/es/ConfigProvider/style/index.css +141 -0
- package/es/ConfigProvider/style/index.js +3 -0
- package/es/ImageViewer/LmImageViewer.js +10 -1
- package/es/ImageViewer/components/Arrows.d.ts +4 -0
- package/es/ImageViewer/components/Arrows.js +38 -0
- package/es/ImageViewer/components/Carousel.d.ts +4 -0
- package/es/ImageViewer/components/Carousel.js +71 -0
- package/es/ImageViewer/components/Operate.d.ts +4 -0
- package/es/ImageViewer/components/Operate.js +40 -0
- package/es/ImageViewer/components/Thumb.d.ts +4 -0
- package/es/ImageViewer/components/Thumb.js +37 -0
- package/es/ImageViewer/fns/index.d.ts +20 -0
- package/es/ImageViewer/fns/index.js +100 -0
- package/es/ImageViewer/style/index.css +70 -174
- package/es/ImageViewer/wrapeer/Container.d.ts +4 -0
- package/es/ImageViewer/wrapeer/Container.js +31 -0
- package/es/ImageViewer/wrapeer/Root.js +35 -3
- package/es/ImageViewer/wrapeer/Wrapper.d.ts +4 -0
- package/es/ImageViewer/wrapeer/Wrapper.js +28 -0
- package/es/ImageViewer/wrapeer/reducer.d.ts +10 -0
- package/es/ImageViewer/wrapeer/reducer.js +52 -0
- package/es/LmFilter/Controls/index.js +6 -5
- package/es/LmFilter/customFilter/index.js +1 -1
- package/es/LmFilter/customFilter/saveModal.js +1 -1
- package/es/LmFilter/customFilter/valueDrawer.js +7 -10
- package/es/LmFilter/wrapper/FilterRoot.js +1 -1
- package/es/Locale/index.d.ts +6 -0
- package/es/Locale/index.js +9 -0
- package/es/Locale/style/index.css +141 -0
- package/es/Locale/style/index.js +3 -0
- package/es/Pagination/index.js +18 -5
- package/es/Row/index.d.ts +1 -1
- package/es/index.d.ts +24 -2
- package/es/index.js +14 -2
- package/lib/Approval/index.d.ts +1 -0
- package/lib/CardTable/table/TableContainer.js +6 -8
- package/lib/ConfigProvider/index.js +15 -0
- package/lib/ConfigProvider/style/index.css +141 -0
- package/lib/ConfigProvider/style/index.js +3 -0
- package/lib/ImageViewer/LmImageViewer.js +10 -1
- package/lib/ImageViewer/components/Arrows.d.ts +4 -0
- package/lib/ImageViewer/components/Arrows.js +49 -0
- package/lib/ImageViewer/components/Carousel.d.ts +4 -0
- package/lib/ImageViewer/components/Carousel.js +82 -0
- package/lib/ImageViewer/components/Operate.d.ts +4 -0
- package/lib/ImageViewer/components/Operate.js +51 -0
- package/lib/ImageViewer/components/Thumb.d.ts +4 -0
- package/lib/ImageViewer/components/Thumb.js +50 -0
- package/lib/ImageViewer/fns/index.d.ts +20 -0
- package/lib/ImageViewer/fns/index.js +108 -0
- package/lib/ImageViewer/style/index.css +70 -174
- package/lib/ImageViewer/wrapeer/Container.d.ts +4 -0
- package/lib/ImageViewer/wrapeer/Container.js +45 -0
- package/lib/ImageViewer/wrapeer/Root.js +40 -2
- package/lib/ImageViewer/wrapeer/Wrapper.d.ts +4 -0
- package/lib/ImageViewer/wrapeer/Wrapper.js +39 -0
- package/lib/ImageViewer/wrapeer/reducer.d.ts +10 -0
- package/lib/ImageViewer/wrapeer/reducer.js +64 -0
- package/lib/LmFilter/Controls/index.js +6 -5
- package/lib/LmFilter/customFilter/index.js +1 -1
- package/lib/LmFilter/customFilter/saveModal.js +1 -1
- package/lib/LmFilter/customFilter/valueDrawer.js +7 -10
- package/lib/LmFilter/wrapper/FilterRoot.js +1 -1
- package/lib/Locale/index.d.ts +6 -0
- package/lib/Locale/index.js +22 -0
- package/lib/Locale/style/index.css +141 -0
- package/lib/Locale/style/index.js +3 -0
- package/lib/Pagination/index.js +20 -5
- package/lib/Row/index.d.ts +1 -1
- package/lib/index.d.ts +24 -2
- package/lib/index.js +99 -3
- package/package.json +1 -1
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
.lm-radio {
|
|
2
|
+
font-size: 12px;
|
|
3
|
+
line-height: 20px;
|
|
4
|
+
color: var(--font-color);
|
|
5
|
+
}
|
|
6
|
+
.lm-radio > span:last-child {
|
|
7
|
+
padding: 0;
|
|
8
|
+
margin: 0 8px;
|
|
9
|
+
max-width: 96px;
|
|
10
|
+
overflow: hidden;
|
|
11
|
+
white-space: nowrap;
|
|
12
|
+
}
|
|
13
|
+
.lm-radio .ant-radio .ant-radio-inner {
|
|
14
|
+
border-color: var(--stroke-color);
|
|
15
|
+
}
|
|
16
|
+
.lm-radio .ant-radio:hover .ant-radio-inner {
|
|
17
|
+
border-color: var(--primary-color);
|
|
18
|
+
}
|
|
19
|
+
.lm-radio .ant-radio-disabled.ant-radio-checked .ant-radio-inner:after {
|
|
20
|
+
background-color: var(--tip-text-color);
|
|
21
|
+
}
|
|
22
|
+
.lm-radio .ant-radio-disabled .ant-radio-inner {
|
|
23
|
+
background-color: var(--background-color);
|
|
24
|
+
border-color: var(--stroke-color) !important;
|
|
25
|
+
}
|
|
26
|
+
.lm-radio .ant-radio-disabled + span {
|
|
27
|
+
color: var(--disabled-font-color);
|
|
28
|
+
}
|
|
29
|
+
.lm-radio-group .ant-radio-button-wrapper {
|
|
30
|
+
font-size: 12px;
|
|
31
|
+
height: 32px;
|
|
32
|
+
padding: 0px 12px;
|
|
33
|
+
color: var(--font-color);
|
|
34
|
+
vertical-align: middle;
|
|
35
|
+
}
|
|
36
|
+
.lm-radio-group .ant-radio-button-wrapper .anticon {
|
|
37
|
+
font-size: 16px;
|
|
38
|
+
vertical-align: middle;
|
|
39
|
+
line-height: 1;
|
|
40
|
+
}
|
|
41
|
+
.lm-radio-group .ant-radio-button-wrapper:hover {
|
|
42
|
+
color: var(--primary-color);
|
|
43
|
+
}
|
|
44
|
+
.lm-radio-group .ant-radio-button-wrapper > span:last-child {
|
|
45
|
+
display: inline-block;
|
|
46
|
+
font-size: 12px;
|
|
47
|
+
max-width: 96px;
|
|
48
|
+
overflow: hidden;
|
|
49
|
+
white-space: nowrap;
|
|
50
|
+
}
|
|
51
|
+
.lm-radio-group .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']) .ant-radio-button-wrapper:first-child {
|
|
52
|
+
border-right-color: var(--primary-hover-color);
|
|
53
|
+
}
|
|
54
|
+
.lm-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
|
|
55
|
+
color: var(--primary-color);
|
|
56
|
+
border-color: var(--primary-color);
|
|
57
|
+
}
|
|
58
|
+
.lm-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
|
|
59
|
+
border-color: var(--primary-color);
|
|
60
|
+
}
|
|
61
|
+
.lm-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
|
|
62
|
+
color: var(--primary-hover-color);
|
|
63
|
+
border-color: var(--primary-hover-color);
|
|
64
|
+
}
|
|
65
|
+
.lm-radio-group.ant-radio-group-large .ant-radio-button-wrapper {
|
|
66
|
+
line-height: 38px;
|
|
67
|
+
height: 40px;
|
|
68
|
+
}
|
|
69
|
+
.lm-radio-group.ant-radio-group-large .ant-radio-button-wrapper > span:last-child {
|
|
70
|
+
line-height: 38px;
|
|
71
|
+
}
|
|
72
|
+
.lm-radio-group.ant-radio-group-small .ant-radio-button-wrapper {
|
|
73
|
+
line-height: 22px;
|
|
74
|
+
height: 24px;
|
|
75
|
+
padding: 0px 8px;
|
|
76
|
+
}
|
|
77
|
+
.lm-radio-group.ant-radio-group-small .ant-radio-button-wrapper > span:last-child {
|
|
78
|
+
line-height: 22px;
|
|
79
|
+
}
|
|
80
|
+
.lm-radio-group .ant-radio-wrapper {
|
|
81
|
+
font-size: 12px;
|
|
82
|
+
line-height: 20px;
|
|
83
|
+
color: var(--font-color);
|
|
84
|
+
}
|
|
85
|
+
.lm-radio-group .ant-radio-wrapper > span:last-child {
|
|
86
|
+
padding: 0;
|
|
87
|
+
margin: 0 8px;
|
|
88
|
+
max-width: 96px;
|
|
89
|
+
overflow: hidden;
|
|
90
|
+
white-space: nowrap;
|
|
91
|
+
}
|
|
92
|
+
.lm-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner {
|
|
93
|
+
border-color: var(--stroke-color);
|
|
94
|
+
}
|
|
95
|
+
.lm-radio-group .ant-radio-wrapper .ant-radio:hover .ant-radio-inner {
|
|
96
|
+
border-color: var(--primary-color);
|
|
97
|
+
}
|
|
98
|
+
.lm-radio-group .ant-radio-wrapper .ant-radio-disabled.ant-radio-checked .ant-radio-inner:after {
|
|
99
|
+
background-color: var(--tip-text-color);
|
|
100
|
+
}
|
|
101
|
+
.lm-radio-group .ant-radio-wrapper .ant-radio-disabled .ant-radio-inner {
|
|
102
|
+
background-color: var(--background-color);
|
|
103
|
+
border-color: var(--stroke-color) !important;
|
|
104
|
+
}
|
|
105
|
+
.lm-radio-group .ant-radio-wrapper .ant-radio-disabled + span {
|
|
106
|
+
color: var(--disabled-font-color);
|
|
107
|
+
}
|
|
108
|
+
.lm-radio-group .ant-radio-button-wrapper-disabled {
|
|
109
|
+
color: var(--disabled-font-color);
|
|
110
|
+
background-color: var(--disabled-bg-color);
|
|
111
|
+
border-color: var(--stroke-color);
|
|
112
|
+
}
|
|
113
|
+
.lm-radio-group .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
|
|
114
|
+
color: #b8b8b8 !important;
|
|
115
|
+
background-color: var(--background-color-hover);
|
|
116
|
+
border-color: var(--stroke-color);
|
|
117
|
+
}
|
|
118
|
+
.lm-radio-group .ant-radio-button-wrapper-disabled:hover {
|
|
119
|
+
color: var(--disabled-font-color);
|
|
120
|
+
}
|
|
121
|
+
.lm-radio-group.lm-radio-group-row {
|
|
122
|
+
display: flex;
|
|
123
|
+
flex-direction: row;
|
|
124
|
+
}
|
|
125
|
+
.lm-radio-group.lm-radio-group-column {
|
|
126
|
+
display: flex;
|
|
127
|
+
flex-direction: column;
|
|
128
|
+
}
|
|
129
|
+
.lm-radio-group.lm-radio-group-column .lm-radio {
|
|
130
|
+
margin-bottom: 12px;
|
|
131
|
+
}
|
|
132
|
+
.lm-radio-group.lm-radio-group-column .lm-radio > span:last-child {
|
|
133
|
+
max-width: 216px;
|
|
134
|
+
overflow: hidden;
|
|
135
|
+
white-space: nowrap;
|
|
136
|
+
padding: 0;
|
|
137
|
+
margin: 0 8px;
|
|
138
|
+
}
|
|
139
|
+
.lm-radio-group.lm-radio-group-column .lm-radio:last-child {
|
|
140
|
+
margin-bottom: 0;
|
|
141
|
+
}
|
package/es/Pagination/index.js
CHANGED
|
@@ -16,6 +16,8 @@ var __rest = this && this.__rest || function (s, e) {
|
|
|
16
16
|
|
|
17
17
|
import React from 'react';
|
|
18
18
|
import classNames from 'classnames';
|
|
19
|
+
import ConfigProvider from '../ConfigProvider';
|
|
20
|
+
var ConfigContext = ConfigProvider.ConfigContext;
|
|
19
21
|
var prefixCls = 'lm_pagination';
|
|
20
22
|
|
|
21
23
|
var LMPagination = function LMPagination(props) {
|
|
@@ -23,15 +25,26 @@ var LMPagination = function LMPagination(props) {
|
|
|
23
25
|
className = props.className,
|
|
24
26
|
others = __rest(props, ["children", "className"]);
|
|
25
27
|
|
|
28
|
+
var _React$useContext = React.useContext(ConfigContext),
|
|
29
|
+
locale = _React$useContext.locale; // 更改中文语言包内容显示
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
var paginationLocale = React.useMemo(function () {
|
|
33
|
+
if ((locale === null || locale === void 0 ? void 0 : locale.locale) === 'zh-cn') {
|
|
34
|
+
return {
|
|
35
|
+
items_per_page: '/条',
|
|
36
|
+
jump_to: '前往',
|
|
37
|
+
page: '页'
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
return {};
|
|
42
|
+
}, [locale]);
|
|
26
43
|
return /*#__PURE__*/React.createElement(_Pagination, Object.assign({
|
|
27
44
|
className: classNames(className, prefixCls),
|
|
28
45
|
size: "small"
|
|
29
46
|
}, others, {
|
|
30
|
-
locale:
|
|
31
|
-
items_per_page: '/条',
|
|
32
|
-
jump_to: '前往',
|
|
33
|
-
page: '页'
|
|
34
|
-
}
|
|
47
|
+
locale: paginationLocale
|
|
35
48
|
}));
|
|
36
49
|
};
|
|
37
50
|
|
package/es/Row/index.d.ts
CHANGED
package/es/index.d.ts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
export { default as ConfigProvider } from './ConfigProvider';
|
|
2
|
+
export { default as Locale } from './Locale';
|
|
1
3
|
export { default as Button } from './Button';
|
|
2
4
|
export { default as ButtonTags } from './ButtonTags';
|
|
3
5
|
export { default as Card } from './Card';
|
|
@@ -12,6 +14,7 @@ export { default as Empty } from './Empty';
|
|
|
12
14
|
export { default as EnlargeImg } from './EnlargeImg';
|
|
13
15
|
export { default as Filter } from './Filter';
|
|
14
16
|
export { default as LmFilter } from './LmFilter';
|
|
17
|
+
export { default as CardTable } from './CardTable';
|
|
15
18
|
export { default as Icon } from './Icon';
|
|
16
19
|
export { default as IconFont } from './IconFont';
|
|
17
20
|
export { default as IconSelect } from './IconSelect';
|
|
@@ -33,7 +36,6 @@ export { default as Radio } from './Radio';
|
|
|
33
36
|
export { default as Select } from './Select';
|
|
34
37
|
export { default as Space } from './Space';
|
|
35
38
|
export { default as TableRender } from './TableRender';
|
|
36
|
-
export { default as Tree } from './Tree';
|
|
37
39
|
export { default as UploadOss } from './UploadOss';
|
|
38
40
|
export { default as VirtualList } from './VirtualList';
|
|
39
41
|
export { default as Tag } from './Tag';
|
|
@@ -65,7 +67,7 @@ export { default as Grid } from './Grid';
|
|
|
65
67
|
export { default as Row } from './Row';
|
|
66
68
|
export type { RowProps } from './Row';
|
|
67
69
|
export { default as Col } from './Col';
|
|
68
|
-
export type { ColProps } from './Col';
|
|
70
|
+
export type { ColProps, ColSize } from './Col';
|
|
69
71
|
export { default as Layout } from './Layout';
|
|
70
72
|
export type { LayoutProps, SiderProps } from './Layout';
|
|
71
73
|
export { default as Steps } from './Steps';
|
|
@@ -85,3 +87,23 @@ export { default as Carousel } from './Carousel';
|
|
|
85
87
|
export type { CarouselProps } from './Carousel';
|
|
86
88
|
export { default as Alert } from './Alert';
|
|
87
89
|
export type { AlertProps } from './Alert';
|
|
90
|
+
export { default as Segmented } from './Segmented';
|
|
91
|
+
export type { SegmentedProps } from './Segmented';
|
|
92
|
+
export { default as Approval } from './Approval';
|
|
93
|
+
export type { ApprovalType, StatusType, IApprovalItemProps, IApprovalProps } from './Approval';
|
|
94
|
+
export { default as TimePicker } from './TimePicker';
|
|
95
|
+
export type { TimeRangePickerProps, TimePickerProps } from './TimePicker';
|
|
96
|
+
export { default as Collapse } from './Collapse';
|
|
97
|
+
export type { CollapseProps } from './Collapse';
|
|
98
|
+
export { default as Comment } from './Comment';
|
|
99
|
+
export type { CommentProps } from './Comment';
|
|
100
|
+
export { default as Statistic } from './Statistic';
|
|
101
|
+
export type { StatisticProps } from './Statistic';
|
|
102
|
+
export { default as Timeline } from './Timeline';
|
|
103
|
+
export type { TimelineProps } from './Timeline';
|
|
104
|
+
export { default as Tree } from './Tree';
|
|
105
|
+
export type { ITreeProps } from './Tree';
|
|
106
|
+
export { default as Popconfirm } from './Popconfirm';
|
|
107
|
+
export type { PopconfirmProps } from './Popconfirm';
|
|
108
|
+
export { default as Progress } from './Progress';
|
|
109
|
+
export type { ProgressProps } from './Progress';
|
package/es/index.js
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
export { default as ConfigProvider } from './ConfigProvider';
|
|
2
|
+
export { default as Locale } from './Locale';
|
|
1
3
|
export { default as Button } from './Button';
|
|
2
4
|
export { default as ButtonTags } from './ButtonTags';
|
|
3
5
|
export { default as Card } from './Card';
|
|
@@ -12,6 +14,7 @@ export { default as Empty } from './Empty';
|
|
|
12
14
|
export { default as EnlargeImg } from './EnlargeImg';
|
|
13
15
|
export { default as Filter } from './Filter';
|
|
14
16
|
export { default as LmFilter } from './LmFilter';
|
|
17
|
+
export { default as CardTable } from './CardTable';
|
|
15
18
|
export { default as Icon } from './Icon';
|
|
16
19
|
export { default as IconFont } from './IconFont';
|
|
17
20
|
export { default as IconSelect } from './IconSelect';
|
|
@@ -32,7 +35,6 @@ export { default as Radio } from './Radio';
|
|
|
32
35
|
export { default as Select } from './Select';
|
|
33
36
|
export { default as Space } from './Space';
|
|
34
37
|
export { default as TableRender } from './TableRender';
|
|
35
|
-
export { default as Tree } from './Tree';
|
|
36
38
|
export { default as UploadOss } from './UploadOss';
|
|
37
39
|
export { default as VirtualList } from './VirtualList';
|
|
38
40
|
export { default as Tag } from './Tag';
|
|
@@ -65,4 +67,14 @@ export { default as Transfer } from './Transfer';
|
|
|
65
67
|
export { default as TreeSelect } from './TreeSelect';
|
|
66
68
|
export { default as Calendar } from './Calendar';
|
|
67
69
|
export { default as Carousel } from './Carousel';
|
|
68
|
-
export { default as Alert } from './Alert';
|
|
70
|
+
export { default as Alert } from './Alert';
|
|
71
|
+
export { default as Segmented } from './Segmented';
|
|
72
|
+
export { default as Approval } from './Approval';
|
|
73
|
+
export { default as TimePicker } from './TimePicker';
|
|
74
|
+
export { default as Collapse } from './Collapse';
|
|
75
|
+
export { default as Comment } from './Comment';
|
|
76
|
+
export { default as Statistic } from './Statistic';
|
|
77
|
+
export { default as Timeline } from './Timeline';
|
|
78
|
+
export { default as Tree } from './Tree';
|
|
79
|
+
export { default as Popconfirm } from './Popconfirm';
|
|
80
|
+
export { default as Progress } from './Progress';
|
package/lib/Approval/index.d.ts
CHANGED
|
@@ -27,21 +27,20 @@ var LmCardTableContainer = /*#__PURE__*/_react.default.memo(function (_ref) {
|
|
|
27
27
|
type = table.type;
|
|
28
28
|
var tableContainerRef = (0, _react.useRef)(null); // 行数据计算
|
|
29
29
|
|
|
30
|
-
var getRows = function
|
|
30
|
+
var getRows = (0, _react.useCallback)(function (columnCount) {
|
|
31
31
|
var arr = [];
|
|
32
32
|
var len = Math.ceil(dataSource.length / columnCount);
|
|
33
33
|
|
|
34
|
-
for (var i = 0; i < len; i
|
|
34
|
+
for (var i = 0; i < len; i += 1) {
|
|
35
35
|
var startIndex = columnCount * i;
|
|
36
36
|
var items = dataSource.slice(startIndex, startIndex + columnCount);
|
|
37
37
|
arr.push(items);
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
return arr;
|
|
41
|
-
}; // 获取容器盒子高宽
|
|
41
|
+
}, [dataSource]); // 获取容器盒子高宽
|
|
42
42
|
|
|
43
|
-
|
|
44
|
-
var getResize = function getResize() {
|
|
43
|
+
var getResize = (0, _react.useCallback)(function () {
|
|
45
44
|
var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
46
45
|
blockSize = _ref2.blockSize,
|
|
47
46
|
inlineSize = _ref2.inlineSize;
|
|
@@ -68,8 +67,7 @@ var LmCardTableContainer = /*#__PURE__*/_react.default.memo(function (_ref) {
|
|
|
68
67
|
type: 'changeRows',
|
|
69
68
|
rows: rows
|
|
70
69
|
});
|
|
71
|
-
}; // 获取表格高度
|
|
72
|
-
|
|
70
|
+
}, [getRows]); // 获取表格高度
|
|
73
71
|
|
|
74
72
|
useIsomorphicLayoutEffect(function () {
|
|
75
73
|
// 频繁变动可考虑增加防抖
|
|
@@ -86,7 +84,7 @@ var LmCardTableContainer = /*#__PURE__*/_react.default.memo(function (_ref) {
|
|
|
86
84
|
return function () {
|
|
87
85
|
return resizeObserver.disconnect();
|
|
88
86
|
};
|
|
89
|
-
}, [type]);
|
|
87
|
+
}, [type, getResize]);
|
|
90
88
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
91
89
|
ref: tableContainerRef,
|
|
92
90
|
className: "lm_card_table_container"
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
|
|
10
|
+
require("antd/es/config-provider/style");
|
|
11
|
+
|
|
12
|
+
var _configProvider = _interopRequireDefault(require("antd/es/config-provider"));
|
|
13
|
+
|
|
14
|
+
var _default = _configProvider.default;
|
|
15
|
+
exports.default = _default;
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
.lm-radio {
|
|
2
|
+
font-size: 12px;
|
|
3
|
+
line-height: 20px;
|
|
4
|
+
color: var(--font-color);
|
|
5
|
+
}
|
|
6
|
+
.lm-radio > span:last-child {
|
|
7
|
+
padding: 0;
|
|
8
|
+
margin: 0 8px;
|
|
9
|
+
max-width: 96px;
|
|
10
|
+
overflow: hidden;
|
|
11
|
+
white-space: nowrap;
|
|
12
|
+
}
|
|
13
|
+
.lm-radio .ant-radio .ant-radio-inner {
|
|
14
|
+
border-color: var(--stroke-color);
|
|
15
|
+
}
|
|
16
|
+
.lm-radio .ant-radio:hover .ant-radio-inner {
|
|
17
|
+
border-color: var(--primary-color);
|
|
18
|
+
}
|
|
19
|
+
.lm-radio .ant-radio-disabled.ant-radio-checked .ant-radio-inner:after {
|
|
20
|
+
background-color: var(--tip-text-color);
|
|
21
|
+
}
|
|
22
|
+
.lm-radio .ant-radio-disabled .ant-radio-inner {
|
|
23
|
+
background-color: var(--background-color);
|
|
24
|
+
border-color: var(--stroke-color) !important;
|
|
25
|
+
}
|
|
26
|
+
.lm-radio .ant-radio-disabled + span {
|
|
27
|
+
color: var(--disabled-font-color);
|
|
28
|
+
}
|
|
29
|
+
.lm-radio-group .ant-radio-button-wrapper {
|
|
30
|
+
font-size: 12px;
|
|
31
|
+
height: 32px;
|
|
32
|
+
padding: 0px 12px;
|
|
33
|
+
color: var(--font-color);
|
|
34
|
+
vertical-align: middle;
|
|
35
|
+
}
|
|
36
|
+
.lm-radio-group .ant-radio-button-wrapper .anticon {
|
|
37
|
+
font-size: 16px;
|
|
38
|
+
vertical-align: middle;
|
|
39
|
+
line-height: 1;
|
|
40
|
+
}
|
|
41
|
+
.lm-radio-group .ant-radio-button-wrapper:hover {
|
|
42
|
+
color: var(--primary-color);
|
|
43
|
+
}
|
|
44
|
+
.lm-radio-group .ant-radio-button-wrapper > span:last-child {
|
|
45
|
+
display: inline-block;
|
|
46
|
+
font-size: 12px;
|
|
47
|
+
max-width: 96px;
|
|
48
|
+
overflow: hidden;
|
|
49
|
+
white-space: nowrap;
|
|
50
|
+
}
|
|
51
|
+
.lm-radio-group .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']) .ant-radio-button-wrapper:first-child {
|
|
52
|
+
border-right-color: var(--primary-hover-color);
|
|
53
|
+
}
|
|
54
|
+
.lm-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
|
|
55
|
+
color: var(--primary-color);
|
|
56
|
+
border-color: var(--primary-color);
|
|
57
|
+
}
|
|
58
|
+
.lm-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
|
|
59
|
+
border-color: var(--primary-color);
|
|
60
|
+
}
|
|
61
|
+
.lm-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
|
|
62
|
+
color: var(--primary-hover-color);
|
|
63
|
+
border-color: var(--primary-hover-color);
|
|
64
|
+
}
|
|
65
|
+
.lm-radio-group.ant-radio-group-large .ant-radio-button-wrapper {
|
|
66
|
+
line-height: 38px;
|
|
67
|
+
height: 40px;
|
|
68
|
+
}
|
|
69
|
+
.lm-radio-group.ant-radio-group-large .ant-radio-button-wrapper > span:last-child {
|
|
70
|
+
line-height: 38px;
|
|
71
|
+
}
|
|
72
|
+
.lm-radio-group.ant-radio-group-small .ant-radio-button-wrapper {
|
|
73
|
+
line-height: 22px;
|
|
74
|
+
height: 24px;
|
|
75
|
+
padding: 0px 8px;
|
|
76
|
+
}
|
|
77
|
+
.lm-radio-group.ant-radio-group-small .ant-radio-button-wrapper > span:last-child {
|
|
78
|
+
line-height: 22px;
|
|
79
|
+
}
|
|
80
|
+
.lm-radio-group .ant-radio-wrapper {
|
|
81
|
+
font-size: 12px;
|
|
82
|
+
line-height: 20px;
|
|
83
|
+
color: var(--font-color);
|
|
84
|
+
}
|
|
85
|
+
.lm-radio-group .ant-radio-wrapper > span:last-child {
|
|
86
|
+
padding: 0;
|
|
87
|
+
margin: 0 8px;
|
|
88
|
+
max-width: 96px;
|
|
89
|
+
overflow: hidden;
|
|
90
|
+
white-space: nowrap;
|
|
91
|
+
}
|
|
92
|
+
.lm-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner {
|
|
93
|
+
border-color: var(--stroke-color);
|
|
94
|
+
}
|
|
95
|
+
.lm-radio-group .ant-radio-wrapper .ant-radio:hover .ant-radio-inner {
|
|
96
|
+
border-color: var(--primary-color);
|
|
97
|
+
}
|
|
98
|
+
.lm-radio-group .ant-radio-wrapper .ant-radio-disabled.ant-radio-checked .ant-radio-inner:after {
|
|
99
|
+
background-color: var(--tip-text-color);
|
|
100
|
+
}
|
|
101
|
+
.lm-radio-group .ant-radio-wrapper .ant-radio-disabled .ant-radio-inner {
|
|
102
|
+
background-color: var(--background-color);
|
|
103
|
+
border-color: var(--stroke-color) !important;
|
|
104
|
+
}
|
|
105
|
+
.lm-radio-group .ant-radio-wrapper .ant-radio-disabled + span {
|
|
106
|
+
color: var(--disabled-font-color);
|
|
107
|
+
}
|
|
108
|
+
.lm-radio-group .ant-radio-button-wrapper-disabled {
|
|
109
|
+
color: var(--disabled-font-color);
|
|
110
|
+
background-color: var(--disabled-bg-color);
|
|
111
|
+
border-color: var(--stroke-color);
|
|
112
|
+
}
|
|
113
|
+
.lm-radio-group .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
|
|
114
|
+
color: #b8b8b8 !important;
|
|
115
|
+
background-color: var(--background-color-hover);
|
|
116
|
+
border-color: var(--stroke-color);
|
|
117
|
+
}
|
|
118
|
+
.lm-radio-group .ant-radio-button-wrapper-disabled:hover {
|
|
119
|
+
color: var(--disabled-font-color);
|
|
120
|
+
}
|
|
121
|
+
.lm-radio-group.lm-radio-group-row {
|
|
122
|
+
display: flex;
|
|
123
|
+
flex-direction: row;
|
|
124
|
+
}
|
|
125
|
+
.lm-radio-group.lm-radio-group-column {
|
|
126
|
+
display: flex;
|
|
127
|
+
flex-direction: column;
|
|
128
|
+
}
|
|
129
|
+
.lm-radio-group.lm-radio-group-column .lm-radio {
|
|
130
|
+
margin-bottom: 12px;
|
|
131
|
+
}
|
|
132
|
+
.lm-radio-group.lm-radio-group-column .lm-radio > span:last-child {
|
|
133
|
+
max-width: 216px;
|
|
134
|
+
overflow: hidden;
|
|
135
|
+
white-space: nowrap;
|
|
136
|
+
padding: 0;
|
|
137
|
+
margin: 0 8px;
|
|
138
|
+
}
|
|
139
|
+
.lm-radio-group.lm-radio-group-column .lm-radio:last-child {
|
|
140
|
+
margin-bottom: 0;
|
|
141
|
+
}
|
|
@@ -30,9 +30,18 @@ var LmImageViewer = function LmImageViewer(_a, ref) {
|
|
|
30
30
|
var resetProps = __rest(_a, []);
|
|
31
31
|
|
|
32
32
|
var defaultRef = (0, _react.useRef)(null);
|
|
33
|
+
var defaultConfig = Object.assign({
|
|
34
|
+
visible: null,
|
|
35
|
+
urlList: [],
|
|
36
|
+
zIndex: 2001,
|
|
37
|
+
initialIndex: 0,
|
|
38
|
+
infinite: false,
|
|
39
|
+
hideOnClickModal: true,
|
|
40
|
+
close: function close() {}
|
|
41
|
+
}, resetProps);
|
|
33
42
|
return /*#__PURE__*/_react.default.createElement(_Root.default, Object.assign({
|
|
34
43
|
ref: ref || defaultRef
|
|
35
|
-
},
|
|
44
|
+
}, defaultConfig));
|
|
36
45
|
};
|
|
37
46
|
|
|
38
47
|
var _default = /*#__PURE__*/(0, _react.forwardRef)(LmImageViewer);
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
|
|
12
|
+
var _linkmoreDesign = require("linkmore-design");
|
|
13
|
+
|
|
14
|
+
var Arrows = function Arrows(_ref) {
|
|
15
|
+
var instance = _ref.instance;
|
|
16
|
+
var slickNext = instance.slickNext,
|
|
17
|
+
slickPrev = instance.slickPrev;
|
|
18
|
+
|
|
19
|
+
var handlePreNext = function handlePreNext(e, type) {
|
|
20
|
+
e.stopPropagation();
|
|
21
|
+
|
|
22
|
+
if (type === 'next') {
|
|
23
|
+
slickNext();
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
if (type === 'prev') {
|
|
27
|
+
slickPrev();
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
32
|
+
className: "arrow arrow_left",
|
|
33
|
+
onClick: function onClick(e) {
|
|
34
|
+
return handlePreNext(e, 'prev');
|
|
35
|
+
}
|
|
36
|
+
}, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
|
|
37
|
+
type: "lmweb-left"
|
|
38
|
+
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
39
|
+
className: "arrow arrow_right",
|
|
40
|
+
onClick: function onClick(e) {
|
|
41
|
+
return handlePreNext(e, 'next');
|
|
42
|
+
}
|
|
43
|
+
}, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
|
|
44
|
+
type: "lmweb-right"
|
|
45
|
+
})));
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
var _default = Arrows;
|
|
49
|
+
exports.default = _default;
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
12
|
+
var _linkmoreDesign = require("linkmore-design");
|
|
13
|
+
|
|
14
|
+
var ListItem = function ListItem(_ref) {
|
|
15
|
+
var key = _ref.key,
|
|
16
|
+
index = _ref.index,
|
|
17
|
+
item = _ref.item,
|
|
18
|
+
instance = _ref.instance;
|
|
19
|
+
var state = instance.state;
|
|
20
|
+
var transformProps = (0, _react.useMemo)(function () {
|
|
21
|
+
if (index !== state.currentIndex) return {};
|
|
22
|
+
var _state$transform = state.transform,
|
|
23
|
+
scale = _state$transform.scale,
|
|
24
|
+
rotateZ = _state$transform.rotateZ;
|
|
25
|
+
return {
|
|
26
|
+
transform: "scale(".concat(scale, ") rotateZ(").concat(rotateZ, "deg)")
|
|
27
|
+
};
|
|
28
|
+
}, [state.currentIndex, state.transform]);
|
|
29
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
30
|
+
className: "preview_item",
|
|
31
|
+
key: key
|
|
32
|
+
}, /*#__PURE__*/_react.default.createElement("img", {
|
|
33
|
+
src: item,
|
|
34
|
+
alt: "",
|
|
35
|
+
style: transformProps
|
|
36
|
+
}));
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
var BigImg = function BigImg(_ref2) {
|
|
40
|
+
var instance = _ref2.instance;
|
|
41
|
+
var urlList = instance.urlList,
|
|
42
|
+
previewRef = instance.previewRef,
|
|
43
|
+
infinite = instance.infinite,
|
|
44
|
+
setTransform = instance.setTransform,
|
|
45
|
+
afterChange = instance.afterChange;
|
|
46
|
+
var onWheel = (0, _react.useCallback)(function (e) {
|
|
47
|
+
// e?.preventDefault()
|
|
48
|
+
// e.stopPropagation()
|
|
49
|
+
if ((e === null || e === void 0 ? void 0 : e.deltaY) <= 0) {
|
|
50
|
+
setTransform('zoomIn');
|
|
51
|
+
} else {
|
|
52
|
+
setTransform('zoomOut');
|
|
53
|
+
}
|
|
54
|
+
}, [setTransform]);
|
|
55
|
+
var config = {
|
|
56
|
+
dots: false,
|
|
57
|
+
infinite: infinite,
|
|
58
|
+
// lazyLoad: true, // 懒加载
|
|
59
|
+
adaptiveHeight: false,
|
|
60
|
+
afterChange: afterChange // customPaging: (i) => <img src={urlList[i]} alt="" />,
|
|
61
|
+
|
|
62
|
+
};
|
|
63
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
64
|
+
className: "preview_list",
|
|
65
|
+
onClick: function onClick(e) {
|
|
66
|
+
return e.stopPropagation();
|
|
67
|
+
},
|
|
68
|
+
onWheel: onWheel
|
|
69
|
+
}, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Carousel, Object.assign({
|
|
70
|
+
ref: previewRef
|
|
71
|
+
}, config), urlList.map(function (v, idx) {
|
|
72
|
+
return /*#__PURE__*/_react.default.createElement(ListItem, {
|
|
73
|
+
key: idx || v,
|
|
74
|
+
index: idx,
|
|
75
|
+
item: v,
|
|
76
|
+
instance: instance
|
|
77
|
+
});
|
|
78
|
+
})));
|
|
79
|
+
};
|
|
80
|
+
|
|
81
|
+
var _default = BigImg;
|
|
82
|
+
exports.default = _default;
|