@nutui/nutui 3.1.12 → 3.1.13-beta.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.
Files changed (97) hide show
  1. package/README.md +148 -37
  2. package/dist/nutui.d.ts +4 -1
  3. package/dist/nutui.es.js +1348 -560
  4. package/dist/nutui.umd.js +1356 -565
  5. package/dist/packages/_es/ActionSheet.js +1 -1
  6. package/dist/packages/_es/Address.js +3 -1
  7. package/dist/packages/_es/Avatar.js +1 -1
  8. package/dist/packages/_es/BackTop.js +1 -1
  9. package/dist/packages/_es/Badge.js +1 -1
  10. package/dist/packages/_es/Barrage.js +1 -1
  11. package/dist/packages/_es/Button.js +1 -1
  12. package/dist/packages/_es/Calendar.js +1 -1
  13. package/dist/packages/_es/Card.js +1 -1
  14. package/dist/packages/_es/Cascader.js +547 -0
  15. package/dist/packages/_es/Cell.js +1 -1
  16. package/dist/packages/_es/CellGroup.js +1 -1
  17. package/dist/packages/_es/Checkbox.js +1 -1
  18. package/dist/packages/_es/CheckboxGroup.js +1 -1
  19. package/dist/packages/_es/CircleProgress.js +1 -1
  20. package/dist/packages/_es/Col.js +1 -1
  21. package/dist/packages/_es/Collapse.js +1 -1
  22. package/dist/packages/_es/CollapseItem.js +1 -1
  23. package/dist/packages/_es/CountDown.js +2 -2
  24. package/dist/packages/_es/CountUp.js +3 -1
  25. package/dist/packages/_es/DatePicker.js +1 -1
  26. package/dist/packages/_es/Dialog.js +1 -1
  27. package/dist/packages/_es/Divider.js +1 -1
  28. package/dist/packages/_es/Drag.js +1 -1
  29. package/dist/packages/_es/Elevator.js +3 -2
  30. package/dist/packages/_es/FixedNav.js +1 -1
  31. package/dist/packages/_es/Form.js +1 -1
  32. package/dist/packages/_es/FormItem.js +1 -1
  33. package/dist/packages/_es/Grid.js +12 -0
  34. package/dist/packages/_es/GridItem.js +149 -0
  35. package/dist/packages/_es/Icon.js +1 -1
  36. package/dist/packages/_es/ImagePreview.js +1 -1
  37. package/dist/packages/_es/InfiniteLoading.js +1 -1
  38. package/dist/packages/_es/Input.js +1 -1
  39. package/dist/packages/_es/InputNumber.js +1 -1
  40. package/dist/packages/_es/Layout.js +1 -1
  41. package/dist/packages/_es/Menu.js +1 -1
  42. package/dist/packages/_es/MenuItem.js +1 -1
  43. package/dist/packages/_es/Navbar.js +1 -1
  44. package/dist/packages/_es/NoticeBar.js +6 -8
  45. package/dist/packages/_es/Notify.js +1 -1
  46. package/dist/packages/_es/NumberKeyboard.js +1 -1
  47. package/dist/packages/_es/OverLay.js +1 -1
  48. package/dist/packages/_es/Pagination.js +1 -1
  49. package/dist/packages/_es/Picker.js +1 -1
  50. package/dist/packages/_es/Popover.js +1 -1
  51. package/dist/packages/_es/Popup.js +1 -1
  52. package/dist/packages/_es/Price.js +1 -1
  53. package/dist/packages/_es/Progress.js +1 -1
  54. package/dist/packages/_es/Radio.js +1 -1
  55. package/dist/packages/_es/RadioGroup.js +1 -1
  56. package/dist/packages/_es/Range.js +1 -1
  57. package/dist/packages/_es/Rate.js +1 -1
  58. package/dist/packages/_es/Row.js +1 -1
  59. package/dist/packages/_es/SearchBar.js +1 -1
  60. package/dist/packages/_es/ShortPassword.js +1 -1
  61. package/dist/packages/_es/Signature.js +1 -1
  62. package/dist/packages/_es/Sku.js +1 -1
  63. package/dist/packages/_es/Step.js +1 -1
  64. package/dist/packages/_es/Steps.js +1 -1
  65. package/dist/packages/_es/Swipe.js +1 -1
  66. package/dist/packages/_es/Swiper.js +1 -1
  67. package/dist/packages/_es/SwiperItem.js +1 -1
  68. package/dist/packages/_es/Switch.js +1 -1
  69. package/dist/packages/_es/TabPane.js +1 -1
  70. package/dist/packages/_es/Tabbar.js +1 -1
  71. package/dist/packages/_es/TabbarItem.js +1 -1
  72. package/dist/packages/_es/Tabs.js +6 -2
  73. package/dist/packages/_es/Tag.js +1 -1
  74. package/dist/packages/_es/TextArea.js +1 -1
  75. package/dist/packages/_es/TimeDetail.js +1 -1
  76. package/dist/packages/_es/TimePannel.js +1 -1
  77. package/dist/packages/_es/TimeSelect.js +1 -1
  78. package/dist/packages/_es/Toast.js +1 -1
  79. package/dist/packages/_es/Uploader.js +1 -1
  80. package/dist/packages/_es/Video.js +1 -1
  81. package/dist/packages/_es/common.js +136 -0
  82. package/dist/packages/_es/component.js +1 -1
  83. package/dist/packages/_es/index.js +1 -1
  84. package/dist/packages/_es/index2.js +1 -1
  85. package/dist/packages/_es/index3.js +1 -1
  86. package/dist/packages/_es/plugin-vue_export-helper.js +1 -1
  87. package/dist/packages/_es/pxCheck.js +1 -1
  88. package/dist/packages/_es/raf.js +1 -1
  89. package/dist/packages/_es/util.js +1 -1
  90. package/dist/packages/cascader/index.scss +81 -0
  91. package/dist/packages/grid/index.scss +10 -0
  92. package/dist/packages/griditem/index.scss +92 -0
  93. package/dist/packages/tabs/index.scss +16 -0
  94. package/dist/style.css +1 -1
  95. package/dist/styles/themes/default.scss +41 -38
  96. package/dist/styles/variables.scss +26 -0
  97. package/package.json +2 -3
package/dist/styles/themes/default.scss CHANGED
@@ -1,76 +1,79 @@
1
1
  @import '../variables.scss';
2
- @import '../../packages/avatar/index.scss';
3
- @import '../../packages/button/index.scss';
4
2
  @import '../../packages/cell/index.scss';
5
3
  @import '../../packages/cellgroup/index.scss';
6
- @import '../../packages/price/index.scss';
4
+ @import '../../packages/avatar/index.scss';
5
+ @import '../../packages/icon/index.scss';
6
+ @import '../../packages/button/index.scss';
7
7
  @import '../../packages/col/index.scss';
8
8
  @import '../../packages/overlay/index.scss';
9
- @import '../../packages/icon/index.scss';
10
- @import '../../packages/row/index.scss';
11
- @import '../../packages/imagepreview/index.scss';
12
9
  @import '../../packages/divider/index.scss';
13
- @import '../../packages/collapse/index.scss';
10
+ @import '../../packages/layout/index.scss';
11
+ @import '../../packages/price/index.scss';
14
12
  @import '../../packages/swipe/index.scss';
13
+ @import '../../packages/row/index.scss';
14
+ @import '../../packages/collapse/index.scss';
15
15
  @import '../../packages/actionsheet/index.scss';
16
- @import '../../packages/collapseitem/index.scss';
17
- @import '../../packages/dialog/index.scss';
18
16
  @import '../../packages/backtop/index.scss';
17
+ @import '../../packages/imagepreview/index.scss';
18
+ @import '../../packages/collapseitem/index.scss';
19
19
  @import '../../packages/drag/index.scss';
20
20
  @import '../../packages/infiniteloading/index.scss';
21
- @import '../../packages/pullrefresh/index.scss';
22
21
  @import '../../packages/range/index.scss';
23
- @import '../../packages/layout/index.scss';
22
+ @import '../../packages/notify/index.scss';
23
+ @import '../../packages/pullrefresh/index.scss';
24
+ @import '../../packages/dialog/index.scss';
25
+ @import '../../packages/video/index.scss';
26
+ @import '../../packages/popup/index.scss';
24
27
  @import '../../packages/steps/index.scss';
25
28
  @import '../../packages/step/index.scss';
26
- @import '../../packages/swiper/index.scss';
27
- @import '../../packages/popup/index.scss';
28
29
  @import '../../packages/swiperitem/index.scss';
30
+ @import '../../packages/progress/index.scss';
29
31
  @import '../../packages/switch/index.scss';
30
- @import '../../packages/circleprogress/index.scss';
31
32
  @import '../../packages/toast/index.scss';
32
- @import '../../packages/progress/index.scss';
33
- @import '../../packages/video/index.scss';
34
- @import '../../packages/navbar/index.scss';
35
- @import '../../packages/notify/index.scss';
33
+ @import '../../packages/swiper/index.scss';
36
34
  @import '../../packages/searchbar/index.scss';
37
- @import '../../packages/menuitem/index.scss';
38
- @import '../../packages/fixednav/index.scss';
35
+ @import '../../packages/circleprogress/index.scss';
36
+ @import '../../packages/navbar/index.scss';
39
37
  @import '../../packages/noticebar/index.scss';
38
+ @import '../../packages/fixednav/index.scss';
39
+ @import '../../packages/menuitem/index.scss';
40
40
  @import '../../packages/menu/index.scss';
41
41
  @import '../../packages/elevator/index.scss';
42
+ @import '../../packages/tabbaritem/index.scss';
43
+ @import '../../packages/tabbar/index.scss';
44
+ @import '../../packages/tabs/index.scss';
42
45
  @import '../../packages/pagination/index.scss';
43
46
  @import '../../packages/tabpane/index.scss';
44
- @import '../../packages/tabs/index.scss';
45
- @import '../../packages/calendar/index.scss';
47
+ @import '../../packages/grid/index.scss';
48
+ @import '../../packages/griditem/index.scss';
46
49
  @import '../../packages/datepicker/index.scss';
47
- @import '../../packages/checkboxgroup/index.scss';
50
+ @import '../../packages/calendar/index.scss';
48
51
  @import '../../packages/checkbox/index.scss';
49
52
  @import '../../packages/inputnumber/index.scss';
50
- @import '../../packages/radio/index.scss';
53
+ @import '../../packages/checkboxgroup/index.scss';
51
54
  @import '../../packages/input/index.scss';
52
55
  @import '../../packages/radiogroup/index.scss';
53
56
  @import '../../packages/rate/index.scss';
54
- @import '../../packages/shortpassword/index.scss';
55
- @import '../../packages/calendaritem/index.scss';
56
- @import '../../packages/uploader/index.scss';
57
+ @import '../../packages/radio/index.scss';
57
58
  @import '../../packages/picker/index.scss';
59
+ @import '../../packages/calendaritem/index.scss';
60
+ @import '../../packages/shortpassword/index.scss';
61
+ @import '../../packages/textarea/index.scss';
58
62
  @import '../../packages/countup/index.scss';
59
- @import '../../packages/countdown/index.scss';
63
+ @import '../../packages/numberkeyboard/index.scss';
64
+ @import '../../packages/uploader/index.scss';
60
65
  @import '../../packages/badge/index.scss';
61
66
  @import '../../packages/popover/index.scss';
62
- @import '../../packages/tabbar/index.scss';
63
- @import '../../packages/tabbaritem/index.scss';
64
- @import '../../packages/form/index.scss';
65
- @import '../../packages/numberkeyboard/index.scss';
66
- @import '../../packages/barrage/index.scss';
67
- @import '../../packages/signature/index.scss';
68
- @import '../../packages/address/index.scss';
67
+ @import '../../packages/countdown/index.scss';
68
+ @import '../../packages/tag/index.scss';
69
69
  @import '../../packages/formitem/index.scss';
70
+ @import '../../packages/address/index.scss';
71
+ @import '../../packages/signature/index.scss';
72
+ @import '../../packages/form/index.scss';
73
+ @import '../../packages/cascader/index.scss';
70
74
  @import '../../packages/timepannel/index.scss';
71
75
  @import '../../packages/timeselect/index.scss';
72
- @import '../../packages/sku/index.scss';
76
+ @import '../../packages/barrage/index.scss';
73
77
  @import '../../packages/timedetail/index.scss';
74
78
  @import '../../packages/card/index.scss';
75
- @import '../../packages/textarea/index.scss';
76
- @import '../../packages/tag/index.scss';
79
+ @import '../../packages/sku/index.scss';
package/dist/styles/variables.scss CHANGED
@@ -353,7 +353,10 @@ $pagination-prev-next-padding: 0 11px !default;
353
353
  // tabs
354
354
  $tabs-tab-smile-color: $primary-color !default;
355
355
  $tabs-titles-border-radius: 0 !default;
356
+ $tabs-titles-item-large-font-size: $font-size-3 !default;
356
357
  $tabs-titles-item-font-size: $font-size-2 !default;
358
+ $tabs-titles-item-small-font-size: $font-size-1 !default;
359
+
357
360
  $tabs-titles-item-color: $title-color !default;
358
361
  $tabs-titles-background-color: $help-color !default;
359
362
  $tabs-horizontal-tab-line-color: linear-gradient(90deg, #f5503a 0%, #fad1cb 100%) !default;
@@ -383,6 +386,19 @@ $searchbar-background: $white !default;
383
386
  $searchbar-input-background: #f7f7f7 !default;
384
387
  $searchbar-right-out-color: $black !default;
385
388
 
389
+ // cascader
390
+ $nut-cascader-font-size: $font-size-2;
391
+ $nut-cascader-line-height: 22px;
392
+ $nut-cascader-tabs-item-padding: 0 10px;
393
+ $nut-cascader-bar-padding: 24px 20px 17px;
394
+ $nut-cascader-bar-font-size: $font-size-4;
395
+ $nut-cascader-bar-line-height: 20px;
396
+ $nut-cascader-bar-color: $title-color;
397
+ $nut-cascader-item-padding: 10px 20px;
398
+ $nut-cascader-item-color: $title-color;
399
+ $nut-cascader-item-font-size: $font-size-2;
400
+ $nut-cascader-item-active-color: $primary-color;
401
+
386
402
  // form
387
403
  $form-item-error-line-color: $primary-color !default;
388
404
  $form-item-required-color: $primary-color !default;
@@ -403,10 +419,20 @@ $sku-opetate-bg-buy: linear-gradient(
403
419
  rgba(255, 195, 13, 1) 69%,
404
420
  rgba(255, 207, 13, 1) 100%
405
421
  );
422
+
406
423
  // card
407
424
  $card-font-size-0: $font-size-0;
408
425
  $card-font-size-1: $font-size-1;
409
426
  $card-font-size-2: $font-size-2;
410
427
  $card-font-size-3: $font-size-3;
428
+
429
+ // grid
430
+ $grid-border-color: #f5f6f7 !default;
431
+ $grid-item-content-padding: 16px 8px !default;
432
+ $grid-item-content-bg-color: $white !default;
433
+ $grid-item-text-margin: 8px !default;
434
+ $grid-item-text-color: $title-color2 !default;
435
+ $grid-item-text-font-size: $font-size-1 !default;
436
+
411
437
  @import './mixins/index';
412
438
  @import './animation/index';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nutui/nutui",
3
- "version": "3.1.12",
3
+ "version": "3.1.13-beta.1",
4
4
  "description": "京东风格的轻量级移动端 Vue2、Vue3 组件库（支持小程序开发）",
5
5
  "main": "dist/nutui.umd.js",
6
6
  "module": "dist/nutui.es.js",
@@ -39,7 +39,6 @@
39
39
  "dev:taro:vue": "npm run checked:taro:vue && cd src/sites/mobile-taro/vue/ && npm run dev:weapp",
40
40
  "dev:taro:h5": "npm run checked:taro:vue && cd src/sites/mobile-taro/vue/ && npm run dev:h5",
41
41
  "build:site": "npm run checked && vite build",
42
- "build:gh-pages": "npm run checked && vite build --base=/nutui/",
43
42
  "build:site:oss": "npm run checked && vite build --base=/nutui/3x/",
44
43
  "build": "npm run checked && vite build --config vite.config.build.ts && vite build --config vite.config.build.disperse.ts && npm run generate:types && npm run generate:themes && vite build --config vite.config.build.css.ts",
45
44
  "build:taro:vue": "npm run checked:taro:vue && vite build --config vite.config.build.taro.vue.ts && vite build --config vite.config.build.taro.vue.disperse.ts && npm run generate:types && npm run generate:themes && vite build --config vite.config.build.css.ts",
@@ -80,7 +79,7 @@
80
79
  "@vue/compiler-sfc": "^3.0.11",
81
80
  "@vue/eslint-config-prettier": "^6.0.0",
82
81
  "@vue/eslint-config-typescript": "^7.0.0",
83
- "@vue/test-utils": "^2.0.0-rc.6",
82
+ "@vue/test-utils": "^2.0.0-rc.17",
84
83
  "autoprefixer": "^10.3.4",
85
84
  "axios": "^0.21.0",
86
85
  "eslint": "^7.23.2",