linkmore-design 1.1.13-alpha.2 → 1.1.13-alpha.3
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 +44 -10
- package/dist/ConfigProvider/context.d.ts +1 -0
- package/dist/Form/FormWrapper.d.ts +3 -0
- package/dist/Form/WrapperItem.d.ts +4 -0
- package/dist/Form/demos/responsive.d.ts +0 -1
- package/dist/Form/index.d.ts +2 -0
- package/dist/Form/interface.d.ts +12 -0
- package/dist/IconFont/demos/ConfigProvider.d.ts +2 -0
- package/dist/IconFont/index.d.ts +1 -2
- package/dist/LmTable/demos/summuy.d.ts +2 -0
- package/dist/TreeSelect/demos/treedata.d.ts +3 -0
- package/dist/index.umd.js +1213 -1013
- package/dist/index.umd.min.js +17 -17
- package/dist/variables.css +153 -98
- package/es/Cascader/style/index.css +1 -0
- package/es/Cascader/style/variables.css +1 -0
- package/es/ConfigProvider/context.d.ts +1 -0
- package/es/ConfigProvider/index.js +5 -3
- package/es/Form/Form.js +13 -4
- package/es/Form/FormItem/ItemHolder.js +1 -10
- package/es/Form/FormWrapper.d.ts +3 -0
- package/es/Form/FormWrapper.js +22 -0
- package/es/Form/WrapperItem.d.ts +4 -0
- package/es/Form/WrapperItem.js +217 -0
- package/es/Form/container.js +1 -13
- package/es/Form/images/icon_collapse.svg +1 -0
- package/es/Form/index.d.ts +2 -0
- package/es/Form/index.js +2 -0
- package/es/Form/interface.d.ts +12 -0
- package/es/Form/style/index.css +34 -44
- package/es/Form/style/variables.css +34 -44
- package/es/IconFont/index.d.ts +1 -2
- package/es/IconFont/index.js +18 -4
- package/es/ImageViewer/components/Operate.js +4 -7
- package/es/InputNumber/style/index.css +4 -0
- package/es/InputNumber/style/variables.css +4 -0
- package/es/LmEditTable/sortableItemCol.js +8 -5
- package/es/LmFilter/components/CheckboxFilter.js +9 -4
- package/es/LmFilter/components/DropdownFIlter.js +166 -115
- package/es/LmFilter/components/SelectFilter.js +4 -3
- package/es/LmFilter/filterFns/index.js +4 -6
- package/es/LmFilter/style/index.css +73 -54
- package/es/LmFilter/style/variables.css +73 -54
- package/es/LmFilter/utils.js +6 -6
- package/es/LmSelect/style/index.css +1 -0
- package/es/LmSelect/style/variables.css +1 -0
- package/es/LmTable/style/index.css +39 -0
- package/es/LmTable/style/variables.css +39 -0
- package/es/LmUpload/UploadList/ItemText.js +5 -1
- package/es/Select/style/index.css +1 -0
- package/es/Select/style/variables.css +1 -0
- package/es/styles/variables.css +153 -98
- package/lib/Cascader/style/index.css +1 -0
- package/lib/Cascader/style/variables.css +1 -0
- package/lib/ConfigProvider/context.d.ts +1 -0
- package/lib/ConfigProvider/index.js +5 -3
- package/lib/Form/Form.js +13 -4
- package/lib/Form/FormItem/ItemHolder.js +1 -10
- package/lib/Form/FormWrapper.d.ts +3 -0
- package/lib/Form/FormWrapper.js +34 -0
- package/lib/Form/WrapperItem.d.ts +4 -0
- package/lib/Form/WrapperItem.js +235 -0
- package/lib/Form/container.js +1 -13
- package/lib/Form/images/icon_collapse.svg +1 -0
- package/lib/Form/index.d.ts +2 -0
- package/lib/Form/index.js +3 -0
- package/lib/Form/interface.d.ts +12 -0
- package/lib/Form/style/index.css +34 -44
- package/lib/Form/style/variables.css +34 -44
- package/lib/IconFont/index.d.ts +1 -2
- package/lib/IconFont/index.js +25 -4
- package/lib/ImageViewer/components/Operate.js +4 -8
- package/lib/InputNumber/style/index.css +4 -0
- package/lib/InputNumber/style/variables.css +4 -0
- package/lib/LmEditTable/sortableItemCol.js +8 -5
- package/lib/LmFilter/components/CheckboxFilter.js +9 -4
- package/lib/LmFilter/components/DropdownFIlter.js +166 -115
- package/lib/LmFilter/components/SelectFilter.js +4 -3
- package/lib/LmFilter/filterFns/index.js +4 -6
- package/lib/LmFilter/style/index.css +73 -54
- package/lib/LmFilter/style/variables.css +73 -54
- package/lib/LmFilter/utils.js +6 -6
- package/lib/LmSelect/style/index.css +1 -0
- package/lib/LmSelect/style/variables.css +1 -0
- package/lib/LmTable/style/index.css +39 -0
- package/lib/LmTable/style/variables.css +39 -0
- package/lib/LmUpload/UploadList/ItemText.js +5 -1
- package/lib/Select/style/index.css +1 -0
- package/lib/Select/style/variables.css +1 -0
- package/lib/styles/variables.css +153 -98
- package/package.json +1 -1
package/es/styles/variables.css
CHANGED
|
@@ -1407,6 +1407,7 @@ p {
|
|
|
1407
1407
|
}
|
|
1408
1408
|
.lm_cascader.ant-select.ant-select {
|
|
1409
1409
|
font-size: 12px;
|
|
1410
|
+
width: 100%;
|
|
1410
1411
|
}
|
|
1411
1412
|
.lm_cascader_dropdown.ant-select-dropdown {
|
|
1412
1413
|
font-size: 12px;
|
|
@@ -8951,58 +8952,48 @@ p {
|
|
|
8951
8952
|
.lm_form.ant-form.ant-form-inline .ant-form-item-label {
|
|
8952
8953
|
text-align: left;
|
|
8953
8954
|
}
|
|
8954
|
-
.
|
|
8955
|
-
|
|
8956
|
-
}
|
|
8957
|
-
.lm_container_wrapper .lm_container.responsive {
|
|
8958
|
-
min-width: 990px;
|
|
8959
|
-
}
|
|
8960
|
-
.lm_container_wrapper .lm_container.responsive .lm_form.ant-form {
|
|
8961
|
-
display: flex;
|
|
8962
|
-
flex-direction: row;
|
|
8963
|
-
flex-wrap: wrap;
|
|
8955
|
+
.lm_form_responsive_box .lm_form {
|
|
8956
|
+
background: #f0f0f0;
|
|
8964
8957
|
}
|
|
8965
|
-
.
|
|
8966
|
-
|
|
8958
|
+
.lm_form_responsive_box .lm_form > .lm_container_wrapper {
|
|
8959
|
+
background: #f0f0f0;
|
|
8960
|
+
margin-bottom: 0;
|
|
8961
|
+
border-radius: 0;
|
|
8962
|
+
padding: 16px;
|
|
8967
8963
|
}
|
|
8968
|
-
.lm_container_wrapper
|
|
8969
|
-
|
|
8964
|
+
.lm_container_wrapper {
|
|
8965
|
+
overflow: auto;
|
|
8966
|
+
background: #fff;
|
|
8967
|
+
margin-bottom: 16px;
|
|
8968
|
+
border-radius: 2px;
|
|
8969
|
+
padding: 0;
|
|
8970
8970
|
}
|
|
8971
|
-
.lm_container_wrapper .
|
|
8971
|
+
.lm_container_wrapper .ant-cascader {
|
|
8972
8972
|
width: 100%;
|
|
8973
|
-
margin-right: 0;
|
|
8974
|
-
}
|
|
8975
|
-
.lm_container_wrapper .lm_container.responsive.lm_col_3 .ant-form-item-responsive {
|
|
8976
|
-
width: calc(33.3333% - 16px);
|
|
8977
|
-
margin-right: 24px;
|
|
8978
|
-
}
|
|
8979
|
-
.lm_container_wrapper .lm_container.responsive.lm_col_3 .ant-form-item-responsive.nth-three {
|
|
8980
|
-
margin-right: 0;
|
|
8981
8973
|
}
|
|
8982
|
-
.
|
|
8983
|
-
|
|
8984
|
-
|
|
8985
|
-
|
|
8986
|
-
|
|
8987
|
-
|
|
8988
|
-
|
|
8989
|
-
|
|
8990
|
-
|
|
8991
|
-
margin-right: 0;
|
|
8992
|
-
}
|
|
8993
|
-
.lm_container_wrapper .lm_container.responsive.lm_col_5 .ant-form-item {
|
|
8994
|
-
width: 100%;
|
|
8995
|
-
margin-right: 0;
|
|
8974
|
+
.form_responsive_group_title {
|
|
8975
|
+
display: flex;
|
|
8976
|
+
font-size: 14px;
|
|
8977
|
+
line-height: 22px;
|
|
8978
|
+
margin: 0;
|
|
8979
|
+
padding-top: 16px;
|
|
8980
|
+
color: var(--color-85);
|
|
8981
|
+
flex-basis: 100%;
|
|
8982
|
+
align-items: center;
|
|
8996
8983
|
}
|
|
8997
|
-
.
|
|
8998
|
-
|
|
8999
|
-
|
|
8984
|
+
.form_responsive_group_title h3 {
|
|
8985
|
+
flex: 1;
|
|
8986
|
+
font-weight: medium;
|
|
8987
|
+
font-size: 14px;
|
|
9000
8988
|
}
|
|
9001
|
-
.
|
|
9002
|
-
|
|
8989
|
+
.form_responsive_group_title img {
|
|
8990
|
+
cursor: pointer;
|
|
8991
|
+
width: 16px;
|
|
8992
|
+
height: 16px;
|
|
8993
|
+
transition: transform 0.24s;
|
|
9003
8994
|
}
|
|
9004
|
-
.
|
|
9005
|
-
|
|
8995
|
+
.form_responsive_group_title img.open {
|
|
8996
|
+
transform: rotate(180deg);
|
|
9006
8997
|
}
|
|
9007
8998
|
.lm_form-item-tip-error .ant-form-item-explain {
|
|
9008
8999
|
width: 100%;
|
|
@@ -9510,8 +9501,12 @@ p {
|
|
|
9510
9501
|
.ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
|
|
9511
9502
|
z-index: 2 !important;
|
|
9512
9503
|
}
|
|
9504
|
+
.lm_input-number {
|
|
9505
|
+
width: 100%;
|
|
9506
|
+
}
|
|
9513
9507
|
.lm_input-number.ant-input-number {
|
|
9514
9508
|
border: 1px solid var(--color-15);
|
|
9509
|
+
width: 100%;
|
|
9515
9510
|
}
|
|
9516
9511
|
.lm_input-number .ant-input-number-handler-wrap {
|
|
9517
9512
|
width: 28px;
|
|
@@ -9855,8 +9850,8 @@ p {
|
|
|
9855
9850
|
.lm_filter_wrapper .lm_filter_container .lm_filter {
|
|
9856
9851
|
display: flex;
|
|
9857
9852
|
flex-wrap: wrap;
|
|
9858
|
-
align-items: center;
|
|
9859
9853
|
gap: 8px;
|
|
9854
|
+
align-items: center;
|
|
9860
9855
|
font-size: 12px;
|
|
9861
9856
|
}
|
|
9862
9857
|
.lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_custom {
|
|
@@ -9867,14 +9862,14 @@ p {
|
|
|
9867
9862
|
display: inline-flex;
|
|
9868
9863
|
align-items: center;
|
|
9869
9864
|
justify-content: space-between;
|
|
9870
|
-
height: 32px;
|
|
9871
|
-
line-height: 1;
|
|
9872
9865
|
min-width: 100px;
|
|
9873
9866
|
max-width: 180px;
|
|
9867
|
+
height: 32px;
|
|
9868
|
+
padding: 0 8px;
|
|
9869
|
+
color: var(--font2-color);
|
|
9870
|
+
line-height: 1;
|
|
9874
9871
|
border: 1px solid var(--color-15);
|
|
9875
9872
|
border-radius: 2px;
|
|
9876
|
-
color: var(--font2-color);
|
|
9877
|
-
padding: 0 8px;
|
|
9878
9873
|
cursor: pointer;
|
|
9879
9874
|
transition: 0.3s;
|
|
9880
9875
|
}
|
|
@@ -9882,13 +9877,13 @@ p {
|
|
|
9882
9877
|
height: 24px;
|
|
9883
9878
|
}
|
|
9884
9879
|
.lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_custom .lm_filter_custom_select .lm_filter_custom_select_label span {
|
|
9885
|
-
text-overflow: ellipsis;
|
|
9886
|
-
white-space: nowrap;
|
|
9887
9880
|
overflow: hidden;
|
|
9881
|
+
white-space: nowrap;
|
|
9882
|
+
text-overflow: ellipsis;
|
|
9888
9883
|
}
|
|
9889
9884
|
.lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_custom .lm_filter_custom_select .lm_filter_custom_select_icon {
|
|
9890
|
-
font-size: 14px;
|
|
9891
9885
|
color: var(--text-color);
|
|
9886
|
+
font-size: 14px;
|
|
9892
9887
|
transition: 0.3s;
|
|
9893
9888
|
}
|
|
9894
9889
|
.lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_custom .lm_filter_custom_select:hover {
|
|
@@ -9917,16 +9912,17 @@ p {
|
|
|
9917
9912
|
height: 24px;
|
|
9918
9913
|
}
|
|
9919
9914
|
.lm_filter_basic_item {
|
|
9920
|
-
font-size: 12px;
|
|
9921
9915
|
display: inline-flex;
|
|
9916
|
+
gap: 4px;
|
|
9922
9917
|
align-items: center;
|
|
9918
|
+
height: 32px;
|
|
9919
|
+
padding: 0 8px;
|
|
9920
|
+
font-size: 12px;
|
|
9923
9921
|
line-height: 1;
|
|
9922
|
+
vertical-align: middle;
|
|
9924
9923
|
border-radius: 2px;
|
|
9925
|
-
padding: 0 8px;
|
|
9926
|
-
transition: 0.3s;
|
|
9927
9924
|
cursor: pointer;
|
|
9928
|
-
|
|
9929
|
-
gap: 4px;
|
|
9925
|
+
transition: 0.3s;
|
|
9930
9926
|
}
|
|
9931
9927
|
.lm_filter_basic_item.small {
|
|
9932
9928
|
height: 24px;
|
|
@@ -9936,16 +9932,26 @@ p {
|
|
|
9936
9932
|
.lm_filter_basic_item.active {
|
|
9937
9933
|
background-color: var(--color-4);
|
|
9938
9934
|
}
|
|
9935
|
+
.lm_filter_basic_item .filter_item_label {
|
|
9936
|
+
flex: 0 0 auto;
|
|
9937
|
+
}
|
|
9939
9938
|
.lm_filter_basic_item .filter_item_value {
|
|
9940
9939
|
display: inline-flex;
|
|
9941
|
-
align-items: center;
|
|
9942
9940
|
gap: 4px;
|
|
9941
|
+
align-items: center;
|
|
9942
|
+
max-width: 552px;
|
|
9943
|
+
overflow: hidden;
|
|
9943
9944
|
color: var(--text-color);
|
|
9944
9945
|
transition: 0.3s;
|
|
9945
9946
|
}
|
|
9947
|
+
.lm_filter_basic_item .filter_item_value span {
|
|
9948
|
+
overflow: hidden;
|
|
9949
|
+
white-space: nowrap;
|
|
9950
|
+
text-overflow: ellipsis;
|
|
9951
|
+
}
|
|
9946
9952
|
.lm_filter_basic_item .filter_item_icon {
|
|
9947
|
-
font-size: 14px;
|
|
9948
9953
|
color: var(--text-color);
|
|
9954
|
+
font-size: 14px;
|
|
9949
9955
|
transition: 0.3s;
|
|
9950
9956
|
}
|
|
9951
9957
|
.lm_filter_basic_item .filter_item_icon.addon_before {
|
|
@@ -9968,19 +9974,19 @@ p {
|
|
|
9968
9974
|
transform: translateY(-4px);
|
|
9969
9975
|
}
|
|
9970
9976
|
.ant-dropdown.filter_dropdown_container_date .ant-picker {
|
|
9971
|
-
visibility: hidden;
|
|
9972
9977
|
transform: translateY(-36px);
|
|
9978
|
+
visibility: hidden;
|
|
9973
9979
|
}
|
|
9974
9980
|
.filter_dropdown {
|
|
9975
9981
|
display: flex;
|
|
9976
9982
|
flex-flow: column;
|
|
9977
|
-
box-shadow: 0 2px 6px var(--box-shadow-color);
|
|
9978
9983
|
background-color: #fff;
|
|
9984
|
+
box-shadow: 0 2px 6px var(--box-shadow-color);
|
|
9979
9985
|
}
|
|
9980
9986
|
.filter_dropdown .filter_header {
|
|
9981
9987
|
min-height: 40px;
|
|
9982
|
-
border-bottom: 1px solid #eee;
|
|
9983
9988
|
padding: 8px;
|
|
9989
|
+
border-bottom: 1px solid #eee;
|
|
9984
9990
|
}
|
|
9985
9991
|
.filter_dropdown .filter_header .filter_header_operate {
|
|
9986
9992
|
display: flex;
|
|
@@ -9992,13 +9998,13 @@ p {
|
|
|
9992
9998
|
align-items: center;
|
|
9993
9999
|
}
|
|
9994
10000
|
.filter_dropdown .filter_header .filter_header_operate .filter_reset {
|
|
9995
|
-
font-size: 12px;
|
|
9996
10001
|
color: var(--primary-color);
|
|
10002
|
+
font-size: 12px;
|
|
9997
10003
|
cursor: pointer;
|
|
9998
10004
|
}
|
|
9999
10005
|
.filter_dropdown .filter_header .filter_header_operate .filter_tip {
|
|
10000
|
-
font-size: 12px;
|
|
10001
10006
|
color: var(--text-color);
|
|
10007
|
+
font-size: 12px;
|
|
10002
10008
|
}
|
|
10003
10009
|
.filter_dropdown .filter_header .ant-input-group {
|
|
10004
10010
|
line-height: 1;
|
|
@@ -10019,32 +10025,40 @@ p {
|
|
|
10019
10025
|
}
|
|
10020
10026
|
.filter_dropdown .filter_body .filter_item {
|
|
10021
10027
|
display: flex;
|
|
10028
|
+
gap: 8px;
|
|
10022
10029
|
align-items: center;
|
|
10023
10030
|
justify-content: space-between;
|
|
10024
|
-
font-size: 12px;
|
|
10025
|
-
height: 32px;
|
|
10026
10031
|
min-width: 120px;
|
|
10032
|
+
height: 32px;
|
|
10027
10033
|
padding: 0 8px;
|
|
10028
|
-
|
|
10034
|
+
font-size: 12px;
|
|
10029
10035
|
white-space: nowrap;
|
|
10030
10036
|
cursor: pointer;
|
|
10031
|
-
|
|
10037
|
+
transition: 0.3s;
|
|
10032
10038
|
}
|
|
10033
10039
|
.filter_dropdown .filter_body .filter_item.last_item {
|
|
10034
10040
|
border-top: 1px solid var(--line-color);
|
|
10035
10041
|
}
|
|
10036
10042
|
.filter_dropdown .filter_body .filter_item .filter_item_content {
|
|
10037
10043
|
flex: auto;
|
|
10044
|
+
overflow: hidden;
|
|
10045
|
+
white-space: nowrap;
|
|
10046
|
+
text-overflow: ellipsis;
|
|
10047
|
+
}
|
|
10048
|
+
.filter_dropdown .filter_body .filter_item .filter_item_content.lm-checkbox > span:last-child {
|
|
10049
|
+
max-width: none;
|
|
10050
|
+
overflow: hidden;
|
|
10051
|
+
text-overflow: ellipsis;
|
|
10038
10052
|
}
|
|
10039
10053
|
.filter_dropdown .filter_body .filter_item .filter_item_operate {
|
|
10040
10054
|
display: inline-flex;
|
|
10041
|
-
align-items: center;
|
|
10042
10055
|
gap: 4px;
|
|
10056
|
+
align-items: center;
|
|
10043
10057
|
}
|
|
10044
10058
|
.filter_dropdown .filter_body .filter_item .filter_item_operate .icon_hover {
|
|
10045
10059
|
font-size: 16px;
|
|
10046
|
-
transition: 0.3s;
|
|
10047
10060
|
opacity: 0;
|
|
10061
|
+
transition: 0.3s;
|
|
10048
10062
|
}
|
|
10049
10063
|
.filter_dropdown .filter_body .filter_item .filter_item_operate .icon_hover:hover {
|
|
10050
10064
|
color: var(--primary-color);
|
|
@@ -10066,15 +10080,15 @@ p {
|
|
|
10066
10080
|
display: flex;
|
|
10067
10081
|
align-items: center;
|
|
10068
10082
|
justify-content: space-between;
|
|
10069
|
-
font-size: 12px;
|
|
10070
10083
|
min-height: 32px;
|
|
10071
10084
|
padding: 6px 8px;
|
|
10072
|
-
|
|
10085
|
+
font-size: 12px;
|
|
10073
10086
|
letter-spacing: 1px;
|
|
10087
|
+
border-top: 1px solid #eee;
|
|
10074
10088
|
}
|
|
10075
10089
|
.filter_dropdown .filter_footer button {
|
|
10076
|
-
font-size: 12px;
|
|
10077
10090
|
padding: 0 8px;
|
|
10091
|
+
font-size: 12px;
|
|
10078
10092
|
}
|
|
10079
10093
|
.filter_dropdown .filter_footer .footer_save {
|
|
10080
10094
|
color: var(--primary-color);
|
|
@@ -10092,14 +10106,14 @@ p {
|
|
|
10092
10106
|
.filter_dropdown .filter_empty {
|
|
10093
10107
|
display: flex;
|
|
10094
10108
|
flex-flow: column;
|
|
10109
|
+
gap: 4px;
|
|
10095
10110
|
align-items: center;
|
|
10096
10111
|
justify-content: center;
|
|
10097
|
-
font-size: 12px;
|
|
10098
10112
|
min-height: 40px;
|
|
10099
|
-
color: #666;
|
|
10100
|
-
padding: 16px 8px;
|
|
10101
10113
|
margin: auto;
|
|
10102
|
-
|
|
10114
|
+
padding: 16px 8px;
|
|
10115
|
+
color: #666;
|
|
10116
|
+
font-size: 12px;
|
|
10103
10117
|
}
|
|
10104
10118
|
.filter_dropdown .filter_empty .filter_empty_text {
|
|
10105
10119
|
display: inline-flex;
|
|
@@ -10110,8 +10124,8 @@ p {
|
|
|
10110
10124
|
}
|
|
10111
10125
|
.filter_dropdown .ant-checkbox-wrapper {
|
|
10112
10126
|
flex: 1;
|
|
10113
|
-
font-size: 12px;
|
|
10114
10127
|
align-items: center;
|
|
10128
|
+
font-size: 12px;
|
|
10115
10129
|
}
|
|
10116
10130
|
.filter_dropdown .ant-checkbox-wrapper .ant-checkbox {
|
|
10117
10131
|
top: initial;
|
|
@@ -10147,18 +10161,18 @@ p {
|
|
|
10147
10161
|
padding: 0 0 8px;
|
|
10148
10162
|
}
|
|
10149
10163
|
.ant-drawer.lm_filter_drawer .filter_drawer_group_add .ant-btn {
|
|
10150
|
-
font-size: 12px;
|
|
10151
10164
|
max-width: initial;
|
|
10165
|
+
font-size: 12px;
|
|
10152
10166
|
}
|
|
10153
10167
|
.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item {
|
|
10154
10168
|
margin-bottom: var(--gap);
|
|
10155
10169
|
}
|
|
10156
10170
|
.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box {
|
|
10171
|
+
padding: calc(var(--gap) * 2);
|
|
10157
10172
|
line-height: 1;
|
|
10173
|
+
background: var(--background-color);
|
|
10158
10174
|
border: 1px solid transparent;
|
|
10159
10175
|
border-radius: 2px;
|
|
10160
|
-
background: var(--background-color);
|
|
10161
|
-
padding: calc(var(--gap) * 2);
|
|
10162
10176
|
cursor: pointer;
|
|
10163
10177
|
transition: 0.3s;
|
|
10164
10178
|
}
|
|
@@ -10168,12 +10182,12 @@ p {
|
|
|
10168
10182
|
justify-content: space-between;
|
|
10169
10183
|
}
|
|
10170
10184
|
.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_header .item_header_title {
|
|
10171
|
-
font-size: 12px;
|
|
10172
10185
|
font-weight: 500;
|
|
10186
|
+
font-size: 12px;
|
|
10173
10187
|
}
|
|
10174
10188
|
.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_header .item_header_icon {
|
|
10189
|
+
color: #8c8c8c;
|
|
10175
10190
|
font-size: 16px;
|
|
10176
|
-
color: #8C8C8C;
|
|
10177
10191
|
transition: 0.3s;
|
|
10178
10192
|
}
|
|
10179
10193
|
.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_header .item_header_icon.icon_plus {
|
|
@@ -10189,9 +10203,9 @@ p {
|
|
|
10189
10203
|
padding-top: 12px;
|
|
10190
10204
|
}
|
|
10191
10205
|
.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_tags .ant-tag {
|
|
10206
|
+
margin: 0;
|
|
10192
10207
|
color: var(--font-color);
|
|
10193
10208
|
background-color: var(--background-color);
|
|
10194
|
-
margin: 0;
|
|
10195
10209
|
}
|
|
10196
10210
|
.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_tags .ant-tag.add_tags {
|
|
10197
10211
|
background: transparent;
|
|
@@ -10211,8 +10225,8 @@ p {
|
|
|
10211
10225
|
margin-bottom: 24px;
|
|
10212
10226
|
}
|
|
10213
10227
|
.ant-drawer.lm_filter_drawer .complex_filter_body .list_group .list_group_title {
|
|
10214
|
-
font-size: 14px;
|
|
10215
10228
|
font-weight: 500;
|
|
10229
|
+
font-size: 14px;
|
|
10216
10230
|
line-height: 1.25;
|
|
10217
10231
|
}
|
|
10218
10232
|
.ant-drawer.lm_filter_drawer .complex_filter_body .list_group .list_group_search {
|
|
@@ -10222,14 +10236,14 @@ p {
|
|
|
10222
10236
|
display: inline-flex;
|
|
10223
10237
|
align-items: center;
|
|
10224
10238
|
justify-content: center;
|
|
10225
|
-
font-size: 12px;
|
|
10226
10239
|
height: 24px;
|
|
10227
|
-
|
|
10240
|
+
padding: 0 8px;
|
|
10228
10241
|
color: var(--font-color);
|
|
10242
|
+
font-size: 12px;
|
|
10229
10243
|
background-color: var(--stripe-color);
|
|
10230
|
-
|
|
10231
|
-
transition: 0.3s;
|
|
10244
|
+
border-radius: 2px;
|
|
10232
10245
|
cursor: pointer;
|
|
10246
|
+
transition: 0.3s;
|
|
10233
10247
|
}
|
|
10234
10248
|
.ant-drawer.lm_det_drawer .checkbox_tag:hover,
|
|
10235
10249
|
.ant-drawer.lm_det_drawer .checkbox_tag.active {
|
|
@@ -10255,25 +10269,25 @@ p {
|
|
|
10255
10269
|
top: 0;
|
|
10256
10270
|
}
|
|
10257
10271
|
.ant-drawer.lm_det_drawer .ant-select {
|
|
10258
|
-
font-size: 12px;
|
|
10259
10272
|
width: 100%;
|
|
10273
|
+
font-size: 12px;
|
|
10260
10274
|
}
|
|
10261
10275
|
.ant-drawer.lm_det_drawer .custom_form {
|
|
10262
10276
|
display: flex;
|
|
10263
10277
|
flex-flow: column;
|
|
10264
|
-
height: 100%;
|
|
10265
10278
|
gap: 24px;
|
|
10279
|
+
height: 100%;
|
|
10266
10280
|
}
|
|
10267
10281
|
.ant-drawer.lm_det_drawer .custom_form .custom_label {
|
|
10268
|
-
font-size: 14px;
|
|
10269
|
-
font-weight: 500;
|
|
10270
10282
|
margin-bottom: 16px;
|
|
10271
10283
|
color: var(--font-color);
|
|
10284
|
+
font-weight: 500;
|
|
10285
|
+
font-size: 14px;
|
|
10272
10286
|
}
|
|
10273
10287
|
.ant-drawer.lm_det_drawer .custom_form .custom_full {
|
|
10274
10288
|
display: flex;
|
|
10275
|
-
flex-flow: column;
|
|
10276
10289
|
flex: 1;
|
|
10290
|
+
flex-flow: column;
|
|
10277
10291
|
}
|
|
10278
10292
|
.lm_filter_dropdown_picker {
|
|
10279
10293
|
padding: 0 !important;
|
|
@@ -10282,17 +10296,17 @@ p {
|
|
|
10282
10296
|
display: flex;
|
|
10283
10297
|
}
|
|
10284
10298
|
.lm_filter_dropdown_picker .filter_picker_box .filter_picker_aside {
|
|
10299
|
+
padding: 6px 0;
|
|
10285
10300
|
font-size: 12px;
|
|
10286
10301
|
border-right: 1px solid var(--background-color-hover);
|
|
10287
|
-
padding: 6px 0;
|
|
10288
10302
|
}
|
|
10289
10303
|
.lm_filter_dropdown_picker .filter_picker_box .filter_picker_aside .filter_picker_aside_item {
|
|
10290
10304
|
display: flex;
|
|
10291
10305
|
align-items: center;
|
|
10292
10306
|
height: 32px;
|
|
10293
10307
|
padding: 0 8px;
|
|
10294
|
-
transition: 0.3s;
|
|
10295
10308
|
cursor: pointer;
|
|
10309
|
+
transition: 0.3s;
|
|
10296
10310
|
}
|
|
10297
10311
|
.lm_filter_dropdown_picker .filter_picker_box .filter_picker_aside .filter_picker_aside_item:hover,
|
|
10298
10312
|
.lm_filter_dropdown_picker .filter_picker_box .filter_picker_aside .filter_picker_aside_item.active {
|
|
@@ -10303,13 +10317,13 @@ p {
|
|
|
10303
10317
|
align-items: center;
|
|
10304
10318
|
justify-content: space-between;
|
|
10305
10319
|
min-height: 40px;
|
|
10306
|
-
line-height: 1;
|
|
10307
10320
|
padding: 0 16px;
|
|
10321
|
+
line-height: 1;
|
|
10308
10322
|
border-bottom: 1px solid var(--background-color-hover);
|
|
10309
10323
|
}
|
|
10310
10324
|
.lm_filter_dropdown_picker .filter_picker_box .filter_picker_main .filter_picker_header .ant-radio-button-wrapper {
|
|
10311
|
-
font-size: 12px;
|
|
10312
10325
|
color: var(--font2-color);
|
|
10326
|
+
font-size: 12px;
|
|
10313
10327
|
}
|
|
10314
10328
|
.lm_filter_dropdown_picker .filter_picker_box .filter_picker_main .filter_picker_header .ant-radio-button-wrapper:hover,
|
|
10315
10329
|
.lm_filter_dropdown_picker .filter_picker_box .filter_picker_main .filter_picker_header .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
|
|
@@ -10397,6 +10411,7 @@ p {
|
|
|
10397
10411
|
}
|
|
10398
10412
|
.lm_select.ant-select {
|
|
10399
10413
|
font-size: 12px;
|
|
10414
|
+
width: 100%;
|
|
10400
10415
|
}
|
|
10401
10416
|
.lm_select .ant-select-selection-overflow-item-rest .ant-select-selection-item {
|
|
10402
10417
|
color: var(--primary-color);
|
|
@@ -11314,6 +11329,45 @@ p {
|
|
|
11314
11329
|
#lm_protable_warp .lm_protable .ant-table-empty table .ant-table-cell {
|
|
11315
11330
|
border-bottom: 0;
|
|
11316
11331
|
}
|
|
11332
|
+
#lm_protable_warp .lm_protable .ant-table-summary {
|
|
11333
|
+
height: 48px;
|
|
11334
|
+
}
|
|
11335
|
+
#lm_protable_warp .lm_protable .ant-table-summary > table {
|
|
11336
|
+
height: 100%;
|
|
11337
|
+
}
|
|
11338
|
+
#lm_protable_warp .lm_protable .ant-table-summary td {
|
|
11339
|
+
padding: 0 8px;
|
|
11340
|
+
text-align: right;
|
|
11341
|
+
background-color: var(--table-background-color);
|
|
11342
|
+
}
|
|
11343
|
+
#lm_protable_warp .lm_protable .ant-table-summary td:first-of-type {
|
|
11344
|
+
padding: 0 0 0 8px;
|
|
11345
|
+
text-align: left;
|
|
11346
|
+
}
|
|
11347
|
+
#lm_protable_warp .lm_protable .ant-table-summary td.number {
|
|
11348
|
+
border-right: 1px solid #eee;
|
|
11349
|
+
border-left: 1px solid #eee;
|
|
11350
|
+
}
|
|
11351
|
+
#lm_protable_warp .lm_protable .ant-table-summary td.money {
|
|
11352
|
+
color: var(--error-color);
|
|
11353
|
+
border-right: 1px solid #eee;
|
|
11354
|
+
border-left: 1px solid #eee;
|
|
11355
|
+
}
|
|
11356
|
+
#lm_protable_warp .lm_protable .ant-table-summary td.money-color {
|
|
11357
|
+
color: var(--error-color);
|
|
11358
|
+
}
|
|
11359
|
+
#lm_protable_warp .lm_protable .ant-table-summary td > div {
|
|
11360
|
+
overflow: hidden;
|
|
11361
|
+
white-space: nowrap;
|
|
11362
|
+
text-overflow: ellipsis;
|
|
11363
|
+
}
|
|
11364
|
+
#lm_protable_warp .lm_protable .ant-table-summary td > div:last-of-type {
|
|
11365
|
+
font-weight: bold;
|
|
11366
|
+
}
|
|
11367
|
+
#lm_protable_warp .lm_protable .ant-table-summary .total_title {
|
|
11368
|
+
position: relative;
|
|
11369
|
+
white-space: nowrap;
|
|
11370
|
+
}
|
|
11317
11371
|
#lm_protable_warp .ant-table-expand-icon-col {
|
|
11318
11372
|
width: 32px;
|
|
11319
11373
|
}
|
|
@@ -12359,6 +12413,7 @@ button.ant-table-row-expand-icon::after {
|
|
|
12359
12413
|
}
|
|
12360
12414
|
.lm_select.ant-select {
|
|
12361
12415
|
font-size: 12px;
|
|
12416
|
+
width: 100%;
|
|
12362
12417
|
}
|
|
12363
12418
|
.lm_select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
|
|
12364
12419
|
box-shadow: none;
|
|
@@ -44,6 +44,7 @@ export interface ConfigConsumerProps {
|
|
|
44
44
|
requiredMark?: RequiredMark;
|
|
45
45
|
colon?: boolean;
|
|
46
46
|
};
|
|
47
|
+
iconUrl?: string | Array<string>;
|
|
47
48
|
}
|
|
48
49
|
export declare const ConfigContext: React.Context<ConfigConsumerProps>;
|
|
49
50
|
export declare const ConfigConsumer: React.Consumer<ConfigConsumerProps>;
|
|
@@ -51,7 +51,7 @@ var _DisabledContext = require("./DisabledContext");
|
|
|
51
51
|
|
|
52
52
|
var _SizeContext = _interopRequireWildcard(require("./SizeContext"));
|
|
53
53
|
|
|
54
|
-
var configConsumerProps = ['getTargetContainer', 'getPopupContainer', 'rootPrefixCls', 'getPrefixCls', 'renderEmpty', 'csp', 'autoInsertSpaceInButton', 'locale', 'pageHeader']; // These props is used by `useContext` directly in sub component
|
|
54
|
+
var configConsumerProps = ['getTargetContainer', 'getPopupContainer', 'rootPrefixCls', 'getPrefixCls', 'renderEmpty', 'csp', 'autoInsertSpaceInButton', 'locale', 'pageHeader', 'iconUrl']; // These props is used by `useContext` directly in sub component
|
|
55
55
|
|
|
56
56
|
exports.configConsumerProps = configConsumerProps;
|
|
57
57
|
var PASSED_PROPS = ['getTargetContainer', 'getPopupContainer', 'renderEmpty', 'pageHeader', 'input', 'pagination', 'form'];
|
|
@@ -136,7 +136,8 @@ var ProviderChildren = function ProviderChildren(props) {
|
|
|
136
136
|
legacyLocale = props.legacyLocale,
|
|
137
137
|
parentContext = props.parentContext,
|
|
138
138
|
iconPrefixCls = props.iconPrefixCls,
|
|
139
|
-
componentDisabled = props.componentDisabled
|
|
139
|
+
componentDisabled = props.componentDisabled,
|
|
140
|
+
iconUrl = props.iconUrl;
|
|
140
141
|
var getPrefixCls = React.useCallback(function (suffixCls, customizePrefixCls) {
|
|
141
142
|
var prefixCls = props.prefixCls;
|
|
142
143
|
if (customizePrefixCls) return customizePrefixCls;
|
|
@@ -151,7 +152,8 @@ var ProviderChildren = function ProviderChildren(props) {
|
|
|
151
152
|
space: space,
|
|
152
153
|
virtual: virtual,
|
|
153
154
|
dropdownMatchSelectWidth: dropdownMatchSelectWidth,
|
|
154
|
-
getPrefixCls: getPrefixCls
|
|
155
|
+
getPrefixCls: getPrefixCls,
|
|
156
|
+
iconUrl: iconUrl
|
|
155
157
|
}); // Pass the props used by `useContext` directly with child component.
|
|
156
158
|
// These props should merged into `config`.
|
|
157
159
|
|
package/lib/Form/Form.js
CHANGED
|
@@ -49,7 +49,7 @@ var _context = require("./context");
|
|
|
49
49
|
|
|
50
50
|
var _useForm3 = _interopRequireDefault(require("./hooks/useForm"));
|
|
51
51
|
|
|
52
|
-
var
|
|
52
|
+
var _WrapperItem = _interopRequireDefault(require("./WrapperItem"));
|
|
53
53
|
|
|
54
54
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
55
55
|
var t = {};
|
|
@@ -96,8 +96,10 @@ var InternalForm = function InternalForm(props, ref) {
|
|
|
96
96
|
onFinishFailed = props.onFinishFailed,
|
|
97
97
|
name = props.name,
|
|
98
98
|
responsive = props.responsive,
|
|
99
|
-
|
|
99
|
+
customizeChildren = props.children,
|
|
100
|
+
restFormProps = __rest(props, ["prefixCls", "className", "size", "disabled", "form", "colon", "labelAlign", "labelWrap", "labelCol", "wrapperCol", "hideRequiredMark", "layout", "scrollToFirstError", "requiredMark", "onFinishFailed", "name", "responsive", "children"]);
|
|
100
101
|
|
|
102
|
+
var children = customizeChildren;
|
|
101
103
|
var mergedRequiredMark = (0, React.useMemo)(function () {
|
|
102
104
|
if (requiredMark !== undefined) {
|
|
103
105
|
return requiredMark;
|
|
@@ -156,6 +158,12 @@ var InternalForm = function InternalForm(props, ref) {
|
|
|
156
158
|
}
|
|
157
159
|
};
|
|
158
160
|
|
|
161
|
+
if (responsive) {
|
|
162
|
+
children = /*#__PURE__*/React.createElement(_WrapperItem.default, {
|
|
163
|
+
children: children
|
|
164
|
+
});
|
|
165
|
+
}
|
|
166
|
+
|
|
159
167
|
var formNode = /*#__PURE__*/React.createElement(_DisabledContext.DisabledContextProvider, {
|
|
160
168
|
disabled: disabled
|
|
161
169
|
}, /*#__PURE__*/React.createElement(_SizeContext.SizeContextProvider, {
|
|
@@ -165,6 +173,7 @@ var InternalForm = function InternalForm(props, ref) {
|
|
|
165
173
|
}, /*#__PURE__*/React.createElement(_rcFieldForm.default, Object.assign({
|
|
166
174
|
id: name
|
|
167
175
|
}, restFormProps, {
|
|
176
|
+
children: children,
|
|
168
177
|
name: name,
|
|
169
178
|
onFinishFailed: onInternalFinishFailed,
|
|
170
179
|
form: wrapForm,
|
|
@@ -172,8 +181,8 @@ var InternalForm = function InternalForm(props, ref) {
|
|
|
172
181
|
})))));
|
|
173
182
|
|
|
174
183
|
if (responsive) {
|
|
175
|
-
return /*#__PURE__*/React.createElement(
|
|
176
|
-
|
|
184
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
185
|
+
className: "lm_form_responsive_box"
|
|
177
186
|
}, formNode);
|
|
178
187
|
}
|
|
179
188
|
|
|
@@ -145,17 +145,8 @@ function ItemHolder(props) {
|
|
|
145
145
|
}, [mergedValidateStatus, hasFeedback]); // ======================== Render ========================
|
|
146
146
|
|
|
147
147
|
var itemClassName = (_itemClassName = {}, (0, _defineProperty2.default)(_itemClassName, itemPrefixCls, true), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-with-help"), hasHelp || debounceErrors.length || debounceWarnings.length), (0, _defineProperty2.default)(_itemClassName, "".concat(className), !!className), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-has-feedback"), mergedValidateStatus && hasFeedback), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-has-success"), mergedValidateStatus === 'success'), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-has-warning"), mergedValidateStatus === 'warning'), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-has-error"), mergedValidateStatus === 'error'), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-is-validating"), mergedValidateStatus === 'validating'), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-hidden"), hidden), (0, _defineProperty2.default)(_itemClassName, 'lm_form-item-tip-error lm_form-item-tip-error-top', errorPlacement === 'top'), (0, _defineProperty2.default)(_itemClassName, 'lm_form-item-tip-error lm_form-item-tip-error-left', errorPlacement === 'left'), (0, _defineProperty2.default)(_itemClassName, 'lm_form-item-tip-error lm_form-item-tip-error-right', errorPlacement === 'right'), (0, _defineProperty2.default)(_itemClassName, 'lm_form-item-tip-error lm_form-item-tip-error-bottom', errorPlacement === 'bottom'), (0, _defineProperty2.default)(_itemClassName, 'ant-form-item-responsive', responsive), _itemClassName);
|
|
148
|
-
var nthCls = '';
|
|
149
|
-
|
|
150
|
-
if (itemRef.current && itemRef.current.classList) {
|
|
151
|
-
var list = itemRef.current.classList;
|
|
152
|
-
if (list.contains('nth-three')) nthCls = 'nth-three';
|
|
153
|
-
if (list.contains('nth-four')) nthCls = 'nth-four';
|
|
154
|
-
if (list.contains('nth-five')) nthCls = 'nth-five';
|
|
155
|
-
}
|
|
156
|
-
|
|
157
148
|
return /*#__PURE__*/React.createElement("div", {
|
|
158
|
-
className: (0, _classnames.default)(itemClassName
|
|
149
|
+
className: (0, _classnames.default)(itemClassName),
|
|
159
150
|
style: style,
|
|
160
151
|
ref: itemRef
|
|
161
152
|
}, /*#__PURE__*/React.createElement(_Grid.Row, Object.assign({
|