@nutui/nutui-react 1.3.11 → 1.3.12-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 (45) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/esm/Cell.js +7 -108
  3. package/dist/esm/CellGroup.js +4 -34
  4. package/dist/esm/Form/style/index.js +2 -0
  5. package/dist/esm/Form.js +188 -0
  6. package/dist/esm/FormItem/style/index.js +2 -0
  7. package/dist/esm/FormItem.js +9 -0
  8. package/dist/esm/Range.js +8 -5
  9. package/dist/esm/TextArea.js +7 -8
  10. package/dist/esm/cell-c8781626.js +108 -0
  11. package/dist/esm/cellgroup-3402f96c.js +34 -0
  12. package/dist/esm/formitem-46d4aca3.js +136 -0
  13. package/dist/esm/nutui-react.es.js +2 -0
  14. package/dist/esm/types/src/packages/form/demo.d.ts +3 -0
  15. package/dist/esm/types/src/packages/form/form.d.ts +9 -0
  16. package/dist/esm/types/src/packages/form/index.d.ts +2 -0
  17. package/dist/esm/types/src/packages/form/index.taro.d.ts +2 -0
  18. package/dist/esm/types/src/packages/form/types.d.ts +82 -0
  19. package/dist/esm/types/src/packages/form/useForm.d.ts +2 -0
  20. package/dist/esm/types/src/packages/formitem/formitem.d.ts +30 -0
  21. package/dist/esm/types/src/packages/formitem/formitemcontext.d.ts +6 -0
  22. package/dist/esm/types/src/packages/formitem/index.d.ts +2 -0
  23. package/dist/esm/types/src/packages/formitem/types.d.ts +82 -0
  24. package/dist/esm/types/src/packages/formitem/useForm.d.ts +2 -0
  25. package/dist/esm/types/src/packages/nutui.react.build.d.ts +3 -1
  26. package/dist/esm/types/src/packages/nutui.react.d.ts +5 -1
  27. package/dist/esm/types/src/packages/nutui.react.scss.d.ts +2 -0
  28. package/dist/esm/types/src/packages/range/range.d.ts +3 -0
  29. package/dist/locales/base.js +1 -1
  30. package/dist/locales/en-US.js +1 -1
  31. package/dist/locales/id-ID.js +1 -1
  32. package/dist/locales/zh-CN.js +1 -1
  33. package/dist/locales/zh-TW.js +1 -1
  34. package/dist/nutui.react.es.js +1785 -480
  35. package/dist/nutui.react.umd.js +1821 -514
  36. package/dist/packages/checkbox/checkbox.scss +1 -1
  37. package/dist/packages/form/form.scss +27 -0
  38. package/dist/packages/formitem/formitem.scss +87 -0
  39. package/dist/style.css +1 -1
  40. package/dist/style.es.js +1 -1
  41. package/dist/styles/themes/default.scss +2 -0
  42. package/dist/styles/variables.scss +77 -26
  43. package/dist/types/index.d.ts +94 -1
  44. package/dist/types/nutui.react.build.ts +5 -1
  45. package/package.json +6 -4
package/dist/packages/checkbox/checkbox.scss CHANGED
@@ -42,7 +42,7 @@
42
42
  font-size: $checkbox-icon-font-size;
43
43
  }
44
44
  &__icon--disable {
45
- color: $help-color;
45
+ color: $disable-color;
46
46
  font-size: $checkbox-icon-font-size;
47
47
  }
48
48
  }
package/dist/packages/form/form.scss ADDED
@@ -0,0 +1,27 @@
1
+ .form-layout-right .nut-form-item__label {
2
+ text-align: right;
3
+ font-size: 14px;
4
+ padding-right: 24px;
5
+ }
6
+
7
+ .form-layout-left .nut-form-item__label {
8
+ text-align: left;
9
+ font-size: 14px;
10
+ padding-right: 24px;
11
+ }
12
+
13
+ .form-layout-top .nut-form-item {
14
+ flex-direction: column;
15
+ align-items: flex-start;
16
+ }
17
+
18
+ .form-layout-top .nut-form-item__label {
19
+ padding-bottom: 4px;
20
+ display: block;
21
+ font-size: 14px;
22
+ padding-right: 24px;
23
+ }
24
+
25
+ .form-layout-top .nut-form-item__body {
26
+ margin-left: 0;
27
+ }
package/dist/packages/formitem/formitem.scss ADDED
@@ -0,0 +1,87 @@
1
+ .nut-theme-dark {
2
+ .nut-form-item {
3
+ &__body {
4
+ &__slots {
5
+ .nut-input-text {
6
+ color: $dark-color;
7
+ }
8
+ }
9
+ }
10
+ }
11
+ }
12
+ .nut-form-item {
13
+ display: flex;
14
+ &::before {
15
+ position: absolute;
16
+ box-sizing: border-box;
17
+ content: ' ';
18
+ pointer-events: none;
19
+ right: 16px;
20
+ bottom: 0;
21
+ left: 16px;
22
+ transform: scaleX(0);
23
+ }
24
+ &.error {
25
+ &.line {
26
+ &::before {
27
+ border-bottom: 1px solid $form-item-error-line-color;
28
+ transform: scaleX(1);
29
+ transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
30
+ }
31
+ }
32
+ }
33
+
34
+ &__label {
35
+ font-size: $form-item-label-font-size;
36
+ font-weight: normal;
37
+ width: $form-item-label-width;
38
+ margin-right: $form-item-label-margin-right;
39
+ flex: none !important;
40
+ display: inline-block !important;
41
+ word-wrap: break-word;
42
+ text-align: $form-item-label-text-align;
43
+ .required {
44
+ &::before {
45
+ content: '*';
46
+ color: $form-item-required-color;
47
+ margin-right: $form-item-required-margin-right;
48
+ }
49
+ }
50
+ }
51
+ &__body {
52
+ flex: 1;
53
+ display: flex !important;
54
+ flex-direction: column;
55
+ &__slots {
56
+ text-align: $form-item-body-slots-text-align;
57
+ .nut-input {
58
+ padding: 0;
59
+ border: 0;
60
+ }
61
+ .nut-input-text {
62
+ font-size: $form-item-body-font-size;
63
+ text-align: $form-item-body-input-text-align;
64
+ color: $black;
65
+ width: 100%;
66
+ outline: 0 none;
67
+ border: 0;
68
+ text-decoration: none;
69
+ background: transparent;
70
+ }
71
+ .nut-range-container {
72
+ min-height: 24px;
73
+ }
74
+ .nut-textarea {
75
+ padding: 0 !important;
76
+ .nut-textarea__textarea {
77
+ text-align: $form-item-body-input-text-align;
78
+ }
79
+ }
80
+ }
81
+ &__tips {
82
+ text-align: $form-item-tip-text-align;
83
+ font-size: $form-item-tip-font-size;
84
+ color: $form-item-error-message-color;
85
+ }
86
+ }
87
+ }