@opentiny/vue-button - npm Package Compare versions

Comparing version 3.12.0 to 3.13.0

lib/index.js

@@ -20,9 +20,11 @@ function _extends() {
 var template = function template2(mode) {
-  if ("pc" === (process.env.TINY_MODE || mode)) {
+  var _process$env;
+  var tinyMode = typeof process === "object" ? (_process$env = process.env) == null ? void 0 : _process$env.TINY_MODE : null;
+  if ("pc" === (tinyMode || mode)) {
     return PcTemplate;
   }
-  if ("mobile" === (process.env.TINY_MODE || mode)) {
+  if ("mobile" === (tinyMode || mode)) {
     return MobileTemplate;
   }
-  if ("mobile-first" === (process.env.TINY_MODE || mode)) {
+  if ("mobile-first" === (tinyMode || mode)) {
     return MobileFirstTemplate;
@@ -77,3 +79,4 @@ }
     default: false
-  }
+  },
+  ghost: Boolean
 });
@@ -96,3 +99,3 @@ var Button = defineComponent({
 });
-var version = "3.12.0";
+var version = "3.13.0";
 Button.install = function(Vue) {
@@ -99,0 +102,0 @@ Vue.component(Button.name, Button);

lib/mobile.js

 import { renderless, api } from "@opentiny/vue-renderless/button/vue";
 import { defineComponent, props, setup as _setup } from "@opentiny/vue-common";
-import { iconLoading } from "@opentiny/vue-icon";
 import "@opentiny/vue-theme-mobile/button/index.css";
-import { resolveComponent, openBlock, createElementBlock, mergeProps, createBlock, createCommentVNode, resolveDynamicComponent, renderSlot, createElementVNode, normalizeStyle, toDisplayString } from "vue";
+import { openBlock, createElementBlock, mergeProps, normalizeClass, createCommentVNode, createBlock, resolveDynamicComponent, renderSlot, createElementVNode, normalizeStyle, toDisplayString } from "vue";
 function _createForOfIteratorHelperLoose_tiny(o, allowArrayLike) {
@@ -53,6 +52,4 @@ var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
   emits: ["hook-updated", "click"],
-  props: [].concat(props, ["type", "text", "size", "icon", "resetTime", "nativeType", "loading", "disabled", "plain", "round", "customClass"]),
-  components: {
-    IconLoading: iconLoading()
-  },
+  props: [].concat(props, ["type", "text", "size", "icon", "resetTime", "nativeType", "loading", "disabled", "customClass"]),
+  components: {},
   setup: function setup(props2, context) {
@@ -68,10 +65,17 @@ return _setup({
 var _hoisted_1 = ["disabled", "type"];
+var _hoisted_2 = /* @__PURE__ */ createElementVNode(
+  "div",
+  {
+    class: "tiny-mobile-button-loading-inner"
+  },
+  null,
+  -1
+  /* HOISTED */
+);
+var _hoisted_3 = [_hoisted_2];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  var _component_icon_loading = resolveComponent("icon-loading");
   return openBlock(), createElementBlock("button", mergeProps({
     class: ["tiny-mobile-button", [_ctx.type ? "tiny-mobile-button--" + _ctx.type : "", _ctx.size ? "tiny-mobile-button--" + _ctx.size : "", {
       "is-disabled": _ctx.state.buttonDisabled,
-      "is-loading": _ctx.loading,
-      "is-plain": _ctx.state.plain,
-      "is-round": _ctx.round
+      "is-loading": _ctx.loading
     }]],
@@ -83,9 +87,15 @@ onClick: _cache[0] || (_cache[0] = function() {
     type: _ctx.nativeType
-  }, _ctx.a(_ctx.$attrs, ["class", "style"], true)), [_ctx.loading ? (openBlock(), createBlock(_component_icon_loading, {
-    key: 0,
-    class: "tiny-icon-loading"
-  })) : createCommentVNode("v-if", true), _ctx.icon && !_ctx.loading ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
+  }, _ctx.a(_ctx.$attrs, ["class", "style"], true)), [_ctx.loading ? (openBlock(), createElementBlock(
+    "div",
+    {
+      key: 0,
+      class: normalizeClass(["tiny-mobile-button-loading", "tiny-mobile-button-loading-" + (_ctx.type === "primary" ? "white" : "black")])
+    },
+    _hoisted_3,
+    2
+    /* CLASS */
+  )) : createCommentVNode("v-if", true), _ctx.icon && !_ctx.loading ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
     key: 1,
-    class: "tiny-icon is-icon"
-  })) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {}, function() {
+    class: normalizeClass(["tiny-icon", "is-icon", _ctx.text ? "small" : null])
+  }, null, 8, ["class"])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {}, function() {
     return [createElementVNode(
@@ -92,0 +102,0 @@ "span",

lib/pc.js

@@ -53,3 +53,3 @@ import { renderless, api } from "@opentiny/vue-renderless/button/vue";
   emits: ["click", "hook-updated"],
-  props: [].concat(props, ["type", "text", "size", "icon", "resetTime", "nativeType", "loading", "disabled", "plain", "autofocus", "round", "circle", "tabindex", "customClass"]),
+  props: [].concat(props, ["type", "text", "size", "icon", "resetTime", "nativeType", "loading", "disabled", "plain", "autofocus", "round", "circle", "tabindex", "customClass", "ghost"]),
   components: {
@@ -75,2 +75,3 @@ IconLoading: iconLoading()
       "is-plain": _ctx.state.plain,
+      "is-ghost": _ctx.ghost,
       "is-round": _ctx.round,
@@ -77,0 +78,0 @@ "is-circle": _ctx.circle,

package.json

 {
   "name": "@opentiny/vue-button",
-  "version": "3.12.0",
+  "version": "3.13.0",
   "description": "",
@@ -10,5 +10,5 @@ "main": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-common": "~3.12.0",
-    "@opentiny/vue-icon": "~3.12.0",
-    "@opentiny/vue-renderless": "~3.12.0"
+    "@opentiny/vue-common": "~3.13.0",
+    "@opentiny/vue-icon": "~3.13.0",
+    "@opentiny/vue-renderless": "~3.13.0"
   },
@@ -15,0 +15,0 @@ "license": "MIT",

src/index.d.ts

@@ -45,2 +45,3 @@ export declare const buttonProps: {
     };
+    ghost: BooleanConstructor;
     tiny_mode: StringConstructor;
@@ -97,2 +98,3 @@ tiny_mode_root: BooleanConstructor;
     };
+    ghost: BooleanConstructor;
     tiny_mode: StringConstructor;
@@ -150,2 +152,3 @@ tiny_mode_root: BooleanConstructor;
     };
+    ghost: BooleanConstructor;
     tiny_mode: StringConstructor;
@@ -174,3 +177,4 @@ tiny_mode_root: BooleanConstructor;
     banner: boolean;
+    ghost: boolean;
 }, {}>;
 export default _default;

src/mobile.vue.d.ts

@@ -13,7 +13,5 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     size?: any;
-    round?: any;
     icon?: any;
     resetTime?: any;
     nativeType?: any;
-    plain?: any;
     loading?: any;
@@ -29,3 +27,2 @@ customClass?: any;
     gcls: (key: any) => any;
-    m: (...cssClasses: any[]) => string;
 }, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("click" | "hook-updated")[], "click" | "hook-updated", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
@@ -43,7 +40,5 @@ text?: any;
     size?: any;
-    round?: any;
     icon?: any;
     resetTime?: any;
     nativeType?: any;
-    plain?: any;
     loading?: any;
@@ -66,7 +61,5 @@ customClass?: any;
     readonly size?: any;
-    readonly round?: any;
     readonly icon?: any;
     readonly resetTime?: any;
     readonly nativeType?: any;
-    readonly plain?: any;
     readonly loading?: any;
@@ -73,0 +66,0 @@ readonly customClass?: any;

src/pc.vue.d.ts

@@ -24,2 +24,3 @@ import type { IButtonApi } from '@opentiny/vue-renderless/types/button.type';
     customClass?: any;
+    ghost?: any;
 }>, IButtonApi, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("click" | "hook-updated")[], "click" | "hook-updated", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
@@ -47,2 +48,3 @@ text?: any;
     customClass?: any;
+    ghost?: any;
 }>>> & {
@@ -73,3 +75,4 @@ onClick?: ((...args: any[]) => any) | undefined;
     readonly customClass?: any;
+    readonly ghost?: any;
 }, {}>;
 export default _default;

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

36280

increased by0.95%

Lines of code

932

increased by1.53%

Number of low supply chain risk alerts

2

decreased by-50%

Dependency changes

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

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

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

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

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

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

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

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

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

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

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

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

• Updated@opentiny/vue-common@~3.13.0

• Updated@opentiny/vue-icon@~3.13.0

• Updated@opentiny/vue-renderless@~3.13.0