@arco-design/mobile-react 2.29.6 → 2.30.1
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 +24 -0
- package/README.en-US.md +2 -2
- package/README.md +2 -2
- package/cjs/_helpers/hooks.d.ts +242 -2
- package/cjs/_helpers/hooks.js +267 -10
- package/cjs/_helpers/index.d.ts +78 -1
- package/cjs/_helpers/index.js +87 -8
- package/cjs/action-sheet/demo/style/css/mobile.css +514 -1
- package/cjs/action-sheet/demo/style/mobile.less +32 -0
- package/cjs/action-sheet/style/css/index.css +597 -2
- package/cjs/action-sheet/style/index.less +62 -0
- package/cjs/avatar/demo/style/css/mobile.css +518 -1
- package/cjs/avatar/demo/style/mobile.less +41 -1
- package/cjs/avatar/style/css/index.css +529 -3
- package/cjs/avatar/style/index.less +54 -1
- package/cjs/badge/demo/style/css/mobile.css +520 -1
- package/cjs/badge/demo/style/mobile.less +40 -0
- package/cjs/badge/style/css/index.css +518 -1
- package/cjs/badge/style/index.less +36 -0
- package/cjs/button/demo/style/css/mobile.css +510 -0
- package/cjs/button/demo/style/mobile.less +25 -0
- package/cjs/button/style/css/index.css +616 -39
- package/cjs/button/style/index.less +135 -25
- package/cjs/carousel/demo/style/css/mobile.css +514 -0
- package/cjs/carousel/demo/style/mobile.less +33 -0
- package/cjs/carousel/index.js +3 -1
- package/cjs/carousel/style/css/index.css +525 -3
- package/cjs/carousel/style/index.less +55 -0
- package/cjs/cell/demo/style/css/mobile.css +521 -0
- package/cjs/cell/demo/style/mobile.less +46 -0
- package/cjs/cell/style/css/index.css +707 -2
- package/cjs/cell/style/index.less +96 -0
- package/cjs/checkbox/demo/style/css/mobile.css +510 -0
- package/cjs/checkbox/demo/style/mobile.less +25 -0
- package/cjs/checkbox/style/css/index.css +535 -4
- package/cjs/checkbox/style/index.less +61 -0
- package/cjs/circle-progress/demo/style/css/mobile.css +510 -0
- package/cjs/circle-progress/demo/style/mobile.less +25 -0
- package/cjs/circle-progress/style/css/index.css +527 -3
- package/cjs/circle-progress/style/index.less +49 -0
- package/cjs/collapse/demo/style/css/mobile.css +510 -0
- package/cjs/collapse/demo/style/mobile.less +25 -0
- package/cjs/collapse/style/css/index.css +557 -1
- package/cjs/collapse/style/index.less +53 -0
- package/cjs/context-provider/demo/style/css/mobile.css +510 -0
- package/cjs/context-provider/demo/style/mobile.less +25 -0
- package/cjs/context-provider/index.d.ts +14 -3
- package/cjs/context-provider/index.js +47 -7
- package/cjs/count-down/demo/style/css/mobile.css +518 -2
- package/cjs/count-down/demo/style/mobile.less +39 -0
- package/cjs/count-down/style/css/index.css +513 -0
- package/cjs/count-down/style/index.less +30 -0
- package/cjs/date-picker/demo/style/css/mobile.css +510 -0
- package/cjs/date-picker/demo/style/mobile.less +25 -0
- package/cjs/date-picker/style/css/index.css +510 -0
- package/cjs/date-picker/style/index.less +25 -0
- package/cjs/dialog/demo/style/css/mobile.css +522 -2
- package/cjs/dialog/demo/style/mobile.less +46 -1
- package/cjs/dialog/style/css/index.css +645 -4
- package/cjs/dialog/style/index.less +102 -0
- package/cjs/divider/demo/style/css/mobile.css +510 -1
- package/cjs/divider/demo/style/mobile.less +26 -2
- package/cjs/divider/style/css/index.css +516 -0
- package/cjs/divider/style/index.less +44 -9
- package/cjs/dropdown/demo/style/css/mobile.css +510 -0
- package/cjs/dropdown/demo/style/mobile.less +25 -0
- package/cjs/dropdown/style/css/index.css +542 -6
- package/cjs/dropdown/style/index.less +69 -0
- package/cjs/dropdown-menu/demo/style/css/mobile.css +510 -0
- package/cjs/dropdown-menu/demo/style/mobile.less +25 -0
- package/cjs/dropdown-menu/style/css/index.css +566 -3
- package/cjs/dropdown-menu/style/index.less +62 -0
- package/cjs/ellipsis/demo/style/css/mobile.css +519 -1
- package/cjs/ellipsis/demo/style/mobile.less +39 -0
- package/cjs/ellipsis/style/css/index.css +514 -0
- package/cjs/ellipsis/style/index.less +32 -0
- package/cjs/form/form-item.js +15 -7
- package/cjs/form/style/css/index.css +538 -5
- package/cjs/form/style/index.less +66 -3
- package/cjs/form/type.d.ts +3 -2
- package/cjs/form/utils.d.ts +1 -0
- package/cjs/form/utils.js +6 -2
- package/cjs/grid/demo/style/css/mobile.css +525 -3
- package/cjs/grid/demo/style/mobile.less +47 -0
- package/cjs/grid/style/css/index.css +519 -0
- package/cjs/grid/style/index.less +48 -0
- package/cjs/image/demo/style/css/mobile.css +510 -0
- package/cjs/image/demo/style/mobile.less +25 -0
- package/cjs/image/style/css/index.css +551 -7
- package/cjs/image/style/index.less +54 -0
- package/cjs/image-picker/demo/style/css/mobile.css +510 -0
- package/cjs/image-picker/demo/style/mobile.less +25 -0
- package/cjs/image-picker/style/css/index.css +529 -4
- package/cjs/image-picker/style/index.less +54 -0
- package/cjs/image-preview/demo/style/css/mobile.css +510 -0
- package/cjs/image-preview/demo/style/mobile.less +25 -0
- package/cjs/image-preview/style/css/index.css +530 -5
- package/cjs/image-preview/style/index.less +37 -0
- package/cjs/index-bar/demo/style/css/mobile.css +510 -0
- package/cjs/index-bar/demo/style/mobile.less +25 -0
- package/cjs/index-bar/style/css/index.css +572 -8
- package/cjs/index-bar/style/index.less +67 -0
- package/cjs/input/demo/style/css/mobile.css +538 -7
- package/cjs/input/demo/style/mobile.less +63 -6
- package/cjs/input/style/css/index.css +589 -2
- package/cjs/input/style/index.less +87 -0
- package/cjs/keyboard/demo/style/css/mobile.css +516 -0
- package/cjs/keyboard/demo/style/mobile.less +35 -1
- package/cjs/keyboard/style/css/index.css +526 -2
- package/cjs/keyboard/style/index.less +51 -0
- package/cjs/load-more/demo/style/css/mobile.css +513 -0
- package/cjs/load-more/demo/style/mobile.less +30 -0
- package/cjs/load-more/style/css/index.css +513 -0
- package/cjs/load-more/style/index.less +30 -0
- package/cjs/loading/demo/style/css/mobile.css +510 -0
- package/cjs/loading/demo/style/mobile.less +25 -0
- package/cjs/loading/style/css/index.css +534 -5
- package/cjs/loading/style/index.less +45 -0
- package/cjs/masking/demo/style/css/mobile.css +514 -1
- package/cjs/masking/demo/style/mobile.less +30 -0
- package/cjs/masking/style/css/index.css +510 -0
- package/cjs/masking/style/index.less +25 -0
- package/cjs/nav-bar/demo/style/css/mobile.css +514 -1
- package/cjs/nav-bar/demo/style/mobile.less +33 -1
- package/cjs/nav-bar/style/css/index.css +550 -1
- package/cjs/nav-bar/style/index.less +38 -0
- package/cjs/notice-bar/style/css/index.css +520 -2
- package/cjs/notice-bar/style/index.less +36 -0
- package/cjs/notify/demo/style/css/mobile.css +515 -1
- package/cjs/notify/demo/style/mobile.less +34 -1
- package/cjs/notify/style/css/index.css +529 -4
- package/cjs/notify/style/index.less +50 -0
- package/cjs/pagination/demo/style/css/index.css +510 -0
- package/cjs/pagination/demo/style/index.less +25 -0
- package/cjs/pagination/style/css/index.css +543 -4
- package/cjs/pagination/style/index.less +72 -0
- package/cjs/picker/demo/style/css/mobile.css +510 -0
- package/cjs/picker/demo/style/mobile.less +25 -0
- package/cjs/picker/style/css/index.css +525 -3
- package/cjs/picker/style/index.less +49 -0
- package/cjs/picker-view/demo/style/css/mobile.css +510 -0
- package/cjs/picker-view/demo/style/mobile.less +25 -0
- package/cjs/picker-view/style/css/index.css +587 -0
- package/cjs/picker-view/style/index.less +50 -0
- package/cjs/popover/demo/style/css/mobile.css +516 -2
- package/cjs/popover/demo/style/mobile.less +37 -2
- package/cjs/popover/style/css/index.css +614 -4
- package/cjs/popover/style/css/menu.css +539 -1
- package/cjs/popover/style/index.less +126 -9
- package/cjs/popover/style/menu.less +69 -0
- package/cjs/popup/demo/style/css/mobile.css +517 -0
- package/cjs/popup/demo/style/mobile.less +38 -0
- package/cjs/popup/style/css/index.css +514 -1
- package/cjs/popup/style/index.less +32 -0
- package/cjs/popup-swiper/demo/style/css/mobile.css +517 -0
- package/cjs/popup-swiper/demo/style/mobile.less +38 -0
- package/cjs/popup-swiper/style/css/index.css +510 -0
- package/cjs/popup-swiper/style/index.less +25 -0
- package/cjs/portal/demo/style/css/mobile.css +515 -1
- package/cjs/portal/demo/style/mobile.less +31 -0
- package/cjs/progress/demo/style/css/mobile.css +510 -0
- package/cjs/progress/demo/style/mobile.less +25 -0
- package/cjs/progress/style/css/index.css +556 -8
- package/cjs/progress/style/index.less +91 -0
- package/cjs/pull-refresh/demo/style/css/mobile.css +514 -2
- package/cjs/pull-refresh/demo/style/mobile.less +35 -2
- package/cjs/pull-refresh/style/css/index.css +536 -3
- package/cjs/pull-refresh/style/index.less +45 -0
- package/cjs/radio/demo/style/css/mobile.css +513 -0
- package/cjs/radio/demo/style/mobile.less +32 -0
- package/cjs/radio/style/css/index.css +535 -4
- package/cjs/radio/style/index.less +61 -0
- package/cjs/rate/demo/style/css/mobile.css +510 -0
- package/cjs/rate/demo/style/mobile.less +25 -0
- package/cjs/rate/style/css/index.css +522 -2
- package/cjs/rate/style/index.less +43 -0
- package/cjs/search-bar/demo/style/css/mobile.css +516 -1
- package/cjs/search-bar/demo/style/mobile.less +39 -5
- package/cjs/search-bar/style/css/index.css +586 -6
- package/cjs/search-bar/style/index.less +84 -0
- package/cjs/show-monitor/demo/style/css/mobile.css +521 -2
- package/cjs/show-monitor/demo/style/mobile.less +43 -1
- package/cjs/skeleton/demo/style/css/mobile.css +510 -0
- package/cjs/skeleton/demo/style/mobile.less +25 -0
- package/cjs/skeleton/style/css/index.css +517 -1
- package/cjs/skeleton/style/index.less +35 -0
- package/cjs/slider/demo/style/css/mobile.css +514 -1
- package/cjs/slider/demo/style/mobile.less +34 -0
- package/cjs/slider/style/css/index.css +542 -5
- package/cjs/slider/style/index.less +74 -0
- package/cjs/stepper/demo/style/css/mobile.css +510 -0
- package/cjs/stepper/demo/style/mobile.less +25 -1
- package/cjs/stepper/style/css/index.css +551 -7
- package/cjs/stepper/style/index.less +84 -3
- package/cjs/steps/demo/style/css/mobile.css +544 -4
- package/cjs/steps/demo/style/mobile.less +41 -3
- package/cjs/steps/style/css/index.css +580 -9
- package/cjs/steps/style/index.less +138 -0
- package/cjs/steps/type.d.ts +1 -1
- package/cjs/sticky/demo/style/css/mobile.css +515 -2
- package/cjs/sticky/demo/style/mobile.less +34 -2
- package/cjs/sticky/style/css/index.css +510 -0
- package/cjs/sticky/style/index.less +25 -0
- package/cjs/swipe-action/demo/style/css/mobile.css +510 -0
- package/cjs/swipe-action/demo/style/mobile.less +25 -0
- package/cjs/swipe-action/style/css/index.css +518 -2
- package/cjs/swipe-action/style/index.less +43 -0
- package/cjs/swipe-load/demo/style/css/mobile.css +539 -5
- package/cjs/swipe-load/demo/style/mobile.less +64 -0
- package/cjs/swipe-load/style/css/index.css +517 -1
- package/cjs/swipe-load/style/index.less +37 -0
- package/cjs/switch/demo/style/css/mobile.css +515 -1
- package/cjs/switch/demo/style/mobile.less +35 -0
- package/cjs/switch/style/css/index.css +532 -4
- package/cjs/switch/style/index.less +59 -0
- package/cjs/tab-bar/demo/style/css/mobile.css +510 -0
- package/cjs/tab-bar/demo/style/mobile.less +25 -0
- package/cjs/tab-bar/style/css/index.css +517 -1
- package/cjs/tab-bar/style/index.less +37 -0
- package/cjs/tabs/demo/style/css/mobile.css +546 -5
- package/cjs/tabs/demo/style/mobile.less +81 -0
- package/cjs/tabs/style/css/index.css +618 -13
- package/cjs/tabs/style/index.less +123 -0
- package/cjs/tabs/tab-cell.js +1 -1
- package/cjs/tag/demo/style/css/mobile.css +510 -0
- package/cjs/tag/demo/style/mobile.less +25 -0
- package/cjs/tag/style/css/index.css +538 -10
- package/cjs/tag/style/index.less +55 -0
- package/cjs/textarea/demo/style/css/mobile.css +514 -1
- package/cjs/textarea/demo/style/mobile.less +32 -1
- package/cjs/textarea/style/css/index.css +527 -2
- package/cjs/textarea/style/index.less +47 -0
- package/cjs/toast/demo/style/css/mobile.css +510 -0
- package/cjs/toast/demo/style/mobile.less +25 -0
- package/cjs/toast/style/css/index.css +530 -5
- package/cjs/toast/style/index.less +37 -0
- package/cjs/transition/demo/style/css/mobile.css +510 -0
- package/cjs/transition/demo/style/mobile.less +25 -0
- package/cjs/transition/style/css/index.css +510 -0
- package/cjs/transition/style/index.less +25 -0
- package/dist/index.js +1104 -39
- package/dist/index.min.js +4 -4
- package/dist/style.css +28002 -211
- package/dist/style.min.css +1 -1
- package/esm/_helpers/hooks.d.ts +242 -2
- package/esm/_helpers/hooks.js +269 -10
- package/esm/_helpers/index.d.ts +78 -1
- package/esm/_helpers/index.js +80 -1
- package/esm/action-sheet/demo/style/css/mobile.css +514 -1
- package/esm/action-sheet/demo/style/mobile.less +32 -0
- package/esm/action-sheet/style/css/index.css +597 -2
- package/esm/action-sheet/style/index.less +62 -0
- package/esm/avatar/demo/style/css/mobile.css +518 -1
- package/esm/avatar/demo/style/mobile.less +41 -1
- package/esm/avatar/style/css/index.css +529 -3
- package/esm/avatar/style/index.less +54 -1
- package/esm/badge/demo/style/css/mobile.css +520 -1
- package/esm/badge/demo/style/mobile.less +40 -0
- package/esm/badge/style/css/index.css +518 -1
- package/esm/badge/style/index.less +36 -0
- package/esm/button/demo/style/css/mobile.css +510 -0
- package/esm/button/demo/style/mobile.less +25 -0
- package/esm/button/style/css/index.css +616 -39
- package/esm/button/style/index.less +135 -25
- package/esm/carousel/demo/style/css/mobile.css +514 -0
- package/esm/carousel/demo/style/mobile.less +33 -0
- package/esm/carousel/index.js +3 -1
- package/esm/carousel/style/css/index.css +525 -3
- package/esm/carousel/style/index.less +55 -0
- package/esm/cell/demo/style/css/mobile.css +521 -0
- package/esm/cell/demo/style/mobile.less +46 -0
- package/esm/cell/style/css/index.css +707 -2
- package/esm/cell/style/index.less +96 -0
- package/esm/checkbox/demo/style/css/mobile.css +510 -0
- package/esm/checkbox/demo/style/mobile.less +25 -0
- package/esm/checkbox/style/css/index.css +535 -4
- package/esm/checkbox/style/index.less +61 -0
- package/esm/circle-progress/demo/style/css/mobile.css +510 -0
- package/esm/circle-progress/demo/style/mobile.less +25 -0
- package/esm/circle-progress/style/css/index.css +527 -3
- package/esm/circle-progress/style/index.less +49 -0
- package/esm/collapse/demo/style/css/mobile.css +510 -0
- package/esm/collapse/demo/style/mobile.less +25 -0
- package/esm/collapse/style/css/index.css +557 -1
- package/esm/collapse/style/index.less +53 -0
- package/esm/context-provider/demo/style/css/mobile.css +510 -0
- package/esm/context-provider/demo/style/mobile.less +25 -0
- package/esm/context-provider/index.d.ts +14 -3
- package/esm/context-provider/index.js +48 -8
- package/esm/count-down/demo/style/css/mobile.css +518 -2
- package/esm/count-down/demo/style/mobile.less +39 -0
- package/esm/count-down/style/css/index.css +513 -0
- package/esm/count-down/style/index.less +30 -0
- package/esm/date-picker/demo/style/css/mobile.css +510 -0
- package/esm/date-picker/demo/style/mobile.less +25 -0
- package/esm/date-picker/style/css/index.css +510 -0
- package/esm/date-picker/style/index.less +25 -0
- package/esm/dialog/demo/style/css/mobile.css +522 -2
- package/esm/dialog/demo/style/mobile.less +46 -1
- package/esm/dialog/style/css/index.css +645 -4
- package/esm/dialog/style/index.less +102 -0
- package/esm/divider/demo/style/css/mobile.css +510 -1
- package/esm/divider/demo/style/mobile.less +26 -2
- package/esm/divider/style/css/index.css +516 -0
- package/esm/divider/style/index.less +44 -9
- package/esm/dropdown/demo/style/css/mobile.css +510 -0
- package/esm/dropdown/demo/style/mobile.less +25 -0
- package/esm/dropdown/style/css/index.css +542 -6
- package/esm/dropdown/style/index.less +69 -0
- package/esm/dropdown-menu/demo/style/css/mobile.css +510 -0
- package/esm/dropdown-menu/demo/style/mobile.less +25 -0
- package/esm/dropdown-menu/style/css/index.css +566 -3
- package/esm/dropdown-menu/style/index.less +62 -0
- package/esm/ellipsis/demo/style/css/mobile.css +519 -1
- package/esm/ellipsis/demo/style/mobile.less +39 -0
- package/esm/ellipsis/style/css/index.css +514 -0
- package/esm/ellipsis/style/index.less +32 -0
- package/esm/form/form-item.js +15 -7
- package/esm/form/style/css/index.css +538 -5
- package/esm/form/style/index.less +66 -3
- package/esm/form/type.d.ts +3 -2
- package/esm/form/utils.d.ts +1 -0
- package/esm/form/utils.js +6 -2
- package/esm/grid/demo/style/css/mobile.css +525 -3
- package/esm/grid/demo/style/mobile.less +47 -0
- package/esm/grid/style/css/index.css +519 -0
- package/esm/grid/style/index.less +48 -0
- package/esm/image/demo/style/css/mobile.css +510 -0
- package/esm/image/demo/style/mobile.less +25 -0
- package/esm/image/style/css/index.css +551 -7
- package/esm/image/style/index.less +54 -0
- package/esm/image-picker/demo/style/css/mobile.css +510 -0
- package/esm/image-picker/demo/style/mobile.less +25 -0
- package/esm/image-picker/style/css/index.css +529 -4
- package/esm/image-picker/style/index.less +54 -0
- package/esm/image-preview/demo/style/css/mobile.css +510 -0
- package/esm/image-preview/demo/style/mobile.less +25 -0
- package/esm/image-preview/style/css/index.css +530 -5
- package/esm/image-preview/style/index.less +37 -0
- package/esm/index-bar/demo/style/css/mobile.css +510 -0
- package/esm/index-bar/demo/style/mobile.less +25 -0
- package/esm/index-bar/style/css/index.css +572 -8
- package/esm/index-bar/style/index.less +67 -0
- package/esm/input/demo/style/css/mobile.css +538 -7
- package/esm/input/demo/style/mobile.less +63 -6
- package/esm/input/style/css/index.css +589 -2
- package/esm/input/style/index.less +87 -0
- package/esm/keyboard/demo/style/css/mobile.css +516 -0
- package/esm/keyboard/demo/style/mobile.less +35 -1
- package/esm/keyboard/style/css/index.css +526 -2
- package/esm/keyboard/style/index.less +51 -0
- package/esm/load-more/demo/style/css/mobile.css +513 -0
- package/esm/load-more/demo/style/mobile.less +30 -0
- package/esm/load-more/style/css/index.css +513 -0
- package/esm/load-more/style/index.less +30 -0
- package/esm/loading/demo/style/css/mobile.css +510 -0
- package/esm/loading/demo/style/mobile.less +25 -0
- package/esm/loading/style/css/index.css +534 -5
- package/esm/loading/style/index.less +45 -0
- package/esm/masking/demo/style/css/mobile.css +514 -1
- package/esm/masking/demo/style/mobile.less +30 -0
- package/esm/masking/style/css/index.css +510 -0
- package/esm/masking/style/index.less +25 -0
- package/esm/nav-bar/demo/style/css/mobile.css +514 -1
- package/esm/nav-bar/demo/style/mobile.less +33 -1
- package/esm/nav-bar/style/css/index.css +550 -1
- package/esm/nav-bar/style/index.less +38 -0
- package/esm/notice-bar/style/css/index.css +520 -2
- package/esm/notice-bar/style/index.less +36 -0
- package/esm/notify/demo/style/css/mobile.css +515 -1
- package/esm/notify/demo/style/mobile.less +34 -1
- package/esm/notify/style/css/index.css +529 -4
- package/esm/notify/style/index.less +50 -0
- package/esm/pagination/demo/style/css/index.css +510 -0
- package/esm/pagination/demo/style/index.less +25 -0
- package/esm/pagination/style/css/index.css +543 -4
- package/esm/pagination/style/index.less +72 -0
- package/esm/picker/demo/style/css/mobile.css +510 -0
- package/esm/picker/demo/style/mobile.less +25 -0
- package/esm/picker/style/css/index.css +525 -3
- package/esm/picker/style/index.less +49 -0
- package/esm/picker-view/demo/style/css/mobile.css +510 -0
- package/esm/picker-view/demo/style/mobile.less +25 -0
- package/esm/picker-view/style/css/index.css +587 -0
- package/esm/picker-view/style/index.less +50 -0
- package/esm/popover/demo/style/css/mobile.css +516 -2
- package/esm/popover/demo/style/mobile.less +37 -2
- package/esm/popover/style/css/index.css +614 -4
- package/esm/popover/style/css/menu.css +539 -1
- package/esm/popover/style/index.less +126 -9
- package/esm/popover/style/menu.less +69 -0
- package/esm/popup/demo/style/css/mobile.css +517 -0
- package/esm/popup/demo/style/mobile.less +38 -0
- package/esm/popup/style/css/index.css +514 -1
- package/esm/popup/style/index.less +32 -0
- package/esm/popup-swiper/demo/style/css/mobile.css +517 -0
- package/esm/popup-swiper/demo/style/mobile.less +38 -0
- package/esm/popup-swiper/style/css/index.css +510 -0
- package/esm/popup-swiper/style/index.less +25 -0
- package/esm/portal/demo/style/css/mobile.css +515 -1
- package/esm/portal/demo/style/mobile.less +31 -0
- package/esm/progress/demo/style/css/mobile.css +510 -0
- package/esm/progress/demo/style/mobile.less +25 -0
- package/esm/progress/style/css/index.css +556 -8
- package/esm/progress/style/index.less +91 -0
- package/esm/pull-refresh/demo/style/css/mobile.css +514 -2
- package/esm/pull-refresh/demo/style/mobile.less +35 -2
- package/esm/pull-refresh/style/css/index.css +536 -3
- package/esm/pull-refresh/style/index.less +45 -0
- package/esm/radio/demo/style/css/mobile.css +513 -0
- package/esm/radio/demo/style/mobile.less +32 -0
- package/esm/radio/style/css/index.css +535 -4
- package/esm/radio/style/index.less +61 -0
- package/esm/rate/demo/style/css/mobile.css +510 -0
- package/esm/rate/demo/style/mobile.less +25 -0
- package/esm/rate/style/css/index.css +522 -2
- package/esm/rate/style/index.less +43 -0
- package/esm/search-bar/demo/style/css/mobile.css +516 -1
- package/esm/search-bar/demo/style/mobile.less +39 -5
- package/esm/search-bar/style/css/index.css +586 -6
- package/esm/search-bar/style/index.less +84 -0
- package/esm/show-monitor/demo/style/css/mobile.css +521 -2
- package/esm/show-monitor/demo/style/mobile.less +43 -1
- package/esm/skeleton/demo/style/css/mobile.css +510 -0
- package/esm/skeleton/demo/style/mobile.less +25 -0
- package/esm/skeleton/style/css/index.css +517 -1
- package/esm/skeleton/style/index.less +35 -0
- package/esm/slider/demo/style/css/mobile.css +514 -1
- package/esm/slider/demo/style/mobile.less +34 -0
- package/esm/slider/style/css/index.css +542 -5
- package/esm/slider/style/index.less +74 -0
- package/esm/stepper/demo/style/css/mobile.css +510 -0
- package/esm/stepper/demo/style/mobile.less +25 -1
- package/esm/stepper/style/css/index.css +551 -7
- package/esm/stepper/style/index.less +84 -3
- package/esm/steps/demo/style/css/mobile.css +544 -4
- package/esm/steps/demo/style/mobile.less +41 -3
- package/esm/steps/style/css/index.css +580 -9
- package/esm/steps/style/index.less +138 -0
- package/esm/steps/type.d.ts +1 -1
- package/esm/sticky/demo/style/css/mobile.css +515 -2
- package/esm/sticky/demo/style/mobile.less +34 -2
- package/esm/sticky/style/css/index.css +510 -0
- package/esm/sticky/style/index.less +25 -0
- package/esm/swipe-action/demo/style/css/mobile.css +510 -0
- package/esm/swipe-action/demo/style/mobile.less +25 -0
- package/esm/swipe-action/style/css/index.css +518 -2
- package/esm/swipe-action/style/index.less +43 -0
- package/esm/swipe-load/demo/style/css/mobile.css +539 -5
- package/esm/swipe-load/demo/style/mobile.less +64 -0
- package/esm/swipe-load/style/css/index.css +517 -1
- package/esm/swipe-load/style/index.less +37 -0
- package/esm/switch/demo/style/css/mobile.css +515 -1
- package/esm/switch/demo/style/mobile.less +35 -0
- package/esm/switch/style/css/index.css +532 -4
- package/esm/switch/style/index.less +59 -0
- package/esm/tab-bar/demo/style/css/mobile.css +510 -0
- package/esm/tab-bar/demo/style/mobile.less +25 -0
- package/esm/tab-bar/style/css/index.css +517 -1
- package/esm/tab-bar/style/index.less +37 -0
- package/esm/tabs/demo/style/css/mobile.css +546 -5
- package/esm/tabs/demo/style/mobile.less +81 -0
- package/esm/tabs/style/css/index.css +618 -13
- package/esm/tabs/style/index.less +123 -0
- package/esm/tabs/tab-cell.js +1 -1
- package/esm/tag/demo/style/css/mobile.css +510 -0
- package/esm/tag/demo/style/mobile.less +25 -0
- package/esm/tag/style/css/index.css +538 -10
- package/esm/tag/style/index.less +55 -0
- package/esm/textarea/demo/style/css/mobile.css +514 -1
- package/esm/textarea/demo/style/mobile.less +32 -1
- package/esm/textarea/style/css/index.css +527 -2
- package/esm/textarea/style/index.less +47 -0
- package/esm/toast/demo/style/css/mobile.css +510 -0
- package/esm/toast/demo/style/mobile.less +25 -0
- package/esm/toast/style/css/index.css +530 -5
- package/esm/toast/style/index.less +37 -0
- package/esm/transition/demo/style/css/mobile.css +510 -0
- package/esm/transition/demo/style/mobile.less +25 -0
- package/esm/transition/style/css/index.css +510 -0
- package/esm/transition/style/index.less +25 -0
- package/less-loader.config.js +6 -0
- package/package.json +3 -3
- package/style/css/public.css +510 -0
- package/tokens/app/arcodesign/default/css-variables.less +355 -101
- package/tokens/app/arcodesign/default/index.d.ts +257 -3
- package/tokens/app/arcodesign/default/index.js +355 -101
- package/tokens/app/arcodesign/default/index.json +2418 -370
- package/tokens/app/arcodesign/default/index.less +355 -101
- package/tokens/mixin/index.less +255 -1
- package/umd/_helpers/hooks.d.ts +242 -2
- package/umd/_helpers/hooks.js +267 -10
- package/umd/_helpers/index.d.ts +78 -1
- package/umd/_helpers/index.js +89 -10
- package/umd/action-sheet/demo/style/css/mobile.css +514 -1
- package/umd/action-sheet/demo/style/mobile.less +32 -0
- package/umd/action-sheet/style/css/index.css +597 -2
- package/umd/action-sheet/style/index.less +62 -0
- package/umd/avatar/demo/style/css/mobile.css +518 -1
- package/umd/avatar/demo/style/mobile.less +41 -1
- package/umd/avatar/style/css/index.css +529 -3
- package/umd/avatar/style/index.less +54 -1
- package/umd/badge/demo/style/css/mobile.css +520 -1
- package/umd/badge/demo/style/mobile.less +40 -0
- package/umd/badge/style/css/index.css +518 -1
- package/umd/badge/style/index.less +36 -0
- package/umd/button/demo/style/css/mobile.css +510 -0
- package/umd/button/demo/style/mobile.less +25 -0
- package/umd/button/style/css/index.css +616 -39
- package/umd/button/style/index.less +135 -25
- package/umd/carousel/demo/style/css/mobile.css +514 -0
- package/umd/carousel/demo/style/mobile.less +33 -0
- package/umd/carousel/index.js +3 -1
- package/umd/carousel/style/css/index.css +525 -3
- package/umd/carousel/style/index.less +55 -0
- package/umd/cell/demo/style/css/mobile.css +521 -0
- package/umd/cell/demo/style/mobile.less +46 -0
- package/umd/cell/style/css/index.css +707 -2
- package/umd/cell/style/index.less +96 -0
- package/umd/checkbox/demo/style/css/mobile.css +510 -0
- package/umd/checkbox/demo/style/mobile.less +25 -0
- package/umd/checkbox/style/css/index.css +535 -4
- package/umd/checkbox/style/index.less +61 -0
- package/umd/circle-progress/demo/style/css/mobile.css +510 -0
- package/umd/circle-progress/demo/style/mobile.less +25 -0
- package/umd/circle-progress/style/css/index.css +527 -3
- package/umd/circle-progress/style/index.less +49 -0
- package/umd/collapse/demo/style/css/mobile.css +510 -0
- package/umd/collapse/demo/style/mobile.less +25 -0
- package/umd/collapse/style/css/index.css +557 -1
- package/umd/collapse/style/index.less +53 -0
- package/umd/context-provider/demo/style/css/mobile.css +510 -0
- package/umd/context-provider/demo/style/mobile.less +25 -0
- package/umd/context-provider/index.d.ts +14 -3
- package/umd/context-provider/index.js +47 -7
- package/umd/count-down/demo/style/css/mobile.css +518 -2
- package/umd/count-down/demo/style/mobile.less +39 -0
- package/umd/count-down/style/css/index.css +513 -0
- package/umd/count-down/style/index.less +30 -0
- package/umd/date-picker/demo/style/css/mobile.css +510 -0
- package/umd/date-picker/demo/style/mobile.less +25 -0
- package/umd/date-picker/style/css/index.css +510 -0
- package/umd/date-picker/style/index.less +25 -0
- package/umd/dialog/demo/style/css/mobile.css +522 -2
- package/umd/dialog/demo/style/mobile.less +46 -1
- package/umd/dialog/style/css/index.css +645 -4
- package/umd/dialog/style/index.less +102 -0
- package/umd/divider/demo/style/css/mobile.css +510 -1
- package/umd/divider/demo/style/mobile.less +26 -2
- package/umd/divider/style/css/index.css +516 -0
- package/umd/divider/style/index.less +44 -9
- package/umd/dropdown/demo/style/css/mobile.css +510 -0
- package/umd/dropdown/demo/style/mobile.less +25 -0
- package/umd/dropdown/style/css/index.css +542 -6
- package/umd/dropdown/style/index.less +69 -0
- package/umd/dropdown-menu/demo/style/css/mobile.css +510 -0
- package/umd/dropdown-menu/demo/style/mobile.less +25 -0
- package/umd/dropdown-menu/style/css/index.css +566 -3
- package/umd/dropdown-menu/style/index.less +62 -0
- package/umd/ellipsis/demo/style/css/mobile.css +519 -1
- package/umd/ellipsis/demo/style/mobile.less +39 -0
- package/umd/ellipsis/style/css/index.css +514 -0
- package/umd/ellipsis/style/index.less +32 -0
- package/umd/form/form-item.js +15 -7
- package/umd/form/style/css/index.css +538 -5
- package/umd/form/style/index.less +66 -3
- package/umd/form/type.d.ts +3 -2
- package/umd/form/utils.d.ts +1 -0
- package/umd/form/utils.js +6 -2
- package/umd/grid/demo/style/css/mobile.css +525 -3
- package/umd/grid/demo/style/mobile.less +47 -0
- package/umd/grid/style/css/index.css +519 -0
- package/umd/grid/style/index.less +48 -0
- package/umd/image/demo/style/css/mobile.css +510 -0
- package/umd/image/demo/style/mobile.less +25 -0
- package/umd/image/style/css/index.css +551 -7
- package/umd/image/style/index.less +54 -0
- package/umd/image-picker/demo/style/css/mobile.css +510 -0
- package/umd/image-picker/demo/style/mobile.less +25 -0
- package/umd/image-picker/style/css/index.css +529 -4
- package/umd/image-picker/style/index.less +54 -0
- package/umd/image-preview/demo/style/css/mobile.css +510 -0
- package/umd/image-preview/demo/style/mobile.less +25 -0
- package/umd/image-preview/style/css/index.css +530 -5
- package/umd/image-preview/style/index.less +37 -0
- package/umd/index-bar/demo/style/css/mobile.css +510 -0
- package/umd/index-bar/demo/style/mobile.less +25 -0
- package/umd/index-bar/style/css/index.css +572 -8
- package/umd/index-bar/style/index.less +67 -0
- package/umd/input/demo/style/css/mobile.css +538 -7
- package/umd/input/demo/style/mobile.less +63 -6
- package/umd/input/style/css/index.css +589 -2
- package/umd/input/style/index.less +87 -0
- package/umd/keyboard/demo/style/css/mobile.css +516 -0
- package/umd/keyboard/demo/style/mobile.less +35 -1
- package/umd/keyboard/style/css/index.css +526 -2
- package/umd/keyboard/style/index.less +51 -0
- package/umd/load-more/demo/style/css/mobile.css +513 -0
- package/umd/load-more/demo/style/mobile.less +30 -0
- package/umd/load-more/style/css/index.css +513 -0
- package/umd/load-more/style/index.less +30 -0
- package/umd/loading/demo/style/css/mobile.css +510 -0
- package/umd/loading/demo/style/mobile.less +25 -0
- package/umd/loading/style/css/index.css +534 -5
- package/umd/loading/style/index.less +45 -0
- package/umd/masking/demo/style/css/mobile.css +514 -1
- package/umd/masking/demo/style/mobile.less +30 -0
- package/umd/masking/style/css/index.css +510 -0
- package/umd/masking/style/index.less +25 -0
- package/umd/nav-bar/demo/style/css/mobile.css +514 -1
- package/umd/nav-bar/demo/style/mobile.less +33 -1
- package/umd/nav-bar/style/css/index.css +550 -1
- package/umd/nav-bar/style/index.less +38 -0
- package/umd/notice-bar/style/css/index.css +520 -2
- package/umd/notice-bar/style/index.less +36 -0
- package/umd/notify/demo/style/css/mobile.css +515 -1
- package/umd/notify/demo/style/mobile.less +34 -1
- package/umd/notify/style/css/index.css +529 -4
- package/umd/notify/style/index.less +50 -0
- package/umd/pagination/demo/style/css/index.css +510 -0
- package/umd/pagination/demo/style/index.less +25 -0
- package/umd/pagination/style/css/index.css +543 -4
- package/umd/pagination/style/index.less +72 -0
- package/umd/picker/demo/style/css/mobile.css +510 -0
- package/umd/picker/demo/style/mobile.less +25 -0
- package/umd/picker/style/css/index.css +525 -3
- package/umd/picker/style/index.less +49 -0
- package/umd/picker-view/demo/style/css/mobile.css +510 -0
- package/umd/picker-view/demo/style/mobile.less +25 -0
- package/umd/picker-view/style/css/index.css +587 -0
- package/umd/picker-view/style/index.less +50 -0
- package/umd/popover/demo/style/css/mobile.css +516 -2
- package/umd/popover/demo/style/mobile.less +37 -2
- package/umd/popover/style/css/index.css +614 -4
- package/umd/popover/style/css/menu.css +539 -1
- package/umd/popover/style/index.less +126 -9
- package/umd/popover/style/menu.less +69 -0
- package/umd/popup/demo/style/css/mobile.css +517 -0
- package/umd/popup/demo/style/mobile.less +38 -0
- package/umd/popup/style/css/index.css +514 -1
- package/umd/popup/style/index.less +32 -0
- package/umd/popup-swiper/demo/style/css/mobile.css +517 -0
- package/umd/popup-swiper/demo/style/mobile.less +38 -0
- package/umd/popup-swiper/style/css/index.css +510 -0
- package/umd/popup-swiper/style/index.less +25 -0
- package/umd/portal/demo/style/css/mobile.css +515 -1
- package/umd/portal/demo/style/mobile.less +31 -0
- package/umd/progress/demo/style/css/mobile.css +510 -0
- package/umd/progress/demo/style/mobile.less +25 -0
- package/umd/progress/style/css/index.css +556 -8
- package/umd/progress/style/index.less +91 -0
- package/umd/pull-refresh/demo/style/css/mobile.css +514 -2
- package/umd/pull-refresh/demo/style/mobile.less +35 -2
- package/umd/pull-refresh/style/css/index.css +536 -3
- package/umd/pull-refresh/style/index.less +45 -0
- package/umd/radio/demo/style/css/mobile.css +513 -0
- package/umd/radio/demo/style/mobile.less +32 -0
- package/umd/radio/style/css/index.css +535 -4
- package/umd/radio/style/index.less +61 -0
- package/umd/rate/demo/style/css/mobile.css +510 -0
- package/umd/rate/demo/style/mobile.less +25 -0
- package/umd/rate/style/css/index.css +522 -2
- package/umd/rate/style/index.less +43 -0
- package/umd/search-bar/demo/style/css/mobile.css +516 -1
- package/umd/search-bar/demo/style/mobile.less +39 -5
- package/umd/search-bar/style/css/index.css +586 -6
- package/umd/search-bar/style/index.less +84 -0
- package/umd/show-monitor/demo/style/css/mobile.css +521 -2
- package/umd/show-monitor/demo/style/mobile.less +43 -1
- package/umd/skeleton/demo/style/css/mobile.css +510 -0
- package/umd/skeleton/demo/style/mobile.less +25 -0
- package/umd/skeleton/style/css/index.css +517 -1
- package/umd/skeleton/style/index.less +35 -0
- package/umd/slider/demo/style/css/mobile.css +514 -1
- package/umd/slider/demo/style/mobile.less +34 -0
- package/umd/slider/style/css/index.css +542 -5
- package/umd/slider/style/index.less +74 -0
- package/umd/stepper/demo/style/css/mobile.css +510 -0
- package/umd/stepper/demo/style/mobile.less +25 -1
- package/umd/stepper/style/css/index.css +551 -7
- package/umd/stepper/style/index.less +84 -3
- package/umd/steps/demo/style/css/mobile.css +544 -4
- package/umd/steps/demo/style/mobile.less +41 -3
- package/umd/steps/style/css/index.css +580 -9
- package/umd/steps/style/index.less +138 -0
- package/umd/steps/type.d.ts +1 -1
- package/umd/sticky/demo/style/css/mobile.css +515 -2
- package/umd/sticky/demo/style/mobile.less +34 -2
- package/umd/sticky/style/css/index.css +510 -0
- package/umd/sticky/style/index.less +25 -0
- package/umd/swipe-action/demo/style/css/mobile.css +510 -0
- package/umd/swipe-action/demo/style/mobile.less +25 -0
- package/umd/swipe-action/style/css/index.css +518 -2
- package/umd/swipe-action/style/index.less +43 -0
- package/umd/swipe-load/demo/style/css/mobile.css +539 -5
- package/umd/swipe-load/demo/style/mobile.less +64 -0
- package/umd/swipe-load/style/css/index.css +517 -1
- package/umd/swipe-load/style/index.less +37 -0
- package/umd/switch/demo/style/css/mobile.css +515 -1
- package/umd/switch/demo/style/mobile.less +35 -0
- package/umd/switch/style/css/index.css +532 -4
- package/umd/switch/style/index.less +59 -0
- package/umd/tab-bar/demo/style/css/mobile.css +510 -0
- package/umd/tab-bar/demo/style/mobile.less +25 -0
- package/umd/tab-bar/style/css/index.css +517 -1
- package/umd/tab-bar/style/index.less +37 -0
- package/umd/tabs/demo/style/css/mobile.css +546 -5
- package/umd/tabs/demo/style/mobile.less +81 -0
- package/umd/tabs/style/css/index.css +618 -13
- package/umd/tabs/style/index.less +123 -0
- package/umd/tabs/tab-cell.js +1 -1
- package/umd/tag/demo/style/css/mobile.css +510 -0
- package/umd/tag/demo/style/mobile.less +25 -0
- package/umd/tag/style/css/index.css +538 -10
- package/umd/tag/style/index.less +55 -0
- package/umd/textarea/demo/style/css/mobile.css +514 -1
- package/umd/textarea/demo/style/mobile.less +32 -1
- package/umd/textarea/style/css/index.css +527 -2
- package/umd/textarea/style/index.less +47 -0
- package/umd/toast/demo/style/css/mobile.css +510 -0
- package/umd/toast/demo/style/mobile.less +25 -0
- package/umd/toast/style/css/index.css +530 -5
- package/umd/toast/style/index.less +37 -0
- package/umd/transition/demo/style/css/mobile.css +510 -0
- package/umd/transition/demo/style/mobile.less +25 -0
- package/umd/transition/style/css/index.css +510 -0
- package/umd/transition/style/index.less +25 -0
@@ -1,4 +1,514 @@
|
|
1
|
+
/**
|
2
|
+
* @type mixin-var
|
3
|
+
* @name GeneralMixinVars
|
4
|
+
* @name_en General Mixin
|
5
|
+
*/
|
6
|
+
/**
|
7
|
+
* 根据base-font-size,设置单位尺寸为rem
|
8
|
+
* @desc {en} set the unit size to rem based on base-font-size
|
9
|
+
* @param @property css属性名
|
10
|
+
* @param @property {en} css property
|
11
|
+
* @param @values css属性值,如果为复合属性,值可以用逗号分隔开
|
12
|
+
* @param @values {en} css property value, the values can be separated by commas when the style is composite
|
13
|
+
* @example
|
14
|
+
* ```
|
15
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
16
|
+
*
|
17
|
+
* .demo {
|
18
|
+
* .rem(font-size, 14);
|
19
|
+
* .rem(padding, 16, 0);
|
20
|
+
* }
|
21
|
+
* ```
|
22
|
+
*/
|
23
|
+
/**
|
24
|
+
* 根据base-font-size,设置常规模式和rtl模式下单位尺寸为rem
|
25
|
+
* @desc {en} set the unit size to rem for regular and RTL modes based on the base-font-size
|
26
|
+
* @param @property css属性名
|
27
|
+
* @param @property {en} css property
|
28
|
+
* @param @values css属性值,如果为复合属性,值可以用逗号分隔开
|
29
|
+
* @param @values {en} css property value, the values can be separated by commas when the style is composite
|
30
|
+
* @example
|
31
|
+
* ```
|
32
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
33
|
+
*
|
34
|
+
* .demo {
|
35
|
+
* .rem-with-rtl(font-size, 14);
|
36
|
+
* .rem-with-rtl(padding, 16, 0);
|
37
|
+
* }
|
38
|
+
* ```
|
39
|
+
*/
|
40
|
+
/**
|
41
|
+
* 当less变量use-dark-mode=1时,为原生暗黑模式媒体查询事件prefers-color-scheme:dark绑定对应css规则
|
42
|
+
* @desc {en} bind corresponding CSS rules to the native dark mode media query event prefers-color-scheme: dark when the less variable use-dark-mode=1.
|
43
|
+
* @param @rules 对应的暗黑模式规则
|
44
|
+
* @param @rules {en} Corresponding dark mode rules
|
45
|
+
* @example
|
46
|
+
* ```
|
47
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
48
|
+
*
|
49
|
+
* .demo {
|
50
|
+
* .use-dark-mode-query({
|
51
|
+
* background-color: #000;
|
52
|
+
* });
|
53
|
+
* }
|
54
|
+
* ```
|
55
|
+
*/
|
56
|
+
/**
|
57
|
+
* 为属性设置arco提供的token变量
|
58
|
+
* @desc {en} set the token variable provided by Arco for the attribute
|
59
|
+
* @param @property css属性名
|
60
|
+
* @param @property {en} css property
|
61
|
+
* @param @variables token变量名
|
62
|
+
* @param @variables {en} token variable name
|
63
|
+
* @param @preValues 复合属性css变量前缀
|
64
|
+
* @param @preValues {en} prefix for Compound Attribute CSS Variables
|
65
|
+
* @param @nextValues 复合属性css变量后缀
|
66
|
+
* @param @nextValues {en} suffix for Compound Attribute CSS Variables
|
67
|
+
* @example
|
68
|
+
* ```
|
69
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
70
|
+
*
|
71
|
+
* .demo {
|
72
|
+
* .use-var(background, primary-color);
|
73
|
+
* .use-var(border, primary-color, 1px solid);
|
74
|
+
* .use-var(border, cell-border-width, '', solid black);
|
75
|
+
* }
|
76
|
+
* ```
|
77
|
+
*/
|
78
|
+
/**
|
79
|
+
* 在常规模式和rtl模式下为属性设置arco提供的token变量
|
80
|
+
* @desc {en} set the token variable provided by Arco for the attribute in regular mode and RTL mode
|
81
|
+
* @param @property css属性名
|
82
|
+
* @param @property {en} css property
|
83
|
+
* @param @variables token变量名
|
84
|
+
* @param @variables {en} token variable name
|
85
|
+
* @param @preValues
|
86
|
+
* @param @preValues {en}
|
87
|
+
* @param @nextValues
|
88
|
+
* @param @nextValues {en}
|
89
|
+
* @example
|
90
|
+
* ```
|
91
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
92
|
+
*
|
93
|
+
* .demo {
|
94
|
+
* .use-var-with-rtl(margin-left, button-icon-text-gutter);
|
95
|
+
* }
|
96
|
+
* ```
|
97
|
+
*/
|
98
|
+
/**
|
99
|
+
* 0.5px的边框线
|
100
|
+
* @desc {en} a border line of 0.5 pixels
|
101
|
+
* @param @color 使用css变量为线设置颜色
|
102
|
+
* @param @color {en} set border-color by CSS variable
|
103
|
+
* @param @direction 边框方向,默认为全部方向
|
104
|
+
* @param @direction {en} border direction,default to all directions.
|
105
|
+
* @example
|
106
|
+
* ```
|
107
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
108
|
+
*
|
109
|
+
* .demo {
|
110
|
+
* .hairline-var(line-color);
|
111
|
+
* .hairline-var(line-color, top);
|
112
|
+
* }
|
113
|
+
* ```
|
114
|
+
*/
|
115
|
+
/**
|
116
|
+
* 字体加粗
|
117
|
+
* @desc {en} font bold
|
118
|
+
* @param @color 使用css变量设置加粗的字体颜色,默认继承文字当前颜色
|
119
|
+
* @param @color {en} set color by CSS variable
|
120
|
+
* @param @stroke 字体粗细,默认0.3px
|
121
|
+
* @param @stroke {en} font weight, default 0.3 pixel
|
122
|
+
* @example
|
123
|
+
* ```
|
124
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
125
|
+
*
|
126
|
+
* .demo {
|
127
|
+
* .text-medium-var();
|
128
|
+
* .text-medium-var(primary-color, 0.5PX);
|
129
|
+
* }
|
130
|
+
* ```
|
131
|
+
*/
|
132
|
+
/**
|
133
|
+
* 1px边框
|
134
|
+
* @desc {en} 1 pixel border
|
135
|
+
* @param @direction 边框方向
|
136
|
+
* @param @direction {en} border direction
|
137
|
+
* @param @borderColor 使用css变量设置边框颜色
|
138
|
+
* @param @borderColor {en} set border-color by CSS variable
|
139
|
+
* @param @borderRadius border-radius,默认为0
|
140
|
+
* @param @borderRadius {en} border-radius, default value is 0
|
141
|
+
* @param @borderWidth border-width,默认为1px
|
142
|
+
* @param @borderWidth {en} border-width, default value is 1 pixel
|
143
|
+
* @param @borderStyle border-style,默认为solid
|
144
|
+
* @param @borderStyle {en} border-style, default value is solid
|
145
|
+
* @example
|
146
|
+
* ```
|
147
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
148
|
+
*
|
149
|
+
* .demo {
|
150
|
+
* .onepx-border-var(top, line-color);
|
151
|
+
* .onepx-border-var(all, line-color, 2, 2px, dashed);
|
152
|
+
* }
|
153
|
+
* ```
|
154
|
+
*/
|
155
|
+
/**
|
156
|
+
* 元素右下0.5px边框
|
157
|
+
* @desc {en} 0.5px border on bottom right
|
158
|
+
* @param @color 使用css变量设置边框颜色
|
159
|
+
* @param @color {en} set border-color by CSS variable
|
160
|
+
* @example
|
161
|
+
* ```
|
162
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
163
|
+
*
|
164
|
+
* .demo {
|
165
|
+
* .hairline-bottom-right-var(line-color);
|
166
|
+
* }
|
167
|
+
* ```
|
168
|
+
*/
|
169
|
+
/**
|
170
|
+
* 元素左上0.5px边框
|
171
|
+
* @desc {en} 0.5px border on top left
|
172
|
+
* @param @color 使用css变量设置边框颜色
|
173
|
+
* @param @color {en} set border-color by CSS variable
|
174
|
+
* @example
|
175
|
+
* ```
|
176
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
177
|
+
*
|
178
|
+
* .demo {
|
179
|
+
* .hairline-top-left-var(line-color);
|
180
|
+
* }
|
181
|
+
* ```
|
182
|
+
*/
|
183
|
+
/**
|
184
|
+
* 设置Loading组件颜色
|
185
|
+
* @desc {en} set Loading component color
|
186
|
+
* @param @color 使用css变量设置颜色
|
187
|
+
* @param @color {en} set color by CSS variable
|
188
|
+
* @example
|
189
|
+
* ```
|
190
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
191
|
+
*
|
192
|
+
* .demo {
|
193
|
+
* .set-loading-color-var(primary-color);
|
194
|
+
* }
|
195
|
+
* ```
|
196
|
+
*/
|
197
|
+
/**
|
198
|
+
* 设置最小字号
|
199
|
+
* @desc {en} set minimum font-size
|
200
|
+
* @param @size 使用css变量设置最小字号
|
201
|
+
* @param @size {en} set minimum font-size by CSS variable
|
202
|
+
* @param @scale 设置最小字号下文字缩放比例,默认为0.9
|
203
|
+
* @param @scale {en} set minimum font-size down text scale,default value is 0.9
|
204
|
+
* @example
|
205
|
+
* ```
|
206
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
207
|
+
*
|
208
|
+
* .demo {
|
209
|
+
* .set-font-size-var(badge-font-size);
|
210
|
+
* .set-font-size-var(badge-font-size, 0.5);
|
211
|
+
* }
|
212
|
+
* ```
|
213
|
+
*/
|
214
|
+
/**
|
215
|
+
* 设置content-box盒模型下元素宽度
|
216
|
+
* @desc {en} set box width in content-box
|
217
|
+
* @param @property css属性名
|
218
|
+
* @param @property {en} css property
|
219
|
+
* @param @width 元素总宽度,包含内边距
|
220
|
+
* @param @width element width, include padding
|
221
|
+
* @param @padding-left 左侧内边距
|
222
|
+
* @param @padding-left {en} padding-left
|
223
|
+
* @param @padding-right 右侧内边距
|
224
|
+
* @param @padding-right {en} padding-right
|
225
|
+
* @example
|
226
|
+
* ```
|
227
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
228
|
+
*
|
229
|
+
* .demo {
|
230
|
+
* .set-content-box-width-var(min-width, badge-text-width, badge-text-padding-left, badge-text-padding-right);
|
231
|
+
* }
|
232
|
+
* ```
|
233
|
+
*/
|
234
|
+
/**
|
235
|
+
* 设置Steps组件颜色
|
236
|
+
* @desc {en} set Steps component color
|
237
|
+
* @param @color 使用css变量设置主颜色
|
238
|
+
* @param @color {en} set main step color by CSS variable
|
239
|
+
* @param @finish-color 使用css变量设置已完成步骤的颜色
|
240
|
+
* @param @finish-color {en} set finished step color by CSS variable
|
241
|
+
* @example
|
242
|
+
* ```
|
243
|
+
* @import '@arco-design/mobile-react/style/mixin.less';
|
244
|
+
*
|
245
|
+
* .demo {
|
246
|
+
* .set-steps-color-var(primary-color, lighter-primary-color);
|
247
|
+
* }
|
248
|
+
* ```
|
249
|
+
*/
|
250
|
+
/**
|
251
|
+
* @type mixin
|
252
|
+
* @name GeneralMixin
|
253
|
+
* @name_en General Mixin
|
254
|
+
*/
|
255
|
+
/**
|
256
|
+
* 文本溢出,支持1行/多行文本
|
257
|
+
* @desc {en} text overflow, support single line or multiple lines
|
258
|
+
* @param @lines 最大展示行数,默认为1行
|
259
|
+
* @param @lines {en} allows limiting of the contents of a block to the specified number of lines, default to 1
|
260
|
+
* @example
|
261
|
+
* ```
|
262
|
+
* @import '@arco-design/mobile-utils/style/mixin.less';
|
263
|
+
* .demo1{
|
264
|
+
* .text-overflow();
|
265
|
+
* }
|
266
|
+
* .demo2 {
|
267
|
+
* .text-overflow(2);
|
268
|
+
* }
|
269
|
+
* ```
|
270
|
+
*/
|
271
|
+
/**
|
272
|
+
* 禁用用户选择文本
|
273
|
+
* @desc {en} disable user selection of text
|
274
|
+
* @example
|
275
|
+
* ```
|
276
|
+
* @import '@arco-design/mobile-utils/style/mixin.less';
|
277
|
+
*
|
278
|
+
* .demo {
|
279
|
+
* .noselect();
|
280
|
+
* }
|
281
|
+
*/
|
282
|
+
/**
|
283
|
+
* 全屏布局
|
284
|
+
* @desc {en} full-screen layout
|
285
|
+
* @example
|
286
|
+
* ```
|
287
|
+
* @import '@arco-design/mobile-utils/style/mixin.less';
|
288
|
+
*
|
289
|
+
* .demo {
|
290
|
+
* .full-screen();
|
291
|
+
* }
|
292
|
+
*/
|
293
|
+
/**
|
294
|
+
* 文本加粗,兼容安卓设备
|
295
|
+
* @desc {en} text-bold, compatible with Android devices
|
296
|
+
* @param @color 文本颜色,默认为currentColor
|
297
|
+
* @param @color {en} text color, default to currentColor
|
298
|
+
* @param @stroke 文本字符笔触宽度,默认为0.3PX
|
299
|
+
* @param @stroke {en} the width of strokes for text characters, default to 0.3PX
|
300
|
+
* @example
|
301
|
+
* ```
|
302
|
+
* @import '@arco-design/mobile-utils/style/mixin.less';
|
303
|
+
*
|
304
|
+
* .demo1 {
|
305
|
+
* .text-medium();
|
306
|
+
* }
|
307
|
+
* .demo2 {
|
308
|
+
* .text-medium(#fff, 0.5px);
|
309
|
+
* }
|
310
|
+
*/
|
311
|
+
/**
|
312
|
+
* 消除文本加粗样式,兼容安卓设备
|
313
|
+
* @desc {en} remove text-bold, compatible with Android devices
|
314
|
+
* @example
|
315
|
+
* ```
|
316
|
+
* @import '@arco-design/mobile-utils/style/mixin.less';
|
317
|
+
*
|
318
|
+
* .demo {
|
319
|
+
* .remove-text-medium();
|
320
|
+
* }
|
321
|
+
*/
|
322
|
+
/**
|
323
|
+
* 1px(物理像素)边框
|
324
|
+
* @desc {en} a border line of 1 pixel
|
325
|
+
* @param @direction 边框方向
|
326
|
+
* @param @direction {en} border direction
|
327
|
+
* @param @borderColor 边框颜色,默认inherit
|
328
|
+
* @param @borderColor {en} border color, default to inherit
|
329
|
+
* @param @borderRadius 边框圆角,默认0
|
330
|
+
* @param @borderRadius {en} border radius, default to 0
|
331
|
+
* @param @borderWidth 边框宽度,默认1px
|
332
|
+
* @param @borderWidth {en} border width, default to 1px
|
333
|
+
* @param @borderStyle 边框样式,默认solid
|
334
|
+
* @param @borderStyle {en} border style, default to solid
|
335
|
+
* @example
|
336
|
+
* ```
|
337
|
+
* @import '@arco-design/mobile-utils/style/mixin.less';
|
338
|
+
*
|
339
|
+
* .demo {
|
340
|
+
* .onepx-border();
|
341
|
+
* }
|
342
|
+
*/
|
343
|
+
/**
|
344
|
+
* 移除0.5px的边框线
|
345
|
+
* @desc {en} remove border line of 0.5 pixels
|
346
|
+
* @param @direction 边框方向,默认为全部方向
|
347
|
+
* @param @direction {en} border direction,default to all directions.
|
348
|
+
* @example
|
349
|
+
* ```
|
350
|
+
* @import '@arco-design/mobile-utils/style/mixin.less';
|
351
|
+
*
|
352
|
+
* .demo {
|
353
|
+
* .remove-hairline(all);
|
354
|
+
* }
|
355
|
+
* ```
|
356
|
+
*/
|
357
|
+
/**
|
358
|
+
* 元素右下 0.5px border
|
359
|
+
* @desc {en} 0.5px border on bottom right
|
360
|
+
* @param @color 边框颜色
|
361
|
+
* @param @color {en} border-color
|
362
|
+
* @example
|
363
|
+
* ```
|
364
|
+
* @import '@arco-design/mobile-utils/style/mixin.less';
|
365
|
+
*
|
366
|
+
* .demo {
|
367
|
+
* .hairline-bottom-right(#000);
|
368
|
+
* }
|
369
|
+
* ```
|
370
|
+
*/
|
371
|
+
/**
|
372
|
+
* 元素左上 0.5px border
|
373
|
+
* @desc {en} 0.5px border on top left
|
374
|
+
* @param @color 边框颜色
|
375
|
+
* @param @color {en} border-color
|
376
|
+
* @example
|
377
|
+
* ```
|
378
|
+
* @import '@arco-design/mobile-utils/style/mixin.less';
|
379
|
+
*
|
380
|
+
* .demo {
|
381
|
+
* .hairline-top-left(#000);
|
382
|
+
* }
|
383
|
+
* ```
|
384
|
+
*/
|
385
|
+
/**
|
386
|
+
* 输入涉及左右相关的属性名,获取方向相反的属性名,可用于处理rtl模式
|
387
|
+
* @desc {en} get the property name in the opposite direction of the input property name, which can be used to process rtl mode
|
388
|
+
* @param @origin-property css属性名
|
389
|
+
* @param @origin-property {en} css property
|
390
|
+
* @example
|
391
|
+
* ```
|
392
|
+
* @import '@arco-design/mobile-utils/style/mixin.less';
|
393
|
+
*
|
394
|
+
* .demo {
|
395
|
+
* @a: .prop-with-rtl(margin-left)[@property-name]; // @a 变量值为margin-right
|
396
|
+
* }
|
397
|
+
* ```
|
398
|
+
*/
|
399
|
+
/**
|
400
|
+
* 设置涉及左右相关的属性名,在rtl模式下自动替换为相反的属性名
|
401
|
+
* @desc {en} set the property name related to left and right, and automatically replace it with the opposite attribute name in rtl mode
|
402
|
+
* @param @property css属性名
|
403
|
+
* @param @property {en} css property
|
404
|
+
* @param @value css属性值
|
405
|
+
* @param @value {en} css property value
|
406
|
+
* @param @rules 自定义的复写规则,默认重置为initial
|
407
|
+
* @param @rules {en} customized rewrite rules, default to initial
|
408
|
+
* @example
|
409
|
+
* ```
|
410
|
+
* @import '@arco-design/mobile-utils/style/mixin.less';
|
411
|
+
*
|
412
|
+
* .demo {
|
413
|
+
* .set-prop-with-rtl(right, auto);
|
414
|
+
* }
|
415
|
+
* ```
|
416
|
+
*/
|
417
|
+
/**
|
418
|
+
* 设置涉及左右相关的属性值,在rtl模式下自动替换为相反的属性值
|
419
|
+
* @desc {en} set the property value related to left and right, and automatically replace it with the opposite attribute value in rtl mode
|
420
|
+
* @param @property css属性名
|
421
|
+
* @param @property {en} css property
|
422
|
+
* @param @value css属性值
|
423
|
+
* @param @value {en} css property value
|
424
|
+
* @example
|
425
|
+
* ```
|
426
|
+
* @import '@arco-design/mobile-utils/style/mixin.less';
|
427
|
+
*
|
428
|
+
* .demo {
|
429
|
+
* .set-value-with-rtl(text-align, left);
|
430
|
+
* }
|
431
|
+
* ```
|
432
|
+
*/
|
433
|
+
/**
|
434
|
+
* 设置Loading组件颜色
|
435
|
+
* @desc {en} set Loading component color
|
436
|
+
* @param @color 颜色
|
437
|
+
* @param @color {en} color
|
438
|
+
* @example
|
439
|
+
* ```
|
440
|
+
* @import '@arco-design/mobile-utils/style/mixin.less';
|
441
|
+
*
|
442
|
+
* .demo {
|
443
|
+
* .set-loading-color(#000);
|
444
|
+
* }
|
445
|
+
* ```
|
446
|
+
*/
|
447
|
+
/**
|
448
|
+
* 设置最小字号
|
449
|
+
* @desc {en} set minimum font-size
|
450
|
+
* @param @size 最小字号
|
451
|
+
* @param @size {en} minimum font-size
|
452
|
+
* @example
|
453
|
+
* ```
|
454
|
+
* @import '@arco-design/mobile-utils/style/mixin.less';
|
455
|
+
*
|
456
|
+
* .demo {
|
457
|
+
* .set-font-size(10px);
|
458
|
+
* }
|
459
|
+
* ```
|
460
|
+
*/
|
461
|
+
/**
|
462
|
+
* 设置content-box盒模型下元素宽度
|
463
|
+
* @desc {en} set box width in content-box
|
464
|
+
* @param @property css属性名
|
465
|
+
* @param @property {en} css property
|
466
|
+
* @param @width 元素总宽度,包含内边距
|
467
|
+
* @param @width element width, include padding
|
468
|
+
* @param @padding-left 左侧内边距
|
469
|
+
* @param @padding-left {en} padding-left
|
470
|
+
* @param @padding-right 右侧内边距
|
471
|
+
* @param @padding-right {en} padding-right
|
472
|
+
* @example
|
473
|
+
* ```
|
474
|
+
* @import '@arco-design/mobile-utils/style/mixin.less';
|
475
|
+
*
|
476
|
+
* .demo {
|
477
|
+
* .set-content-box-width(min-width, 300px, 10px, 10px);
|
478
|
+
* }
|
479
|
+
* ```
|
480
|
+
*/
|
481
|
+
/**
|
482
|
+
* 设置Steps组件当前步骤主要颜色,已完成步骤颜色自动计算为当前步骤颜色透明度10%
|
483
|
+
* @desc {en} set Steps component color
|
484
|
+
* @param @color 当前步骤背景、标题文本颜色
|
485
|
+
* @param @color {en} color of current step background and title text
|
486
|
+
* @param @finish-color 已完成步骤背景色
|
487
|
+
* @param @finish-color {en} color of finished step background
|
488
|
+
* @example
|
489
|
+
* ```
|
490
|
+
* @import '@arco-design/mobile-utils/style/mixin.less';
|
491
|
+
*
|
492
|
+
* .demo {
|
493
|
+
* .set-steps-color(#FFB400);
|
494
|
+
* }
|
495
|
+
* ```
|
496
|
+
*/
|
1
497
|
#demo-rate .arco-rate {
|
2
498
|
margin-left: -0.2rem;
|
3
499
|
margin-top: -0.18rem;
|
4
500
|
}
|
501
|
+
/***************************************************
|
502
|
+
* *
|
503
|
+
* Arco Theme Style *
|
504
|
+
* *
|
505
|
+
***************************************************/
|
506
|
+
.arco-theme-dark .process-bg-color-with-config,
|
507
|
+
.arco-theme-dark .process-custom-icon-bg-color-with-config {
|
508
|
+
color: rgba(255, 255, 255, 0.9) ;
|
509
|
+
}
|
510
|
+
.arco-theme-dark .wait-custom-icon-bg-color-with-config {
|
511
|
+
background: #2e2e30 ;
|
512
|
+
color: #929293 ;
|
513
|
+
}
|
514
|
+
/********************* End *************************/
|
@@ -6,3 +6,28 @@
|
|
6
6
|
.rem(margin-top, -9);
|
7
7
|
}
|
8
8
|
}
|
9
|
+
|
10
|
+
/***************************************************
|
11
|
+
* *
|
12
|
+
* Arco Theme Style *
|
13
|
+
* *
|
14
|
+
***************************************************/
|
15
|
+
& when (@use-dark-mode = 1) {
|
16
|
+
|
17
|
+
.process-bg-color-with-config,
|
18
|
+
.process-custom-icon-bg-color-with-config {
|
19
|
+
@{arco-dark-mode-selector} & {
|
20
|
+
.use-var(color, dark-steps-process-with-config-item-icon-color);
|
21
|
+
.use-var(color, dark-steps-process-with-config-item-icon-color);
|
22
|
+
}
|
23
|
+
}
|
24
|
+
.wait-custom-icon-bg-color-with-config {
|
25
|
+
@{arco-dark-mode-selector} & {
|
26
|
+
.use-var(background, dark-steps-wait-icon-num-background);
|
27
|
+
.use-var(color, dark-sub-info-font-color);
|
28
|
+
.use-var(background, dark-steps-wait-icon-num-background);
|
29
|
+
.use-var(color, dark-sub-info-font-color);
|
30
|
+
}
|
31
|
+
}
|
32
|
+
}
|
33
|
+
/********************* End *************************/
|