@opentinyvue/vue-button 2.24.0 → 2.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

@@ -70,7 +70,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",
@@ -81,7 +81,7 @@ var classes = {
 };
 var __vue2_script = 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()
   },
@@ -105,6 +105,7 @@ var render = function render2() {
     }), _vm.gcls({
       "button-link": _vm.href
     }), _vm.customClass),
+    style: _vm.customStyle,
     attrs: {
       "data-tag": "tiny-button",
       "disabled": _vm.state.buttonDisabled || _vm.loading,
@@ -132,8 +133,8 @@ function __vue2_injectStyles(context) {
     this[o] = __cssModules[o];
   }
 }
-var mobileFirst = /* @__PURE__ */ function() {
+var mobileFirst = /* @__PURE__ */ (function() {
   return __component__.exports;
-}();
+})();
 
 export { mobileFirst as default };

package/lib/pc.js

@@ -35,7 +35,7 @@ function normalizeComponent(scriptExports, render, staticRenderFns, functionalTe
 
 var __vue2_script = 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()
   },
@@ -64,6 +64,7 @@ var render = function render2() {
       "is-icon": _vm.icon && !_vm.loading && (_vm.text || _vm.slots.default),
       "is-only-icon": _vm.icon && !_vm.loading && !(_vm.text || _vm.slots.default)
     }],
+    style: _vm.customStyle,
     attrs: {
       "disabled": _vm.state.buttonDisabled || _vm.loading,
       "autofocus": _vm.autofocus,
@@ -92,8 +93,8 @@ function __vue2_injectStyles(context) {
     this[o] = __cssModules[o];
   }
 }
-var pc = /* @__PURE__ */ function() {
+var pc = /* @__PURE__ */ (function() {
   return __component__.exports;
-}();
+})();
 
 export { pc as default };

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@opentinyvue/vue-button",
-  "version": "2.24.0",
+  "version": "2.26.0",
   "description": "",
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "sideEffects": false,
   "type": "module",
   "dependencies": {
-    "@opentinyvue/vue-common": "~2.24.0",
-    "@opentinyvue/vue-icon": "~2.24.0",
-    "@opentinyvue/vue-renderless": "~3.24.0",
-    "@opentinyvue/vue-theme": "~3.24.0"
+    "@opentinyvue/vue-common": "~2.26.0",
+    "@opentinyvue/vue-icon": "~2.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;