@opentiny/vue-button - npm Package Compare versions

Comparing version 2.6.7 to 2.7.0

lib/index.js

@@ -18,7 +18,14 @@ function _extends() {
 import MobileTemplate from "./mobile.js";
+import MobileFirstTemplate from "./mobile-first.js";
 var template = function template2(mode) {
-  if ("mobile" === (process.env.TINY_MODE || mode))
+  if ("pc" === (process.env.TINY_MODE || mode)) {
+    return PcTemplate;
+  }
+  if ("mobile" === (process.env.TINY_MODE || mode)) {
     return MobileTemplate;
-  else
-    return PcTemplate;
+  }
+  if ("mobile-first" === (process.env.TINY_MODE || mode)) {
+    return MobileFirstTemplate;
+  }
+  return PcTemplate;
 };
@@ -57,3 +64,9 @@ var Button = defineComponent({
     },
-    size: String,
+    size: {
+      type: String,
+      default: "",
+      validator: function validator(val) {
+        return ["large", "medium", "small", "mini", ""].includes(val);
+      }
+    },
     round: Boolean,
@@ -64,3 +77,7 @@ plain: Boolean,
     disabled: Boolean,
-    autofocus: Boolean
+    autofocus: Boolean,
+    buttonClass: {
+      type: String,
+      default: ""
+    }
   }),
@@ -75,3 +92,3 @@ setup: function setup(props, context) {
 });
-var version = "3.7.0";
+var version = "2.7.0";
 Button.install = function(Vue) {
@@ -78,0 +95,0 @@ Vue.component(Button.name, Button);

lib/mobile.js

@@ -59,3 +59,3 @@ import { renderless, api } from "@opentiny/vue-renderless/button/vue";
 
-var __vue2_script = defineComponent({
+var _sfc_main = defineComponent({
   inheritAttrs: false,
@@ -76,6 +76,5 @@ emits: ["hook-updated", "click"],
 });
-var render = function render2() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  _vm._self._setupProxy;
   return _c("button", _vm._b({
@@ -109,15 +108,7 @@ staticClass: "tiny-mobile-button",
 };
-var staticRenderFns = [];
-var __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles, null, null, null);
-function __vue2_injectStyles(context) {
-  for (var o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-var mobile = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, null, null, null);
+var mobile = __component__.exports;
 export {
   mobile as default
 };

lib/pc.js

@@ -59,3 +59,3 @@ import { renderless, api } from "@opentiny/vue-renderless/button/vue";
 
-var __vue2_script = defineComponent({
+var _sfc_main = defineComponent({
   emits: ["click", "hook-updated"],
@@ -75,6 +75,5 @@ props: [].concat(props, ["type", "text", "size", "icon", "resetTime", "nativeType", "loading", "disabled", "plain", "autofocus", "round", "circle", "tabindex"]),
 });
-var render = function render2() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  _vm._self._setupProxy;
   return _c("button", _vm._b({
@@ -88,3 +87,4 @@ staticClass: "tiny-button",
       "is-circle": _vm.circle,
-      "is-icon": _vm.icon && !_vm.loading && (_vm.text || _vm.$slots.default)
+      "is-icon": _vm.icon && !_vm.loading && (_vm.text || _vm.$slots.default),
+      "is-only-icon": _vm.icon && !_vm.loading && !(_vm.text || _vm.$slots.default)
     }],
@@ -111,15 +111,7 @@ attrs: {
 };
-var staticRenderFns = [];
-var __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles, null, null, null);
-function __vue2_injectStyles(context) {
-  for (var o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-var pc = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, null, null, null);
+var pc = __component__.exports;
 export {
   pc as default
 };

package.json

 {
   "name": "@opentiny/vue-button",
-  "version": "2.6.7",
+  "version": "2.7.0",
   "description": "",
   "main": "./lib/index.js",
+  "module": "./lib/index.js",
+  "sideEffects": false,
   "dependencies": {
-    "@opentiny/vue-common": "~2.6.7",
-    "@opentiny/vue-icon": "~2.6.7",
-    "@opentiny/vue-renderless": "~3.6.6"
+    "@opentiny/vue-common": "~2.7.0",
+    "@opentiny/vue-icon": "~2.7.0",
+    "@opentiny/vue-renderless": "~3.9.0"
   },
@@ -11,0 +13,0 @@ "license": "MIT",

src/index.d.ts

@@ -1,2 +0,2 @@
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<() => import("vue").VNode> & import("@vue/composition-api").Data, {}, {}, {
+declare const _default: import("@opentiny/vue-common").DefineComponent<{
     type: {
@@ -11,3 +11,3 @@ type: StringConstructor;
     icon: {
-        type: (StringConstructor | ObjectConstructor)[];
+        type: (ObjectConstructor | StringConstructor)[];
         default: string;
@@ -27,3 +27,7 @@ };
     };
-    size: StringConstructor;
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator(val: string): boolean;
+    };
     round: BooleanConstructor;
@@ -35,55 +39,75 @@ plain: BooleanConstructor;
     autofocus: BooleanConstructor;
-}, {
-    round: boolean;
-    plain: boolean;
-    circle: boolean;
-    loading: boolean;
-    disabled: boolean;
-    autofocus: boolean;
+    buttonClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (ObjectConstructor | FunctionConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+}, () => import("vue").VNode, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("@opentiny/vue-common").ExtractPropTypes<{
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    tabindex: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: string;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    resetTime: {
+        type: NumberConstructor;
+        default: number;
+    };
+    nativeType: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator(val: string): boolean;
+    };
+    round: BooleanConstructor;
+    plain: BooleanConstructor;
+    circle: BooleanConstructor;
+    loading: BooleanConstructor;
+    disabled: BooleanConstructor;
+    autofocus: BooleanConstructor;
+    buttonClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (ObjectConstructor | FunctionConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+}>>, {
     type: string;
+    tiny_mode_root: boolean;
+    icon: string | Record<string, any>;
+    size: string;
     tabindex: string;
-    icon: string;
-    text: string;
-    resetTime: number;
-    nativeType: string;
-} & {
-    size?: string | undefined;
-}> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    round: boolean;
-    plain: boolean;
-    circle: boolean;
-    loading: boolean;
     disabled: boolean;
     autofocus: boolean;
-    type: string;
-    tabindex: string;
-    icon: string;
-    text: string;
-    resetTime: number;
-    nativeType: string;
-} & {
-    size?: string | undefined;
-}, import("@vue/composition-api").ShallowUnwrapRef<() => import("vue").VNode>, import("@vue/composition-api").Data, {}, {}, {
+    loading: boolean;
+    circle: boolean;
     round: boolean;
     plain: boolean;
-    circle: boolean;
-    loading: boolean;
-    disabled: boolean;
-    autofocus: boolean;
-    type: string;
-    tabindex: string;
-    icon: string;
     text: string;
     resetTime: number;
     nativeType: string;
-} & {
-    size?: string | undefined;
-}, {
-    type: string;
-    tabindex: string;
-    icon: string;
-    text: string;
-    resetTime: number;
-    nativeType: string;
-}, true>);
+    buttonClass: string;
+}>;
 export default _default;

src/mobile.vue.d.ts

@@ -1,15 +0,4 @@
-declare const _sfc_main: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    t: (this: any, path: any, options?: any) => any;
-    vm: any;
-    f: (props: any, attrs?: {}) => {};
-    a: (attrs: any, filters: any, include: any) => {};
-    d: (props: any) => void;
-    dp: (props: any) => void;
-}> & import("@vue/composition-api").Data, {}, {}, Readonly<{
+declare const _sfc_main: import("@opentiny/vue-common").DefineComponent<Readonly<{
     [x: string]: any;
 }>, {
-    [x: string]: any;
-} & {}> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    [x: string]: any;
-} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     t: (this: any, path: any, options?: any) => any;
@@ -21,7 +10,9 @@ vm: any;
     dp: (props: any) => void;
-}>, import("@vue/composition-api").Data, {}, {}, {
+    gcls: (key: any) => any;
+    m: (...cssClasses: any[]) => string;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("click" | "hook-updated")[], string, Readonly<import("@opentiny/vue-common").ExtractPropTypes<Readonly<{
     [x: string]: any;
-} & {}, {
+}>>>, {
     [x: string]: any;
-}, true>);
+}>;
 export default _sfc_main;

src/pc.vue.d.ts

@@ -1,15 +0,4 @@
-declare const _sfc_main: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    t: (this: any, path: any, options?: any) => any;
-    vm: any;
-    f: (props: any, attrs?: {}) => {};
-    a: (attrs: any, filters: any, include: any) => {};
-    d: (props: any) => void;
-    dp: (props: any) => void;
-}> & import("@vue/composition-api").Data, {}, {}, Readonly<{
+declare const _sfc_main: import("@opentiny/vue-common").DefineComponent<Readonly<{
     [x: string]: any;
 }>, {
-    [x: string]: any;
-} & {}> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    [x: string]: any;
-} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
     t: (this: any, path: any, options?: any) => any;
@@ -21,7 +10,9 @@ vm: any;
     dp: (props: any) => void;
-}>, import("@vue/composition-api").Data, {}, {}, {
+    gcls: (key: any) => any;
+    m: (...cssClasses: any[]) => string;
+}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("click" | "hook-updated")[], string, Readonly<import("@opentiny/vue-common").ExtractPropTypes<Readonly<{
     [x: string]: any;
-} & {}, {
+}>>>, {
     [x: string]: any;
-}, true>);
+}>;
 export default _sfc_main;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

27660

increased by72.58%

Number of package files

12

increased by33.33%

Lines of code

681

increased by45.2%

Worsened metrics

Number of low supply chain risk alerts

4

increased by100%

Dependency changes

• + Added@opentiny/vue-common@2.7.0(transitive)

• + Added@opentiny/vue-icon@2.7.1(transitive)

• + Added@opentiny/vue-locale@2.7.0(transitive)

• + Added@opentiny/vue-renderless@3.9.3(transitive)

• + Added@opentiny/vue-theme@3.9.4(transitive)

• + Added@opentiny/vue-theme-mobile@3.9.0(transitive)

• + Addedtailwind-merge@1.14.0(transitive)

• - Removed@babel/helper-string-parser@7.25.7(transitive)

• - Removed@babel/helper-validator-identifier@7.25.7(transitive)

• - Removed@babel/parser@7.25.7(transitive)

• - Removed@babel/types@7.25.7(transitive)

• - Removed@opentiny/vue-common@2.6.7(transitive)

• - Removed@opentiny/vue-icon@2.6.7(transitive)

• - Removed@opentiny/vue-locale@2.6.7(transitive)

• - Removed@opentiny/vue-renderless@3.6.8(transitive)

• - Removed@opentiny/vue-theme@3.6.7(transitive)

• - Removed@opentiny/vue-theme-mobile@3.6.6(transitive)

• - Removed@vue/compiler-sfc@2.7.16(transitive)

• - Removed@vue/composition-api@1.2.4(transitive)

• - Removedcsstype@3.1.3(transitive)

• - Removednanoid@3.3.7(transitive)

• - Removedpicocolors@1.1.0(transitive)

• - Removedpostcss@8.4.47(transitive)

• - Removedprettier@2.8.8(transitive)

• - Removedsource-map@0.6.1(transitive)

• - Removedsource-map-js@1.2.1(transitive)

• - Removedto-fast-properties@2.0.0(transitive)

• - Removedtslib@2.7.0(transitive)

• - Removedvue@2.7.16(transitive)

• Updated@opentiny/vue-common@~2.7.0

• Updated@opentiny/vue-icon@~2.7.0

• Updated@opentiny/vue-renderless@~3.9.0