hy-app 0.5.5 → 0.5.6

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 (36) hide show
  1. package/components/hy-back-top/props.ts +2 -3
  2. package/components/hy-badge/props.ts +1 -1
  3. package/components/hy-badge/typing.d.ts +5 -0
  4. package/components/hy-button/props.ts +1 -1
  5. package/components/hy-card/hy-card.vue +2 -1
  6. package/components/hy-card/props.ts +3 -4
  7. package/components/hy-cell/hy-cell.vue +9 -190
  8. package/components/hy-cell/props.ts +7 -26
  9. package/components/hy-cell/typing.d.ts +2 -41
  10. package/components/hy-cell-item/hy-cell-item.vue +160 -0
  11. package/components/hy-cell-item/index.scss +100 -0
  12. package/components/hy-cell-item/props.ts +66 -0
  13. package/components/hy-cell-item/typing.d.ts +7 -0
  14. package/components/hy-checkbox-group/props.ts +1 -1
  15. package/components/hy-checkbox-item/typing.d.ts +3 -3
  16. package/components/hy-grid/props.ts +1 -1
  17. package/components/hy-grid/typing.d.ts +1 -2
  18. package/components/hy-icon/props.ts +1 -1
  19. package/components/hy-icon/typing.d.ts +5 -0
  20. package/components/hy-input/hy-input.vue +19 -22
  21. package/components/hy-input/props.ts +1 -1
  22. package/components/hy-menu/props.ts +2 -2
  23. package/components/hy-number-step/props.ts +1 -1
  24. package/components/hy-price/hy-price.vue +9 -2
  25. package/components/hy-search/props.ts +1 -2
  26. package/components/hy-switch/props.ts +1 -1
  27. package/components/hy-tabbar/props.ts +1 -1
  28. package/components/hy-tabbar-group/props.ts +1 -1
  29. package/components/hy-tabs/props.ts +1 -1
  30. package/components/hy-tag/props.ts +1 -1
  31. package/global.d.ts +1 -0
  32. package/libs/css/theme.scss +1 -1
  33. package/package.json +2 -2
  34. package/web-types.json +1 -1
  35. package/components/hy-card/index.scss +0 -69
  36. package/components/hy-cell/index.scss +0 -136
@@ -1,69 +0,0 @@
1
- @use "../../libs/css/mixin.scss" as *;
2
- @use "../../libs/css/theme" as *;
3
-
4
-
5
- @include b(card) {
6
- position: relative;
7
- overflow: hidden;
8
- font-size: 28rpx;
9
- background-color: $hy-background--container;
10
- box-sizing: border-box;
11
-
12
- @include e(full) {
13
- margin-left: $hy-border-margin-padding-base !important;
14
- margin-right: $hy-border-margin-padding-base !important;
15
- }
16
-
17
- @include m(border) {
18
- @include pseudo(after) {
19
- border-radius: 16rpx;
20
- }
21
- }
22
-
23
- /* 头部 */
24
- @include e(head) {
25
- padding: 20rpx 20rpx 10rpx;
26
- @include m(flex) {
27
- display: flex;
28
- align-items: center;
29
- justify-content: space-between;
30
- }
31
-
32
- @include m(left) {
33
- display: flex;
34
- align-items: center;
35
- flex: 1;
36
-
37
- @include edeep(thumb) {
38
- margin-right: $hy-border-margin-padding-base;
39
- flex-shrink: 0
40
- }
41
-
42
- @include e(title) {
43
- max-width: 450rpx;
44
- font-size: $hy-font-size-base;
45
- @include lineEllipsis;
46
- }
47
-
48
- @include e(sub) {
49
- color: $hy-text-color--grey;
50
- font-size: $hy-font-size-sm;
51
- }
52
- }
53
-
54
- @include m(right) {
55
- color: $hy-text-color--grey;
56
- margin-left: $hy-border-margin-padding-sm;
57
- }
58
- }
59
-
60
- /* 身体 */
61
- @include e(body) {
62
- padding: 10rpx 20rpx 10rpx;
63
- }
64
-
65
- /* 尾部 */
66
- @include e(foot) {
67
- padding: 10rpx 20rpx 20rpx;
68
- }
69
- }
@@ -1,136 +0,0 @@
1
- @use "../../libs/css/mixin.scss" as *;
2
- @use "../../libs/css/theme" as *;
3
-
4
-
5
- @include b(cell) {
6
- flex: 1;
7
-
8
- /*标题*/
9
- @include m(title) {
10
- padding: $hy-border-margin-padding-lg $hy-border-margin-padding-base;
11
- @include e(vertical){
12
- position: relative;
13
- &::after {
14
- content: "";
15
- position: absolute;
16
- left: 0;
17
- top: 51%;
18
- transform: translateY(-50%);
19
- width: 4px;
20
- height: 20px;
21
- background: $hy-primary;
22
- border-radius: $hy-border-radius-semicircle;
23
- }
24
- }
25
- @include e(text) {
26
- font-size: $hy-font-size-lg;
27
- }
28
- }
29
-
30
- /*row内容*/
31
- @include e(body) {
32
- /* #ifndef APP-NVUE */
33
- box-sizing: border-box;
34
- /* #endif */
35
- font-size: $hy-font-size-base;
36
- align-items: center;
37
- border-radius: $hy-border-margin-padding-sm;
38
- overflow: hidden;
39
-
40
- @include m(container) {
41
- @include flex(row);
42
- align-items: center;
43
- justify-content: space-between;
44
- flex: 1;
45
- background-color: $hy-background--container;
46
-
47
- /* 大 */
48
- @include e(large) {
49
- font-size: $hy-font-size-lg;
50
- padding: 35rpx;
51
- line-height: 25px;
52
- }
53
-
54
- /* 默认 */
55
- @include e(medium) {
56
- font-size: $hy-font-size-base;
57
- padding: 30rpx;
58
- line-height: 20px;
59
- }
60
-
61
- /* 小 */
62
- @include e(small) {
63
- font-size: $hy-font-size-sm;
64
- padding: 25rpx;
65
- line-height: 15px;
66
- }
67
-
68
- /*点击状态*/
69
- @include e(clickable) {
70
- background-color: $hy-background--hover;
71
- }
72
-
73
- @include e(content) {
74
- @include flex(row);
75
- /*左边icon*/
76
- @include m(icon) {
77
- @include flex;
78
- align-items: center;
79
- margin-right: 10px;
80
- }
81
- /*行头部*/
82
- @include m(title) {
83
- margin-right: $hy-border-margin-padding-sm;
84
- flex: 33rpx;
85
- display: flex;
86
- flex-direction: column;
87
-
88
- /*sub值*/
89
- @include e(sub) {
90
- margin-top: $hy-border-margin-padding-sm;
91
- color: $hy-text-color--grey;
92
- }
93
- }
94
- }
95
-
96
- /*cell值*/
97
- @include e(center) {
98
- @include flex;
99
- max-width: 90%;
100
- flex: 1;
101
- @include m(value) {
102
- line-height: 24px;
103
- color: $hy-text-color--grey;
104
- margin-right: $hy-border-margin-padding-sm;
105
- }
106
- }
107
-
108
- /*右边icon*/
109
- @include e(right-icon) {
110
- transition: transform 0.3s;
111
- :deep(.hy-icon) {
112
- color: $hy-text-color--3;
113
- }
114
-
115
- @include m(up) {
116
- transform: rotate(-90deg);
117
- }
118
-
119
- @include m(left) {
120
- transform: rotate(180deg);
121
- }
122
-
123
- @include m(down) {
124
- transform: rotate(90deg);
125
- }
126
- }
127
- }
128
- }
129
-
130
- @include e(disabled) {
131
- color: $hy-text-color--disabled;
132
- /* #ifndef APP-NVUE */
133
- cursor: not-allowed;
134
- /* #endif */
135
- }
136
- }