hy-app 0.5.5 → 0.5.7

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 (46) 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/index.scss +5 -1
  7. package/components/hy-card/props.ts +3 -4
  8. package/components/hy-cell/hy-cell.vue +9 -190
  9. package/components/hy-cell/props.ts +7 -26
  10. package/components/hy-cell/typing.d.ts +2 -41
  11. package/components/hy-cell-item/hy-cell-item.vue +160 -0
  12. package/components/hy-cell-item/index.scss +100 -0
  13. package/components/hy-cell-item/props.ts +66 -0
  14. package/components/hy-cell-item/typing.d.ts +7 -0
  15. package/components/hy-checkbox-group/props.ts +1 -1
  16. package/components/hy-checkbox-item/typing.d.ts +3 -3
  17. package/components/hy-grid/props.ts +1 -1
  18. package/components/hy-grid/typing.d.ts +1 -2
  19. package/components/hy-icon/props.ts +1 -1
  20. package/components/hy-icon/typing.d.ts +5 -0
  21. package/components/hy-input/hy-input.vue +19 -22
  22. package/components/hy-input/props.ts +1 -1
  23. package/components/hy-menu/props.ts +2 -2
  24. package/components/hy-number-step/props.ts +1 -1
  25. package/components/hy-price/hy-price.vue +9 -2
  26. package/components/hy-search/props.ts +1 -2
  27. package/components/hy-status-bar/typing.d.ts +12 -0
  28. package/components/hy-sticky/hy-sticky.vue +226 -0
  29. package/components/hy-sticky/index.scss +29 -0
  30. package/components/hy-sticky/props.ts +24 -0
  31. package/components/hy-sticky/typing.d.ts +4 -0
  32. package/components/hy-switch/props.ts +1 -1
  33. package/components/hy-tabbar/props.ts +1 -1
  34. package/components/hy-tabbar-group/index.scss +56 -56
  35. package/components/hy-tabbar-group/props.ts +1 -1
  36. package/components/hy-tabbar-item/index.scss +42 -42
  37. package/components/hy-tabbar-item/props.ts +24 -24
  38. package/components/hy-tabs/props.ts +1 -1
  39. package/components/hy-tag/props.ts +1 -1
  40. package/global.d.ts +1 -0
  41. package/libs/css/theme.scss +1 -1
  42. package/package.json +2 -2
  43. package/web-types.json +1 -1
  44. package/components/hy-cell/index.scss +0 -136
  45. /package/components/hy-tabbar-group/{typing.ts → typing.d.ts} +0 -0
  46. /package/components/hy-tabbar-item/{typing.ts → typing.d.ts} +0 -0
@@ -1,57 +1,57 @@
1
- @use "../../libs/css/theme" as *;
2
- @use "../../libs/css/mixin.scss" as *;
3
-
4
- @include b(tabbar-group) {
5
- display: flex;
6
- align-items: center;
7
- flex-wrap: nowrap;
8
- position: relative;
9
- background: $hy-background--container;
10
- height: 100rpx;
11
-
12
- @include e(placeholder) {
13
- box-sizing: content-box;
14
- padding-bottom: constant(safe-area-inset-bottom);
15
- padding-bottom: env(safe-area-inset-bottom);
16
- height: 100rpx;
17
- }
18
-
19
- @include m(circle) {
20
- margin-left: $hy-border-margin-padding-lg;
21
- margin-right: $hy-border-margin-padding-lg;
22
- border-radius: $hy-border-radius-semicircle;
23
- box-shadow: $hy-box-shadow;
24
-
25
- @include is(fixed) {
26
- @include is(safe) {
27
- bottom: constant(safe-area-inset-bottom);
28
- bottom: env(safe-area-inset-bottom);
29
- }
30
- }
31
-
32
- }
33
-
34
- @include m(square) {
35
-
36
- @include is(fixed) {
37
- @include is(safe) {
38
- box-sizing: content-box;
39
- padding-bottom: constant(safe-area-inset-bottom);
40
- padding-bottom: env(safe-area-inset-bottom);
41
- }
42
- }
43
-
44
-
45
- @include is(border) {
46
- border-top: $hy-border-line;
47
- }
48
- }
49
-
50
- @include is(fixed) {
51
- position: fixed;
52
- left: 0;
53
- bottom: 0;
54
- right: 0;
55
- z-index: 500;
56
- }
1
+ @use "../../libs/css/theme" as *;
2
+ @use "../../libs/css/mixin.scss" as *;
3
+
4
+ @include b(tabbar-group) {
5
+ display: flex;
6
+ align-items: center;
7
+ flex-wrap: nowrap;
8
+ position: relative;
9
+ background: $hy-background--container;
10
+ height: 100rpx;
11
+
12
+ @include e(placeholder) {
13
+ box-sizing: content-box;
14
+ padding-bottom: constant(safe-area-inset-bottom);
15
+ padding-bottom: env(safe-area-inset-bottom);
16
+ height: 100rpx;
17
+ }
18
+
19
+ @include m(circle) {
20
+ margin-left: $hy-border-margin-padding-lg;
21
+ margin-right: $hy-border-margin-padding-lg;
22
+ border-radius: $hy-border-radius-semicircle;
23
+ box-shadow: $hy-box-shadow;
24
+
25
+ @include is(fixed) {
26
+ @include is(safe) {
27
+ bottom: constant(safe-area-inset-bottom);
28
+ bottom: env(safe-area-inset-bottom);
29
+ }
30
+ }
31
+
32
+ }
33
+
34
+ @include m(square) {
35
+
36
+ @include is(fixed) {
37
+ @include is(safe) {
38
+ box-sizing: content-box;
39
+ padding-bottom: constant(safe-area-inset-bottom);
40
+ padding-bottom: env(safe-area-inset-bottom);
41
+ }
42
+ }
43
+
44
+
45
+ @include is(border) {
46
+ border-top: $hy-border-line;
47
+ }
48
+ }
49
+
50
+ @include is(fixed) {
51
+ position: fixed;
52
+ left: 0;
53
+ bottom: 0;
54
+ right: 0;
55
+ z-index: 500;
56
+ }
57
57
  }
@@ -1,5 +1,5 @@
1
1
  import type { CSSProperties, PropType } from 'vue'
2
- import type HyBadgeProps from '../hy-badge/typing'
2
+ import type { HyBadgeProps } from '../hy-badge/typing'
3
3
 
4
4
  const tabbarGroupProps = {
5
5
  /** 选中项的索引值 */
@@ -1,43 +1,43 @@
1
- @use "../../libs/css/theme" as *;
2
- @use "../../libs/css/mixin.scss" as *;
3
-
4
-
5
- @include b(tabbar-item) {
6
- flex: 1;
7
- text-align: center;
8
- text-decoration: none;
9
- height: 100%;
10
- display: flex;
11
- justify-content: center;
12
- align-items: center;
13
-
14
- @include e(body) {
15
- display: flex;
16
- align-items: center;
17
- flex-direction: column;
18
- line-height: 1;
19
- padding: 0;
20
- position: relative;
21
-
22
- :deep(){
23
- @include is(active) {
24
- color: $hy-primary;
25
- }
26
-
27
- @include is(inactive) {
28
- color: $hy-text-color--grey;
29
- }
30
- }
31
- }
32
-
33
-
34
- @include e(body-title) {
35
- font-size: $hy-font-size-sm;
36
- line-height: initial;
37
- }
38
-
39
- @include edeep(body-icon) {
40
- font-size: 40rpx;
41
- }
42
-
1
+ @use "../../libs/css/theme" as *;
2
+ @use "../../libs/css/mixin.scss" as *;
3
+
4
+
5
+ @include b(tabbar-item) {
6
+ flex: 1;
7
+ text-align: center;
8
+ text-decoration: none;
9
+ height: 100%;
10
+ display: flex;
11
+ justify-content: center;
12
+ align-items: center;
13
+
14
+ @include e(body) {
15
+ display: flex;
16
+ align-items: center;
17
+ flex-direction: column;
18
+ line-height: 1;
19
+ padding: 0;
20
+ position: relative;
21
+
22
+ :deep(){
23
+ @include is(active) {
24
+ color: $hy-primary;
25
+ }
26
+
27
+ @include is(inactive) {
28
+ color: $hy-text-color--grey;
29
+ }
30
+ }
31
+ }
32
+
33
+
34
+ @include e(body-title) {
35
+ font-size: $hy-font-size-sm;
36
+ line-height: initial;
37
+ }
38
+
39
+ @include edeep(body-icon) {
40
+ font-size: 40rpx;
41
+ }
42
+
43
43
  }
@@ -1,24 +1,24 @@
1
- const tabBarItemProps = {
2
- /** 图标 */
3
- icon: {
4
- type: String,
5
- default: ''
6
- },
7
- /** 标题 */
8
- title: {
9
- type: String,
10
- default: ''
11
- },
12
- /** 唯一标识 */
13
- name: {
14
- type: [String, Number],
15
- default: ''
16
- },
17
- /** 徽标显示值,当为徽标为点时候,必须要value设置true或者有值 */
18
- value: {
19
- type: [String, Number, Boolean],
20
- default: ''
21
- }
22
- }
23
-
24
- export default tabBarItemProps
1
+ const tabBarItemProps = {
2
+ /** 图标 */
3
+ icon: {
4
+ type: String,
5
+ default: ''
6
+ },
7
+ /** 标题 */
8
+ title: {
9
+ type: String,
10
+ default: ''
11
+ },
12
+ /** 唯一标识 */
13
+ name: {
14
+ type: [String, Number],
15
+ default: ''
16
+ },
17
+ /** 徽标显示值,当为徽标为点时候,必须要value设置true或者有值 */
18
+ value: {
19
+ type: [String, Number, Boolean],
20
+ default: ''
21
+ }
22
+ }
23
+
24
+ export default tabBarItemProps
@@ -1,6 +1,6 @@
1
1
  import type { TabsItemVo } from './typing'
2
2
  import type { CSSProperties, PropType } from 'vue'
3
- import type HyBadgeProps from '../hy-badge/typing'
3
+ import type { HyBadgeProps } from '../hy-badge/typing'
4
4
 
5
5
  const tabsProps = {
6
6
  /** 标签数组,元素为对象,如[{name: '推荐'}] */
@@ -1,5 +1,5 @@
1
1
  import type { CSSProperties, PropType } from 'vue'
2
- import type HyIconProps from './typing'
2
+ import type { HyIconProps } from '../hy-icon/typing'
3
3
 
4
4
  const tagProps = {
5
5
  /** 标签的文字内容 */
package/global.d.ts CHANGED
@@ -10,6 +10,7 @@ declare module 'vue' {
10
10
  HyCalendar: (typeof import('./components/hy-calendar/hy-calendar.vue'))['default']
11
11
  HyCard: (typeof import('./components/hy-card/hy-card.vue'))['default']
12
12
  HyCell: (typeof import('./components/hy-cell/hy-cell.vue'))['default']
13
+ HyCellItem: (typeof import('./components/hy-cell-item/hy-cell-item.vue'))['default']
13
14
  HyCheckButton: (typeof import('./components/hy-check-button/hy-check-button.vue'))['default']
14
15
  HyCheckbox: (typeof import('./components/hy-checkbox/hy-checkbox.vue'))['default']
15
16
  HyCheckboxGroup: (typeof import('./components/hy-checkbox-group/hy-checkbox-group.vue'))['default']
@@ -33,7 +33,7 @@ $hy-text-color--4: var(--hy-text-color--4, rgba(0, 0, 0, 0.1)) !default; // 一
33
33
  $hy-icon-color: var(--hy-icon-color, #606266) !default; // 一般用于icon
34
34
  $hy-text-color--grey: var(--hy-text-color--grey, #999) !default; // 辅助灰色,如加载更多的提示信息
35
35
  $hy-text-color--placeholder: var(--hy-text-color--placeholder, #909399) !default; // 输入框提示颜色
36
- $hy-text-color--disabled: var(--hy-text-color--disabled, #c0c0c0) !default; // 禁用文字颜色
36
+ $hy-text-color--disabled: var(--hy-text-color--disabled, #FFFFFF3F) !default; // 禁用文字颜色
37
37
  $hy-border-color: var(--hy-border-color, #c0c0c0) !default; // 边框颜色
38
38
  $hy-text-color--hover: var(--hy-text-color--hover, #58595b)!default; // 点击状态文字颜色
39
39
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "hy-app",
3
- "version": "0.5.5",
4
- "description": "fix: 表单修复",
3
+ "version": "0.5.7",
4
+ "description": "feat: 新增sticky组件",
5
5
  "main": "./index.ts",
6
6
  "private": false,
7
7
  "scripts": {},