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.
Files changed (91) hide show
  1. package/CHANGELOG.md +44 -10
  2. package/dist/ConfigProvider/context.d.ts +1 -0
  3. package/dist/Form/FormWrapper.d.ts +3 -0
  4. package/dist/Form/WrapperItem.d.ts +4 -0
  5. package/dist/Form/demos/responsive.d.ts +0 -1
  6. package/dist/Form/index.d.ts +2 -0
  7. package/dist/Form/interface.d.ts +12 -0
  8. package/dist/IconFont/demos/ConfigProvider.d.ts +2 -0
  9. package/dist/IconFont/index.d.ts +1 -2
  10. package/dist/LmTable/demos/summuy.d.ts +2 -0
  11. package/dist/TreeSelect/demos/treedata.d.ts +3 -0
  12. package/dist/index.umd.js +1213 -1013
  13. package/dist/index.umd.min.js +17 -17
  14. package/dist/variables.css +153 -98
  15. package/es/Cascader/style/index.css +1 -0
  16. package/es/Cascader/style/variables.css +1 -0
  17. package/es/ConfigProvider/context.d.ts +1 -0
  18. package/es/ConfigProvider/index.js +5 -3
  19. package/es/Form/Form.js +13 -4
  20. package/es/Form/FormItem/ItemHolder.js +1 -10
  21. package/es/Form/FormWrapper.d.ts +3 -0
  22. package/es/Form/FormWrapper.js +22 -0
  23. package/es/Form/WrapperItem.d.ts +4 -0
  24. package/es/Form/WrapperItem.js +217 -0
  25. package/es/Form/container.js +1 -13
  26. package/es/Form/images/icon_collapse.svg +1 -0
  27. package/es/Form/index.d.ts +2 -0
  28. package/es/Form/index.js +2 -0
  29. package/es/Form/interface.d.ts +12 -0
  30. package/es/Form/style/index.css +34 -44
  31. package/es/Form/style/variables.css +34 -44
  32. package/es/IconFont/index.d.ts +1 -2
  33. package/es/IconFont/index.js +18 -4
  34. package/es/ImageViewer/components/Operate.js +4 -7
  35. package/es/InputNumber/style/index.css +4 -0
  36. package/es/InputNumber/style/variables.css +4 -0
  37. package/es/LmEditTable/sortableItemCol.js +8 -5
  38. package/es/LmFilter/components/CheckboxFilter.js +9 -4
  39. package/es/LmFilter/components/DropdownFIlter.js +166 -115
  40. package/es/LmFilter/components/SelectFilter.js +4 -3
  41. package/es/LmFilter/filterFns/index.js +4 -6
  42. package/es/LmFilter/style/index.css +73 -54
  43. package/es/LmFilter/style/variables.css +73 -54
  44. package/es/LmFilter/utils.js +6 -6
  45. package/es/LmSelect/style/index.css +1 -0
  46. package/es/LmSelect/style/variables.css +1 -0
  47. package/es/LmTable/style/index.css +39 -0
  48. package/es/LmTable/style/variables.css +39 -0
  49. package/es/LmUpload/UploadList/ItemText.js +5 -1
  50. package/es/Select/style/index.css +1 -0
  51. package/es/Select/style/variables.css +1 -0
  52. package/es/styles/variables.css +153 -98
  53. package/lib/Cascader/style/index.css +1 -0
  54. package/lib/Cascader/style/variables.css +1 -0
  55. package/lib/ConfigProvider/context.d.ts +1 -0
  56. package/lib/ConfigProvider/index.js +5 -3
  57. package/lib/Form/Form.js +13 -4
  58. package/lib/Form/FormItem/ItemHolder.js +1 -10
  59. package/lib/Form/FormWrapper.d.ts +3 -0
  60. package/lib/Form/FormWrapper.js +34 -0
  61. package/lib/Form/WrapperItem.d.ts +4 -0
  62. package/lib/Form/WrapperItem.js +235 -0
  63. package/lib/Form/container.js +1 -13
  64. package/lib/Form/images/icon_collapse.svg +1 -0
  65. package/lib/Form/index.d.ts +2 -0
  66. package/lib/Form/index.js +3 -0
  67. package/lib/Form/interface.d.ts +12 -0
  68. package/lib/Form/style/index.css +34 -44
  69. package/lib/Form/style/variables.css +34 -44
  70. package/lib/IconFont/index.d.ts +1 -2
  71. package/lib/IconFont/index.js +25 -4
  72. package/lib/ImageViewer/components/Operate.js +4 -8
  73. package/lib/InputNumber/style/index.css +4 -0
  74. package/lib/InputNumber/style/variables.css +4 -0
  75. package/lib/LmEditTable/sortableItemCol.js +8 -5
  76. package/lib/LmFilter/components/CheckboxFilter.js +9 -4
  77. package/lib/LmFilter/components/DropdownFIlter.js +166 -115
  78. package/lib/LmFilter/components/SelectFilter.js +4 -3
  79. package/lib/LmFilter/filterFns/index.js +4 -6
  80. package/lib/LmFilter/style/index.css +73 -54
  81. package/lib/LmFilter/style/variables.css +73 -54
  82. package/lib/LmFilter/utils.js +6 -6
  83. package/lib/LmSelect/style/index.css +1 -0
  84. package/lib/LmSelect/style/variables.css +1 -0
  85. package/lib/LmTable/style/index.css +39 -0
  86. package/lib/LmTable/style/variables.css +39 -0
  87. package/lib/LmUpload/UploadList/ItemText.js +5 -1
  88. package/lib/Select/style/index.css +1 -0
  89. package/lib/Select/style/variables.css +1 -0
  90. package/lib/styles/variables.css +153 -98
  91. package/package.json +1 -1
@@ -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
- .lm_container_wrapper {
8955
- overflow: auto;
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
- .lm_container_wrapper .lm_container.responsive .lm_form.ant-form .ant-form-item-responsive {
8966
- margin-right: 24px;
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 .lm_container.responsive .lm_form.ant-form .ant-form-item-responsive .ant-form-item-control {
8969
- width: 100%;
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 .lm_container.responsive.lm_col_3 .ant-form-item {
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
- .lm_container_wrapper .lm_container.responsive.lm_col_4 .ant-form-item {
8983
- width: 100%;
8984
- margin-right: 0;
8985
- }
8986
- .lm_container_wrapper .lm_container.responsive.lm_col_4 .ant-form-item-responsive {
8987
- width: calc(25% - 18px);
8988
- margin-right: 24px;
8989
- }
8990
- .lm_container_wrapper .lm_container.responsive.lm_col_4 .ant-form-item-responsive.nth-four {
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
- .lm_container_wrapper .lm_container.responsive.lm_col_5 .ant-form-item-responsive {
8998
- width: calc(20% - 96px / 5);
8999
- margin-right: 24px;
8984
+ .form_responsive_group_title h3 {
8985
+ flex: 1;
8986
+ font-weight: medium;
8987
+ font-size: 14px;
9000
8988
  }
9001
- .lm_container_wrapper .lm_container.responsive.lm_col_5 .ant-form-item-responsive.nth-five {
9002
- margin-right: 0;
8989
+ .form_responsive_group_title img {
8990
+ cursor: pointer;
8991
+ width: 16px;
8992
+ height: 16px;
8993
+ transition: transform 0.24s;
9003
8994
  }
9004
- .lm_container_wrapper .lm_container.responsive .ant-cascader {
9005
- width: 100%;
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
- height: 32px;
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
- transition: 0.3s;
10034
+ font-size: 12px;
10029
10035
  white-space: nowrap;
10030
10036
  cursor: pointer;
10031
- gap: 8px;
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
- border-top: 1px solid #eee;
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
- gap: 4px;
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
- border-radius: 2px;
10240
+ padding: 0 8px;
10228
10241
  color: var(--font-color);
10242
+ font-size: 12px;
10229
10243
  background-color: var(--stripe-color);
10230
- padding: 0 8px;
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;
@@ -512,6 +512,7 @@ p {
512
512
  }
513
513
  .lm_cascader.ant-select.ant-select {
514
514
  font-size: 12px;
515
+ width: 100%;
515
516
  }
516
517
  .lm_cascader_dropdown.ant-select-dropdown {
517
518
  font-size: 12px;
@@ -1,5 +1,6 @@
1
1
  .lm_cascader.ant-select.ant-select {
2
2
  font-size: 12px;
3
+ width: 100%;
3
4
  }
4
5
  .lm_cascader_dropdown.ant-select-dropdown {
5
6
  font-size: 12px;
@@ -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 _container = _interopRequireDefault(require("./container"));
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
- restFormProps = __rest(props, ["prefixCls", "className", "size", "disabled", "form", "colon", "labelAlign", "labelWrap", "labelCol", "wrapperCol", "hideRequiredMark", "layout", "scrollToFirstError", "requiredMark", "onFinishFailed", "name", "responsive"]);
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(_container.default, {
176
- responsive: true
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, nthCls),
149
+ className: (0, _classnames.default)(itemClassName),
159
150
  style: style,
160
151
  ref: itemRef
161
152
  }, /*#__PURE__*/React.createElement(_Grid.Row, Object.assign({
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const _default: React.FC<any>;
3
+ export default _default;