@varlet/ui 3.13.0 → 3.13.1

package/highlight/web-types.en-US.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "3.13.0",
+  "version": "3.13.1",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -1075,6 +1075,15 @@
                 "type": "boolean",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "animated",
+              "description": "Whether to enable content switching animation",
+              "default": "true",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
             }
           ],
           "events": [

package/highlight/web-types.zh-CN.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "3.13.0",
+  "version": "3.13.1",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -1075,6 +1075,15 @@
                 "type": "boolean",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "animated",
+              "description": "是否启用内容切换动画",
+              "default": "true",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
             }
           ],
           "events": [

package/lib/varlet.cjs.js

@@ -9822,6 +9822,10 @@ const props$12 = {
     type: [Number, String],
     default: 1
   },
+  animated: {
+    type: Boolean,
+    default: true
+  },
   fixed: Boolean,
   border: Boolean,
   variant: Boolean,
@@ -9931,6 +9935,7 @@ const __sfc__$1b = vue.defineComponent({
   props: props$12,
   setup(props2, { slots }) {
     const bottomNavigationDom = vue.ref(null);
+    const animated = vue.computed(() => props2.animated);
     const active = vue.computed(() => props2.active);
     const activeColor = vue.computed(() => props2.activeColor);
     const inactiveColor = vue.computed(() => props2.inactiveColor);
@@ -9939,6 +9944,7 @@ const __sfc__$1b = vue.defineComponent({
     const fabProps = vue.ref({});
     const { length, bottomNavigationItems, bindBottomNavigationItem } = useBottomNavigationItems();
     const bottomNavigationProvider = {
+      animated,
       active,
       activeColor,
       inactiveColor,
@@ -10101,7 +10107,15 @@ function __render__$17(_ctx, _cache) {
   return vue.withDirectives((vue.openBlock(), vue.createElementBlock(
     "button",
     {
-      class: vue.normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box"), [_ctx.variant, _ctx.n("--variant-padding")], [_ctx.isActive && !_ctx.variant, _ctx.n("--active")])),
+      class: vue.normalizeClass(
+        _ctx.classes(
+          _ctx.n(),
+          _ctx.n("$--box"),
+          [_ctx.variant, _ctx.n("--variant-padding")],
+          [_ctx.isActive && !_ctx.variant, _ctx.n("--active")],
+          [_ctx.animated, _ctx.n("--animated")]
+        )
+      ),
       style: vue.normalizeStyle({
         color: _ctx.isActive ? _ctx.activeColor : _ctx.inactiveColor
       }),
@@ -10190,7 +10204,7 @@ const __sfc__$1a = vue.defineComponent({
     const isActive = vue.computed(() => [name2.value, index.value].includes(active.value));
     const badgeProps = vue.computed(() => props2.badge === true ? defaultBadgeProps : props2.badge);
     const { index, bottomNavigation, bindBottomNavigation } = useBottomNavigation();
-    const { active, activeColor, inactiveColor, variant } = bottomNavigation;
+    const { animated, active, activeColor, inactiveColor, variant } = bottomNavigation;
     const bottomNavigationItemProvider = {
       name: name2,
       index
@@ -10203,6 +10217,7 @@ const __sfc__$1a = vue.defineComponent({
       call(bottomNavigation.onToggle, active2);
     }
     return {
+      animated,
       activeColor,
       inactiveColor,
       badgeProps,
@@ -32141,7 +32156,7 @@ withInstall(stdin_default$1);
 withPropsDefaultsSetter(stdin_default$1, props);
 const _WatermarkComponent = stdin_default$1;
 var stdin_default = stdin_default$1;
-const version = "3.13.0";
+const version = "3.13.1";
 function install(app) {
   stdin_default$60.install && app.use(stdin_default$60);
   stdin_default$5_.install && app.use(stdin_default$5_);