@opentinyvue/vue-button 3.24.0 → 3.26.0

package/lib/index.js

@@ -90,6 +90,13 @@ var buttonProps = _extends({}, $props, {
     type: Boolean,
     default: false
   },
+  /** 自定义样式 */
+  customStyle: {
+    type: Object,
+    default: function _default() {
+      return {};
+    }
+  },
   /** 是否幽灵按钮 */
   ghost: Boolean,
   /** 点击事件 */

package/lib/mobile-first.js

@@ -74,7 +74,7 @@ var classes = {
   "no-round": "rounded",
   "is-round": "rounded-full",
   "is-border": "border-0.5 sm:border",
-  "no-circle": "sm:min-w-[theme(spacing.18)] pl-3 pr-3",
+  "no-circle": "sm:min-w-[theme(spacing.18)] pl-2 pr-2 leading-5.5",
   "is-circle": "sm:min-w-[theme(spacing.18)] sm:rounded-full sm:pl-2 sm:pr-2",
   "button-icon": "-mt-0.5 sm:text-base fill-current",
   "button-icon-default": "text-color-icon-primary hover:text-color-icon-hover active:text-color-icon-active",
@@ -85,7 +85,7 @@ var classes = {
 };
 var _sfc_main = defineComponent({
   emits: ["click"],
-  props: [].concat(props, ["type", "text", "size", "icon", "resetTime", "nativeType", "loading", "disabled", "plain", "autofocus", "round", "circle", "tabindex", "href", "customClass", "banner"]),
+  props: [].concat(props, ["type", "text", "size", "icon", "resetTime", "nativeType", "loading", "disabled", "plain", "autofocus", "round", "circle", "tabindex", "href", "customClass", "banner", "customStyle"]),
   components: {
     IconLoading: iconLoading()
   },
@@ -115,6 +115,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }), _ctx.gcls({
       "button-link": _ctx.href
     }), _ctx.customClass),
+    style: _ctx.customStyle,
     tabindex: _ctx.tabindex
   }, _ctx.a(_ctx.$attrs, ["class", "style", "id"], true)), [_ctx.loading ? (openBlock(), createBlock(_component_icon_loading, {
     key: 0,

package/lib/pc.js

@@ -39,7 +39,7 @@ var _export_sfc = function _export_sfc2(sfc, props) {
 
 var _sfc_main = defineComponent({
   emits: ["click"],
-  props: [].concat(props, ["type", "text", "size", "icon", "resetTime", "nativeType", "loading", "disabled", "plain", "autofocus", "round", "circle", "tabindex", "customClass", "ghost"]),
+  props: [].concat(props, ["type", "text", "size", "icon", "resetTime", "nativeType", "loading", "disabled", "plain", "autofocus", "round", "circle", "tabindex", "customClass", "ghost", "customStyle"]),
   components: {
     IconLoading: iconLoadingShadow()
   },
@@ -72,6 +72,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: _ctx.state.buttonDisabled || _ctx.loading,
     autofocus: _ctx.autofocus,
     type: _ctx.nativeType,
+    style: _ctx.customStyle,
     tabindex: _ctx.tabindex
   }, _ctx.a(_ctx.$attrs, ["class", "style", "title", "id"], true)), [_ctx.loading ? (openBlock(), createBlock(_component_icon_loading, {
     key: 0,

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@opentinyvue/vue-button",
-  "version": "3.24.0",
+  "version": "3.26.0",
   "description": "",
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "sideEffects": false,
   "type": "module",
   "dependencies": {
-    "@opentinyvue/vue-common": "~3.24.0",
-    "@opentinyvue/vue-icon": "~3.24.0",
-    "@opentinyvue/vue-renderless": "~3.24.0",
-    "@opentinyvue/vue-theme": "~3.24.0"
+    "@opentinyvue/vue-common": "~3.26.0",
+    "@opentinyvue/vue-icon": "~3.26.0",
+    "@opentinyvue/vue-renderless": "~3.26.0",
+    "@opentinyvue/vue-theme": "~3.26.0"
   },
   "license": "MIT",
   "types": "index.d.ts",

package/src/index.d.ts

@@ -1,3 +1,4 @@
+import { type PropType } from '@opentinyvue/vue-common';
 export declare const buttonProps: {
     /** 展示按钮不同的状态，设置为text则展示为文本按钮。可取值为：'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text'  */
     type: {
@@ -65,6 +66,11 @@ export declare const buttonProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 自定义样式 */
+    customStyle: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
     /** 是否幽灵按钮 */
     ghost: BooleanConstructor;
     /** 点击事件 */
@@ -72,7 +78,7 @@ export declare const buttonProps: {
         type: PropType<(ev: MouseEvent) => void>;
     };
     tiny_mode: StringConstructor;
-    tiny_mode_root: BooleanConstructor; /** 是否圆角按钮 */
+    tiny_mode_root: BooleanConstructor;
     tiny_template: (ObjectConstructor | FunctionConstructor)[];
     tiny_renderless: FunctionConstructor;
     tiny_theme: StringConstructor;
@@ -146,6 +152,11 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 自定义样式 */
+    customStyle: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
     /** 是否幽灵按钮 */
     ghost: BooleanConstructor;
     /** 点击事件 */
@@ -153,7 +164,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
         type: PropType<(ev: MouseEvent) => void>;
     };
     tiny_mode: StringConstructor;
-    tiny_mode_root: BooleanConstructor; /** 是否圆角按钮 */
+    tiny_mode_root: BooleanConstructor;
     tiny_template: (ObjectConstructor | FunctionConstructor)[];
     tiny_renderless: FunctionConstructor;
     tiny_theme: StringConstructor;
@@ -228,6 +239,11 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 自定义样式 */
+    customStyle: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
     /** 是否幽灵按钮 */
     ghost: BooleanConstructor;
     /** 点击事件 */
@@ -235,7 +251,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
         type: PropType<(ev: MouseEvent) => void>;
     };
     tiny_mode: StringConstructor;
-    tiny_mode_root: BooleanConstructor; /** 是否圆角按钮 */
+    tiny_mode_root: BooleanConstructor;
     tiny_template: (ObjectConstructor | FunctionConstructor)[];
     tiny_renderless: FunctionConstructor;
     tiny_theme: StringConstructor;
@@ -250,7 +266,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
     type: string;
     loading: boolean;
     circle: boolean;
-    onClick: any;
     customClass: string;
     tiny_mode_root: boolean;
     tabindex: string;
@@ -260,6 +275,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
     plain: boolean;
     autofocus: boolean;
     banner: boolean;
+    customStyle: Record<string, any>;
     ghost: boolean;
 }, SlotsType<{
     /** 默认插槽 */

package/src/mobile-first.vue.d.ts

@@ -23,6 +23,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     plain?: any;
     autofocus?: any;
     banner?: any;
+    customStyle?: any;
 }>, 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<{
     disabled?: any;
     icon?: any;
@@ -48,6 +49,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     plain?: any;
     autofocus?: any;
     banner?: any;
+    customStyle?: any;
 }>>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
@@ -75,5 +77,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly plain?: any;
     readonly autofocus?: any;
     readonly banner?: any;
+    readonly customStyle?: any;
 }, {}>;
 export default _default;

package/src/pc.vue.d.ts

@@ -22,6 +22,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     nativeType?: any;
     plain?: any;
     autofocus?: any;
+    customStyle?: any;
     ghost?: any;
 }>, 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<{
     disabled?: any;
@@ -46,6 +47,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     nativeType?: any;
     plain?: any;
     autofocus?: any;
+    customStyle?: any;
     ghost?: any;
 }>>> & {
     onClick?: ((...args: any[]) => any) | undefined;
@@ -72,6 +74,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly nativeType?: any;
     readonly plain?: any;
     readonly autofocus?: any;
+    readonly customStyle?: any;
     readonly ghost?: any;
 }, {}>;
 export default _default;