@opentinyvue/vue-button 2.23.0 → 2.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 +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 = "2.
|
|
124
|
+
var version = "2.undefined";
|
|
118
125
|
Button.install = function(Vue) {
|
|
119
126
|
Vue.component(Button.name, Button);
|
|
120
127
|
};
|
package/lib/mobile-first.js
CHANGED
|
@@ -70,7 +70,7 @@ var classes = {
|
|
|
70
70
|
"no-round": "rounded",
|
|
71
71
|
"is-round": "rounded-full",
|
|
72
72
|
"is-border": "border-0.5 sm:border",
|
|
73
|
-
"no-circle": "sm:min-w-[theme(spacing.18)] pl-
|
|
73
|
+
"no-circle": "sm:min-w-[theme(spacing.18)] pl-2 pr-2 leading-5",
|
|
74
74
|
"is-circle": "sm:min-w-[theme(spacing.18)] sm:rounded-full sm:pl-2 sm:pr-2",
|
|
75
75
|
"button-icon": "-mt-0.5 sm:text-base fill-current",
|
|
76
76
|
"button-icon-default": "text-color-icon-primary hover:text-color-icon-hover active:text-color-icon-active",
|
|
@@ -81,7 +81,7 @@ var classes = {
|
|
|
81
81
|
};
|
|
82
82
|
var __vue2_script = defineComponent({
|
|
83
83
|
emits: ["click"],
|
|
84
|
-
props: [].concat(props, ["type", "text", "size", "icon", "resetTime", "nativeType", "loading", "disabled", "plain", "autofocus", "round", "circle", "tabindex", "href", "customClass", "banner"]),
|
|
84
|
+
props: [].concat(props, ["type", "text", "size", "icon", "resetTime", "nativeType", "loading", "disabled", "plain", "autofocus", "round", "circle", "tabindex", "href", "customClass", "banner", "customStyle"]),
|
|
85
85
|
components: {
|
|
86
86
|
IconLoading: iconLoading()
|
|
87
87
|
},
|
|
@@ -105,6 +105,7 @@ var render = function render2() {
|
|
|
105
105
|
}), _vm.gcls({
|
|
106
106
|
"button-link": _vm.href
|
|
107
107
|
}), _vm.customClass),
|
|
108
|
+
style: _vm.customStyle,
|
|
108
109
|
attrs: {
|
|
109
110
|
"data-tag": "tiny-button",
|
|
110
111
|
"disabled": _vm.state.buttonDisabled || _vm.loading,
|
package/lib/pc.js
CHANGED
|
@@ -35,7 +35,7 @@ function normalizeComponent(scriptExports, render, staticRenderFns, functionalTe
|
|
|
35
35
|
|
|
36
36
|
var __vue2_script = defineComponent({
|
|
37
37
|
emits: ["click"],
|
|
38
|
-
props: [].concat(props, ["type", "text", "size", "icon", "resetTime", "nativeType", "loading", "disabled", "plain", "autofocus", "round", "circle", "tabindex", "customClass", "ghost"]),
|
|
38
|
+
props: [].concat(props, ["type", "text", "size", "icon", "resetTime", "nativeType", "loading", "disabled", "plain", "autofocus", "round", "circle", "tabindex", "customClass", "ghost", "customStyle"]),
|
|
39
39
|
components: {
|
|
40
40
|
IconLoading: iconLoadingShadow()
|
|
41
41
|
},
|
|
@@ -64,6 +64,7 @@ var render = function render2() {
|
|
|
64
64
|
"is-icon": _vm.icon && !_vm.loading && (_vm.text || _vm.slots.default),
|
|
65
65
|
"is-only-icon": _vm.icon && !_vm.loading && !(_vm.text || _vm.slots.default)
|
|
66
66
|
}],
|
|
67
|
+
style: _vm.customStyle,
|
|
67
68
|
attrs: {
|
|
68
69
|
"disabled": _vm.state.buttonDisabled || _vm.loading,
|
|
69
70
|
"autofocus": _vm.autofocus,
|
package/package.json
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opentinyvue/vue-button",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.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": "~2.
|
|
11
|
-
"@opentinyvue/vue-icon": "~2.
|
|
12
|
-
"@opentinyvue/vue-renderless": "~3.
|
|
13
|
-
"@opentinyvue/vue-theme": "~3.
|
|
10
|
+
"@opentinyvue/vue-common": "~2.25.0",
|
|
11
|
+
"@opentinyvue/vue-icon": "~2.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: any;
|