linkmore-design 1.1.9 → 1.1.10
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/CHANGELOG.md +673 -647
- package/dist/index.umd.js +48 -39
- package/dist/index.umd.min.js +4 -4
- package/dist/variables.css +121 -0
- package/es/ImageViewer/components/Operate.js +5 -2
- package/es/LmTable/Table.js +9 -5
- package/es/LmTable/style/index.css +3 -0
- package/es/LmTable/style/variables.css +3 -0
- package/es/LmUpload/style/index.css +118 -0
- package/es/LmUpload/style/variables.css +118 -0
- package/es/styles/variables.css +121 -0
- package/lib/ImageViewer/components/Operate.js +6 -2
- package/lib/LmTable/Table.js +9 -5
- package/lib/LmTable/style/index.css +3 -0
- package/lib/LmTable/style/variables.css +3 -0
- package/lib/LmUpload/style/index.css +118 -0
- package/lib/LmUpload/style/variables.css +118 -0
- package/lib/styles/variables.css +121 -0
- package/package.json +1 -6
|
@@ -1,3 +1,121 @@
|
|
|
1
|
+
.lm_image_viewer_wrapper {
|
|
2
|
+
position: fixed;
|
|
3
|
+
z-index: 1001;
|
|
4
|
+
inset: 0;
|
|
5
|
+
}
|
|
6
|
+
.lm_image_viewer_wrapper .lm_image_viewer_mask {
|
|
7
|
+
position: absolute;
|
|
8
|
+
background-color: rgba(0, 0, 0, 0.5);
|
|
9
|
+
inset: 0;
|
|
10
|
+
}
|
|
11
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container {
|
|
12
|
+
position: relative;
|
|
13
|
+
z-index: 2;
|
|
14
|
+
display: flex;
|
|
15
|
+
flex-flow: column;
|
|
16
|
+
gap: var(--gap);
|
|
17
|
+
align-items: center;
|
|
18
|
+
height: 100vh;
|
|
19
|
+
padding: 50px 0;
|
|
20
|
+
}
|
|
21
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list {
|
|
22
|
+
flex: 1;
|
|
23
|
+
width: 51%;
|
|
24
|
+
max-height: 100%;
|
|
25
|
+
overflow: hidden;
|
|
26
|
+
touch-action: none;
|
|
27
|
+
}
|
|
28
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list div {
|
|
29
|
+
height: 100%;
|
|
30
|
+
}
|
|
31
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list .preview_item {
|
|
32
|
+
overflow: hidden;
|
|
33
|
+
text-align: center;
|
|
34
|
+
border-radius: 2px;
|
|
35
|
+
}
|
|
36
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list .preview_item img {
|
|
37
|
+
display: inline-block;
|
|
38
|
+
width: 100%;
|
|
39
|
+
height: 100%;
|
|
40
|
+
object-fit: contain;
|
|
41
|
+
transition: 0.3s;
|
|
42
|
+
}
|
|
43
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list {
|
|
44
|
+
display: flex;
|
|
45
|
+
gap: var(--gap);
|
|
46
|
+
width: 51%;
|
|
47
|
+
overflow-x: auto;
|
|
48
|
+
overflow-y: hidden;
|
|
49
|
+
}
|
|
50
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item {
|
|
51
|
+
display: inline-flex;
|
|
52
|
+
align-items: center;
|
|
53
|
+
justify-content: center;
|
|
54
|
+
width: 98px;
|
|
55
|
+
height: 98px;
|
|
56
|
+
text-align: center;
|
|
57
|
+
background-color: var(--color-contrast);
|
|
58
|
+
border: 2px solid transparent;
|
|
59
|
+
border-radius: 2px;
|
|
60
|
+
transition: 0.3s;
|
|
61
|
+
}
|
|
62
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item .thumb_item_icon {
|
|
63
|
+
color: var(--color-45);
|
|
64
|
+
font-size: 34px;
|
|
65
|
+
}
|
|
66
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item img {
|
|
67
|
+
display: inline-block;
|
|
68
|
+
width: 94px;
|
|
69
|
+
height: 94px;
|
|
70
|
+
object-fit: cover;
|
|
71
|
+
}
|
|
72
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item.active {
|
|
73
|
+
border-color: var(--primary-color);
|
|
74
|
+
}
|
|
75
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action {
|
|
76
|
+
position: absolute;
|
|
77
|
+
bottom: 50px;
|
|
78
|
+
left: 50%;
|
|
79
|
+
display: flex;
|
|
80
|
+
gap: 24px;
|
|
81
|
+
align-items: center;
|
|
82
|
+
justify-content: space-between;
|
|
83
|
+
padding: 8px 12px;
|
|
84
|
+
font-size: 24px;
|
|
85
|
+
background-color: #fff;
|
|
86
|
+
border-radius: 100px;
|
|
87
|
+
transform: translateX(-50%);
|
|
88
|
+
}
|
|
89
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action .anticon {
|
|
90
|
+
cursor: pointer;
|
|
91
|
+
transition: 0.3s;
|
|
92
|
+
}
|
|
93
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action .anticon:hover {
|
|
94
|
+
color: var(--primary-color);
|
|
95
|
+
}
|
|
96
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .arrow {
|
|
97
|
+
position: absolute;
|
|
98
|
+
top: 50%;
|
|
99
|
+
display: flex;
|
|
100
|
+
align-items: center;
|
|
101
|
+
justify-content: center;
|
|
102
|
+
height: 48px;
|
|
103
|
+
color: var(--color-contrast);
|
|
104
|
+
font-size: 32px;
|
|
105
|
+
background-color: var(--text-color);
|
|
106
|
+
transform: translateY(-50%);
|
|
107
|
+
cursor: pointer;
|
|
108
|
+
transition: 0.3s;
|
|
109
|
+
}
|
|
110
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .arrow.arrow_left {
|
|
111
|
+
left: 40px;
|
|
112
|
+
}
|
|
113
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .arrow.arrow_right {
|
|
114
|
+
right: 40px;
|
|
115
|
+
}
|
|
116
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .arrow:hover {
|
|
117
|
+
color: var(--primary-color);
|
|
118
|
+
}
|
|
1
119
|
.lm_upload_wrapper {
|
|
2
120
|
display: flex;
|
|
3
121
|
flex-wrap: wrap;
|
|
@@ -1,3 +1,121 @@
|
|
|
1
|
+
.lm_image_viewer_wrapper {
|
|
2
|
+
position: fixed;
|
|
3
|
+
z-index: 1001;
|
|
4
|
+
inset: 0;
|
|
5
|
+
}
|
|
6
|
+
.lm_image_viewer_wrapper .lm_image_viewer_mask {
|
|
7
|
+
position: absolute;
|
|
8
|
+
background-color: rgba(0, 0, 0, 0.5);
|
|
9
|
+
inset: 0;
|
|
10
|
+
}
|
|
11
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container {
|
|
12
|
+
position: relative;
|
|
13
|
+
z-index: 2;
|
|
14
|
+
display: flex;
|
|
15
|
+
flex-flow: column;
|
|
16
|
+
gap: var(--gap);
|
|
17
|
+
align-items: center;
|
|
18
|
+
height: 100vh;
|
|
19
|
+
padding: 50px 0;
|
|
20
|
+
}
|
|
21
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list {
|
|
22
|
+
flex: 1;
|
|
23
|
+
width: 51%;
|
|
24
|
+
max-height: 100%;
|
|
25
|
+
overflow: hidden;
|
|
26
|
+
touch-action: none;
|
|
27
|
+
}
|
|
28
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list div {
|
|
29
|
+
height: 100%;
|
|
30
|
+
}
|
|
31
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list .preview_item {
|
|
32
|
+
overflow: hidden;
|
|
33
|
+
text-align: center;
|
|
34
|
+
border-radius: 2px;
|
|
35
|
+
}
|
|
36
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list .preview_item img {
|
|
37
|
+
display: inline-block;
|
|
38
|
+
width: 100%;
|
|
39
|
+
height: 100%;
|
|
40
|
+
object-fit: contain;
|
|
41
|
+
transition: 0.3s;
|
|
42
|
+
}
|
|
43
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list {
|
|
44
|
+
display: flex;
|
|
45
|
+
gap: var(--gap);
|
|
46
|
+
width: 51%;
|
|
47
|
+
overflow-x: auto;
|
|
48
|
+
overflow-y: hidden;
|
|
49
|
+
}
|
|
50
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item {
|
|
51
|
+
display: inline-flex;
|
|
52
|
+
align-items: center;
|
|
53
|
+
justify-content: center;
|
|
54
|
+
width: 98px;
|
|
55
|
+
height: 98px;
|
|
56
|
+
text-align: center;
|
|
57
|
+
background-color: var(--color-contrast);
|
|
58
|
+
border: 2px solid transparent;
|
|
59
|
+
border-radius: 2px;
|
|
60
|
+
transition: 0.3s;
|
|
61
|
+
}
|
|
62
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item .thumb_item_icon {
|
|
63
|
+
color: var(--color-45);
|
|
64
|
+
font-size: 34px;
|
|
65
|
+
}
|
|
66
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item img {
|
|
67
|
+
display: inline-block;
|
|
68
|
+
width: 94px;
|
|
69
|
+
height: 94px;
|
|
70
|
+
object-fit: cover;
|
|
71
|
+
}
|
|
72
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item.active {
|
|
73
|
+
border-color: var(--primary-color);
|
|
74
|
+
}
|
|
75
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action {
|
|
76
|
+
position: absolute;
|
|
77
|
+
bottom: 50px;
|
|
78
|
+
left: 50%;
|
|
79
|
+
display: flex;
|
|
80
|
+
gap: 24px;
|
|
81
|
+
align-items: center;
|
|
82
|
+
justify-content: space-between;
|
|
83
|
+
padding: 8px 12px;
|
|
84
|
+
font-size: 24px;
|
|
85
|
+
background-color: #fff;
|
|
86
|
+
border-radius: 100px;
|
|
87
|
+
transform: translateX(-50%);
|
|
88
|
+
}
|
|
89
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action .anticon {
|
|
90
|
+
cursor: pointer;
|
|
91
|
+
transition: 0.3s;
|
|
92
|
+
}
|
|
93
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action .anticon:hover {
|
|
94
|
+
color: var(--primary-color);
|
|
95
|
+
}
|
|
96
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .arrow {
|
|
97
|
+
position: absolute;
|
|
98
|
+
top: 50%;
|
|
99
|
+
display: flex;
|
|
100
|
+
align-items: center;
|
|
101
|
+
justify-content: center;
|
|
102
|
+
height: 48px;
|
|
103
|
+
color: var(--color-contrast);
|
|
104
|
+
font-size: 32px;
|
|
105
|
+
background-color: var(--text-color);
|
|
106
|
+
transform: translateY(-50%);
|
|
107
|
+
cursor: pointer;
|
|
108
|
+
transition: 0.3s;
|
|
109
|
+
}
|
|
110
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .arrow.arrow_left {
|
|
111
|
+
left: 40px;
|
|
112
|
+
}
|
|
113
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .arrow.arrow_right {
|
|
114
|
+
right: 40px;
|
|
115
|
+
}
|
|
116
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .arrow:hover {
|
|
117
|
+
color: var(--primary-color);
|
|
118
|
+
}
|
|
1
119
|
.lm_upload_wrapper {
|
|
2
120
|
display: flex;
|
|
3
121
|
flex-wrap: wrap;
|
package/lib/styles/variables.css
CHANGED
|
@@ -11266,6 +11266,9 @@ p {
|
|
|
11266
11266
|
height: 48px;
|
|
11267
11267
|
font-size: 12px;
|
|
11268
11268
|
}
|
|
11269
|
+
#lm_protable_warp .ant-table-tbody > tr > .ant-table-selection-column {
|
|
11270
|
+
text-align: left;
|
|
11271
|
+
}
|
|
11269
11272
|
#lm_protable_warp .ant-table-tbody > tr.ant-table-measure-row > td {
|
|
11270
11273
|
padding: 0 !important;
|
|
11271
11274
|
}
|
|
@@ -11647,6 +11650,124 @@ button.ant-table-row-expand-icon::after {
|
|
|
11647
11650
|
.WeChatContactsAvatarTools .rightClickItems:last-child {
|
|
11648
11651
|
border-bottom: 0;
|
|
11649
11652
|
}
|
|
11653
|
+
.lm_image_viewer_wrapper {
|
|
11654
|
+
position: fixed;
|
|
11655
|
+
z-index: 1001;
|
|
11656
|
+
inset: 0;
|
|
11657
|
+
}
|
|
11658
|
+
.lm_image_viewer_wrapper .lm_image_viewer_mask {
|
|
11659
|
+
position: absolute;
|
|
11660
|
+
background-color: rgba(0, 0, 0, 0.5);
|
|
11661
|
+
inset: 0;
|
|
11662
|
+
}
|
|
11663
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container {
|
|
11664
|
+
position: relative;
|
|
11665
|
+
z-index: 2;
|
|
11666
|
+
display: flex;
|
|
11667
|
+
flex-flow: column;
|
|
11668
|
+
gap: var(--gap);
|
|
11669
|
+
align-items: center;
|
|
11670
|
+
height: 100vh;
|
|
11671
|
+
padding: 50px 0;
|
|
11672
|
+
}
|
|
11673
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list {
|
|
11674
|
+
flex: 1;
|
|
11675
|
+
width: 51%;
|
|
11676
|
+
max-height: 100%;
|
|
11677
|
+
overflow: hidden;
|
|
11678
|
+
touch-action: none;
|
|
11679
|
+
}
|
|
11680
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list div {
|
|
11681
|
+
height: 100%;
|
|
11682
|
+
}
|
|
11683
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list .preview_item {
|
|
11684
|
+
overflow: hidden;
|
|
11685
|
+
text-align: center;
|
|
11686
|
+
border-radius: 2px;
|
|
11687
|
+
}
|
|
11688
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .preview_list .preview_item img {
|
|
11689
|
+
display: inline-block;
|
|
11690
|
+
width: 100%;
|
|
11691
|
+
height: 100%;
|
|
11692
|
+
object-fit: contain;
|
|
11693
|
+
transition: 0.3s;
|
|
11694
|
+
}
|
|
11695
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list {
|
|
11696
|
+
display: flex;
|
|
11697
|
+
gap: var(--gap);
|
|
11698
|
+
width: 51%;
|
|
11699
|
+
overflow-x: auto;
|
|
11700
|
+
overflow-y: hidden;
|
|
11701
|
+
}
|
|
11702
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item {
|
|
11703
|
+
display: inline-flex;
|
|
11704
|
+
align-items: center;
|
|
11705
|
+
justify-content: center;
|
|
11706
|
+
width: 98px;
|
|
11707
|
+
height: 98px;
|
|
11708
|
+
text-align: center;
|
|
11709
|
+
background-color: var(--color-contrast);
|
|
11710
|
+
border: 2px solid transparent;
|
|
11711
|
+
border-radius: 2px;
|
|
11712
|
+
transition: 0.3s;
|
|
11713
|
+
}
|
|
11714
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item .thumb_item_icon {
|
|
11715
|
+
color: var(--color-45);
|
|
11716
|
+
font-size: 34px;
|
|
11717
|
+
}
|
|
11718
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item img {
|
|
11719
|
+
display: inline-block;
|
|
11720
|
+
width: 94px;
|
|
11721
|
+
height: 94px;
|
|
11722
|
+
object-fit: cover;
|
|
11723
|
+
}
|
|
11724
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .thumb_list .thumb_item.active {
|
|
11725
|
+
border-color: var(--primary-color);
|
|
11726
|
+
}
|
|
11727
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action {
|
|
11728
|
+
position: absolute;
|
|
11729
|
+
bottom: 50px;
|
|
11730
|
+
left: 50%;
|
|
11731
|
+
display: flex;
|
|
11732
|
+
gap: 24px;
|
|
11733
|
+
align-items: center;
|
|
11734
|
+
justify-content: space-between;
|
|
11735
|
+
padding: 8px 12px;
|
|
11736
|
+
font-size: 24px;
|
|
11737
|
+
background-color: #fff;
|
|
11738
|
+
border-radius: 100px;
|
|
11739
|
+
transform: translateX(-50%);
|
|
11740
|
+
}
|
|
11741
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action .anticon {
|
|
11742
|
+
cursor: pointer;
|
|
11743
|
+
transition: 0.3s;
|
|
11744
|
+
}
|
|
11745
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .image_viewer_action .anticon:hover {
|
|
11746
|
+
color: var(--primary-color);
|
|
11747
|
+
}
|
|
11748
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .arrow {
|
|
11749
|
+
position: absolute;
|
|
11750
|
+
top: 50%;
|
|
11751
|
+
display: flex;
|
|
11752
|
+
align-items: center;
|
|
11753
|
+
justify-content: center;
|
|
11754
|
+
height: 48px;
|
|
11755
|
+
color: var(--color-contrast);
|
|
11756
|
+
font-size: 32px;
|
|
11757
|
+
background-color: var(--text-color);
|
|
11758
|
+
transform: translateY(-50%);
|
|
11759
|
+
cursor: pointer;
|
|
11760
|
+
transition: 0.3s;
|
|
11761
|
+
}
|
|
11762
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .arrow.arrow_left {
|
|
11763
|
+
left: 40px;
|
|
11764
|
+
}
|
|
11765
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .arrow.arrow_right {
|
|
11766
|
+
right: 40px;
|
|
11767
|
+
}
|
|
11768
|
+
.lm_image_viewer_wrapper .lm_image_viewer_container .arrow:hover {
|
|
11769
|
+
color: var(--primary-color);
|
|
11770
|
+
}
|
|
11650
11771
|
.lm_upload_wrapper {
|
|
11651
11772
|
display: flex;
|
|
11652
11773
|
flex-wrap: wrap;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "linkmore-design",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.10",
|
|
4
4
|
"author": {
|
|
5
5
|
"name": "nowthen",
|
|
6
6
|
"email": "rnlvwyx@gmail.com"
|
|
@@ -54,11 +54,6 @@
|
|
|
54
54
|
"yarn run lint:js"
|
|
55
55
|
]
|
|
56
56
|
},
|
|
57
|
-
"husky": {
|
|
58
|
-
"hooks": {
|
|
59
|
-
"commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
|
|
60
|
-
}
|
|
61
|
-
},
|
|
62
57
|
"dependencies": {
|
|
63
58
|
"@ant-design/charts": "^1.4.2",
|
|
64
59
|
"@ant-design/compatible": "1.0.8",
|