linkmore-design 1.1.15 → 1.1.17

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 +1202 -1004
  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/EditTable.js +3 -2
  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/EditTable.js +3 -2
  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 +4 -2
@@ -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;
@@ -9826,8 +9821,8 @@ p {
9826
9821
  .lm_filter_wrapper .lm_filter_container .lm_filter {
9827
9822
  display: flex;
9828
9823
  flex-wrap: wrap;
9829
- align-items: center;
9830
9824
  gap: 8px;
9825
+ align-items: center;
9831
9826
  font-size: 12px;
9832
9827
  }
9833
9828
  .lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_custom {
@@ -9838,14 +9833,14 @@ p {
9838
9833
  display: inline-flex;
9839
9834
  align-items: center;
9840
9835
  justify-content: space-between;
9841
- height: 32px;
9842
- line-height: 1;
9843
9836
  min-width: 100px;
9844
9837
  max-width: 180px;
9838
+ height: 32px;
9839
+ padding: 0 8px;
9840
+ color: var(--font2-color);
9841
+ line-height: 1;
9845
9842
  border: 1px solid var(--color-15);
9846
9843
  border-radius: 2px;
9847
- color: var(--font2-color);
9848
- padding: 0 8px;
9849
9844
  cursor: pointer;
9850
9845
  transition: 0.3s;
9851
9846
  }
@@ -9853,13 +9848,13 @@ p {
9853
9848
  height: 24px;
9854
9849
  }
9855
9850
  .lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_custom .lm_filter_custom_select .lm_filter_custom_select_label span {
9856
- text-overflow: ellipsis;
9857
- white-space: nowrap;
9858
9851
  overflow: hidden;
9852
+ white-space: nowrap;
9853
+ text-overflow: ellipsis;
9859
9854
  }
9860
9855
  .lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_custom .lm_filter_custom_select .lm_filter_custom_select_icon {
9861
- font-size: 14px;
9862
9856
  color: var(--text-color);
9857
+ font-size: 14px;
9863
9858
  transition: 0.3s;
9864
9859
  }
9865
9860
  .lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_custom .lm_filter_custom_select:hover {
@@ -9888,16 +9883,17 @@ p {
9888
9883
  height: 24px;
9889
9884
  }
9890
9885
  .lm_filter_basic_item {
9891
- font-size: 12px;
9892
9886
  display: inline-flex;
9887
+ gap: 4px;
9893
9888
  align-items: center;
9889
+ height: 32px;
9890
+ padding: 0 8px;
9891
+ font-size: 12px;
9894
9892
  line-height: 1;
9893
+ vertical-align: middle;
9895
9894
  border-radius: 2px;
9896
- padding: 0 8px;
9897
- transition: 0.3s;
9898
9895
  cursor: pointer;
9899
- height: 32px;
9900
- gap: 4px;
9896
+ transition: 0.3s;
9901
9897
  }
9902
9898
  .lm_filter_basic_item.small {
9903
9899
  height: 24px;
@@ -9907,16 +9903,26 @@ p {
9907
9903
  .lm_filter_basic_item.active {
9908
9904
  background-color: var(--color-4);
9909
9905
  }
9906
+ .lm_filter_basic_item .filter_item_label {
9907
+ flex: 0 0 auto;
9908
+ }
9910
9909
  .lm_filter_basic_item .filter_item_value {
9911
9910
  display: inline-flex;
9912
- align-items: center;
9913
9911
  gap: 4px;
9912
+ align-items: center;
9913
+ max-width: 552px;
9914
+ overflow: hidden;
9914
9915
  color: var(--text-color);
9915
9916
  transition: 0.3s;
9916
9917
  }
9918
+ .lm_filter_basic_item .filter_item_value span {
9919
+ overflow: hidden;
9920
+ white-space: nowrap;
9921
+ text-overflow: ellipsis;
9922
+ }
9917
9923
  .lm_filter_basic_item .filter_item_icon {
9918
- font-size: 14px;
9919
9924
  color: var(--text-color);
9925
+ font-size: 14px;
9920
9926
  transition: 0.3s;
9921
9927
  }
9922
9928
  .lm_filter_basic_item .filter_item_icon.addon_before {
@@ -9939,19 +9945,19 @@ p {
9939
9945
  transform: translateY(-4px);
9940
9946
  }
9941
9947
  .ant-dropdown.filter_dropdown_container_date .ant-picker {
9942
- visibility: hidden;
9943
9948
  transform: translateY(-36px);
9949
+ visibility: hidden;
9944
9950
  }
9945
9951
  .filter_dropdown {
9946
9952
  display: flex;
9947
9953
  flex-flow: column;
9948
- box-shadow: 0 2px 6px var(--box-shadow-color);
9949
9954
  background-color: #fff;
9955
+ box-shadow: 0 2px 6px var(--box-shadow-color);
9950
9956
  }
9951
9957
  .filter_dropdown .filter_header {
9952
9958
  min-height: 40px;
9953
- border-bottom: 1px solid #eee;
9954
9959
  padding: 8px;
9960
+ border-bottom: 1px solid #eee;
9955
9961
  }
9956
9962
  .filter_dropdown .filter_header .filter_header_operate {
9957
9963
  display: flex;
@@ -9963,13 +9969,13 @@ p {
9963
9969
  align-items: center;
9964
9970
  }
9965
9971
  .filter_dropdown .filter_header .filter_header_operate .filter_reset {
9966
- font-size: 12px;
9967
9972
  color: var(--primary-color);
9973
+ font-size: 12px;
9968
9974
  cursor: pointer;
9969
9975
  }
9970
9976
  .filter_dropdown .filter_header .filter_header_operate .filter_tip {
9971
- font-size: 12px;
9972
9977
  color: var(--text-color);
9978
+ font-size: 12px;
9973
9979
  }
9974
9980
  .filter_dropdown .filter_header .ant-input-group {
9975
9981
  line-height: 1;
@@ -9990,32 +9996,40 @@ p {
9990
9996
  }
9991
9997
  .filter_dropdown .filter_body .filter_item {
9992
9998
  display: flex;
9999
+ gap: 8px;
9993
10000
  align-items: center;
9994
10001
  justify-content: space-between;
9995
- font-size: 12px;
9996
- height: 32px;
9997
10002
  min-width: 120px;
10003
+ height: 32px;
9998
10004
  padding: 0 8px;
9999
- transition: 0.3s;
10005
+ font-size: 12px;
10000
10006
  white-space: nowrap;
10001
10007
  cursor: pointer;
10002
- gap: 8px;
10008
+ transition: 0.3s;
10003
10009
  }
10004
10010
  .filter_dropdown .filter_body .filter_item.last_item {
10005
10011
  border-top: 1px solid var(--line-color);
10006
10012
  }
10007
10013
  .filter_dropdown .filter_body .filter_item .filter_item_content {
10008
10014
  flex: auto;
10015
+ overflow: hidden;
10016
+ white-space: nowrap;
10017
+ text-overflow: ellipsis;
10018
+ }
10019
+ .filter_dropdown .filter_body .filter_item .filter_item_content.lm-checkbox > span:last-child {
10020
+ max-width: none;
10021
+ overflow: hidden;
10022
+ text-overflow: ellipsis;
10009
10023
  }
10010
10024
  .filter_dropdown .filter_body .filter_item .filter_item_operate {
10011
10025
  display: inline-flex;
10012
- align-items: center;
10013
10026
  gap: 4px;
10027
+ align-items: center;
10014
10028
  }
10015
10029
  .filter_dropdown .filter_body .filter_item .filter_item_operate .icon_hover {
10016
10030
  font-size: 16px;
10017
- transition: 0.3s;
10018
10031
  opacity: 0;
10032
+ transition: 0.3s;
10019
10033
  }
10020
10034
  .filter_dropdown .filter_body .filter_item .filter_item_operate .icon_hover:hover {
10021
10035
  color: var(--primary-color);
@@ -10037,15 +10051,15 @@ p {
10037
10051
  display: flex;
10038
10052
  align-items: center;
10039
10053
  justify-content: space-between;
10040
- font-size: 12px;
10041
10054
  min-height: 32px;
10042
10055
  padding: 6px 8px;
10043
- border-top: 1px solid #eee;
10056
+ font-size: 12px;
10044
10057
  letter-spacing: 1px;
10058
+ border-top: 1px solid #eee;
10045
10059
  }
10046
10060
  .filter_dropdown .filter_footer button {
10047
- font-size: 12px;
10048
10061
  padding: 0 8px;
10062
+ font-size: 12px;
10049
10063
  }
10050
10064
  .filter_dropdown .filter_footer .footer_save {
10051
10065
  color: var(--primary-color);
@@ -10063,14 +10077,14 @@ p {
10063
10077
  .filter_dropdown .filter_empty {
10064
10078
  display: flex;
10065
10079
  flex-flow: column;
10080
+ gap: 4px;
10066
10081
  align-items: center;
10067
10082
  justify-content: center;
10068
- font-size: 12px;
10069
10083
  min-height: 40px;
10070
- color: #666;
10071
- padding: 16px 8px;
10072
10084
  margin: auto;
10073
- gap: 4px;
10085
+ padding: 16px 8px;
10086
+ color: #666;
10087
+ font-size: 12px;
10074
10088
  }
10075
10089
  .filter_dropdown .filter_empty .filter_empty_text {
10076
10090
  display: inline-flex;
@@ -10081,8 +10095,8 @@ p {
10081
10095
  }
10082
10096
  .filter_dropdown .ant-checkbox-wrapper {
10083
10097
  flex: 1;
10084
- font-size: 12px;
10085
10098
  align-items: center;
10099
+ font-size: 12px;
10086
10100
  }
10087
10101
  .filter_dropdown .ant-checkbox-wrapper .ant-checkbox {
10088
10102
  top: initial;
@@ -10118,18 +10132,18 @@ p {
10118
10132
  padding: 0 0 8px;
10119
10133
  }
10120
10134
  .ant-drawer.lm_filter_drawer .filter_drawer_group_add .ant-btn {
10121
- font-size: 12px;
10122
10135
  max-width: initial;
10136
+ font-size: 12px;
10123
10137
  }
10124
10138
  .ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item {
10125
10139
  margin-bottom: var(--gap);
10126
10140
  }
10127
10141
  .ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box {
10142
+ padding: calc(var(--gap) * 2);
10128
10143
  line-height: 1;
10144
+ background: var(--background-color);
10129
10145
  border: 1px solid transparent;
10130
10146
  border-radius: 2px;
10131
- background: var(--background-color);
10132
- padding: calc(var(--gap) * 2);
10133
10147
  cursor: pointer;
10134
10148
  transition: 0.3s;
10135
10149
  }
@@ -10139,12 +10153,12 @@ p {
10139
10153
  justify-content: space-between;
10140
10154
  }
10141
10155
  .ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_header .item_header_title {
10142
- font-size: 12px;
10143
10156
  font-weight: 500;
10157
+ font-size: 12px;
10144
10158
  }
10145
10159
  .ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_header .item_header_icon {
10160
+ color: #8c8c8c;
10146
10161
  font-size: 16px;
10147
- color: #8C8C8C;
10148
10162
  transition: 0.3s;
10149
10163
  }
10150
10164
  .ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_header .item_header_icon.icon_plus {
@@ -10160,9 +10174,9 @@ p {
10160
10174
  padding-top: 12px;
10161
10175
  }
10162
10176
  .ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_tags .ant-tag {
10177
+ margin: 0;
10163
10178
  color: var(--font-color);
10164
10179
  background-color: var(--background-color);
10165
- margin: 0;
10166
10180
  }
10167
10181
  .ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_tags .ant-tag.add_tags {
10168
10182
  background: transparent;
@@ -10182,8 +10196,8 @@ p {
10182
10196
  margin-bottom: 24px;
10183
10197
  }
10184
10198
  .ant-drawer.lm_filter_drawer .complex_filter_body .list_group .list_group_title {
10185
- font-size: 14px;
10186
10199
  font-weight: 500;
10200
+ font-size: 14px;
10187
10201
  line-height: 1.25;
10188
10202
  }
10189
10203
  .ant-drawer.lm_filter_drawer .complex_filter_body .list_group .list_group_search {
@@ -10193,14 +10207,14 @@ p {
10193
10207
  display: inline-flex;
10194
10208
  align-items: center;
10195
10209
  justify-content: center;
10196
- font-size: 12px;
10197
10210
  height: 24px;
10198
- border-radius: 2px;
10211
+ padding: 0 8px;
10199
10212
  color: var(--font-color);
10213
+ font-size: 12px;
10200
10214
  background-color: var(--stripe-color);
10201
- padding: 0 8px;
10202
- transition: 0.3s;
10215
+ border-radius: 2px;
10203
10216
  cursor: pointer;
10217
+ transition: 0.3s;
10204
10218
  }
10205
10219
  .ant-drawer.lm_det_drawer .checkbox_tag:hover,
10206
10220
  .ant-drawer.lm_det_drawer .checkbox_tag.active {
@@ -10226,25 +10240,25 @@ p {
10226
10240
  top: 0;
10227
10241
  }
10228
10242
  .ant-drawer.lm_det_drawer .ant-select {
10229
- font-size: 12px;
10230
10243
  width: 100%;
10244
+ font-size: 12px;
10231
10245
  }
10232
10246
  .ant-drawer.lm_det_drawer .custom_form {
10233
10247
  display: flex;
10234
10248
  flex-flow: column;
10235
- height: 100%;
10236
10249
  gap: 24px;
10250
+ height: 100%;
10237
10251
  }
10238
10252
  .ant-drawer.lm_det_drawer .custom_form .custom_label {
10239
- font-size: 14px;
10240
- font-weight: 500;
10241
10253
  margin-bottom: 16px;
10242
10254
  color: var(--font-color);
10255
+ font-weight: 500;
10256
+ font-size: 14px;
10243
10257
  }
10244
10258
  .ant-drawer.lm_det_drawer .custom_form .custom_full {
10245
10259
  display: flex;
10246
- flex-flow: column;
10247
10260
  flex: 1;
10261
+ flex-flow: column;
10248
10262
  }
10249
10263
  .lm_filter_dropdown_picker {
10250
10264
  padding: 0 !important;
@@ -10253,17 +10267,17 @@ p {
10253
10267
  display: flex;
10254
10268
  }
10255
10269
  .lm_filter_dropdown_picker .filter_picker_box .filter_picker_aside {
10270
+ padding: 6px 0;
10256
10271
  font-size: 12px;
10257
10272
  border-right: 1px solid var(--background-color-hover);
10258
- padding: 6px 0;
10259
10273
  }
10260
10274
  .lm_filter_dropdown_picker .filter_picker_box .filter_picker_aside .filter_picker_aside_item {
10261
10275
  display: flex;
10262
10276
  align-items: center;
10263
10277
  height: 32px;
10264
10278
  padding: 0 8px;
10265
- transition: 0.3s;
10266
10279
  cursor: pointer;
10280
+ transition: 0.3s;
10267
10281
  }
10268
10282
  .lm_filter_dropdown_picker .filter_picker_box .filter_picker_aside .filter_picker_aside_item:hover,
10269
10283
  .lm_filter_dropdown_picker .filter_picker_box .filter_picker_aside .filter_picker_aside_item.active {
@@ -10274,13 +10288,13 @@ p {
10274
10288
  align-items: center;
10275
10289
  justify-content: space-between;
10276
10290
  min-height: 40px;
10277
- line-height: 1;
10278
10291
  padding: 0 16px;
10292
+ line-height: 1;
10279
10293
  border-bottom: 1px solid var(--background-color-hover);
10280
10294
  }
10281
10295
  .lm_filter_dropdown_picker .filter_picker_box .filter_picker_main .filter_picker_header .ant-radio-button-wrapper {
10282
- font-size: 12px;
10283
10296
  color: var(--font2-color);
10297
+ font-size: 12px;
10284
10298
  }
10285
10299
  .lm_filter_dropdown_picker .filter_picker_box .filter_picker_main .filter_picker_header .ant-radio-button-wrapper:hover,
10286
10300
  .lm_filter_dropdown_picker .filter_picker_box .filter_picker_main .filter_picker_header .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
@@ -10368,6 +10382,7 @@ p {
10368
10382
  }
10369
10383
  .lm_select.ant-select {
10370
10384
  font-size: 12px;
10385
+ width: 100%;
10371
10386
  }
10372
10387
  .lm_select .ant-select-selection-overflow-item-rest .ant-select-selection-item {
10373
10388
  color: var(--primary-color);
@@ -11285,6 +11300,45 @@ p {
11285
11300
  #lm_protable_warp .lm_protable .ant-table-empty table .ant-table-cell {
11286
11301
  border-bottom: 0;
11287
11302
  }
11303
+ #lm_protable_warp .lm_protable .ant-table-summary {
11304
+ height: 48px;
11305
+ }
11306
+ #lm_protable_warp .lm_protable .ant-table-summary > table {
11307
+ height: 100%;
11308
+ }
11309
+ #lm_protable_warp .lm_protable .ant-table-summary td {
11310
+ padding: 0 8px;
11311
+ text-align: right;
11312
+ background-color: var(--table-background-color);
11313
+ }
11314
+ #lm_protable_warp .lm_protable .ant-table-summary td:first-of-type {
11315
+ padding: 0 0 0 8px;
11316
+ text-align: left;
11317
+ }
11318
+ #lm_protable_warp .lm_protable .ant-table-summary td.number {
11319
+ border-right: 1px solid #eee;
11320
+ border-left: 1px solid #eee;
11321
+ }
11322
+ #lm_protable_warp .lm_protable .ant-table-summary td.money {
11323
+ color: var(--error-color);
11324
+ border-right: 1px solid #eee;
11325
+ border-left: 1px solid #eee;
11326
+ }
11327
+ #lm_protable_warp .lm_protable .ant-table-summary td.money-color {
11328
+ color: var(--error-color);
11329
+ }
11330
+ #lm_protable_warp .lm_protable .ant-table-summary td > div {
11331
+ overflow: hidden;
11332
+ white-space: nowrap;
11333
+ text-overflow: ellipsis;
11334
+ }
11335
+ #lm_protable_warp .lm_protable .ant-table-summary td > div:last-of-type {
11336
+ font-weight: bold;
11337
+ }
11338
+ #lm_protable_warp .lm_protable .ant-table-summary .total_title {
11339
+ position: relative;
11340
+ white-space: nowrap;
11341
+ }
11288
11342
  #lm_protable_warp .ant-table-expand-icon-col {
11289
11343
  width: 32px;
11290
11344
  }
@@ -12330,6 +12384,7 @@ button.ant-table-row-expand-icon::after {
12330
12384
  }
12331
12385
  .lm_select.ant-select {
12332
12386
  font-size: 12px;
12387
+ width: 100%;
12333
12388
  }
12334
12389
  .lm_select.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
12335
12390
  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>;
@@ -14,7 +14,7 @@ import { registerTheme } from './cssVariables';
14
14
  import { DisabledContextProvider } from './DisabledContext';
15
15
  import SizeContext, { SizeContextProvider } from './SizeContext';
16
16
  export { ConfigContext, ConfigConsumer };
17
- export var configConsumerProps = ['getTargetContainer', 'getPopupContainer', 'rootPrefixCls', 'getPrefixCls', 'renderEmpty', 'csp', 'autoInsertSpaceInButton', 'locale', 'pageHeader']; // These props is used by `useContext` directly in sub component
17
+ export var configConsumerProps = ['getTargetContainer', 'getPopupContainer', 'rootPrefixCls', 'getPrefixCls', 'renderEmpty', 'csp', 'autoInsertSpaceInButton', 'locale', 'pageHeader', 'iconUrl']; // These props is used by `useContext` directly in sub component
18
18
 
19
19
  var PASSED_PROPS = ['getTargetContainer', 'getPopupContainer', 'renderEmpty', 'pageHeader', 'input', 'pagination', 'form'];
20
20
  export var defaultPrefixCls = ''; //'ant';
@@ -94,7 +94,8 @@ var ProviderChildren = function ProviderChildren(props) {
94
94
  legacyLocale = props.legacyLocale,
95
95
  parentContext = props.parentContext,
96
96
  iconPrefixCls = props.iconPrefixCls,
97
- componentDisabled = props.componentDisabled;
97
+ componentDisabled = props.componentDisabled,
98
+ iconUrl = props.iconUrl;
98
99
  var getPrefixCls = React.useCallback(function (suffixCls, customizePrefixCls) {
99
100
  var prefixCls = props.prefixCls;
100
101
  if (customizePrefixCls) return customizePrefixCls;
@@ -109,7 +110,8 @@ var ProviderChildren = function ProviderChildren(props) {
109
110
  space: space,
110
111
  virtual: virtual,
111
112
  dropdownMatchSelectWidth: dropdownMatchSelectWidth,
112
- getPrefixCls: getPrefixCls
113
+ getPrefixCls: getPrefixCls,
114
+ iconUrl: iconUrl
113
115
  }); // Pass the props used by `useContext` directly with child component.
114
116
  // These props should merged into `config`.
115
117
 
package/es/Form/Form.js CHANGED
@@ -24,7 +24,7 @@ import DisabledContext, { DisabledContextProvider } from '../ConfigProvider/Disa
24
24
  import SizeContext, { SizeContextProvider } from '../ConfigProvider/SizeContext';
25
25
  import { FormContext } from './context';
26
26
  import useForm from './hooks/useForm';
27
- import Container from './container';
27
+ import WrapperItem from './WrapperItem';
28
28
 
29
29
  var InternalForm = function InternalForm(props, ref) {
30
30
  var _classNames;
@@ -58,8 +58,10 @@ var InternalForm = function InternalForm(props, ref) {
58
58
  onFinishFailed = props.onFinishFailed,
59
59
  name = props.name,
60
60
  responsive = props.responsive,
61
- restFormProps = __rest(props, ["prefixCls", "className", "size", "disabled", "form", "colon", "labelAlign", "labelWrap", "labelCol", "wrapperCol", "hideRequiredMark", "layout", "scrollToFirstError", "requiredMark", "onFinishFailed", "name", "responsive"]);
61
+ customizeChildren = props.children,
62
+ restFormProps = __rest(props, ["prefixCls", "className", "size", "disabled", "form", "colon", "labelAlign", "labelWrap", "labelCol", "wrapperCol", "hideRequiredMark", "layout", "scrollToFirstError", "requiredMark", "onFinishFailed", "name", "responsive", "children"]);
62
63
 
64
+ var children = customizeChildren;
63
65
  var mergedRequiredMark = useMemo(function () {
64
66
  if (requiredMark !== undefined) {
65
67
  return requiredMark;
@@ -118,6 +120,12 @@ var InternalForm = function InternalForm(props, ref) {
118
120
  }
119
121
  };
120
122
 
123
+ if (responsive) {
124
+ children = /*#__PURE__*/React.createElement(WrapperItem, {
125
+ children: children
126
+ });
127
+ }
128
+
121
129
  var formNode = /*#__PURE__*/React.createElement(DisabledContextProvider, {
122
130
  disabled: disabled
123
131
  }, /*#__PURE__*/React.createElement(SizeContextProvider, {
@@ -127,6 +135,7 @@ var InternalForm = function InternalForm(props, ref) {
127
135
  }, /*#__PURE__*/React.createElement(FieldForm, Object.assign({
128
136
  id: name
129
137
  }, restFormProps, {
138
+ children: children,
130
139
  name: name,
131
140
  onFinishFailed: onInternalFinishFailed,
132
141
  form: wrapForm,
@@ -134,8 +143,8 @@ var InternalForm = function InternalForm(props, ref) {
134
143
  })))));
135
144
 
136
145
  if (responsive) {
137
- return /*#__PURE__*/React.createElement(Container, {
138
- responsive: true
146
+ return /*#__PURE__*/React.createElement("div", {
147
+ className: "lm_form_responsive_box"
139
148
  }, formNode);
140
149
  }
141
150
 
@@ -119,17 +119,8 @@ export default function ItemHolder(props) {
119
119
  }, [mergedValidateStatus, hasFeedback]); // ======================== Render ========================
120
120
 
121
121
  var itemClassName = (_itemClassName = {}, _defineProperty(_itemClassName, itemPrefixCls, true), _defineProperty(_itemClassName, "".concat(itemPrefixCls, "-with-help"), hasHelp || debounceErrors.length || debounceWarnings.length), _defineProperty(_itemClassName, "".concat(className), !!className), _defineProperty(_itemClassName, "".concat(itemPrefixCls, "-has-feedback"), mergedValidateStatus && hasFeedback), _defineProperty(_itemClassName, "".concat(itemPrefixCls, "-has-success"), mergedValidateStatus === 'success'), _defineProperty(_itemClassName, "".concat(itemPrefixCls, "-has-warning"), mergedValidateStatus === 'warning'), _defineProperty(_itemClassName, "".concat(itemPrefixCls, "-has-error"), mergedValidateStatus === 'error'), _defineProperty(_itemClassName, "".concat(itemPrefixCls, "-is-validating"), mergedValidateStatus === 'validating'), _defineProperty(_itemClassName, "".concat(itemPrefixCls, "-hidden"), hidden), _defineProperty(_itemClassName, 'lm_form-item-tip-error lm_form-item-tip-error-top', errorPlacement === 'top'), _defineProperty(_itemClassName, 'lm_form-item-tip-error lm_form-item-tip-error-left', errorPlacement === 'left'), _defineProperty(_itemClassName, 'lm_form-item-tip-error lm_form-item-tip-error-right', errorPlacement === 'right'), _defineProperty(_itemClassName, 'lm_form-item-tip-error lm_form-item-tip-error-bottom', errorPlacement === 'bottom'), _defineProperty(_itemClassName, 'ant-form-item-responsive', responsive), _itemClassName);
122
- var nthCls = '';
123
-
124
- if (itemRef.current && itemRef.current.classList) {
125
- var list = itemRef.current.classList;
126
- if (list.contains('nth-three')) nthCls = 'nth-three';
127
- if (list.contains('nth-four')) nthCls = 'nth-four';
128
- if (list.contains('nth-five')) nthCls = 'nth-five';
129
- }
130
-
131
122
  return /*#__PURE__*/React.createElement("div", {
132
- className: classNames(itemClassName, nthCls),
123
+ className: classNames(itemClassName),
133
124
  style: style,
134
125
  ref: itemRef
135
126
  }, /*#__PURE__*/React.createElement(Row, Object.assign({
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const _default: React.FC<any>;
3
+ export default _default;