@trionesdev/antd-taro-react 0.0.2-beta.18 → 0.0.2-beta.19

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 (28) hide show
  1. package/LICENSE +21 -21
  2. package/dist/ActionSheet/style.scss +52 -52
  3. package/dist/Button/style.scss +246 -246
  4. package/dist/Calendar/style.scss +88 -88
  5. package/dist/Calendar/touchable-calendar-grid.js +9 -9
  6. package/dist/CalendarDatetimePicker/style.scss +62 -62
  7. package/dist/CalendarPicker/style.scss +32 -32
  8. package/dist/CascaderPicker/style.scss +45 -45
  9. package/dist/DatePicker/style.scss +41 -41
  10. package/dist/FetchPicker/FetchPicker.d.ts +1 -1
  11. package/dist/FetchPicker/FetchPicker.js +1 -1
  12. package/dist/FetchPicker/styles.scss +118 -118
  13. package/dist/FloatButton/style.scss +126 -126
  14. package/dist/Form/style.scss +100 -100
  15. package/dist/ImagesPreview/style.scss +34 -34
  16. package/dist/ImagesWall/style.scss +70 -70
  17. package/dist/Input/index.scss +282 -282
  18. package/dist/Overlay/style.scss +20 -20
  19. package/dist/Picker/style.scss +41 -41
  20. package/dist/PickerView/style.scss +13 -13
  21. package/dist/Popup/style.scss +126 -126
  22. package/dist/SideBar/side-bar.js +6 -6
  23. package/dist/SideBar/style.scss +85 -85
  24. package/dist/Toast/style.scss +63 -63
  25. package/dist/VerificationCodeInput/style.scss +20 -20
  26. package/dist/style/variable.scss +34 -34
  27. package/package.json +4 -4
  28. package/readme.md +23 -23
package/dist/Calendar/style.scss CHANGED
@@ -1,88 +1,88 @@
1
- @use "../style/variable" as variable;
2
-
3
- $calendarCls: 'triones-antm-calendar';
4
-
5
- .#{$calendarCls}-grid {
6
- //display: flex;
7
- //flex-wrap: wrap;
8
- display: grid;
9
- grid-template-columns: repeat(7, 1fr);
10
- }
11
-
12
- .#{$calendarCls}-cell {
13
- aspect-ratio: 1;
14
- display: flex;
15
- justify-content: center;
16
- align-items: center;
17
- border-radius: variable.$trionesBorderRadius;
18
- cursor: default;
19
- flex-direction: column;
20
-
21
- &-date {
22
- display: flex;
23
- width: 100%;
24
- justify-content: center;
25
- align-items: center;
26
- }
27
-
28
- &-mouth {
29
- display: flex;
30
- width: 100%;
31
- justify-content: center;
32
- align-items: center;
33
- font-size: 8Px;
34
- }
35
-
36
- &.#{$calendarCls}-cell {
37
- box-sizing: border-box;
38
- &-disabled {
39
- color: #999999;
40
- }
41
- &-today{
42
- border: 1Px solid variable.$trionesColorPrimary;
43
- }
44
- &-selected {
45
- background-color: variable.$trionesColorPrimary;
46
- color: white;
47
- }
48
-
49
- &-selected-range {
50
- border-radius: 0;
51
- background-color: variable.$trionesColorPrimaryBg;
52
- color: black;
53
- }
54
- }
55
- }
56
-
57
- .#{$calendarCls} {
58
- &-header {
59
- display: flex;
60
- justify-content: space-between;
61
- align-items: center;
62
-
63
- &-title {
64
- font-size: 16Px;
65
- padding: 8Px;
66
- text-align: center;
67
- }
68
-
69
- &-button {
70
- padding-left: 12Px;
71
- padding-right: 12Px;
72
- cursor: pointer;
73
- }
74
- }
75
-
76
- &-week {
77
- display: grid;
78
- grid-template-columns: repeat(7, 1fr);
79
-
80
- &-cell {
81
- display: flex;
82
- justify-content: center;
83
- align-items: center;
84
- padding-top: 8Px;
85
- padding-bottom: 8Px;
86
- }
87
- }
88
- }
1
+ @use "../style/variable" as variable;
2
+
3
+ $calendarCls: 'triones-antm-calendar';
4
+
5
+ .#{$calendarCls}-grid {
6
+ //display: flex;
7
+ //flex-wrap: wrap;
8
+ display: grid;
9
+ grid-template-columns: repeat(7, 1fr);
10
+ }
11
+
12
+ .#{$calendarCls}-cell {
13
+ aspect-ratio: 1;
14
+ display: flex;
15
+ justify-content: center;
16
+ align-items: center;
17
+ border-radius: variable.$trionesBorderRadius;
18
+ cursor: default;
19
+ flex-direction: column;
20
+
21
+ &-date {
22
+ display: flex;
23
+ width: 100%;
24
+ justify-content: center;
25
+ align-items: center;
26
+ }
27
+
28
+ &-mouth {
29
+ display: flex;
30
+ width: 100%;
31
+ justify-content: center;
32
+ align-items: center;
33
+ font-size: 8Px;
34
+ }
35
+
36
+ &.#{$calendarCls}-cell {
37
+ box-sizing: border-box;
38
+ &-disabled {
39
+ color: #999999;
40
+ }
41
+ &-today{
42
+ border: 1Px solid variable.$trionesColorPrimary;
43
+ }
44
+ &-selected {
45
+ background-color: variable.$trionesColorPrimary;
46
+ color: white;
47
+ }
48
+
49
+ &-selected-range {
50
+ border-radius: 0;
51
+ background-color: variable.$trionesColorPrimaryBg;
52
+ color: black;
53
+ }
54
+ }
55
+ }
56
+
57
+ .#{$calendarCls} {
58
+ &-header {
59
+ display: flex;
60
+ justify-content: space-between;
61
+ align-items: center;
62
+
63
+ &-title {
64
+ font-size: 16Px;
65
+ padding: 8Px;
66
+ text-align: center;
67
+ }
68
+
69
+ &-button {
70
+ padding-left: 12Px;
71
+ padding-right: 12Px;
72
+ cursor: pointer;
73
+ }
74
+ }
75
+
76
+ &-week {
77
+ display: grid;
78
+ grid-template-columns: repeat(7, 1fr);
79
+
80
+ &-cell {
81
+ display: flex;
82
+ justify-content: center;
83
+ align-items: center;
84
+ padding-top: 8Px;
85
+ padding-bottom: 8Px;
86
+ }
87
+ }
88
+ }
package/dist/Calendar/touchable-calendar-grid.js CHANGED
@@ -21,8 +21,8 @@ import classNames from "classnames";
21
21
  import dayjs from "dayjs";
22
22
  var monthLines = 6;
23
23
 
24
- /**
25
- * 可以手势滑动的日历组件
24
+ /**
25
+ * 可以手势滑动的日历组件
26
26
  */
27
27
  export var TouchableCalendarGrid = /*#__PURE__*/memo(function (_ref) {
28
28
  var _wrapperRef$current3;
@@ -67,8 +67,8 @@ export var TouchableCalendarGrid = /*#__PURE__*/memo(function (_ref) {
67
67
  months = _useState10[0],
68
68
  setMonths = _useState10[1];
69
69
 
70
- /**
71
- * 计算出每个格子的大小
70
+ /**
71
+ * 计算出每个格子的大小
72
72
  */
73
73
  var cellSize = /*#__PURE__*/function () {
74
74
  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -101,8 +101,8 @@ export var TouchableCalendarGrid = /*#__PURE__*/memo(function (_ref) {
101
101
  return _ref2.apply(this, arguments);
102
102
  };
103
103
  }();
104
- /**
105
- * 计算出最大的translateY，默认为wrapperRef.current?.clientHeight
104
+ /**
105
+ * 计算出最大的translateY，默认为wrapperRef.current?.clientHeight
106
106
  */
107
107
  var minTranslateY = /*#__PURE__*/function () {
108
108
  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
@@ -136,9 +136,9 @@ export var TouchableCalendarGrid = /*#__PURE__*/memo(function (_ref) {
136
136
  };
137
137
  }();
138
138
 
139
- /**
140
- * 计算出该月的行数
141
- * @param mouth
139
+ /**
140
+ * 计算出该月的行数
141
+ * @param mouth
142
142
  */
143
143
  var mouthLines = function mouthLines(mouth) {
144
144
  var firstDate = dayjs(new Date(mouth.year(), mouth.month(), 1));
package/dist/CalendarDatetimePicker/style.scss CHANGED
@@ -1,62 +1,62 @@
1
- @use "../style/variable" as variable;
2
-
3
- $calendarDatetimePickerCls: 'triones-antm-calendar-datetime-picker';
4
-
5
- .#{$calendarDatetimePickerCls} {
6
- border-top-left-radius: variable.$trionesBorderRadius;
7
- border-top-right-radius: variable.$trionesBorderRadius;
8
-
9
- &-header {
10
- display: flex;
11
- justify-content: space-between;
12
- border-bottom: 1Px solid variable.$trionesBorderColor;
13
-
14
-
15
- &-display {
16
- display: flex;
17
- padding-left: 8Px;
18
-
19
- &-date {
20
- padding-inline: 8Px;
21
- cursor: default;
22
- display: flex;
23
- align-items: center;
24
- }
25
-
26
- &-time {
27
- padding-inline: 12Px;
28
- display: flex;
29
- align-items: center;
30
- cursor: default;
31
- }
32
-
33
- &-active {
34
- color: variable.$trionesColorText;
35
- font-weight: bold;
36
- background-color: variable.$trionesColorBgTextActive;
37
- }
38
- }
39
-
40
- &-button {
41
- padding: 12Px 16Px;
42
-
43
- &-cancel {}
44
-
45
- &-ok {
46
- color: variable.$trionesColorPrimary;
47
- }
48
- }
49
- }
50
-
51
- &-body {
52
- .time-picker {
53
- .time-item {
54
- flex-shrink: 0;
55
- display: flex;
56
- align-items: center;
57
- justify-content: center;
58
- height: 32Px;
59
- }
60
- }
61
- }
62
- }
1
+ @use "../style/variable" as variable;
2
+
3
+ $calendarDatetimePickerCls: 'triones-antm-calendar-datetime-picker';
4
+
5
+ .#{$calendarDatetimePickerCls} {
6
+ border-top-left-radius: variable.$trionesBorderRadius;
7
+ border-top-right-radius: variable.$trionesBorderRadius;
8
+
9
+ &-header {
10
+ display: flex;
11
+ justify-content: space-between;
12
+ border-bottom: 1Px solid variable.$trionesBorderColor;
13
+
14
+
15
+ &-display {
16
+ display: flex;
17
+ padding-left: 8Px;
18
+
19
+ &-date {
20
+ padding-inline: 8Px;
21
+ cursor: default;
22
+ display: flex;
23
+ align-items: center;
24
+ }
25
+
26
+ &-time {
27
+ padding-inline: 12Px;
28
+ display: flex;
29
+ align-items: center;
30
+ cursor: default;
31
+ }
32
+
33
+ &-active {
34
+ color: variable.$trionesColorText;
35
+ font-weight: bold;
36
+ background-color: variable.$trionesColorBgTextActive;
37
+ }
38
+ }
39
+
40
+ &-button {
41
+ padding: 12Px 16Px;
42
+
43
+ &-cancel {}
44
+
45
+ &-ok {
46
+ color: variable.$trionesColorPrimary;
47
+ }
48
+ }
49
+ }
50
+
51
+ &-body {
52
+ .time-picker {
53
+ .time-item {
54
+ flex-shrink: 0;
55
+ display: flex;
56
+ align-items: center;
57
+ justify-content: center;
58
+ height: 32Px;
59
+ }
60
+ }
61
+ }
62
+ }
package/dist/CalendarPicker/style.scss CHANGED
@@ -1,32 +1,32 @@
1
- @use "../style/variable" as variable;
2
-
3
- $calendarPickerCls: 'triones-antm-calendar-picker';
4
-
5
- .#{$calendarPickerCls} {
6
- border-top-left-radius: variable.$trionesBorderRadius;
7
- border-top-right-radius: variable.$trionesBorderRadius;
8
-
9
- &-header {
10
- display: flex;
11
- justify-content: space-between;
12
- border-bottom: 1Px solid variable.$trionesBorderColor;
13
- padding: 4Px;
14
- &-button {
15
- padding: 8Px 12Px;
16
-
17
- &-cancel{
18
- color: variable.$trionesColorTextSecondary;
19
- }
20
-
21
- &-ok {
22
- color: variable.$trionesColorPrimary;
23
- }
24
- }
25
-
26
-
27
- }
28
-
29
- &-body {
30
- pointer-events: unset;
31
- }
32
- }
1
+ @use "../style/variable" as variable;
2
+
3
+ $calendarPickerCls: 'triones-antm-calendar-picker';
4
+
5
+ .#{$calendarPickerCls} {
6
+ border-top-left-radius: variable.$trionesBorderRadius;
7
+ border-top-right-radius: variable.$trionesBorderRadius;
8
+
9
+ &-header {
10
+ display: flex;
11
+ justify-content: space-between;
12
+ border-bottom: 1Px solid variable.$trionesBorderColor;
13
+ padding: 4Px;
14
+ &-button {
15
+ padding: 8Px 12Px;
16
+
17
+ &-cancel{
18
+ color: variable.$trionesColorTextSecondary;
19
+ }
20
+
21
+ &-ok {
22
+ color: variable.$trionesColorPrimary;
23
+ }
24
+ }
25
+
26
+
27
+ }
28
+
29
+ &-body {
30
+ pointer-events: unset;
31
+ }
32
+ }
package/dist/CascaderPicker/style.scss CHANGED
@@ -1,45 +1,45 @@
1
- @use "../style/variable" as variable;
2
- $cascaderPickerCls: 'triones-antm-cascader-picker';
3
-
4
- .#{$cascaderPickerCls} {
5
- width: 100%;
6
- height: 300Px;
7
- overflow: hidden;
8
- position: relative;
9
- display: flex;
10
- flex-direction: column;
11
-
12
- &-header {
13
- display: flex;
14
- justify-content: space-between;
15
- align-items: center;
16
- border-bottom: 1Px solid variable.$trionesBorderColor;
17
- padding: 4Px;
18
-
19
- &-button {
20
-
21
- padding: 8Px;
22
- font-size: 12Px;
23
- &-cancel{
24
- color: variable.$trionesColorTextSecondary;
25
- }
26
- &-ok{
27
- color: variable.$trionesColorPrimary;
28
- }
29
- }
30
-
31
- &-title {
32
- }
33
- }
34
-
35
- &-body {
36
- flex: 1 1;
37
- width: 100%;
38
- pointer-events: unset;
39
- overflow: hidden;
40
- }
41
- &-view{
42
- --height: 100%;
43
- }
44
-
45
- }
1
+ @use "../style/variable" as variable;
2
+ $cascaderPickerCls: 'triones-antm-cascader-picker';
3
+
4
+ .#{$cascaderPickerCls} {
5
+ width: 100%;
6
+ height: 300Px;
7
+ overflow: hidden;
8
+ position: relative;
9
+ display: flex;
10
+ flex-direction: column;
11
+
12
+ &-header {
13
+ display: flex;
14
+ justify-content: space-between;
15
+ align-items: center;
16
+ border-bottom: 1Px solid variable.$trionesBorderColor;
17
+ padding: 4Px;
18
+
19
+ &-button {
20
+
21
+ padding: 8Px;
22
+ font-size: 12Px;
23
+ &-cancel{
24
+ color: variable.$trionesColorTextSecondary;
25
+ }
26
+ &-ok{
27
+ color: variable.$trionesColorPrimary;
28
+ }
29
+ }
30
+
31
+ &-title {
32
+ }
33
+ }
34
+
35
+ &-body {
36
+ flex: 1 1;
37
+ width: 100%;
38
+ pointer-events: unset;
39
+ overflow: hidden;
40
+ }
41
+ &-view{
42
+ --height: 100%;
43
+ }
44
+
45
+ }
package/dist/DatePicker/style.scss CHANGED
@@ -1,41 +1,41 @@
1
- @use "../style/variable" as variable;
2
-
3
- $datePickerCls: 'triones-antm-date-picker';
4
-
5
- .#{$datePickerCls} {
6
- border-top-left-radius: variable.$trionesBorderRadius;
7
- border-top-right-radius: variable.$trionesBorderRadius;
8
-
9
- &-header {
10
- display: flex;
11
- justify-content: space-between;
12
- align-items: center;
13
- padding: 4Px;
14
- border-bottom: 1Px solid variable.$trionesBorderColor;
15
- &-title {
16
- font-size: 16Px;
17
- padding: 8Px;
18
- text-align: center;
19
- }
20
-
21
- &-button {
22
- padding: 8Px 12Px;
23
- cursor: pointer;
24
- &-cancel{
25
- color: variable.$trionesColorTextSecondary;
26
- }
27
- }
28
- }
29
-
30
- &-body {
31
- .time-picker {
32
- .time-item {
33
- flex-shrink: 0;
34
- display: flex;
35
- align-items: center;
36
- justify-content: center;
37
- height: 32Px;
38
- }
39
- }
40
- }
41
- }
1
+ @use "../style/variable" as variable;
2
+
3
+ $datePickerCls: 'triones-antm-date-picker';
4
+
5
+ .#{$datePickerCls} {
6
+ border-top-left-radius: variable.$trionesBorderRadius;
7
+ border-top-right-radius: variable.$trionesBorderRadius;
8
+
9
+ &-header {
10
+ display: flex;
11
+ justify-content: space-between;
12
+ align-items: center;
13
+ padding: 4Px;
14
+ border-bottom: 1Px solid variable.$trionesBorderColor;
15
+ &-title {
16
+ font-size: 16Px;
17
+ padding: 8Px;
18
+ text-align: center;
19
+ }
20
+
21
+ &-button {
22
+ padding: 8Px 12Px;
23
+ cursor: pointer;
24
+ &-cancel{
25
+ color: variable.$trionesColorTextSecondary;
26
+ }
27
+ }
28
+ }
29
+
30
+ &-body {
31
+ .time-picker {
32
+ .time-item {
33
+ flex-shrink: 0;
34
+ display: flex;
35
+ align-items: center;
36
+ justify-content: center;
37
+ height: 32Px;
38
+ }
39
+ }
40
+ }
41
+ }
package/dist/FetchPicker/FetchPicker.d.ts CHANGED
@@ -107,7 +107,7 @@ export type FetchPickerProps = {
107
107
  * @default 20
108
108
  */
109
109
  pageSize?: number;
110
- optionRender?: (option: any) => React.ReactNode;
110
+ optionRender?: (option: any, selected: boolean) => React.ReactNode;
111
111
  };
112
112
  export declare const FetchPicker: React.FC<FetchPickerProps>;
113
113
  export {};
package/dist/FetchPicker/FetchPicker.js CHANGED
@@ -306,7 +306,7 @@ export var FetchPicker = function FetchPicker(_ref) {
306
306
  }
307
307
  }, /*#__PURE__*/React.createElement("div", {
308
308
  className: "".concat(cls, "-item-option-content")
309
- }, (optionRender === null || optionRender === void 0 ? void 0 : optionRender(item)) || get(item, labelFieldName)), multiple && selected && /*#__PURE__*/React.createElement("div", {
309
+ }, (optionRender === null || optionRender === void 0 ? void 0 : optionRender(item, selected)) || get(item, labelFieldName)), multiple && selected && /*#__PURE__*/React.createElement("div", {
310
310
  className: "".concat(cls, "-item-option-state")
311
311
  }, /*#__PURE__*/React.createElement(CheckOutline, null)));
312
312
  }), !isEmpty(options) && loading && /*#__PURE__*/React.createElement("div", {