@arco-design/mobile-react 2.30.9 → 2.31.0

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 (166) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/README.en-US.md +70 -2
  3. package/README.md +69 -2
  4. package/cjs/carousel/index.js +3 -0
  5. package/cjs/form/form-item.d.ts +3 -0
  6. package/cjs/form/form-item.js +38 -10
  7. package/cjs/form/style/css/index.css +13 -0
  8. package/cjs/form/style/index.less +18 -0
  9. package/cjs/icon/IconCheck/index.js +1 -2
  10. package/cjs/icon/IconDownload/index.d.ts +7 -0
  11. package/cjs/icon/IconDownload/index.js +41 -0
  12. package/cjs/icon/IconFile/index.d.ts +7 -0
  13. package/cjs/icon/IconFile/index.js +41 -0
  14. package/cjs/icon/IconKeyboard/index.js +1 -0
  15. package/cjs/icon/IconQuestionCircle/index.js +1 -2
  16. package/cjs/icon/IconUpload/index.js +6 -4
  17. package/cjs/icon/IconUserFill/index.js +1 -2
  18. package/cjs/icon/index.d.ts +3 -1
  19. package/cjs/icon/index.js +17 -7
  20. package/cjs/icon/type.d.ts +3 -1
  21. package/cjs/image-picker/index.js +15 -161
  22. package/cjs/image-picker/type.d.ts +4 -73
  23. package/cjs/index.d.ts +1 -0
  24. package/cjs/index.js +6 -2
  25. package/cjs/input/hooks.js +2 -2
  26. package/cjs/input/props.d.ts +2 -2
  27. package/cjs/picker/index.js +60 -19
  28. package/cjs/picker/type.d.ts +7 -2
  29. package/cjs/picker-view/components/cascader.d.ts +1 -0
  30. package/cjs/picker-view/components/cascader.js +8 -1
  31. package/cjs/picker-view/components/picker-cell.d.ts +1 -0
  32. package/cjs/picker-view/components/picker-cell.js +6 -1
  33. package/cjs/picker-view/index.d.ts +6 -1
  34. package/cjs/picker-view/index.js +25 -13
  35. package/cjs/style.d.ts +1 -0
  36. package/cjs/style.js +3 -1
  37. package/cjs/tabs/tab-cell.js +54 -29
  38. package/cjs/tabs/type.d.ts +5 -0
  39. package/cjs/uploader/index.d.ts +16 -0
  40. package/cjs/uploader/index.js +180 -0
  41. package/cjs/uploader/style/css/index.css +650 -0
  42. package/cjs/uploader/style/css/index.d.ts +4 -0
  43. package/cjs/uploader/style/css/index.js +9 -0
  44. package/cjs/uploader/style/index.d.ts +4 -0
  45. package/cjs/uploader/style/index.js +9 -0
  46. package/cjs/uploader/style/index.less +161 -0
  47. package/cjs/uploader/type.d.ts +108 -0
  48. package/cjs/uploader/type.js +3 -0
  49. package/cjs/uploader/upload/index.d.ts +2 -0
  50. package/cjs/uploader/upload/index.js +19 -0
  51. package/cjs/uploader/upload/type.d.ts +107 -0
  52. package/cjs/uploader/upload/type.js +3 -0
  53. package/cjs/uploader/upload/upload.d.ts +20 -0
  54. package/cjs/uploader/upload/upload.js +189 -0
  55. package/dist/index.js +679 -310
  56. package/dist/index.min.js +4 -4
  57. package/dist/style.css +593 -0
  58. package/dist/style.min.css +1 -1
  59. package/esm/carousel/index.js +3 -0
  60. package/esm/form/form-item.d.ts +3 -0
  61. package/esm/form/form-item.js +36 -10
  62. package/esm/form/style/css/index.css +13 -0
  63. package/esm/form/style/index.less +18 -0
  64. package/esm/icon/IconCheck/index.js +1 -2
  65. package/esm/icon/IconDownload/index.d.ts +7 -0
  66. package/esm/icon/IconDownload/index.js +30 -0
  67. package/esm/icon/IconFile/index.d.ts +7 -0
  68. package/esm/icon/IconFile/index.js +30 -0
  69. package/esm/icon/IconKeyboard/index.js +1 -0
  70. package/esm/icon/IconQuestionCircle/index.js +1 -2
  71. package/esm/icon/IconUpload/index.js +6 -4
  72. package/esm/icon/IconUserFill/index.js +1 -2
  73. package/esm/icon/index.d.ts +3 -1
  74. package/esm/icon/index.js +3 -1
  75. package/esm/icon/type.d.ts +3 -1
  76. package/esm/image-picker/index.js +14 -160
  77. package/esm/image-picker/type.d.ts +4 -73
  78. package/esm/index.d.ts +1 -0
  79. package/esm/index.js +2 -1
  80. package/esm/input/hooks.js +2 -2
  81. package/esm/input/props.d.ts +2 -2
  82. package/esm/picker/index.js +61 -20
  83. package/esm/picker/type.d.ts +7 -2
  84. package/esm/picker-view/components/cascader.d.ts +1 -0
  85. package/esm/picker-view/components/cascader.js +8 -1
  86. package/esm/picker-view/components/picker-cell.d.ts +1 -0
  87. package/esm/picker-view/components/picker-cell.js +6 -1
  88. package/esm/picker-view/index.d.ts +6 -1
  89. package/esm/picker-view/index.js +26 -13
  90. package/esm/style.d.ts +1 -0
  91. package/esm/style.js +2 -1
  92. package/esm/tabs/tab-cell.js +56 -30
  93. package/esm/tabs/type.d.ts +5 -0
  94. package/esm/uploader/index.d.ts +16 -0
  95. package/esm/uploader/index.js +150 -0
  96. package/esm/uploader/style/css/index.css +650 -0
  97. package/esm/uploader/style/css/index.d.ts +4 -0
  98. package/esm/uploader/style/css/index.js +4 -0
  99. package/esm/uploader/style/index.d.ts +4 -0
  100. package/esm/uploader/style/index.js +4 -0
  101. package/esm/uploader/style/index.less +161 -0
  102. package/esm/uploader/type.d.ts +108 -0
  103. package/esm/uploader/type.js +1 -0
  104. package/esm/uploader/upload/index.d.ts +2 -0
  105. package/esm/uploader/upload/index.js +2 -0
  106. package/esm/uploader/upload/type.d.ts +107 -0
  107. package/esm/uploader/upload/type.js +1 -0
  108. package/esm/uploader/upload/upload.d.ts +20 -0
  109. package/esm/uploader/upload/upload.js +175 -0
  110. package/package.json +3 -3
  111. package/tokens/app/arcodesign/default/css-variables.less +27 -0
  112. package/tokens/app/arcodesign/default/index.d.ts +27 -0
  113. package/tokens/app/arcodesign/default/index.js +28 -1
  114. package/tokens/app/arcodesign/default/index.json +292 -0
  115. package/tokens/app/arcodesign/default/index.less +27 -0
  116. package/umd/carousel/index.js +3 -0
  117. package/umd/form/form-item.d.ts +3 -0
  118. package/umd/form/form-item.js +38 -10
  119. package/umd/form/style/css/index.css +13 -0
  120. package/umd/form/style/index.less +18 -0
  121. package/umd/icon/IconCheck/index.js +1 -2
  122. package/umd/icon/IconDownload/index.d.ts +7 -0
  123. package/umd/icon/IconDownload/index.js +49 -0
  124. package/umd/icon/IconFile/index.d.ts +7 -0
  125. package/umd/icon/IconFile/index.js +49 -0
  126. package/umd/icon/IconKeyboard/index.js +1 -0
  127. package/umd/icon/IconQuestionCircle/index.js +1 -2
  128. package/umd/icon/IconUpload/index.js +6 -4
  129. package/umd/icon/IconUserFill/index.js +1 -2
  130. package/umd/icon/index.d.ts +3 -1
  131. package/umd/icon/index.js +15 -9
  132. package/umd/icon/type.d.ts +3 -1
  133. package/umd/image-picker/index.js +17 -163
  134. package/umd/image-picker/type.d.ts +4 -73
  135. package/umd/index.d.ts +1 -0
  136. package/umd/index.js +7 -5
  137. package/umd/input/hooks.js +2 -2
  138. package/umd/input/props.d.ts +2 -2
  139. package/umd/picker/index.js +60 -19
  140. package/umd/picker/type.d.ts +7 -2
  141. package/umd/picker-view/components/cascader.d.ts +1 -0
  142. package/umd/picker-view/components/cascader.js +8 -1
  143. package/umd/picker-view/components/picker-cell.d.ts +1 -0
  144. package/umd/picker-view/components/picker-cell.js +6 -1
  145. package/umd/picker-view/index.d.ts +6 -1
  146. package/umd/picker-view/index.js +25 -13
  147. package/umd/style.d.ts +1 -0
  148. package/umd/style.js +4 -4
  149. package/umd/tabs/tab-cell.js +54 -29
  150. package/umd/tabs/type.d.ts +5 -0
  151. package/umd/uploader/index.d.ts +16 -0
  152. package/umd/uploader/index.js +178 -0
  153. package/umd/uploader/style/css/index.css +650 -0
  154. package/umd/uploader/style/css/index.d.ts +4 -0
  155. package/umd/uploader/style/css/index.js +15 -0
  156. package/umd/uploader/style/index.d.ts +4 -0
  157. package/umd/uploader/style/index.js +15 -0
  158. package/umd/uploader/style/index.less +161 -0
  159. package/umd/uploader/type.d.ts +108 -0
  160. package/umd/uploader/type.js +17 -0
  161. package/umd/uploader/upload/index.d.ts +2 -0
  162. package/umd/uploader/upload/index.js +27 -0
  163. package/umd/uploader/upload/type.d.ts +107 -0
  164. package/umd/uploader/upload/type.js +17 -0
  165. package/umd/uploader/upload/upload.d.ts +20 -0
  166. package/umd/uploader/upload/upload.js +200 -0
@@ -1074,7 +1074,34 @@ var tokens = {
1074
1074
  "skeleton-grid-text-width": "1.28rem",
1075
1075
  "skeleton-grid-text-height": "0.32rem",
1076
1076
  "skeleton-medium-gutter": "0.16rem",
1077
- "skeleton-large-gutter": "0.4rem"
1077
+ "skeleton-large-gutter": "0.4rem",
1078
+ "uploader-item-height": "0.72rem",
1079
+ "uploader-item-margin-top": "0.32rem",
1080
+ "uploader-item-padding": "0 0.24rem",
1081
+ "dark-uploader-item-background-color": "var(--dark-card-background-color)",
1082
+ "uploader-item-background-color": "var(--card-background-color)",
1083
+ "uploader-file-icon-font-size": "0.32rem",
1084
+ "uploader-file-icon-margin-right": "0.24rem",
1085
+ "dark-uploader-file-icon-color": "var(--dark-sub-font-color)",
1086
+ "uploader-file-icon-color": "var(--sub-font-color)",
1087
+ "uploader-item-text-font-size": "0.28rem",
1088
+ "uploader-item-border-radius": "0.04rem",
1089
+ "dark-uploader-item-text-color": "var(--dark-font-color)",
1090
+ "uploader-item-text-color": "var(--font-color)",
1091
+ "uploader-loaded-icon-font-size": "0.32rem",
1092
+ "dark-uploader-loaded-icon-color": "var(--dark-success-color)",
1093
+ "uploader-loaded-icon-color": "var(--success-color)",
1094
+ "uploader-error-text-font-size": "0.24rem",
1095
+ "dark-uploader-error-text-color": "var(--dark-primary-color)",
1096
+ "uploader-error-text-color": "var(--primary-color)",
1097
+ "uploader-delete-icon-font-size": "0.24rem",
1098
+ "uploader-delete-icon-padding-left": "0.24rem",
1099
+ "dark-uploader-delete-icon-color": "var(--dark-sub-font-color)",
1100
+ "uploader-delete-icon-color": "var(--sub-font-color)",
1101
+ "dark-uploader-disabled-delete-icon-color": "var(--dark-disabled-color)",
1102
+ "uploader-disabled-delete-icon-color": "var(--disabled-color)",
1103
+ "dark-uploader-item-text-error-color": "var(--dark-danger-color)",
1104
+ "uploader-item-text-error-color": "var(--danger-color)"
1078
1105
  };
1079
1106
  var _default = tokens;
1080
1107
  exports["default"] = _default;
@@ -4283,6 +4283,70 @@
4283
4283
  "jsValue": "@global@darkMaskContentColor",
4284
4284
  "staticValue": "rgba(255, 255, 255, 0.9)"
4285
4285
  },
4286
+ "darkUploaderDeleteIconColor": {
4287
+ "cssKey": "dark-uploader-delete-icon-color",
4288
+ "desc": "",
4289
+ "override": "",
4290
+ "value": "@dark-sub-font-color",
4291
+ "jsValue": "@global@darkSubFontColor",
4292
+ "staticValue": "#c5c5c5"
4293
+ },
4294
+ "darkUploaderDisabledDeleteIconColor": {
4295
+ "cssKey": "dark-uploader-disabled-delete-icon-color",
4296
+ "desc": "",
4297
+ "override": "",
4298
+ "value": "@dark-disabled-color",
4299
+ "jsValue": "@global@darkDisabledColor",
4300
+ "staticValue": "#5f5f60"
4301
+ },
4302
+ "darkUploaderErrorTextColor": {
4303
+ "cssKey": "dark-uploader-error-text-color",
4304
+ "desc": "",
4305
+ "override": "",
4306
+ "value": "@dark-primary-color",
4307
+ "jsValue": "@global@darkPrimaryColor",
4308
+ "staticValue": "#3C7EFF"
4309
+ },
4310
+ "darkUploaderFileIconColor": {
4311
+ "cssKey": "dark-uploader-file-icon-color",
4312
+ "desc": "",
4313
+ "override": "",
4314
+ "value": "@dark-sub-font-color",
4315
+ "jsValue": "@global@darkSubFontColor",
4316
+ "staticValue": "#c5c5c5"
4317
+ },
4318
+ "darkUploaderItemBackgroundColor": {
4319
+ "cssKey": "dark-uploader-item-background-color",
4320
+ "desc": "",
4321
+ "override": "",
4322
+ "value": "@dark-card-background-color",
4323
+ "jsValue": "@global@darkCardBackgroundColor",
4324
+ "staticValue": "hsla(0, 0%, 100%, 0.08)"
4325
+ },
4326
+ "darkUploaderItemTextColor": {
4327
+ "cssKey": "dark-uploader-item-text-color",
4328
+ "desc": "",
4329
+ "override": "",
4330
+ "value": "@dark-font-color",
4331
+ "jsValue": "@global@darkFontColor",
4332
+ "staticValue": "#f6f6f6"
4333
+ },
4334
+ "darkUploaderItemTextErrorColor": {
4335
+ "cssKey": "dark-uploader-item-text-error-color",
4336
+ "desc": "",
4337
+ "override": "",
4338
+ "value": "@dark-danger-color",
4339
+ "jsValue": "@global@darkDangerColor",
4340
+ "staticValue": "#F76965"
4341
+ },
4342
+ "darkUploaderLoadedIconColor": {
4343
+ "cssKey": "dark-uploader-loaded-icon-color",
4344
+ "desc": "",
4345
+ "override": "",
4346
+ "value": "@dark-success-color",
4347
+ "jsValue": "@global@darkSuccessColor",
4348
+ "staticValue": "#27C346"
4349
+ },
4286
4350
  "darkWarningColor": {
4287
4351
  "cssKey": "dark-warning-color",
4288
4352
  "desc": "",
@@ -11713,6 +11777,234 @@
11713
11777
  "en": "Transition fade duration"
11714
11778
  }
11715
11779
  },
11780
+ "uploaderDeleteIconColor": {
11781
+ "cssKey": "uploader-delete-icon-color",
11782
+ "desc": "文件上传组件上传列表删除图标颜色",
11783
+ "override": "",
11784
+ "value": "@sub-font-color",
11785
+ "jsValue": "@global@subFontColor",
11786
+ "staticValue": "#4e5969",
11787
+ "localeDesc": {
11788
+ "ch": "文件上传组件上传列表删除图标颜色",
11789
+ "en": "Color of the delete icon in the upload list"
11790
+ }
11791
+ },
11792
+ "uploaderDeleteIconFontSize": {
11793
+ "cssKey": "uploader-delete-icon-font-size",
11794
+ "desc": "文件上传组件上传列表删除图标大小",
11795
+ "override": "",
11796
+ "value": "~`pxtorem(12)`",
11797
+ "jsValue": "@getRem@12",
11798
+ "staticValue": "0.24rem",
11799
+ "localeDesc": {
11800
+ "ch": "文件上传组件上传列表删除图标大小",
11801
+ "en": "Font size of the delete icon in the upload list"
11802
+ }
11803
+ },
11804
+ "uploaderDeleteIconPaddingLeft": {
11805
+ "cssKey": "uploader-delete-icon-padding-left",
11806
+ "desc": "文件上传组件上传列表删除图标左内边距",
11807
+ "override": "",
11808
+ "value": "~`pxtorem(12)`",
11809
+ "jsValue": "@getRem@12",
11810
+ "staticValue": "0.24rem",
11811
+ "localeDesc": {
11812
+ "ch": "文件上传组件上传列表删除图标左内边距",
11813
+ "en": "Left padding of the delete icon in the upload list"
11814
+ }
11815
+ },
11816
+ "uploaderDisabledDeleteIconColor": {
11817
+ "cssKey": "uploader-disabled-delete-icon-color",
11818
+ "desc": "文件上传组件禁用状态删除图标颜色",
11819
+ "override": "",
11820
+ "value": "@disabled-color",
11821
+ "jsValue": "@global@disabledColor",
11822
+ "staticValue": "#c9cdd4",
11823
+ "localeDesc": {
11824
+ "ch": "文件上传组件禁用状态删除图标颜色",
11825
+ "en": "Disabled color of the delete icon in the upload list"
11826
+ }
11827
+ },
11828
+ "uploaderErrorTextColor": {
11829
+ "cssKey": "uploader-error-text-color",
11830
+ "desc": "文件上传组件上传列表错误文字颜色",
11831
+ "override": "",
11832
+ "value": "@primary-color",
11833
+ "jsValue": "@global@primaryColor",
11834
+ "staticValue": "#165DFF",
11835
+ "localeDesc": {
11836
+ "ch": "文件上传组件上传列表错误文字颜色",
11837
+ "en": "Error color of the text in the uploader list"
11838
+ }
11839
+ },
11840
+ "uploaderErrorTextFontSize": {
11841
+ "cssKey": "uploader-error-text-font-size",
11842
+ "desc": "文件上传组件上传列表错误文字大小",
11843
+ "override": "",
11844
+ "value": "~`pxtorem(12)`",
11845
+ "jsValue": "@getRem@12",
11846
+ "staticValue": "0.24rem",
11847
+ "localeDesc": {
11848
+ "ch": "文件上传组件上传列表错误文字大小",
11849
+ "en": "Error font size of the text in the uploader list"
11850
+ }
11851
+ },
11852
+ "uploaderFileIconColor": {
11853
+ "cssKey": "uploader-file-icon-color",
11854
+ "desc": "文件上传组件上传列表文件图标颜色",
11855
+ "override": "",
11856
+ "value": "@sub-font-color",
11857
+ "jsValue": "@global@subFontColor",
11858
+ "staticValue": "#4e5969",
11859
+ "localeDesc": {
11860
+ "ch": "文件上传组件上传列表文件图标颜色",
11861
+ "en": "Color of the file icon in the uploader list"
11862
+ }
11863
+ },
11864
+ "uploaderFileIconFontSize": {
11865
+ "cssKey": "uploader-file-icon-font-size",
11866
+ "desc": "文件上传组件上传列表文件图标大小",
11867
+ "override": "",
11868
+ "value": "~`pxtorem(16)`",
11869
+ "jsValue": "@getRem@16",
11870
+ "staticValue": "0.32rem",
11871
+ "localeDesc": {
11872
+ "ch": "文件上传组件上传列表文件图标大小",
11873
+ "en": "Font size of the file icon in the uploader list"
11874
+ }
11875
+ },
11876
+ "uploaderFileIconMarginRight": {
11877
+ "cssKey": "uploader-file-icon-margin-right",
11878
+ "desc": "文件上传组件上传列表文件图标右边距",
11879
+ "override": "",
11880
+ "value": "~`pxtorem(12)`",
11881
+ "jsValue": "@getRem@12",
11882
+ "staticValue": "0.24rem",
11883
+ "localeDesc": {
11884
+ "ch": "文件上传组件上传列表文件图标右边距",
11885
+ "en": "Margin right of the file icon in the uploader list"
11886
+ }
11887
+ },
11888
+ "uploaderItemBackgroundColor": {
11889
+ "cssKey": "uploader-item-background-color",
11890
+ "desc": "文件上传组件上传列表背景颜色",
11891
+ "override": "",
11892
+ "value": "@card-background-color",
11893
+ "jsValue": "@global@cardBackgroundColor",
11894
+ "staticValue": "#F7F8FA",
11895
+ "localeDesc": {
11896
+ "ch": "文件上传组件上传列表背景颜色",
11897
+ "en": "Background color of the uploader list"
11898
+ }
11899
+ },
11900
+ "uploaderItemBorderRadius": {
11901
+ "cssKey": "uploader-item-border-radius",
11902
+ "desc": "文件上传组件上传列表外边框圆角",
11903
+ "override": "",
11904
+ "value": "~`pxtorem(2)`",
11905
+ "jsValue": "@getRem@2",
11906
+ "staticValue": "0.04rem",
11907
+ "localeDesc": {
11908
+ "ch": "文件上传组件上传列表外边框圆角",
11909
+ "en": "Border radius of the uploader list item"
11910
+ }
11911
+ },
11912
+ "uploaderItemHeight": {
11913
+ "cssKey": "uploader-item-height",
11914
+ "desc": "文件上传组件上传列表高度",
11915
+ "override": "",
11916
+ "value": "~`pxtorem(36)`",
11917
+ "jsValue": "@getRem@36",
11918
+ "staticValue": "0.72rem",
11919
+ "localeDesc": {
11920
+ "ch": "文件上传组件上传列表高度",
11921
+ "en": "Height of the uploader list item"
11922
+ }
11923
+ },
11924
+ "uploaderItemMarginTop": {
11925
+ "cssKey": "uploader-item-margin-top",
11926
+ "desc": "文件上传组件上传列表上边距",
11927
+ "override": "",
11928
+ "value": "~`pxtorem(16)`",
11929
+ "jsValue": "@getRem@16",
11930
+ "staticValue": "0.32rem",
11931
+ "localeDesc": {
11932
+ "ch": "文件上传组件上传列表上边距",
11933
+ "en": "Margin top of the uploader list item"
11934
+ }
11935
+ },
11936
+ "uploaderItemPadding": {
11937
+ "cssKey": "uploader-item-padding",
11938
+ "desc": "文件上传组件上传列表内边距",
11939
+ "override": "",
11940
+ "value": "0 ~`pxtorem(12)`",
11941
+ "jsValue": "0 @getRem@12",
11942
+ "staticValue": "0 0.24rem",
11943
+ "localeDesc": {
11944
+ "ch": "文件上传组件上传列表内边距",
11945
+ "en": "Padding of the uploader list item"
11946
+ }
11947
+ },
11948
+ "uploaderItemTextColor": {
11949
+ "cssKey": "uploader-item-text-color",
11950
+ "desc": "文件上传组件上传列表文字颜色",
11951
+ "override": "",
11952
+ "value": "@font-color",
11953
+ "jsValue": "@global@fontColor",
11954
+ "staticValue": "#1d2129",
11955
+ "localeDesc": {
11956
+ "ch": "文件上传组件上传列表文字颜色",
11957
+ "en": "Color of the text in the uploader list"
11958
+ }
11959
+ },
11960
+ "uploaderItemTextErrorColor": {
11961
+ "cssKey": "uploader-item-text-error-color",
11962
+ "desc": "文件上传组件上传列表上传失败文字颜色",
11963
+ "override": "",
11964
+ "value": "@danger-color",
11965
+ "jsValue": "@global@dangerColor",
11966
+ "staticValue": "#F53F3F",
11967
+ "localeDesc": {
11968
+ "ch": "文件上传组件上传列表上传失败文字颜色",
11969
+ "en": "Error status color of the text in the uploader list"
11970
+ }
11971
+ },
11972
+ "uploaderItemTextFontSize": {
11973
+ "cssKey": "uploader-item-text-font-size",
11974
+ "desc": "文件上传组件上传列表文字大小",
11975
+ "override": "",
11976
+ "value": "~`pxtorem(14)`",
11977
+ "jsValue": "@getRem@14",
11978
+ "staticValue": "0.28rem",
11979
+ "localeDesc": {
11980
+ "ch": "文件上传组件上传列表文字大小",
11981
+ "en": "Font size of the text in the uploader list"
11982
+ }
11983
+ },
11984
+ "uploaderLoadedIconColor": {
11985
+ "cssKey": "uploader-loaded-icon-color",
11986
+ "desc": "文件上传组件上传列表加载成功图标颜色",
11987
+ "override": "",
11988
+ "value": "@success-color",
11989
+ "jsValue": "@global@successColor",
11990
+ "staticValue": "#00B42A",
11991
+ "localeDesc": {
11992
+ "ch": "文件上传组件上传列表加载成功图标颜色",
11993
+ "en": "Color of the loaded icon in the uploader list"
11994
+ }
11995
+ },
11996
+ "uploaderLoadedIconFontSize": {
11997
+ "cssKey": "uploader-loaded-icon-font-size",
11998
+ "desc": "文件上传组件上传列表加载成功图标大小",
11999
+ "override": "",
12000
+ "value": "~`pxtorem(16)`",
12001
+ "jsValue": "@getRem@16",
12002
+ "staticValue": "0.32rem",
12003
+ "localeDesc": {
12004
+ "ch": "文件上传组件上传列表加载成功图标大小",
12005
+ "en": "Font size of the loaded icon in the uploader list"
12006
+ }
12007
+ },
11716
12008
  "warningColor": {
11717
12009
  "cssKey": "warning-color",
11718
12010
  "desc": "基础警告态颜色",
@@ -1063,4 +1063,31 @@
1063
1063
  @skeleton-grid-text-height: ~`pxtorem(16)`;
1064
1064
  @skeleton-medium-gutter: ~`pxtorem(8)`;
1065
1065
  @skeleton-large-gutter: ~`pxtorem(20)`;
1066
+ @uploader-item-height: ~`pxtorem(36)`;
1067
+ @uploader-item-margin-top: ~`pxtorem(16)`;
1068
+ @uploader-item-padding: 0 ~`pxtorem(12)`;
1069
+ @dark-uploader-item-background-color: @dark-card-background-color;
1070
+ @uploader-item-background-color: @card-background-color;
1071
+ @uploader-file-icon-font-size: ~`pxtorem(16)`;
1072
+ @uploader-file-icon-margin-right: ~`pxtorem(12)`;
1073
+ @dark-uploader-file-icon-color: @dark-sub-font-color;
1074
+ @uploader-file-icon-color: @sub-font-color;
1075
+ @uploader-item-text-font-size: ~`pxtorem(14)`;
1076
+ @uploader-item-border-radius: ~`pxtorem(2)`;
1077
+ @dark-uploader-item-text-color: @dark-font-color;
1078
+ @uploader-item-text-color: @font-color;
1079
+ @uploader-loaded-icon-font-size: ~`pxtorem(16)`;
1080
+ @dark-uploader-loaded-icon-color: @dark-success-color;
1081
+ @uploader-loaded-icon-color: @success-color;
1082
+ @uploader-error-text-font-size: ~`pxtorem(12)`;
1083
+ @dark-uploader-error-text-color: @dark-primary-color;
1084
+ @uploader-error-text-color: @primary-color;
1085
+ @uploader-delete-icon-font-size: ~`pxtorem(12)`;
1086
+ @uploader-delete-icon-padding-left: ~`pxtorem(12)`;
1087
+ @dark-uploader-delete-icon-color: @dark-sub-font-color;
1088
+ @uploader-delete-icon-color: @sub-font-color;
1089
+ @dark-uploader-disabled-delete-icon-color: @dark-disabled-color;
1090
+ @uploader-disabled-delete-icon-color: @disabled-color;
1091
+ @dark-uploader-item-text-error-color: @dark-danger-color;
1092
+ @uploader-item-text-error-color: @danger-color;
1066
1093
 
@@ -660,6 +660,9 @@
660
660
 
661
661
  function getFakeChild() {
662
662
  if (noLoop) {
663
+ // 循环状态从有到无时,重置 transforms
664
+ // @en reset transforms when loop status changes to false
665
+ setTransforms([]);
663
666
  return;
664
667
  }
665
668
 
@@ -1,4 +1,7 @@
1
1
  import React from 'react';
2
2
  import { FormItemProps, FormItemRef } from './type';
3
+ export declare function DefaultPickerLinkedContainer({ value }: {
4
+ value: (string | number)[];
5
+ }): JSX.Element;
3
6
  declare const _default: React.ForwardRefExoticComponent<FormItemProps & React.RefAttributes<FormItemRef>>;
4
7
  export default _default;
@@ -16,6 +16,7 @@
16
16
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
17
17
 
18
18
  _exports.__esModule = true;
19
+ _exports.DefaultPickerLinkedContainer = DefaultPickerLinkedContainer;
19
20
  _exports.default = void 0;
20
21
  _extends2 = _interopRequireDefault(_extends2);
21
22
  _objectWithoutPropertiesLoose2 = _interopRequireDefault(_objectWithoutPropertiesLoose2);
@@ -27,6 +28,21 @@
27
28
 
28
29
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
29
30
 
31
+ function DefaultPickerLinkedContainer(_ref) {
32
+ var value = _ref.value;
33
+
34
+ var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
35
+ prefixCls = _useContext.prefixCls,
36
+ locale = _useContext.locale;
37
+
38
+ var className = prefixCls + "-form-picker-link-container";
39
+ return /*#__PURE__*/_react.default.createElement("div", {
40
+ className: className
41
+ }, value && value.length ? value.join('-') : /*#__PURE__*/_react.default.createElement("span", {
42
+ className: className + "-placeholder"
43
+ }, locale == null ? void 0 : locale.Form.pickerDefaultHint));
44
+ }
45
+
30
46
  var FormItemInner = /*#__PURE__*/function (_PureComponent) {
31
47
  (0, _inheritsLoose2.default)(FormItemInner, _PureComponent);
32
48
 
@@ -213,6 +229,8 @@
213
229
  _proto.renderChildren = function renderChildren() {
214
230
  var _props,
215
231
  _children$type,
232
+ _children$props7,
233
+ _children$props8,
216
234
  _this2 = this;
217
235
 
218
236
  var _this$props4 = this.props,
@@ -253,16 +271,26 @@
253
271
  case _type.FormInternalComponentType.DatePicker:
254
272
  props = {
255
273
  currentTs: getFieldValue(field),
256
- onChange: this.innerTriggerFunction,
257
- disabled: this.props.disabled
274
+ onChange: this.innerTriggerFunctionWithValueFirst,
275
+ disabled: this.props.disabled,
276
+ renderLinkedContainer: ((_children$props7 = children.props) == null ? void 0 : _children$props7.renderLinkedContainer) || function (val) {
277
+ return /*#__PURE__*/_react.default.createElement(DefaultPickerLinkedContainer, {
278
+ value: val
279
+ });
280
+ }
258
281
  };
259
282
  break;
260
283
 
261
284
  case _type.FormInternalComponentType.Picker:
262
285
  props = {
263
- data: getFieldValue(field),
264
- onPickerChange: this.innerTriggerFunction,
265
- disabled: this.props.disabled
286
+ value: getFieldValue(field),
287
+ onChange: this.innerTriggerFunctionWithValueFirst,
288
+ disabled: this.props.disabled,
289
+ renderLinkedContainer: ((_children$props8 = children.props) == null ? void 0 : _children$props8.renderLinkedContainer) || function (val) {
290
+ return /*#__PURE__*/_react.default.createElement(DefaultPickerLinkedContainer, {
291
+ value: val
292
+ });
293
+ }
266
294
  };
267
295
  break;
268
296
 
@@ -327,12 +355,12 @@
327
355
  className = _props$className === void 0 ? '' : _props$className,
328
356
  rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
329
357
 
330
- var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
331
- prefixCls = _useContext.prefixCls;
358
+ var _useContext2 = (0, _react.useContext)(_contextProvider.GlobalContext),
359
+ prefixCls = _useContext2.prefixCls;
332
360
 
333
- var _useContext2 = (0, _react.useContext)(_formItemContext.FormItemContext),
334
- layout = _useContext2.layout,
335
- propsDisabled = _useContext2.disabled;
361
+ var _useContext3 = (0, _react.useContext)(_formItemContext.FormItemContext),
362
+ layout = _useContext3.layout,
363
+ propsDisabled = _useContext3.disabled;
336
364
 
337
365
  var _useState = (0, _react.useState)(null),
338
366
  errors = _useState[0],
@@ -604,6 +604,13 @@
604
604
  height: 0.32rem ;
605
605
  line-height: 0.32rem ;
606
606
  }
607
+ .arco-form-picker-link-container {
608
+ font-size: 0.32rem;
609
+ color: #1d2129 ;
610
+ }
611
+ .arco-form-picker-link-container-placeholder {
612
+ color: #c9cdd4 ;
613
+ }
607
614
  /***************************************************
608
615
  * *
609
616
  * Arco Theme Style *
@@ -638,4 +645,10 @@
638
645
  .arco-theme-dark .arco-form-item-warning-message {
639
646
  color: #FF9626 ;
640
647
  }
648
+ .arco-theme-dark .arco-form-picker-link-container {
649
+ color: #f6f6f6 ;
650
+ }
651
+ .arco-theme-dark .arco-form-picker-link-container-placeholder {
652
+ color: #5f5f60 ;
653
+ }
641
654
  /********************* End *************************/
@@ -89,6 +89,14 @@
89
89
  }
90
90
  }
91
91
  }
92
+
93
+ &-picker-link-container {
94
+ .rem(font-size, 16);
95
+ .use-var(color, font-color);
96
+ &-placeholder {
97
+ .use-var(color, input-placeholder-color);
98
+ }
99
+ }
92
100
  }
93
101
 
94
102
  /***************************************************
@@ -149,6 +157,16 @@
149
157
  .use-var(color, dark-form-item-warning-message-color);
150
158
  }
151
159
  }
160
+ &-picker-link-container {
161
+ @{arco-dark-mode-selector} & {
162
+ .use-var(color, dark-font-color);
163
+ }
164
+ &-placeholder {
165
+ @{arco-dark-mode-selector} & {
166
+ .use-var(color, dark-input-placeholder-color);
167
+ }
168
+ }
169
+ }
152
170
  }
153
171
  }
154
172
  /********************* End *************************/
@@ -42,8 +42,7 @@
42
42
  }, other), /*#__PURE__*/_react.default.createElement("path", {
43
43
  fillRule: "evenodd",
44
44
  clipRule: "evenodd",
45
- d: "M16.702 4.47a.5.5 0 00-.705.06L8.33 13.596 3.82 9.724a.5.5 0 00-.705.054l-.652.758a.5.5 0 00.054.706L7.361 15.4a.5.5 0 00.054.053l.526.445.22.188a.5.5 0 00.722-.047l8.641-10.218a.5.5 0 00-.059-.705l-.763-.645z",
46
- fill: useCurrentColor ? 'currentColor' : '#000'
45
+ d: "M16.702 4.47a.5.5 0 00-.705.06L8.33 13.596 3.82 9.724a.5.5 0 00-.705.054l-.652.758a.5.5 0 00.054.706L7.361 15.4a.5.5 0 00.054.053l.526.445.22.188a.5.5 0 00.722-.047l8.641-10.218a.5.5 0 00-.059-.705l-.763-.645z"
47
46
  }));
48
47
  });
49
48
  }
@@ -0,0 +1,7 @@
1
+ import { SVGAttributes, CSSProperties } from 'react';
2
+ export interface IconProps extends SVGAttributes<SVGElement> {
3
+ className?: string;
4
+ useCurrentColor?: boolean;
5
+ style?: CSSProperties;
6
+ }
7
+ export default function IconDownload(props: IconProps): JSX.Element;
@@ -0,0 +1,49 @@
1
+ (function (global, factory) {
2
+ if (typeof define === "function" && define.amd) {
3
+ define(["exports", "@babel/runtime/helpers/extends", "@babel/runtime/helpers/objectWithoutPropertiesLoose", "react", "../../context-provider"], factory);
4
+ } else if (typeof exports !== "undefined") {
5
+ factory(exports, require("@babel/runtime/helpers/extends"), require("@babel/runtime/helpers/objectWithoutPropertiesLoose"), require("react"), require("../../context-provider"));
6
+ } else {
7
+ var mod = {
8
+ exports: {}
9
+ };
10
+ factory(mod.exports, global._extends, global.objectWithoutPropertiesLoose, global.react, global.contextProvider);
11
+ global.index = mod.exports;
12
+ }
13
+ })(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _objectWithoutPropertiesLoose2, _react, _contextProvider) {
14
+ "use strict";
15
+
16
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
17
+
18
+ _exports.__esModule = true;
19
+ _exports.default = IconDownload;
20
+ _extends2 = _interopRequireDefault(_extends2);
21
+ _objectWithoutPropertiesLoose2 = _interopRequireDefault(_objectWithoutPropertiesLoose2);
22
+ _react = _interopRequireDefault(_react);
23
+ var _excluded = ["className", "useCurrentColor", "style"];
24
+
25
+ function IconDownload(props) {
26
+ var _props$className = props.className,
27
+ className = _props$className === void 0 ? '' : _props$className,
28
+ _props$useCurrentColo = props.useCurrentColor,
29
+ useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
30
+ style = props.style,
31
+ other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
32
+ return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
33
+ var prefixCls = _ref.prefixCls;
34
+ return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
35
+ className: prefixCls + "-icon " + prefixCls + "-icon-download " + className,
36
+ width: "1em",
37
+ height: "1em",
38
+ style: style,
39
+ fill: useCurrentColor ? 'currentColor' : '#000',
40
+ xmlns: "http://www.w3.org/2000/svg",
41
+ viewBox: "0 0 16 16"
42
+ }, other), /*#__PURE__*/_react.default.createElement("path", {
43
+ d: "M7.3,8.8V1.7h1.3v7.1l1.9-1.9l0.9,0.9L8,11.3L4.5,7.8l0.9-0.9L7.3,8.8z M3.3,13v-1.3H2v2.7h12v-2.7\th-1.3V13H3.3z",
44
+ fillRule: "evenodd",
45
+ clipRule: "evenodd"
46
+ }));
47
+ });
48
+ }
49
+ });
@@ -0,0 +1,7 @@
1
+ import { SVGAttributes, CSSProperties } from 'react';
2
+ export interface IconProps extends SVGAttributes<SVGElement> {
3
+ className?: string;
4
+ useCurrentColor?: boolean;
5
+ style?: CSSProperties;
6
+ }
7
+ export default function IconFile(props: IconProps): JSX.Element;