@vue-interface/btn-activity 2.0.0-beta.1 → 2.0.0-beta.3
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.
- package/dist/btn-activity.css +1 -1
- package/dist/btn-activity.es.js +78 -188
- package/dist/btn-activity.umd.js +1 -14
- package/{index.js → dist/index.d.ts} +1 -4
- package/dist/src/BtnActivity.vue.d.ts +234 -0
- package/package.json +13 -4
- package/src/BtnActivity.vue +262 -277
|
@@ -0,0 +1,234 @@
|
|
|
1
|
+
declare const _sfc_main: {
|
|
2
|
+
name: string;
|
|
3
|
+
components: {
|
|
4
|
+
ActivityIndicator: {
|
|
5
|
+
props: {
|
|
6
|
+
absolute: BooleanConstructor;
|
|
7
|
+
center: BooleanConstructor;
|
|
8
|
+
label: StringConstructor;
|
|
9
|
+
size: {
|
|
10
|
+
type: StringConstructor;
|
|
11
|
+
default: string;
|
|
12
|
+
};
|
|
13
|
+
registry: {
|
|
14
|
+
type: StringConstructor;
|
|
15
|
+
default: string;
|
|
16
|
+
};
|
|
17
|
+
type: {
|
|
18
|
+
type: StringConstructor;
|
|
19
|
+
required: boolean;
|
|
20
|
+
};
|
|
21
|
+
height: (StringConstructor | NumberConstructor)[];
|
|
22
|
+
maxHeight: (StringConstructor | NumberConstructor)[];
|
|
23
|
+
minHeight: (StringConstructor | NumberConstructor)[];
|
|
24
|
+
width: (StringConstructor | NumberConstructor)[];
|
|
25
|
+
maxWidth: (StringConstructor | NumberConstructor)[];
|
|
26
|
+
minWidth: (StringConstructor | NumberConstructor)[];
|
|
27
|
+
};
|
|
28
|
+
data: () => {
|
|
29
|
+
is: null;
|
|
30
|
+
};
|
|
31
|
+
setup(props: any): {
|
|
32
|
+
registryInstance: unknown;
|
|
33
|
+
};
|
|
34
|
+
computed: {
|
|
35
|
+
classes(): {
|
|
36
|
+
[x: number]: boolean;
|
|
37
|
+
'activity-indicator-center': any;
|
|
38
|
+
'activity-indicator-absolute': any;
|
|
39
|
+
};
|
|
40
|
+
style(): {
|
|
41
|
+
width: string | undefined;
|
|
42
|
+
maxWidth: string | undefined;
|
|
43
|
+
minWidth: string | undefined;
|
|
44
|
+
height: string | undefined;
|
|
45
|
+
maxHeight: string | undefined;
|
|
46
|
+
minHeight: string | undefined;
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
mounted(): Promise<void>;
|
|
50
|
+
methods: {
|
|
51
|
+
component(): Promise<any>;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
Btn: {
|
|
55
|
+
name: string;
|
|
56
|
+
mixins: ({
|
|
57
|
+
props: {
|
|
58
|
+
componentPrefix: StringConstructor;
|
|
59
|
+
size: StringConstructor;
|
|
60
|
+
sizePrefix: StringConstructor;
|
|
61
|
+
};
|
|
62
|
+
computed: {
|
|
63
|
+
sizeableClassPrefix(): string | undefined;
|
|
64
|
+
hasSizeablePrefix(): boolean;
|
|
65
|
+
sizeableClass(): string;
|
|
66
|
+
};
|
|
67
|
+
} | {
|
|
68
|
+
props: {
|
|
69
|
+
componentPrefix: StringConstructor;
|
|
70
|
+
variant: StringConstructor;
|
|
71
|
+
variantPrefix: StringConstructor;
|
|
72
|
+
};
|
|
73
|
+
computed: {
|
|
74
|
+
variantClassPrefix(): string | undefined;
|
|
75
|
+
hasVariantPrefix(): boolean;
|
|
76
|
+
variantClass(): string;
|
|
77
|
+
};
|
|
78
|
+
})[];
|
|
79
|
+
props: {
|
|
80
|
+
active: BooleanConstructor; /**
|
|
81
|
+
* Make the button appear with the active state.
|
|
82
|
+
*
|
|
83
|
+
* @property {Boolean}
|
|
84
|
+
*/
|
|
85
|
+
block: BooleanConstructor;
|
|
86
|
+
componentPrefix: {
|
|
87
|
+
type: StringConstructor;
|
|
88
|
+
default: string;
|
|
89
|
+
};
|
|
90
|
+
disabled: BooleanConstructor;
|
|
91
|
+
label: StringConstructor;
|
|
92
|
+
outline: BooleanConstructor;
|
|
93
|
+
tag: StringConstructor;
|
|
94
|
+
variant: {
|
|
95
|
+
type: StringConstructor;
|
|
96
|
+
default: string;
|
|
97
|
+
};
|
|
98
|
+
};
|
|
99
|
+
computed: {
|
|
100
|
+
classes(): string[];
|
|
101
|
+
component(): string;
|
|
102
|
+
variantClassPrefix(): string;
|
|
103
|
+
};
|
|
104
|
+
};
|
|
105
|
+
};
|
|
106
|
+
props: {
|
|
107
|
+
/**
|
|
108
|
+
* Make the button appear with the active state.
|
|
109
|
+
*
|
|
110
|
+
* @property {Boolean}
|
|
111
|
+
*/
|
|
112
|
+
active: BooleanConstructor;
|
|
113
|
+
/**
|
|
114
|
+
* Show the activity indicator inside the button.
|
|
115
|
+
*
|
|
116
|
+
* @property {Boolean}
|
|
117
|
+
*/
|
|
118
|
+
activity: BooleanConstructor;
|
|
119
|
+
/**
|
|
120
|
+
* Display the button as block width.
|
|
121
|
+
*
|
|
122
|
+
* @property {Boolean}
|
|
123
|
+
*/
|
|
124
|
+
block: BooleanConstructor;
|
|
125
|
+
/**
|
|
126
|
+
* Disable the button.
|
|
127
|
+
*
|
|
128
|
+
* @property {Boolean}
|
|
129
|
+
*/
|
|
130
|
+
disabled: BooleanConstructor;
|
|
131
|
+
/**
|
|
132
|
+
* The type of activity indicator inside the button.
|
|
133
|
+
*
|
|
134
|
+
* @property {String}
|
|
135
|
+
*/
|
|
136
|
+
indicator: {
|
|
137
|
+
type: (ObjectConstructor | StringConstructor)[];
|
|
138
|
+
default: string;
|
|
139
|
+
};
|
|
140
|
+
/**
|
|
141
|
+
* The button label.
|
|
142
|
+
*
|
|
143
|
+
* @property {String}
|
|
144
|
+
*/
|
|
145
|
+
label: StringConstructor;
|
|
146
|
+
/**
|
|
147
|
+
* The orientation of the activity button inside the button.
|
|
148
|
+
*
|
|
149
|
+
* @property {String}
|
|
150
|
+
*/
|
|
151
|
+
orientation: {
|
|
152
|
+
type: StringConstructor;
|
|
153
|
+
default: string;
|
|
154
|
+
};
|
|
155
|
+
/**
|
|
156
|
+
* The size of the button.
|
|
157
|
+
*
|
|
158
|
+
* @property {String}
|
|
159
|
+
*/
|
|
160
|
+
size: {
|
|
161
|
+
type: StringConstructor;
|
|
162
|
+
default: string;
|
|
163
|
+
};
|
|
164
|
+
/**
|
|
165
|
+
* The HTML tag.
|
|
166
|
+
*
|
|
167
|
+
* @property {String}
|
|
168
|
+
*/
|
|
169
|
+
tag: StringConstructor;
|
|
170
|
+
/**
|
|
171
|
+
* The variant of the button.
|
|
172
|
+
*
|
|
173
|
+
* @property {String}
|
|
174
|
+
*/
|
|
175
|
+
variant: {
|
|
176
|
+
type: StringConstructor;
|
|
177
|
+
default: string;
|
|
178
|
+
};
|
|
179
|
+
};
|
|
180
|
+
data(): {
|
|
181
|
+
currentActivity: any;
|
|
182
|
+
};
|
|
183
|
+
computed: {
|
|
184
|
+
/**
|
|
185
|
+
* An object of classes to append to the button.
|
|
186
|
+
*
|
|
187
|
+
* @return void
|
|
188
|
+
*/
|
|
189
|
+
classes(): {
|
|
190
|
+
[x: string]: any;
|
|
191
|
+
disabled: any;
|
|
192
|
+
active: any;
|
|
193
|
+
"btn-activity": any;
|
|
194
|
+
};
|
|
195
|
+
indicatorProps(): any;
|
|
196
|
+
};
|
|
197
|
+
watch: {
|
|
198
|
+
activity(value: boolean): void;
|
|
199
|
+
};
|
|
200
|
+
mounted(): void;
|
|
201
|
+
methods: {
|
|
202
|
+
/**
|
|
203
|
+
* Disable the button.
|
|
204
|
+
*
|
|
205
|
+
* @return void
|
|
206
|
+
*/
|
|
207
|
+
disable(): void;
|
|
208
|
+
/**
|
|
209
|
+
* Enable the button.
|
|
210
|
+
*
|
|
211
|
+
* @return void
|
|
212
|
+
*/
|
|
213
|
+
enable(): void;
|
|
214
|
+
/**
|
|
215
|
+
* Hide the activity indicator inside the button.
|
|
216
|
+
*
|
|
217
|
+
* @return void
|
|
218
|
+
*/
|
|
219
|
+
hideActivity(): void;
|
|
220
|
+
/**
|
|
221
|
+
* Show the activity indicator inside the button.
|
|
222
|
+
*
|
|
223
|
+
* @return void
|
|
224
|
+
*/
|
|
225
|
+
showActivity(): void;
|
|
226
|
+
/**
|
|
227
|
+
* Show the activity indicator inside the button.
|
|
228
|
+
*
|
|
229
|
+
* @return void
|
|
230
|
+
*/
|
|
231
|
+
toggle(): void;
|
|
232
|
+
};
|
|
233
|
+
};
|
|
234
|
+
export default _sfc_main;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vue-interface/btn-activity",
|
|
3
|
-
"version": "2.0.0-beta.
|
|
3
|
+
"version": "2.0.0-beta.3",
|
|
4
4
|
"description": "A Vue activity button component.",
|
|
5
5
|
"files": [
|
|
6
6
|
"index.js",
|
|
@@ -8,7 +8,15 @@
|
|
|
8
8
|
"src"
|
|
9
9
|
],
|
|
10
10
|
"main": "./dist/btn-activity.umd.js",
|
|
11
|
-
"module": "./
|
|
11
|
+
"module": "./dist/btn-activity.es.js",
|
|
12
|
+
"types": "./dist/index.d.ts",
|
|
13
|
+
"exports": {
|
|
14
|
+
".": {
|
|
15
|
+
"import": "./dist/btn-activit.es.js",
|
|
16
|
+
"require": "./dist/btn-activit.umd.js",
|
|
17
|
+
"types": "./dist/index.d.ts"
|
|
18
|
+
}
|
|
19
|
+
},
|
|
12
20
|
"browserslist": "last 2 versions, > 0.5%, ie >= 11",
|
|
13
21
|
"scripts": {
|
|
14
22
|
"dev": "vite",
|
|
@@ -39,8 +47,8 @@
|
|
|
39
47
|
},
|
|
40
48
|
"homepage": "https://github.com/vue-interface/btn-activity/docs#readme",
|
|
41
49
|
"dependencies": {
|
|
42
|
-
"@vue-interface/activity-indicator": "^2.0.0-beta.
|
|
43
|
-
"@vue-interface/btn": "^3.0.0-beta.
|
|
50
|
+
"@vue-interface/activity-indicator": "^2.0.0-beta.4",
|
|
51
|
+
"@vue-interface/btn": "^3.0.0-beta.3"
|
|
44
52
|
},
|
|
45
53
|
"devDependencies": {
|
|
46
54
|
"@rollup/plugin-babel": "^6.0.0",
|
|
@@ -55,6 +63,7 @@
|
|
|
55
63
|
"postcss": "^8.4.6",
|
|
56
64
|
"tailwindcss": "^3.0.18",
|
|
57
65
|
"vite": "^3.1.7",
|
|
66
|
+
"vite-plugin-dts": "^1.7.1",
|
|
58
67
|
"vue": "^3.2.40"
|
|
59
68
|
}
|
|
60
69
|
}
|