@opentinyvue/vue-button 3.23.0 → 3.25.0
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/lib/index.js +8 -1
- package/lib/mobile-first.js +3 -2
- package/lib/pc.js +2 -1
- package/package.json +5 -5
- package/src/index.d.ts +19 -0
- package/src/mobile-first.vue.d.ts +6 -0
- package/src/pc.vue.d.ts +6 -0
package/lib/index.js
CHANGED
|
@@ -90,6 +90,13 @@ var buttonProps = _extends({}, $props, {
|
|
|
90
90
|
type: Boolean,
|
|
91
91
|
default: false
|
|
92
92
|
},
|
|
93
|
+
/** 自定义样式 */
|
|
94
|
+
customStyle: {
|
|
95
|
+
type: Object,
|
|
96
|
+
default: function _default() {
|
|
97
|
+
return {};
|
|
98
|
+
}
|
|
99
|
+
},
|
|
93
100
|
/** 是否幽灵按钮 */
|
|
94
101
|
ghost: Boolean,
|
|
95
102
|
/** 点击事件 */
|
|
@@ -114,7 +121,7 @@ var Button = defineComponent({
|
|
|
114
121
|
});
|
|
115
122
|
}
|
|
116
123
|
});
|
|
117
|
-
var version = "3.
|
|
124
|
+
var version = "3.undefined";
|
|
118
125
|
Button.install = function(Vue) {
|
|
119
126
|
Vue.component(Button.name, Button);
|
|
120
127
|
};
|
package/lib/mobile-first.js
CHANGED
|
@@ -74,7 +74,7 @@ var classes = {
|
|
|
74
74
|
"no-round": "rounded",
|
|
75
75
|
"is-round": "rounded-full",
|
|
76
76
|
"is-border": "border-0.5 sm:border",
|
|
77
|
-
"no-circle": "sm:min-w-[theme(spacing.18)] pl-
|
|
77
|
+
"no-circle": "sm:min-w-[theme(spacing.18)] pl-2 pr-2 leading-5",
|
|
78
78
|
"is-circle": "sm:min-w-[theme(spacing.18)] sm:rounded-full sm:pl-2 sm:pr-2",
|
|
79
79
|
"button-icon": "-mt-0.5 sm:text-base fill-current",
|
|
80
80
|
"button-icon-default": "text-color-icon-primary hover:text-color-icon-hover active:text-color-icon-active",
|
|
@@ -85,7 +85,7 @@ var classes = {
|
|
|
85
85
|
};
|
|
86
86
|
var _sfc_main = defineComponent({
|
|
87
87
|
emits: ["click"],
|
|
88
|
-
props: [].concat(props, ["type", "text", "size", "icon", "resetTime", "nativeType", "loading", "disabled", "plain", "autofocus", "round", "circle", "tabindex", "href", "customClass", "banner"]),
|
|
88
|
+
props: [].concat(props, ["type", "text", "size", "icon", "resetTime", "nativeType", "loading", "disabled", "plain", "autofocus", "round", "circle", "tabindex", "href", "customClass", "banner", "customStyle"]),
|
|
89
89
|
components: {
|
|
90
90
|
IconLoading: iconLoading()
|
|
91
91
|
},
|
|
@@ -115,6 +115,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
115
115
|
}), _ctx.gcls({
|
|
116
116
|
"button-link": _ctx.href
|
|
117
117
|
}), _ctx.customClass),
|
|
118
|
+
style: _ctx.customStyle,
|
|
118
119
|
tabindex: _ctx.tabindex
|
|
119
120
|
}, _ctx.a(_ctx.$attrs, ["class", "style", "id"], true)), [_ctx.loading ? (openBlock(), createBlock(_component_icon_loading, {
|
|
120
121
|
key: 0,
|
package/lib/pc.js
CHANGED
|
@@ -39,7 +39,7 @@ var _export_sfc = function _export_sfc2(sfc, props) {
|
|
|
39
39
|
|
|
40
40
|
var _sfc_main = defineComponent({
|
|
41
41
|
emits: ["click"],
|
|
42
|
-
props: [].concat(props, ["type", "text", "size", "icon", "resetTime", "nativeType", "loading", "disabled", "plain", "autofocus", "round", "circle", "tabindex", "customClass", "ghost"]),
|
|
42
|
+
props: [].concat(props, ["type", "text", "size", "icon", "resetTime", "nativeType", "loading", "disabled", "plain", "autofocus", "round", "circle", "tabindex", "customClass", "ghost", "customStyle"]),
|
|
43
43
|
components: {
|
|
44
44
|
IconLoading: iconLoadingShadow()
|
|
45
45
|
},
|
|
@@ -72,6 +72,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
72
72
|
disabled: _ctx.state.buttonDisabled || _ctx.loading,
|
|
73
73
|
autofocus: _ctx.autofocus,
|
|
74
74
|
type: _ctx.nativeType,
|
|
75
|
+
style: _ctx.customStyle,
|
|
75
76
|
tabindex: _ctx.tabindex
|
|
76
77
|
}, _ctx.a(_ctx.$attrs, ["class", "style", "title", "id"], true)), [_ctx.loading ? (openBlock(), createBlock(_component_icon_loading, {
|
|
77
78
|
key: 0,
|
package/package.json
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opentinyvue/vue-button",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.25.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "./lib/index.js",
|
|
6
6
|
"module": "./lib/index.js",
|
|
7
7
|
"sideEffects": false,
|
|
8
8
|
"type": "module",
|
|
9
9
|
"dependencies": {
|
|
10
|
-
"@opentinyvue/vue-common": "~3.
|
|
11
|
-
"@opentinyvue/vue-icon": "~3.
|
|
12
|
-
"@opentinyvue/vue-renderless": "~3.
|
|
13
|
-
"@opentinyvue/vue-theme": "~3.
|
|
10
|
+
"@opentinyvue/vue-common": "~3.25.0",
|
|
11
|
+
"@opentinyvue/vue-icon": "~3.25.0",
|
|
12
|
+
"@opentinyvue/vue-renderless": "~3.25.0",
|
|
13
|
+
"@opentinyvue/vue-theme": "~3.25.0"
|
|
14
14
|
},
|
|
15
15
|
"license": "MIT",
|
|
16
16
|
"types": "index.d.ts",
|
package/src/index.d.ts
CHANGED
|
@@ -65,6 +65,11 @@ export declare const buttonProps: {
|
|
|
65
65
|
type: BooleanConstructor;
|
|
66
66
|
default: boolean;
|
|
67
67
|
};
|
|
68
|
+
/** 自定义样式 */
|
|
69
|
+
customStyle: {
|
|
70
|
+
type: ObjectConstructor;
|
|
71
|
+
default: () => {};
|
|
72
|
+
};
|
|
68
73
|
/** 是否幽灵按钮 */
|
|
69
74
|
ghost: BooleanConstructor;
|
|
70
75
|
/** 点击事件 */
|
|
@@ -76,6 +81,7 @@ export declare const buttonProps: {
|
|
|
76
81
|
tiny_template: (ObjectConstructor | FunctionConstructor)[];
|
|
77
82
|
tiny_renderless: FunctionConstructor;
|
|
78
83
|
tiny_theme: StringConstructor;
|
|
84
|
+
tiny_mcp_config: ObjectConstructor;
|
|
79
85
|
tiny_chart_theme: ObjectConstructor;
|
|
80
86
|
};
|
|
81
87
|
declare const _default: import("@vue/runtime-core").DefineComponent<{
|
|
@@ -145,6 +151,11 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
|
|
|
145
151
|
type: BooleanConstructor;
|
|
146
152
|
default: boolean;
|
|
147
153
|
};
|
|
154
|
+
/** 自定义样式 */
|
|
155
|
+
customStyle: {
|
|
156
|
+
type: ObjectConstructor;
|
|
157
|
+
default: () => {};
|
|
158
|
+
};
|
|
148
159
|
/** 是否幽灵按钮 */
|
|
149
160
|
ghost: BooleanConstructor;
|
|
150
161
|
/** 点击事件 */
|
|
@@ -156,6 +167,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
|
|
|
156
167
|
tiny_template: (ObjectConstructor | FunctionConstructor)[];
|
|
157
168
|
tiny_renderless: FunctionConstructor;
|
|
158
169
|
tiny_theme: StringConstructor;
|
|
170
|
+
tiny_mcp_config: ObjectConstructor;
|
|
159
171
|
tiny_chart_theme: ObjectConstructor;
|
|
160
172
|
}, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
|
|
161
173
|
[key: string]: any;
|
|
@@ -226,6 +238,11 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
|
|
|
226
238
|
type: BooleanConstructor;
|
|
227
239
|
default: boolean;
|
|
228
240
|
};
|
|
241
|
+
/** 自定义样式 */
|
|
242
|
+
customStyle: {
|
|
243
|
+
type: ObjectConstructor;
|
|
244
|
+
default: () => {};
|
|
245
|
+
};
|
|
229
246
|
/** 是否幽灵按钮 */
|
|
230
247
|
ghost: BooleanConstructor;
|
|
231
248
|
/** 点击事件 */
|
|
@@ -237,6 +254,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
|
|
|
237
254
|
tiny_template: (ObjectConstructor | FunctionConstructor)[];
|
|
238
255
|
tiny_renderless: FunctionConstructor;
|
|
239
256
|
tiny_theme: StringConstructor;
|
|
257
|
+
tiny_mcp_config: ObjectConstructor;
|
|
240
258
|
tiny_chart_theme: ObjectConstructor;
|
|
241
259
|
}>>, {
|
|
242
260
|
disabled: boolean;
|
|
@@ -257,6 +275,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
|
|
|
257
275
|
plain: boolean;
|
|
258
276
|
autofocus: boolean;
|
|
259
277
|
banner: boolean;
|
|
278
|
+
customStyle: Record<string, any>;
|
|
260
279
|
ghost: boolean;
|
|
261
280
|
}, SlotsType<{
|
|
262
281
|
/** 默认插槽 */
|
|
@@ -15,6 +15,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
|
|
|
15
15
|
_constants?: any;
|
|
16
16
|
tiny_theme?: any;
|
|
17
17
|
tiny_chart_theme?: any;
|
|
18
|
+
tiny_mcp_config?: any;
|
|
18
19
|
tabindex?: any;
|
|
19
20
|
round?: any;
|
|
20
21
|
resetTime?: any;
|
|
@@ -22,6 +23,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
|
|
|
22
23
|
plain?: any;
|
|
23
24
|
autofocus?: any;
|
|
24
25
|
banner?: any;
|
|
26
|
+
customStyle?: any;
|
|
25
27
|
}>, any, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, "click"[], "click", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
|
|
26
28
|
disabled?: any;
|
|
27
29
|
icon?: any;
|
|
@@ -39,6 +41,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
|
|
|
39
41
|
_constants?: any;
|
|
40
42
|
tiny_theme?: any;
|
|
41
43
|
tiny_chart_theme?: any;
|
|
44
|
+
tiny_mcp_config?: any;
|
|
42
45
|
tabindex?: any;
|
|
43
46
|
round?: any;
|
|
44
47
|
resetTime?: any;
|
|
@@ -46,6 +49,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
|
|
|
46
49
|
plain?: any;
|
|
47
50
|
autofocus?: any;
|
|
48
51
|
banner?: any;
|
|
52
|
+
customStyle?: any;
|
|
49
53
|
}>>> & {
|
|
50
54
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
51
55
|
}, {
|
|
@@ -65,6 +69,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
|
|
|
65
69
|
readonly _constants?: any;
|
|
66
70
|
readonly tiny_theme?: any;
|
|
67
71
|
readonly tiny_chart_theme?: any;
|
|
72
|
+
readonly tiny_mcp_config?: any;
|
|
68
73
|
readonly tabindex?: any;
|
|
69
74
|
readonly round?: any;
|
|
70
75
|
readonly resetTime?: any;
|
|
@@ -72,5 +77,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
|
|
|
72
77
|
readonly plain?: any;
|
|
73
78
|
readonly autofocus?: any;
|
|
74
79
|
readonly banner?: any;
|
|
80
|
+
readonly customStyle?: any;
|
|
75
81
|
}, {}>;
|
|
76
82
|
export default _default;
|
package/src/pc.vue.d.ts
CHANGED
|
@@ -15,12 +15,14 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
|
|
|
15
15
|
_constants?: any;
|
|
16
16
|
tiny_theme?: any;
|
|
17
17
|
tiny_chart_theme?: any;
|
|
18
|
+
tiny_mcp_config?: any;
|
|
18
19
|
tabindex?: any;
|
|
19
20
|
round?: any;
|
|
20
21
|
resetTime?: any;
|
|
21
22
|
nativeType?: any;
|
|
22
23
|
plain?: any;
|
|
23
24
|
autofocus?: any;
|
|
25
|
+
customStyle?: any;
|
|
24
26
|
ghost?: any;
|
|
25
27
|
}>, IButtonApi, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, "click"[], "click", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
|
|
26
28
|
disabled?: any;
|
|
@@ -38,12 +40,14 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
|
|
|
38
40
|
_constants?: any;
|
|
39
41
|
tiny_theme?: any;
|
|
40
42
|
tiny_chart_theme?: any;
|
|
43
|
+
tiny_mcp_config?: any;
|
|
41
44
|
tabindex?: any;
|
|
42
45
|
round?: any;
|
|
43
46
|
resetTime?: any;
|
|
44
47
|
nativeType?: any;
|
|
45
48
|
plain?: any;
|
|
46
49
|
autofocus?: any;
|
|
50
|
+
customStyle?: any;
|
|
47
51
|
ghost?: any;
|
|
48
52
|
}>>> & {
|
|
49
53
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
@@ -63,12 +67,14 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
|
|
|
63
67
|
readonly _constants?: any;
|
|
64
68
|
readonly tiny_theme?: any;
|
|
65
69
|
readonly tiny_chart_theme?: any;
|
|
70
|
+
readonly tiny_mcp_config?: any;
|
|
66
71
|
readonly tabindex?: any;
|
|
67
72
|
readonly round?: any;
|
|
68
73
|
readonly resetTime?: any;
|
|
69
74
|
readonly nativeType?: any;
|
|
70
75
|
readonly plain?: any;
|
|
71
76
|
readonly autofocus?: any;
|
|
77
|
+
readonly customStyle?: any;
|
|
72
78
|
readonly ghost?: any;
|
|
73
79
|
}, {}>;
|
|
74
80
|
export default _default;
|