@nutui/nutui 3.1.12 → 3.1.15-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (108) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/README.md +139 -37
  3. package/dist/nutui.d.ts +8 -1
  4. package/dist/nutui.es.js +2143 -826
  5. package/dist/nutui.umd.js +2155 -831
  6. package/dist/packages/_es/ActionSheet.js +1 -1
  7. package/dist/packages/_es/Address.js +18 -17
  8. package/dist/packages/_es/Avatar.js +1 -1
  9. package/dist/packages/_es/BackTop.js +1 -1
  10. package/dist/packages/_es/Badge.js +1 -1
  11. package/dist/packages/_es/Barrage.js +1 -1
  12. package/dist/packages/_es/Button.js +1 -1
  13. package/dist/packages/_es/Calendar.js +1 -1
  14. package/dist/packages/_es/Card.js +1 -1
  15. package/dist/packages/_es/Cascader.js +547 -0
  16. package/dist/packages/_es/Cell.js +1 -1
  17. package/dist/packages/_es/CellGroup.js +1 -1
  18. package/dist/packages/_es/Checkbox.js +1 -1
  19. package/dist/packages/_es/CheckboxGroup.js +1 -1
  20. package/dist/packages/_es/CircleProgress.js +1 -1
  21. package/dist/packages/_es/Col.js +1 -1
  22. package/dist/packages/_es/Collapse.js +1 -1
  23. package/dist/packages/_es/CollapseItem.js +1 -1
  24. package/dist/packages/_es/CountDown.js +3 -4
  25. package/dist/packages/_es/CountUp.js +3 -1
  26. package/dist/packages/_es/DatePicker.js +1 -1
  27. package/dist/packages/_es/Dialog.js +1 -1
  28. package/dist/packages/_es/Divider.js +1 -1
  29. package/dist/packages/_es/Drag.js +1 -1
  30. package/dist/packages/_es/Elevator.js +3 -2
  31. package/dist/packages/_es/Empty.js +74 -0
  32. package/dist/packages/_es/FixedNav.js +1 -1
  33. package/dist/packages/_es/Form.js +18 -5
  34. package/dist/packages/_es/FormItem.js +1 -1
  35. package/dist/packages/_es/Grid.js +12 -0
  36. package/dist/packages/_es/GridItem.js +149 -0
  37. package/dist/packages/_es/Icon.js +1 -1
  38. package/dist/packages/_es/ImagePreview.js +104 -10
  39. package/dist/packages/_es/Indicator.js +66 -0
  40. package/dist/packages/_es/InfiniteLoading.js +1 -1
  41. package/dist/packages/_es/Input.js +1 -1
  42. package/dist/packages/_es/InputNumber.js +1 -1
  43. package/dist/packages/_es/Layout.js +1 -1
  44. package/dist/packages/_es/Menu.js +1 -1
  45. package/dist/packages/_es/MenuItem.js +1 -1
  46. package/dist/packages/_es/Navbar.js +1 -1
  47. package/dist/packages/_es/NoticeBar.js +6 -8
  48. package/dist/packages/_es/Notify.js +1 -1
  49. package/dist/packages/_es/NumberKeyboard.js +1 -1
  50. package/dist/packages/_es/OverLay.js +1 -1
  51. package/dist/packages/_es/Pagination.js +1 -1
  52. package/dist/packages/_es/Picker.js +1 -1
  53. package/dist/packages/_es/Popover.js +1 -1
  54. package/dist/packages/_es/Popup.js +1 -1
  55. package/dist/packages/_es/Price.js +1 -1
  56. package/dist/packages/_es/Progress.js +1 -1
  57. package/dist/packages/_es/Radio.js +1 -1
  58. package/dist/packages/_es/RadioGroup.js +1 -1
  59. package/dist/packages/_es/Range.js +1 -1
  60. package/dist/packages/_es/Rate.js +1 -1
  61. package/dist/packages/_es/Row.js +1 -1
  62. package/dist/packages/_es/SearchBar.js +1 -1
  63. package/dist/packages/_es/ShortPassword.js +1 -1
  64. package/dist/packages/_es/Signature.js +1 -1
  65. package/dist/packages/_es/Skeleton.js +138 -0
  66. package/dist/packages/_es/Sku.js +1 -1
  67. package/dist/packages/_es/Step.js +1 -1
  68. package/dist/packages/_es/Steps.js +1 -1
  69. package/dist/packages/_es/Swipe.js +1 -1
  70. package/dist/packages/_es/Swiper.js +1 -1
  71. package/dist/packages/_es/SwiperItem.js +1 -1
  72. package/dist/packages/_es/Switch.js +16 -6
  73. package/dist/packages/_es/TabPane.js +1 -1
  74. package/dist/packages/_es/Tabbar.js +1 -1
  75. package/dist/packages/_es/TabbarItem.js +1 -1
  76. package/dist/packages/_es/Table.js +191 -0
  77. package/dist/packages/_es/Tabs.js +6 -2
  78. package/dist/packages/_es/Tag.js +1 -1
  79. package/dist/packages/_es/TextArea.js +1 -1
  80. package/dist/packages/_es/TimeDetail.js +1 -1
  81. package/dist/packages/_es/TimePannel.js +1 -1
  82. package/dist/packages/_es/TimeSelect.js +1 -1
  83. package/dist/packages/_es/Toast.js +1 -1
  84. package/dist/packages/_es/Uploader.js +1 -1
  85. package/dist/packages/_es/Video.js +1 -1
  86. package/dist/packages/_es/common.js +136 -0
  87. package/dist/packages/_es/component.js +1 -1
  88. package/dist/packages/_es/index.js +1 -1
  89. package/dist/packages/_es/index2.js +1 -1
  90. package/dist/packages/_es/index3.js +1 -1
  91. package/dist/packages/_es/plugin-vue_export-helper.js +1 -1
  92. package/dist/packages/_es/pxCheck.js +1 -1
  93. package/dist/packages/_es/raf.js +1 -1
  94. package/dist/packages/_es/util.js +1 -1
  95. package/dist/packages/cascader/index.scss +81 -0
  96. package/dist/packages/empty/index.scss +33 -0
  97. package/dist/packages/formitem/index.scss +1 -1
  98. package/dist/packages/grid/index.scss +10 -0
  99. package/dist/packages/griditem/index.scss +92 -0
  100. package/dist/packages/imagepreview/index.scss +1 -0
  101. package/dist/packages/indicator/index.scss +48 -0
  102. package/dist/packages/skeleton/index.scss +57 -0
  103. package/dist/packages/table/index.scss +81 -0
  104. package/dist/packages/tabs/index.scss +16 -0
  105. package/dist/style.css +1 -1
  106. package/dist/styles/themes/default.scss +45 -38
  107. package/dist/styles/variables.scss +49 -0
  108. package/package.json +2 -3
package/dist/styles/themes/default.scss CHANGED
@@ -1,76 +1,83 @@
1
1
  @import '../variables.scss';
2
+ @import '../../packages/cellgroup/index.scss';
2
3
  @import '../../packages/avatar/index.scss';
3
- @import '../../packages/button/index.scss';
4
4
  @import '../../packages/cell/index.scss';
5
- @import '../../packages/cellgroup/index.scss';
5
+ @import '../../packages/button/index.scss';
6
+ @import '../../packages/icon/index.scss';
6
7
  @import '../../packages/price/index.scss';
7
- @import '../../packages/col/index.scss';
8
+ @import '../../packages/divider/index.scss';
8
9
  @import '../../packages/overlay/index.scss';
9
- @import '../../packages/icon/index.scss';
10
+ @import '../../packages/col/index.scss';
11
+ @import '../../packages/layout/index.scss';
10
12
  @import '../../packages/row/index.scss';
11
- @import '../../packages/imagepreview/index.scss';
12
- @import '../../packages/divider/index.scss';
13
- @import '../../packages/collapse/index.scss';
14
13
  @import '../../packages/swipe/index.scss';
14
+ @import '../../packages/backtop/index.scss';
15
15
  @import '../../packages/actionsheet/index.scss';
16
+ @import '../../packages/collapse/index.scss';
17
+ @import '../../packages/imagepreview/index.scss';
16
18
  @import '../../packages/collapseitem/index.scss';
17
- @import '../../packages/dialog/index.scss';
18
- @import '../../packages/backtop/index.scss';
19
19
  @import '../../packages/drag/index.scss';
20
- @import '../../packages/infiniteloading/index.scss';
20
+ @import '../../packages/dialog/index.scss';
21
+ @import '../../packages/notify/index.scss';
21
22
  @import '../../packages/pullrefresh/index.scss';
23
+ @import '../../packages/infiniteloading/index.scss';
22
24
  @import '../../packages/range/index.scss';
23
- @import '../../packages/layout/index.scss';
24
- @import '../../packages/steps/index.scss';
25
+ @import '../../packages/popup/index.scss';
25
26
  @import '../../packages/step/index.scss';
27
+ @import '../../packages/video/index.scss';
26
28
  @import '../../packages/swiper/index.scss';
27
- @import '../../packages/popup/index.scss';
28
29
  @import '../../packages/swiperitem/index.scss';
29
- @import '../../packages/switch/index.scss';
30
- @import '../../packages/circleprogress/index.scss';
30
+ @import '../../packages/steps/index.scss';
31
31
  @import '../../packages/toast/index.scss';
32
+ @import '../../packages/switch/index.scss';
33
+ @import '../../packages/noticebar/index.scss';
32
34
  @import '../../packages/progress/index.scss';
33
- @import '../../packages/video/index.scss';
34
- @import '../../packages/navbar/index.scss';
35
- @import '../../packages/notify/index.scss';
35
+ @import '../../packages/circleprogress/index.scss';
36
+ @import '../../packages/empty/index.scss';
36
37
  @import '../../packages/searchbar/index.scss';
37
- @import '../../packages/menuitem/index.scss';
38
- @import '../../packages/fixednav/index.scss';
39
- @import '../../packages/noticebar/index.scss';
40
38
  @import '../../packages/menu/index.scss';
39
+ @import '../../packages/navbar/index.scss';
40
+ @import '../../packages/fixednav/index.scss';
41
+ @import '../../packages/tabs/index.scss';
42
+ @import '../../packages/tabbar/index.scss';
41
43
  @import '../../packages/elevator/index.scss';
42
- @import '../../packages/pagination/index.scss';
44
+ @import '../../packages/menuitem/index.scss';
45
+ @import '../../packages/tabbaritem/index.scss';
46
+ @import '../../packages/indicator/index.scss';
47
+ @import '../../packages/grid/index.scss';
43
48
  @import '../../packages/tabpane/index.scss';
44
- @import '../../packages/tabs/index.scss';
45
- @import '../../packages/calendar/index.scss';
49
+ @import '../../packages/griditem/index.scss';
50
+ @import '../../packages/checkbox/index.scss';
51
+ @import '../../packages/pagination/index.scss';
46
52
  @import '../../packages/datepicker/index.scss';
47
53
  @import '../../packages/checkboxgroup/index.scss';
48
- @import '../../packages/checkbox/index.scss';
54
+ @import '../../packages/calendar/index.scss';
49
55
  @import '../../packages/inputnumber/index.scss';
50
- @import '../../packages/radio/index.scss';
51
56
  @import '../../packages/input/index.scss';
52
- @import '../../packages/radiogroup/index.scss';
57
+ @import '../../packages/radio/index.scss';
53
58
  @import '../../packages/rate/index.scss';
59
+ @import '../../packages/radiogroup/index.scss';
60
+ @import '../../packages/textarea/index.scss';
61
+ @import '../../packages/picker/index.scss';
54
62
  @import '../../packages/shortpassword/index.scss';
55
63
  @import '../../packages/calendaritem/index.scss';
56
64
  @import '../../packages/uploader/index.scss';
57
- @import '../../packages/picker/index.scss';
58
- @import '../../packages/countup/index.scss';
65
+ @import '../../packages/numberkeyboard/index.scss';
59
66
  @import '../../packages/countdown/index.scss';
67
+ @import '../../packages/countup/index.scss';
68
+ @import '../../packages/tag/index.scss';
60
69
  @import '../../packages/badge/index.scss';
61
70
  @import '../../packages/popover/index.scss';
62
- @import '../../packages/tabbar/index.scss';
63
- @import '../../packages/tabbaritem/index.scss';
64
71
  @import '../../packages/form/index.scss';
65
- @import '../../packages/numberkeyboard/index.scss';
72
+ @import '../../packages/formitem/index.scss';
73
+ @import '../../packages/skeleton/index.scss';
66
74
  @import '../../packages/barrage/index.scss';
67
- @import '../../packages/signature/index.scss';
75
+ @import '../../packages/cascader/index.scss';
68
76
  @import '../../packages/address/index.scss';
69
- @import '../../packages/formitem/index.scss';
70
- @import '../../packages/timepannel/index.scss';
77
+ @import '../../packages/signature/index.scss';
71
78
  @import '../../packages/timeselect/index.scss';
72
- @import '../../packages/sku/index.scss';
73
79
  @import '../../packages/timedetail/index.scss';
80
+ @import '../../packages/timepannel/index.scss';
81
+ @import '../../packages/sku/index.scss';
82
+ @import '../../packages/table/index.scss';
74
83
  @import '../../packages/card/index.scss';
75
- @import '../../packages/textarea/index.scss';
76
- @import '../../packages/tag/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;
@@ -365,6 +368,14 @@ $tabs-vertical-titles-item-height: 40px !default;
365
368
  $tabs-vertical-titles-item-active-line-height: 14px !default;
366
369
  $tabs-vertical-titles-width: 100px !default;
367
370
 
371
+ // indicator
372
+ $indicator-color: $primary-color !default;
373
+ $indicator-dot-color: $disable-color !default;
374
+ $indicator-white: $white !default;
375
+ $indicator-size: 18px !default;
376
+ $indicator-dot-size: $indicator-size / 3 !default;
377
+ $indicator-border-size: $indicator-size + 2 !default;
378
+
368
379
  // menu
369
380
  $nut-menu-bar-line-height: 46px !default;
370
381
  $nut-menu-bar-border-bottom-color: #eaf0fb !default;
@@ -383,6 +394,28 @@ $searchbar-background: $white !default;
383
394
  $searchbar-input-background: #f7f7f7 !default;
384
395
  $searchbar-right-out-color: $black !default;
385
396
 
397
+ // empty
398
+ $empty-padding: 32px 0;
399
+ $empty-image-size: 170px;
400
+ $empty-description-margin-top: 4px;
401
+ $empty-description-color: #666666;
402
+ $empty-description-font-size: 14px;
403
+ $empty-description-line-height: 20px;
404
+ $empty-description-padding: 0 40px;
405
+
406
+ // cascader
407
+ $nut-cascader-font-size: $font-size-2;
408
+ $nut-cascader-line-height: 22px;
409
+ $nut-cascader-tabs-item-padding: 0 10px;
410
+ $nut-cascader-bar-padding: 24px 20px 17px;
411
+ $nut-cascader-bar-font-size: $font-size-4;
412
+ $nut-cascader-bar-line-height: 20px;
413
+ $nut-cascader-bar-color: $title-color;
414
+ $nut-cascader-item-padding: 10px 20px;
415
+ $nut-cascader-item-color: $title-color;
416
+ $nut-cascader-item-font-size: $font-size-2;
417
+ $nut-cascader-item-active-color: $primary-color;
418
+
386
419
  // form
387
420
  $form-item-error-line-color: $primary-color !default;
388
421
  $form-item-required-color: $primary-color !default;
@@ -403,10 +436,26 @@ $sku-opetate-bg-buy: linear-gradient(
403
436
  rgba(255, 195, 13, 1) 69%,
404
437
  rgba(255, 207, 13, 1) 100%
405
438
  );
439
+
406
440
  // card
407
441
  $card-font-size-0: $font-size-0;
408
442
  $card-font-size-1: $font-size-1;
409
443
  $card-font-size-2: $font-size-2;
410
444
  $card-font-size-3: $font-size-3;
445
+
446
+ // grid
447
+ $grid-border-color: #f5f6f7 !default;
448
+ $grid-item-content-padding: 16px 8px !default;
449
+ $grid-item-content-bg-color: $white !default;
450
+ $grid-item-text-margin: 8px !default;
451
+ $grid-item-text-color: $title-color2 !default;
452
+ $grid-item-text-font-size: $font-size-1 !default;
453
+
454
+ // table
455
+ $table-border-color: #ececec;
456
+ $table-cols-padding: 10px;
457
+ $table-tr-even-bg-color: #f3f3f3;
458
+ $table-tr-odd-bg-color: $white;
459
+
411
460
  @import './mixins/index';
412
461
  @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.15-beta.0",
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",