yswk-ui 0.0.2 → 0.0.4

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/dist/component/base/btn/BtnLink/index.vue.d.ts +4 -2
  2. package/dist/component/base/btn/BtnRule/index.vue.d.ts +4 -2
  3. package/dist/component/base/media/AudioPlayer/index.vue.d.ts +8 -7
  4. package/dist/component/base/media/BlockBackground/index.vue.d.ts +6 -0
  5. package/dist/component/base/media/BlockBackground/types.d.ts +171 -0
  6. package/dist/component/base/media/ImgCommon/index.vue.d.ts +4 -22
  7. package/dist/component/base/media/ImgCommon/type.d.ts +66 -0
  8. package/dist/component/base/media/UserImg/index.vue.d.ts +4 -29
  9. package/dist/component/base/media/UserImg/type.d.ts +53 -0
  10. package/dist/component/base/media/VideoPlayer/index.vue.d.ts +7 -5
  11. package/dist/component/base/text/TextCommon/index.vue.d.ts +4 -31
  12. package/dist/component/base/text/TextCommon/type.d.ts +143 -0
  13. package/dist/component/base/text/TextRows/index.vue.d.ts +6 -0
  14. package/dist/component/base/text/TextRows/type.d.ts +105 -0
  15. package/dist/component/index.d.ts +8 -6
  16. package/dist/component/scan/ScanTobaInput/index.vue.d.ts +2 -2
  17. package/dist/component/scan/ScanTobaResult/index.vue.d.ts +2 -4
  18. package/dist/component/scan/ScanTobaResult/type.d.ts +3 -1
  19. package/dist/component/scan/ScanTobaResultV2/index.vue.d.ts +10 -0
  20. package/dist/component/scan/ScanTobaResultV2/type.d.ts +147 -0
  21. package/dist/constants.d.ts +7 -0
  22. package/dist/index.css +1 -1
  23. package/dist/index.es.js +7261 -4021
  24. package/dist/utils/libraryManager.d.ts +4 -4
  25. package/dist/utils/styleHelper.d.ts +23 -1
  26. package/package.json +3 -2
  27. package/dist/component/base/media/ColorBackground/index.vue.d.ts +0 -22
  28. package/dist/component/base/media/UserName/index.vue.d.ts +0 -30
@@ -4,6 +4,8 @@ interface StyleSchema {
4
4
  width: number;
5
5
  height: number;
6
6
  top: number;
7
+ bottom?: number;
8
+ verticalAlign?: 'top' | 'bottom';
7
9
  zIndex: number;
8
10
  centerHorizontal?: boolean;
9
11
  };
@@ -33,9 +35,9 @@ interface Props {
33
35
  businessSchema?: BusinessSchema;
34
36
  }
35
37
  declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
36
- pageChange: (...args: any[]) => void;
38
+ comEvent: (...args: any[]) => void;
37
39
  }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
38
- onPageChange?: ((...args: any[]) => any) | undefined;
40
+ onComEvent?: ((...args: any[]) => any) | undefined;
39
41
  }>, {
40
42
  styleSchema: StyleSchema;
41
43
  businessSchema: BusinessSchema;
@@ -2,6 +2,8 @@ interface StyleSchema {
2
2
  position: {
3
3
  left: number;
4
4
  top: number;
5
+ bottom?: number;
6
+ verticalAlign?: 'top' | 'bottom';
5
7
  width: number;
6
8
  height: number;
7
9
  zIndex: number;
@@ -62,9 +64,9 @@ interface Props {
62
64
  };
63
65
  }
64
66
  declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
65
- lockScroll: (...args: any[]) => void;
67
+ comEvent: (...args: any[]) => void;
66
68
  }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
67
- onLockScroll?: ((...args: any[]) => any) | undefined;
69
+ onComEvent?: ((...args: any[]) => any) | undefined;
68
70
  }>, {
69
71
  styleSchema: StyleSchema;
70
72
  RulePopup: {
@@ -2,26 +2,27 @@ interface StyleSchema {
2
2
  position: {
3
3
  left: number;
4
4
  top: number;
5
+ bottom?: number;
6
+ verticalAlign?: 'top' | 'bottom';
5
7
  width: number;
6
8
  height: number;
7
9
  zIndex: number;
8
10
  centerHorizontal?: boolean;
9
11
  };
10
- controls: {
11
- backgroundColor: string;
12
- textColor: string;
13
- progressColor: string;
12
+ borderRadius: {
13
+ borderRadius: string;
14
14
  };
15
- }
16
- interface BusinessSchema {
17
15
  audio: {
18
16
  audioUrl: string;
19
- displayMode: string;
20
17
  iconUrl: string;
18
+ previewPlay: boolean;
21
19
  autoplay: boolean;
22
20
  loop: boolean;
21
+ manualClose: boolean;
23
22
  };
24
23
  }
24
+ interface BusinessSchema {
25
+ }
25
26
  interface Props {
26
27
  styleSchema?: StyleSchema;
27
28
  businessSchema?: BusinessSchema;
@@ -0,0 +1,6 @@
1
+ import { IProps } from './types';
2
+ declare const _default: import('vue').DefineComponent<IProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProps> & Readonly<{}>, {
3
+ styleSchema: import('./types').StyleSchema;
4
+ businessSchema: import('./types').BusinessSchema;
5
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
6
+ export default _default;
@@ -0,0 +1,171 @@
1
+ export interface StyleSchema {
2
+ position: {
3
+ top: number;
4
+ bottom?: number;
5
+ verticalAlign?: 'top' | 'bottom';
6
+ height: number;
7
+ left: number;
8
+ centerHorizontal: boolean;
9
+ width: number;
10
+ zIndex: number;
11
+ };
12
+ background: {
13
+ mode: 'solid' | 'linear-gradient' | 'radial-gradient' | 'custom-gradient' | 'image' | 'three-part-image' | 'none';
14
+ backgroundSolid?: {
15
+ solidColor: string;
16
+ };
17
+ backgroundLinearGradient?: {
18
+ gradientAngle: number;
19
+ gradientStartColor: string;
20
+ gradientEndColor: string;
21
+ };
22
+ backgroundRadialGradient?: {
23
+ gradientStartColor: string;
24
+ gradientEndColor: string;
25
+ };
26
+ backgroundCustomGradient?: {
27
+ gradientValue: string;
28
+ };
29
+ backgroundImage?: {
30
+ imageUrl?: string;
31
+ imageSize?: 'cover' | 'contain' | 'auto' | 'stretch' | 'custom';
32
+ imageSizeCustom?: string;
33
+ imagePosition?: 'center center' | 'center top' | 'center bottom' | 'left center' | 'right center' | 'left top' | 'right top' | 'left bottom' | 'right bottom' | 'custom';
34
+ imagePositionCustom?: string;
35
+ imageRepeat?: 'no-repeat' | 'repeat' | 'repeat-x' | 'repeat-y';
36
+ imageOpacity?: number;
37
+ };
38
+ backgroundThreePart?: {
39
+ topImage?: string;
40
+ topImageHeight?: number;
41
+ middleImage?: string;
42
+ bottomImage?: string;
43
+ bottomImageHeight?: number;
44
+ };
45
+ };
46
+ borderRadius: {
47
+ borderRadius: number;
48
+ };
49
+ border: {
50
+ enabled: boolean;
51
+ width?: number;
52
+ style?: 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge';
53
+ color?: string;
54
+ };
55
+ shadow: {
56
+ enabled: boolean;
57
+ type?: 'outer' | 'inner';
58
+ offsetX?: number;
59
+ offsetY?: number;
60
+ blur?: number;
61
+ spread?: number;
62
+ color?: string;
63
+ };
64
+ filter: {
65
+ blur: number;
66
+ brightness: number;
67
+ contrast: number;
68
+ saturate: number;
69
+ grayscale: number;
70
+ hueRotate: number;
71
+ invert: number;
72
+ opacity: number;
73
+ };
74
+ advanced: {
75
+ backdropBlur: boolean;
76
+ backdropBlurAmount?: number;
77
+ noiseTexture: boolean;
78
+ noiseOpacity?: number;
79
+ clipPath: 'none' | 'circle' | 'ellipse' | 'triangle' | 'rhombus' | 'pentagon' | 'hexagon' | 'star' | 'custom';
80
+ clipPathCustom?: string;
81
+ };
82
+ }
83
+ export interface BusinessSchema {
84
+ }
85
+ export interface IProps {
86
+ styleSchema?: StyleSchema;
87
+ businessSchema?: BusinessSchema;
88
+ }
89
+ export declare const defaultProps: {
90
+ styleSchema: () => {
91
+ position: {
92
+ top: number;
93
+ bottom: number;
94
+ verticalAlign: "top";
95
+ height: number;
96
+ left: number;
97
+ centerHorizontal: boolean;
98
+ width: number;
99
+ zIndex: number;
100
+ };
101
+ background: {
102
+ mode: "solid";
103
+ backgroundSolid: {
104
+ solidColor: string;
105
+ };
106
+ backgroundLinearGradient: {
107
+ gradientAngle: number;
108
+ gradientStartColor: string;
109
+ gradientEndColor: string;
110
+ };
111
+ backgroundRadialGradient: {
112
+ gradientStartColor: string;
113
+ gradientEndColor: string;
114
+ };
115
+ backgroundCustomGradient: {
116
+ gradientValue: string;
117
+ };
118
+ backgroundImage: {
119
+ imageUrl: string;
120
+ imageSize: "cover";
121
+ imagePosition: "center center";
122
+ imageRepeat: "no-repeat";
123
+ imageOpacity: number;
124
+ };
125
+ backgroundThreePart: {
126
+ topImage: string;
127
+ topImageHeight: number;
128
+ middleImage: string;
129
+ bottomImage: string;
130
+ bottomImageHeight: number;
131
+ };
132
+ };
133
+ borderRadius: {
134
+ borderRadius: number;
135
+ };
136
+ border: {
137
+ enabled: boolean;
138
+ width: number;
139
+ style: "solid";
140
+ color: string;
141
+ };
142
+ shadow: {
143
+ enabled: boolean;
144
+ type: "outer";
145
+ offsetX: number;
146
+ offsetY: number;
147
+ blur: number;
148
+ spread: number;
149
+ color: string;
150
+ };
151
+ filter: {
152
+ blur: number;
153
+ brightness: number;
154
+ contrast: number;
155
+ saturate: number;
156
+ grayscale: number;
157
+ hueRotate: number;
158
+ invert: number;
159
+ opacity: number;
160
+ };
161
+ advanced: {
162
+ backdropBlur: boolean;
163
+ backdropBlurAmount: number;
164
+ noiseTexture: boolean;
165
+ noiseOpacity: number;
166
+ clipPath: "none";
167
+ clipPathCustom: string;
168
+ };
169
+ };
170
+ businessSchema: () => {};
171
+ };
@@ -1,24 +1,6 @@
1
- interface StyleSchema {
2
- position: {
3
- left: number;
4
- top: number;
5
- width: number;
6
- height: number;
7
- zIndex: number;
8
- centerHorizontal?: boolean;
9
- };
10
- }
11
- interface BusinessSchema {
12
- image: {
13
- imageUrl: string;
14
- };
15
- }
16
- interface Props {
17
- styleSchema?: StyleSchema;
18
- businessSchema?: BusinessSchema;
19
- }
20
- declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
21
- styleSchema: StyleSchema;
22
- businessSchema: BusinessSchema;
1
+ import { IProps } from './type';
2
+ declare const _default: import('vue').DefineComponent<IProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProps> & Readonly<{}>, {
3
+ styleSchema: import('./type').StyleSchema;
4
+ businessSchema: import('./type').BusinessSchema;
23
5
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
24
6
  export default _default;
@@ -0,0 +1,66 @@
1
+ export interface StyleSchema {
2
+ position: {
3
+ left: number;
4
+ top: number;
5
+ bottom?: number;
6
+ verticalAlign?: 'top' | 'bottom';
7
+ width: number;
8
+ height: number;
9
+ zIndex: number;
10
+ centerHorizontal?: boolean;
11
+ };
12
+ image: {
13
+ imageUrl: string;
14
+ };
15
+ transform: {
16
+ rotate: {
17
+ angle: number;
18
+ enableAnimation: boolean;
19
+ };
20
+ scale: {
21
+ value: number;
22
+ enableAnimation: boolean;
23
+ };
24
+ };
25
+ }
26
+ export interface BusinessSchema {
27
+ image?: {
28
+ imageUrl?: string;
29
+ };
30
+ }
31
+ export interface IProps {
32
+ styleSchema?: StyleSchema;
33
+ businessSchema?: BusinessSchema;
34
+ }
35
+ export declare const defaultProps: {
36
+ styleSchema: () => {
37
+ position: {
38
+ left: number;
39
+ top: number;
40
+ bottom: number;
41
+ verticalAlign: "top";
42
+ width: number;
43
+ height: number;
44
+ zIndex: number;
45
+ centerHorizontal: boolean;
46
+ };
47
+ image: {
48
+ imageUrl: string;
49
+ };
50
+ transform: {
51
+ rotate: {
52
+ angle: number;
53
+ enableAnimation: boolean;
54
+ };
55
+ scale: {
56
+ value: number;
57
+ enableAnimation: boolean;
58
+ };
59
+ };
60
+ };
61
+ businessSchema: () => {
62
+ image: {
63
+ imageUrl: string;
64
+ };
65
+ };
66
+ };
@@ -1,31 +1,6 @@
1
- interface StyleSchema {
2
- position: {
3
- left: number;
4
- width: number;
5
- height: number;
6
- top: number;
7
- zIndex: number;
8
- centerHorizontal?: boolean;
9
- };
10
- borderRadius: {
11
- borderRadius: string;
12
- };
13
- border: {
14
- borderColor: string;
15
- borderWidth: number;
16
- };
17
- }
18
- interface BusinessSchema {
19
- avatar: {
20
- defaultAvatar: string;
21
- };
22
- }
23
- interface Props {
24
- styleSchema?: StyleSchema;
25
- businessSchema?: BusinessSchema;
26
- }
27
- declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
28
- styleSchema: StyleSchema;
29
- businessSchema: BusinessSchema;
1
+ import { IProps } from './type';
2
+ declare const _default: import('vue').DefineComponent<IProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProps> & Readonly<{}>, {
3
+ styleSchema: import('./type').StyleSchema;
4
+ businessSchema: import('./type').BusinessSchema;
30
5
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
31
6
  export default _default;
@@ -0,0 +1,53 @@
1
+ export interface StyleSchema {
2
+ position: {
3
+ left: number;
4
+ width: number;
5
+ height: number;
6
+ top: number;
7
+ bottom?: number;
8
+ verticalAlign?: 'top' | 'bottom';
9
+ zIndex: number;
10
+ centerHorizontal?: boolean;
11
+ };
12
+ borderRadius: {
13
+ borderRadius: string;
14
+ };
15
+ border: {
16
+ borderColor: string;
17
+ borderWidth: number;
18
+ };
19
+ preview: {
20
+ defaultAvatar: string;
21
+ };
22
+ }
23
+ export interface BusinessSchema {
24
+ }
25
+ export interface IProps {
26
+ styleSchema?: StyleSchema;
27
+ businessSchema?: BusinessSchema;
28
+ }
29
+ export declare const defaultProps: {
30
+ styleSchema: () => {
31
+ position: {
32
+ left: number;
33
+ width: number;
34
+ height: number;
35
+ top: number;
36
+ bottom: number;
37
+ verticalAlign: "top";
38
+ zIndex: number;
39
+ centerHorizontal: boolean;
40
+ };
41
+ borderRadius: {
42
+ borderRadius: string;
43
+ };
44
+ border: {
45
+ borderColor: string;
46
+ borderWidth: number;
47
+ };
48
+ preview: {
49
+ defaultAvatar: string;
50
+ };
51
+ };
52
+ businessSchema: () => {};
53
+ };
@@ -2,26 +2,28 @@ interface StyleSchema {
2
2
  position: {
3
3
  left: number;
4
4
  top: number;
5
+ bottom?: number;
6
+ verticalAlign?: 'top' | 'bottom';
5
7
  width: number;
6
8
  height: number;
7
9
  zIndex: number;
8
10
  centerHorizontal?: boolean;
9
11
  };
10
- video: {
11
- objectFit: string;
12
+ borderRadius: {
12
13
  borderRadius: string;
13
14
  };
14
- }
15
- interface BusinessSchema {
16
15
  video: {
16
+ objectFit: string;
17
+ previewPlay: boolean;
17
18
  videoUrl: string;
18
19
  posterUrl: string;
19
20
  autoplay: boolean;
20
- loop: boolean;
21
21
  muted: boolean;
22
22
  showControls: boolean;
23
23
  };
24
24
  }
25
+ interface BusinessSchema {
26
+ }
25
27
  interface Props {
26
28
  styleSchema?: StyleSchema;
27
29
  businessSchema?: BusinessSchema;
@@ -1,33 +1,6 @@
1
- interface StyleSchema {
2
- position: {
3
- left: number;
4
- top: number;
5
- width: number;
6
- height: number;
7
- zIndex: number;
8
- centerHorizontal?: boolean;
9
- };
10
- text: {
11
- textColor: string;
12
- fontSize: number;
13
- fontFamily: string;
14
- fontWeight: string;
15
- lineHeight: number;
16
- textAlign: string;
17
- letterSpacing: number;
18
- };
19
- }
20
- interface BusinessSchema {
21
- content: {
22
- text: string;
23
- };
24
- }
25
- interface Props {
26
- styleSchema?: StyleSchema;
27
- businessSchema?: BusinessSchema;
28
- }
29
- declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
30
- styleSchema: StyleSchema;
31
- businessSchema: BusinessSchema;
1
+ import { IProps } from './type';
2
+ declare const _default: import('vue').DefineComponent<IProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProps> & Readonly<{}>, {
3
+ styleSchema: import('./type').StyleSchema;
4
+ businessSchema: import('./type').BusinessSchema;
32
5
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
33
6
  export default _default;
@@ -0,0 +1,143 @@
1
+ export interface StyleSchema {
2
+ position: {
3
+ left: number;
4
+ top: number;
5
+ bottom?: number;
6
+ verticalAlign?: 'top' | 'bottom';
7
+ width: number;
8
+ height: number;
9
+ zIndex: number;
10
+ centerHorizontal?: boolean;
11
+ };
12
+ text: {
13
+ textColor: string;
14
+ fontSize: number;
15
+ fontWeight: number;
16
+ letterSpacing: number;
17
+ fontStyle: 'normal' | 'italic';
18
+ textDecoration: 'none' | 'underline' | 'overline' | 'line-through';
19
+ textAlign?: 'left' | 'center' | 'right';
20
+ };
21
+ content: {
22
+ textType: 'custom' | 'nickname';
23
+ text: string;
24
+ testNickname?: string;
25
+ };
26
+ textShadow: {
27
+ enabled: boolean;
28
+ offsetX?: number;
29
+ offsetY?: number;
30
+ blur?: number;
31
+ color?: string;
32
+ };
33
+ textStroke: {
34
+ enabled: boolean;
35
+ width?: number;
36
+ color?: string;
37
+ };
38
+ textGradient: {
39
+ enabled: boolean;
40
+ type?: 'linear' | 'radial';
41
+ direction?: string;
42
+ startColor?: string;
43
+ endColor?: string;
44
+ };
45
+ animation: {
46
+ duration: number;
47
+ delay: number;
48
+ };
49
+ transform: {
50
+ rotate: {
51
+ angle: number;
52
+ enableAnimation: boolean;
53
+ duration: number;
54
+ count: number;
55
+ timing: string;
56
+ };
57
+ scale: {
58
+ value: number;
59
+ enableAnimation: boolean;
60
+ duration: number;
61
+ count: number;
62
+ minScale: number;
63
+ maxScale: number;
64
+ timing: string;
65
+ };
66
+ };
67
+ }
68
+ export interface BusinessSchema {
69
+ }
70
+ export interface IProps {
71
+ styleSchema?: StyleSchema;
72
+ businessSchema?: BusinessSchema;
73
+ }
74
+ export declare const defaultProps: {
75
+ styleSchema: () => {
76
+ position: {
77
+ left: number;
78
+ top: number;
79
+ bottom: number;
80
+ verticalAlign: "top";
81
+ width: number;
82
+ height: number;
83
+ zIndex: number;
84
+ centerHorizontal: boolean;
85
+ };
86
+ text: {
87
+ textColor: string;
88
+ fontSize: number;
89
+ fontWeight: number;
90
+ letterSpacing: number;
91
+ fontStyle: "normal";
92
+ textDecoration: "none";
93
+ textAlign: "center";
94
+ };
95
+ content: {
96
+ textType: "custom";
97
+ text: string;
98
+ testNickname: string;
99
+ };
100
+ textShadow: {
101
+ enabled: boolean;
102
+ offsetX: number;
103
+ offsetY: number;
104
+ blur: number;
105
+ color: string;
106
+ };
107
+ textStroke: {
108
+ enabled: boolean;
109
+ width: number;
110
+ color: string;
111
+ };
112
+ textGradient: {
113
+ enabled: boolean;
114
+ type: "linear";
115
+ direction: string;
116
+ startColor: string;
117
+ endColor: string;
118
+ };
119
+ animation: {
120
+ duration: number;
121
+ delay: number;
122
+ };
123
+ transform: {
124
+ rotate: {
125
+ angle: number;
126
+ enableAnimation: boolean;
127
+ duration: number;
128
+ count: number;
129
+ timing: string;
130
+ };
131
+ scale: {
132
+ value: number;
133
+ enableAnimation: boolean;
134
+ duration: number;
135
+ count: number;
136
+ minScale: number;
137
+ maxScale: number;
138
+ timing: string;
139
+ };
140
+ };
141
+ };
142
+ businessSchema: () => {};
143
+ };
@@ -0,0 +1,6 @@
1
+ import { IProps } from './type';
2
+ declare const _default: import('vue').DefineComponent<IProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IProps> & Readonly<{}>, {
3
+ styleSchema: import('./type').StyleSchema;
4
+ businessSchema: import('./type').BusinessSchema;
5
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
6
+ export default _default;