@opentiny/vue-switch - npm Package Compare versions

Comparing version 3.18.0 to 3.19.0

lib/index.js

@@ -99,3 +99,3 @@ function _extends() {
 });
-var version = "3.18.0";
+var version = "3.19.0";
 Switch.model = {
@@ -102,0 +102,0 @@ prop: "modelValue",

lib/pc.js

 import { renderless, api } from '@opentiny/vue-renderless/switch/vue';
 import { defineComponent, props, setup } from '@opentiny/vue-common';
 import '@opentiny/vue-theme/switch/index.css';
-import { openBlock, createElementBlock, normalizeClass, withKeys, createElementVNode, renderSlot, createTextVNode, createCommentVNode, toDisplayString } from 'vue';
+import { IconLoadingShadow } from '@opentiny/vue-icon';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, withKeys, createElementVNode, renderSlot, createTextVNode, createCommentVNode, createBlock, toDisplayString } from 'vue';
 
@@ -44,3 +45,6 @@ function _createForOfIteratorHelperLoose(r, e) {
   emits: ["change", "update:modelValue"],
-  props: [].concat(props, ["modelValue", "trueValue", "falseValue", "disabled", "mini", "tabindex", "showText", "beforeChange", "displayOnly"]),
+  props: [].concat(props, ["modelValue", "trueValue", "falseValue", "disabled", "mini", "tabindex", "showText", "beforeChange", "displayOnly", "loading"]),
+  components: {
+    IconLoading: IconLoadingShadow()
+  },
   setup: function setup$1(props2, context) {
@@ -66,2 +70,3 @@ return setup({
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_icon_loading = resolveComponent("icon-loading");
   return !_ctx.state.isDisplayOnly ? (openBlock(), createElementBlock("span", {
@@ -84,3 +89,3 @@ key: 0,
     },
-    [!_ctx.mini && _ctx.state.showText ? (openBlock(), createElementBlock("div", _hoisted_2, [_ctx.state.currentValue === _ctx.trueValue ? renderSlot(_ctx.$slots, "open", {
+    [!_ctx.mini && _ctx.state.showText && !_ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_2, [_ctx.state.currentValue === _ctx.trueValue ? renderSlot(_ctx.$slots, "open", {
       key: 0
@@ -96,6 +101,9 @@ }, function() {
     /* CLASS */
-  ), createElementVNode("span", _hoisted_3, [_ctx.state.currentValue === _ctx.trueValue ? renderSlot(_ctx.$slots, "active-icon", {
-    key: 0
-  }) : createCommentVNode("v-if", true), _ctx.state.currentValue === _ctx.falseValue ? renderSlot(_ctx.$slots, "inactive-icon", {
+  ), createElementVNode("span", _hoisted_3, [_ctx.loading ? (openBlock(), createBlock(_component_icon_loading, {
+    key: 0,
+    class: normalizeClass([_ctx.state.currentValue === _ctx.trueValue ? "tiny-switch__on-loading" : "tiny-switch__off-loading", _ctx.mini ? "tiny-switch__loading-size" : ""])
+  }, null, 8, ["class"])) : createCommentVNode("v-if", true), _ctx.state.currentValue === _ctx.trueValue && !_ctx.loading ? renderSlot(_ctx.$slots, "active-icon", {
     key: 1
+  }) : createCommentVNode("v-if", true), _ctx.state.currentValue === _ctx.falseValue && !_ctx.loading ? renderSlot(_ctx.$slots, "inactive-icon", {
+    key: 2
   }) : createCommentVNode("v-if", true)])], 42, _hoisted_1)) : (openBlock(), createElementBlock("span", _hoisted_4, [_ctx.state.currentValue === _ctx.trueValue ? renderSlot(_ctx.$slots, "open", {
@@ -102,0 +110,0 @@ key: 0

package.json

 {
   "name": "@opentiny/vue-switch",
-  "version": "3.18.0",
+  "version": "3.19.0",
   "description": "",
@@ -10,6 +10,7 @@ "main": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-renderless": "~3.18.0",
-    "@opentiny/vue-common": "~3.18.0",
-    "@opentiny/vue-theme-mobile": "~3.18.0",
-    "@opentiny/vue-theme": "~3.18.0"
+    "@opentiny/vue-renderless": "~3.19.0",
+    "@opentiny/vue-common": "~3.19.0",
+    "@opentiny/vue-theme-mobile": "~3.19.0",
+    "@opentiny/vue-theme": "~3.19.0",
+    "@opentiny/vue-icon": "~3.19.0"
   },
@@ -16,0 +17,0 @@ "license": "MIT",

src/pc.vue.d.ts

@@ -14,2 +14,3 @@ import type { ISwitchApi } from '@opentiny/vue-renderless/types/switch.type';
     mini?: any;
+    loading?: any;
     displayOnly?: any;
@@ -32,2 +33,3 @@ showText?: any;
     mini?: any;
+    loading?: any;
     displayOnly?: any;
@@ -53,2 +55,3 @@ showText?: any;
     readonly mini?: any;
+    readonly loading?: any;
     readonly displayOnly?: any;
@@ -55,0 +58,0 @@ readonly showText?: any;

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

37992

increased by1.86%

Lines of code

1021

increased by1.09%

Worsened metrics

Dependency count

5

increased by25%

Dependency changes

• + Added@opentiny/vue-icon@~3.19.0

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

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

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

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

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

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

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

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

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

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

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

• Updated@opentiny/vue-common@~3.19.0

• Updated@opentiny/vue-renderless@~3.19.0

• Updated@opentiny/vue-theme@~3.19.0

• Updated@opentiny/vue-theme-mobile@~3.19.0