@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.
- package/CHANGELOG.md +32 -0
- package/README.en-US.md +70 -2
- package/README.md +69 -2
- package/cjs/carousel/index.js +3 -0
- package/cjs/form/form-item.d.ts +3 -0
- package/cjs/form/form-item.js +38 -10
- package/cjs/form/style/css/index.css +13 -0
- package/cjs/form/style/index.less +18 -0
- package/cjs/icon/IconCheck/index.js +1 -2
- package/cjs/icon/IconDownload/index.d.ts +7 -0
- package/cjs/icon/IconDownload/index.js +41 -0
- package/cjs/icon/IconFile/index.d.ts +7 -0
- package/cjs/icon/IconFile/index.js +41 -0
- package/cjs/icon/IconKeyboard/index.js +1 -0
- package/cjs/icon/IconQuestionCircle/index.js +1 -2
- package/cjs/icon/IconUpload/index.js +6 -4
- package/cjs/icon/IconUserFill/index.js +1 -2
- package/cjs/icon/index.d.ts +3 -1
- package/cjs/icon/index.js +17 -7
- package/cjs/icon/type.d.ts +3 -1
- package/cjs/image-picker/index.js +15 -161
- package/cjs/image-picker/type.d.ts +4 -73
- package/cjs/index.d.ts +1 -0
- package/cjs/index.js +6 -2
- package/cjs/input/hooks.js +2 -2
- package/cjs/input/props.d.ts +2 -2
- package/cjs/picker/index.js +60 -19
- package/cjs/picker/type.d.ts +7 -2
- package/cjs/picker-view/components/cascader.d.ts +1 -0
- package/cjs/picker-view/components/cascader.js +8 -1
- package/cjs/picker-view/components/picker-cell.d.ts +1 -0
- package/cjs/picker-view/components/picker-cell.js +6 -1
- package/cjs/picker-view/index.d.ts +6 -1
- package/cjs/picker-view/index.js +25 -13
- package/cjs/style.d.ts +1 -0
- package/cjs/style.js +3 -1
- package/cjs/tabs/tab-cell.js +54 -29
- package/cjs/tabs/type.d.ts +5 -0
- package/cjs/uploader/index.d.ts +16 -0
- package/cjs/uploader/index.js +180 -0
- package/cjs/uploader/style/css/index.css +650 -0
- package/cjs/uploader/style/css/index.d.ts +4 -0
- package/cjs/uploader/style/css/index.js +9 -0
- package/cjs/uploader/style/index.d.ts +4 -0
- package/cjs/uploader/style/index.js +9 -0
- package/cjs/uploader/style/index.less +161 -0
- package/cjs/uploader/type.d.ts +108 -0
- package/cjs/uploader/type.js +3 -0
- package/cjs/uploader/upload/index.d.ts +2 -0
- package/cjs/uploader/upload/index.js +19 -0
- package/cjs/uploader/upload/type.d.ts +107 -0
- package/cjs/uploader/upload/type.js +3 -0
- package/cjs/uploader/upload/upload.d.ts +20 -0
- package/cjs/uploader/upload/upload.js +189 -0
- package/dist/index.js +679 -310
- package/dist/index.min.js +4 -4
- package/dist/style.css +593 -0
- package/dist/style.min.css +1 -1
- package/esm/carousel/index.js +3 -0
- package/esm/form/form-item.d.ts +3 -0
- package/esm/form/form-item.js +36 -10
- package/esm/form/style/css/index.css +13 -0
- package/esm/form/style/index.less +18 -0
- package/esm/icon/IconCheck/index.js +1 -2
- package/esm/icon/IconDownload/index.d.ts +7 -0
- package/esm/icon/IconDownload/index.js +30 -0
- package/esm/icon/IconFile/index.d.ts +7 -0
- package/esm/icon/IconFile/index.js +30 -0
- package/esm/icon/IconKeyboard/index.js +1 -0
- package/esm/icon/IconQuestionCircle/index.js +1 -2
- package/esm/icon/IconUpload/index.js +6 -4
- package/esm/icon/IconUserFill/index.js +1 -2
- package/esm/icon/index.d.ts +3 -1
- package/esm/icon/index.js +3 -1
- package/esm/icon/type.d.ts +3 -1
- package/esm/image-picker/index.js +14 -160
- package/esm/image-picker/type.d.ts +4 -73
- package/esm/index.d.ts +1 -0
- package/esm/index.js +2 -1
- package/esm/input/hooks.js +2 -2
- package/esm/input/props.d.ts +2 -2
- package/esm/picker/index.js +61 -20
- package/esm/picker/type.d.ts +7 -2
- package/esm/picker-view/components/cascader.d.ts +1 -0
- package/esm/picker-view/components/cascader.js +8 -1
- package/esm/picker-view/components/picker-cell.d.ts +1 -0
- package/esm/picker-view/components/picker-cell.js +6 -1
- package/esm/picker-view/index.d.ts +6 -1
- package/esm/picker-view/index.js +26 -13
- package/esm/style.d.ts +1 -0
- package/esm/style.js +2 -1
- package/esm/tabs/tab-cell.js +56 -30
- package/esm/tabs/type.d.ts +5 -0
- package/esm/uploader/index.d.ts +16 -0
- package/esm/uploader/index.js +150 -0
- package/esm/uploader/style/css/index.css +650 -0
- package/esm/uploader/style/css/index.d.ts +4 -0
- package/esm/uploader/style/css/index.js +4 -0
- package/esm/uploader/style/index.d.ts +4 -0
- package/esm/uploader/style/index.js +4 -0
- package/esm/uploader/style/index.less +161 -0
- package/esm/uploader/type.d.ts +108 -0
- package/esm/uploader/type.js +1 -0
- package/esm/uploader/upload/index.d.ts +2 -0
- package/esm/uploader/upload/index.js +2 -0
- package/esm/uploader/upload/type.d.ts +107 -0
- package/esm/uploader/upload/type.js +1 -0
- package/esm/uploader/upload/upload.d.ts +20 -0
- package/esm/uploader/upload/upload.js +175 -0
- package/package.json +3 -3
- package/tokens/app/arcodesign/default/css-variables.less +27 -0
- package/tokens/app/arcodesign/default/index.d.ts +27 -0
- package/tokens/app/arcodesign/default/index.js +28 -1
- package/tokens/app/arcodesign/default/index.json +292 -0
- package/tokens/app/arcodesign/default/index.less +27 -0
- package/umd/carousel/index.js +3 -0
- package/umd/form/form-item.d.ts +3 -0
- package/umd/form/form-item.js +38 -10
- package/umd/form/style/css/index.css +13 -0
- package/umd/form/style/index.less +18 -0
- package/umd/icon/IconCheck/index.js +1 -2
- package/umd/icon/IconDownload/index.d.ts +7 -0
- package/umd/icon/IconDownload/index.js +49 -0
- package/umd/icon/IconFile/index.d.ts +7 -0
- package/umd/icon/IconFile/index.js +49 -0
- package/umd/icon/IconKeyboard/index.js +1 -0
- package/umd/icon/IconQuestionCircle/index.js +1 -2
- package/umd/icon/IconUpload/index.js +6 -4
- package/umd/icon/IconUserFill/index.js +1 -2
- package/umd/icon/index.d.ts +3 -1
- package/umd/icon/index.js +15 -9
- package/umd/icon/type.d.ts +3 -1
- package/umd/image-picker/index.js +17 -163
- package/umd/image-picker/type.d.ts +4 -73
- package/umd/index.d.ts +1 -0
- package/umd/index.js +7 -5
- package/umd/input/hooks.js +2 -2
- package/umd/input/props.d.ts +2 -2
- package/umd/picker/index.js +60 -19
- package/umd/picker/type.d.ts +7 -2
- package/umd/picker-view/components/cascader.d.ts +1 -0
- package/umd/picker-view/components/cascader.js +8 -1
- package/umd/picker-view/components/picker-cell.d.ts +1 -0
- package/umd/picker-view/components/picker-cell.js +6 -1
- package/umd/picker-view/index.d.ts +6 -1
- package/umd/picker-view/index.js +25 -13
- package/umd/style.d.ts +1 -0
- package/umd/style.js +4 -4
- package/umd/tabs/tab-cell.js +54 -29
- package/umd/tabs/type.d.ts +5 -0
- package/umd/uploader/index.d.ts +16 -0
- package/umd/uploader/index.js +178 -0
- package/umd/uploader/style/css/index.css +650 -0
- package/umd/uploader/style/css/index.d.ts +4 -0
- package/umd/uploader/style/css/index.js +15 -0
- package/umd/uploader/style/index.d.ts +4 -0
- package/umd/uploader/style/index.js +15 -0
- package/umd/uploader/style/index.less +161 -0
- package/umd/uploader/type.d.ts +108 -0
- package/umd/uploader/type.js +17 -0
- package/umd/uploader/upload/index.d.ts +2 -0
- package/umd/uploader/upload/index.js +27 -0
- package/umd/uploader/upload/type.d.ts +107 -0
- package/umd/uploader/upload/type.js +17 -0
- package/umd/uploader/upload/upload.d.ts +20 -0
- 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
|
|
package/umd/carousel/index.js
CHANGED
package/umd/form/form-item.d.ts
CHANGED
@@ -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;
|
package/umd/form/form-item.js
CHANGED
@@ -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.
|
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
|
-
|
264
|
-
|
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
|
331
|
-
prefixCls =
|
358
|
+
var _useContext2 = (0, _react.useContext)(_contextProvider.GlobalContext),
|
359
|
+
prefixCls = _useContext2.prefixCls;
|
332
360
|
|
333
|
-
var
|
334
|
-
layout =
|
335
|
-
propsDisabled =
|
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
|
+
});
|