Socket
Socket
Sign inDemoInstall

@opentiny/vue-button

Package Overview
Dependencies
Maintainers
0
Versions
59
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@opentiny/vue-button - npm Package Compare versions

Comparing version 3.17.0 to 3.18.0

26

lib/index.js

@@ -30,2 +30,3 @@ function _extends() {

var buttonProps = _extends({}, $props, {
/** 展示按钮不同的状态,设置为text则展示为文本按钮。可取值为:'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text' */
type: {

@@ -35,2 +36,3 @@ type: String,

},
/** 设置原生的tabindex属性 */
tabindex: {

@@ -40,2 +42,3 @@ type: String,

},
/** 按钮左侧展示的图标,接收为Icon组件 */
icon: {

@@ -45,2 +48,3 @@ type: [Object, String],

},
/** 按钮显示的文本 */
text: {

@@ -50,2 +54,3 @@ type: String,

},
/** 设置按钮禁用时间,防止重复提交,单位毫秒 */
resetTime: {

@@ -55,2 +60,3 @@ type: Number,

},
/** 对应按钮原生 type 属性 */
nativeType: {

@@ -60,2 +66,3 @@ type: String,

},
/** 当配置href后,点击按钮则更新 location.href 进行页面跳转 */
href: {

@@ -65,2 +72,3 @@ type: String,

},
/** 定义按钮尺寸 */
size: {

@@ -73,8 +81,15 @@ type: String,

},
/** 是否圆角按钮 */
round: Boolean,
/** 是否朴素按钮 */
plain: Boolean,
/** 是否圆形按钮 */
circle: Boolean,
/** 是否加载中状态 */
loading: Boolean,
/** 是否被禁用按钮 */
disabled: Boolean,
/** 是否默认聚焦 */
autofocus: Boolean,
/** 自定义类名, 仅 mobile-first 模板时有效 */
customClass: {

@@ -84,2 +99,3 @@ type: String,

},
/** 设置通栏按钮,宽度充满水平方向, 仅 mobile-first 模板时有效 */
banner: {

@@ -89,3 +105,8 @@ type: Boolean,

},
ghost: Boolean
/** 是否幽灵按钮 */
ghost: Boolean,
/** 点击事件 */
onClick: {
type: Function
}
});

@@ -100,2 +121,3 @@ var Button = defineComponent({

props: buttonProps,
slots: Object,
setup: function setup(props, context) {

@@ -109,3 +131,3 @@ return $setup({

});
var version = "3.17.0";
var version = "3.18.0";
Button.install = function(Vue) {

@@ -112,0 +134,0 @@ Vue.component(Button.name, Button);

4

lib/mobile-first.js

@@ -36,3 +36,3 @@ import { renderless, api } from '@opentiny/vue-renderless/button/vue';

for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
var _step$value2 = _step.value, key = _step$value2[0], val = _step$value2[1];
target[key] = val;

@@ -91,3 +91,3 @@ }

var _sfc_main = defineComponent({
emits: ["click", "hook-updated"],
emits: ["click"],
props: [].concat(props, ["type", "text", "size", "icon", "resetTime", "nativeType", "loading", "disabled", "plain", "autofocus", "round", "circle", "tabindex", "href", "customClass", "banner"]),

@@ -94,0 +94,0 @@ components: {

@@ -36,3 +36,3 @@ import { renderless, api } from '@opentiny/vue-renderless/button/vue';

for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
var _step$value2 = _step.value, key = _step$value2[0], val = _step$value2[1];
target[key] = val;

@@ -44,3 +44,3 @@ }

var _sfc_main = defineComponent({
emits: ["hook-updated", "click"],
emits: ["click"],
props: [].concat(props, ["type", "text", "size", "icon", "resetTime", "nativeType", "loading", "disabled", "customClass"]),

@@ -47,0 +47,0 @@ components: {},

@@ -37,3 +37,3 @@ import { renderless, api } from '@opentiny/vue-renderless/button/vue';

for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
var _step$value2 = _step.value, key = _step$value2[0], val = _step$value2[1];
target[key] = val;

@@ -45,3 +45,3 @@ }

var _sfc_main = defineComponent({
emits: ["click", "hook-updated"],
emits: ["click"],
props: [].concat(props, ["type", "text", "size", "icon", "resetTime", "nativeType", "loading", "disabled", "plain", "autofocus", "round", "circle", "tabindex", "customClass", "ghost"]),

@@ -48,0 +48,0 @@ components: {

{
"name": "@opentiny/vue-button",
"version": "3.17.0",
"version": "3.18.0",
"description": "",

@@ -10,7 +10,7 @@ "main": "./lib/index.js",

"dependencies": {
"@opentiny/vue-common": "~3.17.0",
"@opentiny/vue-icon": "~3.17.0",
"@opentiny/vue-renderless": "~3.17.0",
"@opentiny/vue-theme-mobile": "~3.17.0",
"@opentiny/vue-theme": "~3.17.0"
"@opentiny/vue-common": "~3.18.0",
"@opentiny/vue-icon": "~3.18.0",
"@opentiny/vue-renderless": "~3.18.0",
"@opentiny/vue-theme-mobile": "~3.18.0",
"@opentiny/vue-theme": "~3.18.0"
},

@@ -17,0 +17,0 @@ "license": "MIT",

export declare const buttonProps: {
/** 展示按钮不同的状态,设置为text则展示为文本按钮。可取值为:'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text' */
type: {

@@ -6,2 +7,3 @@ type: StringConstructor;

};
/** 设置原生的tabindex属性 */
tabindex: {

@@ -11,2 +13,3 @@ type: StringConstructor;

};
/** 按钮左侧展示的图标,接收为Icon组件 */
icon: {

@@ -16,2 +19,3 @@ type: (StringConstructor | ObjectConstructor)[];

};
/** 按钮显示的文本 */
text: {

@@ -21,2 +25,3 @@ type: StringConstructor;

};
/** 设置按钮禁用时间,防止重复提交,单位毫秒 */
resetTime: {

@@ -26,2 +31,3 @@ type: NumberConstructor;

};
/** 对应按钮原生 type 属性 */
nativeType: {

@@ -31,2 +37,3 @@ type: StringConstructor;

};
/** 当配置href后,点击按钮则更新 location.href 进行页面跳转 */
href: {

@@ -36,2 +43,3 @@ type: StringConstructor;

};
/** 定义按钮尺寸 */
size: {

@@ -42,8 +50,15 @@ type: StringConstructor;

};
/** 是否圆角按钮 */
round: BooleanConstructor;
/** 是否朴素按钮 */
plain: BooleanConstructor;
/** 是否圆形按钮 */
circle: BooleanConstructor;
/** 是否加载中状态 */
loading: BooleanConstructor;
/** 是否被禁用按钮 */
disabled: BooleanConstructor;
/** 是否默认聚焦 */
autofocus: BooleanConstructor;
/** 自定义类名, 仅 mobile-first 模板时有效 */
customClass: {

@@ -53,2 +68,3 @@ type: StringConstructor;

};
/** 设置通栏按钮,宽度充满水平方向, 仅 mobile-first 模板时有效 */
banner: {

@@ -58,3 +74,8 @@ type: BooleanConstructor;

};
/** 是否幽灵按钮 */
ghost: BooleanConstructor;
/** 点击事件 */
onClick: {
type: PropType<(ev: MouseEvent) => void>;
};
tiny_mode: StringConstructor;

@@ -64,6 +85,7 @@ tiny_mode_root: BooleanConstructor;

tiny_renderless: FunctionConstructor;
tiny_theme: StringConstructor;
tiny_theme: StringConstructor; /** 是否加载中状态 */
tiny_chart_theme: ObjectConstructor;
};
declare const _default: import("@vue/runtime-core").DefineComponent<{
/** 展示按钮不同的状态,设置为text则展示为文本按钮。可取值为:'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text' */
type: {

@@ -73,2 +95,3 @@ type: StringConstructor;

};
/** 设置原生的tabindex属性 */
tabindex: {

@@ -78,2 +101,3 @@ type: StringConstructor;

};
/** 按钮左侧展示的图标,接收为Icon组件 */
icon: {

@@ -83,2 +107,3 @@ type: (StringConstructor | ObjectConstructor)[];

};
/** 按钮显示的文本 */
text: {

@@ -88,2 +113,3 @@ type: StringConstructor;

};
/** 设置按钮禁用时间,防止重复提交,单位毫秒 */
resetTime: {

@@ -93,2 +119,3 @@ type: NumberConstructor;

};
/** 对应按钮原生 type 属性 */
nativeType: {

@@ -98,2 +125,3 @@ type: StringConstructor;

};
/** 当配置href后,点击按钮则更新 location.href 进行页面跳转 */
href: {

@@ -103,2 +131,3 @@ type: StringConstructor;

};
/** 定义按钮尺寸 */
size: {

@@ -109,8 +138,15 @@ type: StringConstructor;

};
/** 是否圆角按钮 */
round: BooleanConstructor;
/** 是否朴素按钮 */
plain: BooleanConstructor;
/** 是否圆形按钮 */
circle: BooleanConstructor;
/** 是否加载中状态 */
loading: BooleanConstructor;
/** 是否被禁用按钮 */
disabled: BooleanConstructor;
/** 是否默认聚焦 */
autofocus: BooleanConstructor;
/** 自定义类名, 仅 mobile-first 模板时有效 */
customClass: {

@@ -120,2 +156,3 @@ type: StringConstructor;

};
/** 设置通栏按钮,宽度充满水平方向, 仅 mobile-first 模板时有效 */
banner: {

@@ -125,3 +162,8 @@ type: BooleanConstructor;

};
/** 是否幽灵按钮 */
ghost: BooleanConstructor;
/** 点击事件 */
onClick: {
type: PropType<(ev: MouseEvent) => void>;
};
tiny_mode: StringConstructor;

@@ -131,3 +173,3 @@ tiny_mode_root: BooleanConstructor;

tiny_renderless: FunctionConstructor;
tiny_theme: StringConstructor;
tiny_theme: StringConstructor; /** 是否加载中状态 */
tiny_chart_theme: ObjectConstructor;

@@ -137,2 +179,3 @@ }, () => import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {

}>, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
/** 展示按钮不同的状态,设置为text则展示为文本按钮。可取值为:'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text' */
type: {

@@ -142,2 +185,3 @@ type: StringConstructor;

};
/** 设置原生的tabindex属性 */
tabindex: {

@@ -147,2 +191,3 @@ type: StringConstructor;

};
/** 按钮左侧展示的图标,接收为Icon组件 */
icon: {

@@ -152,2 +197,3 @@ type: (StringConstructor | ObjectConstructor)[];

};
/** 按钮显示的文本 */
text: {

@@ -157,2 +203,3 @@ type: StringConstructor;

};
/** 设置按钮禁用时间,防止重复提交,单位毫秒 */
resetTime: {

@@ -162,2 +209,3 @@ type: NumberConstructor;

};
/** 对应按钮原生 type 属性 */
nativeType: {

@@ -167,2 +215,3 @@ type: StringConstructor;

};
/** 当配置href后,点击按钮则更新 location.href 进行页面跳转 */
href: {

@@ -172,2 +221,3 @@ type: StringConstructor;

};
/** 定义按钮尺寸 */
size: {

@@ -178,8 +228,15 @@ type: StringConstructor;

};
/** 是否圆角按钮 */
round: BooleanConstructor;
/** 是否朴素按钮 */
plain: BooleanConstructor;
/** 是否圆形按钮 */
circle: BooleanConstructor;
/** 是否加载中状态 */
loading: BooleanConstructor;
/** 是否被禁用按钮 */
disabled: BooleanConstructor;
/** 是否默认聚焦 */
autofocus: BooleanConstructor;
/** 自定义类名, 仅 mobile-first 模板时有效 */
customClass: {

@@ -189,2 +246,3 @@ type: StringConstructor;

};
/** 设置通栏按钮,宽度充满水平方向, 仅 mobile-first 模板时有效 */
banner: {

@@ -194,3 +252,8 @@ type: BooleanConstructor;

};
/** 是否幽灵按钮 */
ghost: BooleanConstructor;
/** 点击事件 */
onClick: {
type: PropType<(ev: MouseEvent) => void>;
};
tiny_mode: StringConstructor;

@@ -200,3 +263,3 @@ tiny_mode_root: BooleanConstructor;

tiny_renderless: FunctionConstructor;
tiny_theme: StringConstructor;
tiny_theme: StringConstructor; /** 是否加载中状态 */
tiny_chart_theme: ObjectConstructor;

@@ -209,2 +272,3 @@ }>>, {

size: string;
onClick: any;
tiny_mode_root: boolean;

@@ -223,3 +287,6 @@ tabindex: string;

ghost: boolean;
}, {}>;
}, SlotsType<{
/** 默认插槽 */
default: {};
}>>;
export default _default;

@@ -25,3 +25,3 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{

banner?: any;
}>, any, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("click" | "hook-updated")[], "click" | "hook-updated", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
}>, 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;

@@ -52,3 +52,2 @@ icon?: any;

onClick?: ((...args: any[]) => any) | undefined;
"onHook-updated"?: ((...args: any[]) => any) | undefined;
}, {

@@ -55,0 +54,0 @@ readonly disabled?: any;

@@ -26,3 +26,3 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{

gcls: (key: any) => any;
}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("click" | "hook-updated")[], "click" | "hook-updated", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
}, 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,3 +46,2 @@ icon?: any;

onClick?: ((...args: any[]) => any) | undefined;
"onHook-updated"?: ((...args: any[]) => any) | undefined;
}, {

@@ -49,0 +48,0 @@ readonly disabled?: any;

@@ -25,3 +25,3 @@ import type { IButtonApi } from '@opentiny/vue-renderless/types/button.type';

ghost?: any;
}>, IButtonApi, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("click" | "hook-updated")[], "click" | "hook-updated", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
}>, 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;

@@ -51,3 +51,2 @@ icon?: any;

onClick?: ((...args: any[]) => any) | undefined;
"onHook-updated"?: ((...args: any[]) => any) | undefined;
}, {

@@ -54,0 +53,0 @@ readonly disabled?: any;

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc