@varlet/ui 2.0.3 → 2.0.5

package/es/varlet.esm.js

@@ -2145,7 +2145,7 @@ const Vr = ae({
     }), p = () => {
       !Qe(t.value) || (t.value < 0 ? N(e["onUpdate:active"], 0) : t.value > s.value - 1 && N(e["onUpdate:active"], s.value - 1));
     }, b = (k) => {
-      e.onBeforeChange ? y(k) : T(k);
+      t.value !== k && (e.onBeforeChange ? y(k) : T(k));
     }, y = (k) => {
       Promise.resolve(N(e.onBeforeChange, k)).then((D) => D && T(k));
     }, T = (k) => {
@@ -7127,6 +7127,10 @@ var Uf = {
   dashed: {
     type: Boolean,
     default: !1
+  },
+  hairline: {
+    type: Boolean,
+    default: !1
   }
 };
 function Or() {
@@ -7147,7 +7151,7 @@ function Hf(e, n) {
   return w(), M(
     "div",
     {
-      class: m(e.classes(e.n(), "var--box", [e.vertical, e.n("--vertical")], [e.withText, e.n("--with-text")], [e.isInset, e.n("--inset")], [e.dashed, e.n("--dashed")])),
+      class: m(e.classes(e.n(), "var--box", [e.vertical, e.n("--vertical")], [e.withText, e.n("--with-text")], [e.isInset, e.n("--inset")], [e.dashed, e.n("--dashed")], [e.hairline, e.n("--hairline")])),
       style: K(e.style)
     },
     [q(e.$slots, "default", {}, () => [e.description ? (w(), M(

package/highlight/attributes.json

@@ -699,6 +699,10 @@
     "type": "boolean",
     "description": "虚线 默认值：false"
   },
+  "var-divider/hairline": {
+    "type": "boolean",
+    "description": "0.5px 的分割线 默认值：false"
+  },
   "var-divider/description": {
     "type": "string",
     "description": "分割线的文字描述 默认值：-"

package/highlight/tags.json

@@ -252,6 +252,7 @@
       "inset",
       "vertical",
       "dashed",
+      "hairline",
       "description",
       "margin"
     ]

package/highlight/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -430,6 +430,10 @@
             }
           ],
           "slots": [
+            {
+              "name": "default",
+              "description": "底部导航栏内容"
+            },
             {
               "name": "fab",
               "description": "支持在组件中插入一个自定义的 fab 按钮"
@@ -2062,6 +2066,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "hairline",
+              "description": "0.5px 的分割线",
+              "default": "false",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "description",
               "description": "分割线的文字描述",

package/lib/bottom-navigation/BottomNavigation.js

@@ -122,6 +122,10 @@ var _default = (0, _vue.defineComponent)({
     };
 
     var onToggle = changedValue => {
+      if (active.value === changedValue) {
+        return;
+      }
+
       props.onBeforeChange ? handleBeforeChange(changedValue) : handleChange(changedValue);
     };
 

package/lib/divider/Divider.js

@@ -23,7 +23,7 @@ var {
 
 function render(_ctx, _cache) {
   return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
-    class: (0, _vue.normalizeClass)(_ctx.classes(_ctx.n(), 'var--box', [_ctx.vertical, _ctx.n('--vertical')], [_ctx.withText, _ctx.n('--with-text')], [_ctx.isInset, _ctx.n('--inset')], [_ctx.dashed, _ctx.n('--dashed')])),
+    class: (0, _vue.normalizeClass)(_ctx.classes(_ctx.n(), 'var--box', [_ctx.vertical, _ctx.n('--vertical')], [_ctx.withText, _ctx.n('--with-text')], [_ctx.isInset, _ctx.n('--inset')], [_ctx.dashed, _ctx.n('--dashed')], [_ctx.hairline, _ctx.n('--hairline')])),
     style: (0, _vue.normalizeStyle)(_ctx.style)
   }, [(0, _vue.renderSlot)(_ctx.$slots, "default", {}, () => [_ctx.description ? ((0, _vue.openBlock)(), (0, _vue.createElementBlock)("span", {
     key: 0,

package/lib/divider/divider.css

@@ -1 +1 @@
-:root { --divider-color: rgba(0, 0, 0, 0.12); --divider-text-color: #888; --divider-text-margin: 8px 0; --divider-text-padding: 0 8px; --divider-inset: 72px; --divider-vertical-inset: 8px;}.var-divider { position: relative; width: 100%; height: 0; border: none; border-top: 1px solid var(--divider-color); margin: var(--divider-text-margin); font-size: var(--font-size-md); color: var(--divider-text-color);}.var-divider--vertical { width: 0; height: 80%; margin: auto var(--divider-text-margin); padding: var(--divider-text-margin); border-top: none; border-left: 1px solid var(--divider-color);}.var-divider--inset { width: calc(100% - var(--divider-inset)); left: var(--divider-inset);}.var-divider--vertical.var-divider--inset { width: 0; left: unset; height: calc(80% - var(--divider-vertical-inset));}.var-divider__text { display: inline-block; padding: var(--divider-text-padding);}.var-divider--with-text { background-color: transparent; height: fit-content; display: flex; align-items: center; justify-content: center; border: none;}.var-divider--with-text::before,.var-divider--with-text::after { display: inline-block; content: ''; flex: 1; height: 0; border-top: 1px solid var(--divider-color);}.var-divider--dashed { border-top-style: dashed;}.var-divider--dashed.var-divider--vertical { border-top: none; border-left-style: dashed;}
+:root { --divider-color: rgba(0, 0, 0, 0.12); --divider-text-color: #888; --divider-text-margin: 8px 0; --divider-text-padding: 0 8px; --divider-inset: 72px; --divider-vertical-inset: 8px;}.var-divider { position: relative; width: 100%; height: 0; border: none; border-top: 1px solid var(--divider-color); margin: var(--divider-text-margin); font-size: var(--font-size-md); color: var(--divider-text-color);}.var-divider--vertical { width: 0; height: 80%; margin: auto var(--divider-text-margin); padding: var(--divider-text-margin); border-top: none; border-left: 1px solid var(--divider-color);}.var-divider--inset { width: calc(100% - var(--divider-inset)); left: var(--divider-inset);}.var-divider--vertical.var-divider--inset { width: 0; left: unset; height: calc(80% - var(--divider-vertical-inset));}.var-divider__text { display: inline-block; padding: var(--divider-text-padding);}.var-divider--with-text { background-color: transparent; height: fit-content; display: flex; align-items: center; justify-content: center; border: none;}.var-divider--with-text::before,.var-divider--with-text::after { display: inline-block; content: ''; flex: 1; height: 0; border-top: 1px solid var(--divider-color);}.var-divider--dashed { border-top-style: dashed;}.var-divider--dashed.var-divider--vertical { border-top: none; border-left-style: dashed;}.var-divider--hairline { transform: scaleY(0.5);}.var-divider--hairline.var-divider--with-text { transform: none;}.var-divider--hairline.var-divider--with-text::before,.var-divider--hairline.var-divider--with-text::after { transform: scaleY(0.5);}.var-divider--hairline.var-divider--vertical { transform: scaleX(0.5);}

package/lib/divider/props.js

@@ -20,6 +20,10 @@ var props = {
   dashed: {
     type: Boolean,
     default: false
+  },
+  hairline: {
+    type: Boolean,
+    default: false
   }
 };
 exports.props = props;

package/lib/snackbar/style/index.js

@@ -1,8 +1,8 @@
 require('../../styles/common.css')
-require('../SnackbarSfc.css')
 require('../../styles/elevation.css')
 require('../../loading/loading.css')
 require('../../button/button.css')
 require('../../icon/icon.css')
 require('../snackbar.css')
 require('../coreSfc.css')
+require('../SnackbarSfc.css')