@varlet/ui 2.6.2 → 2.6.3

package/es/app-bar/appBar.css

@@ -1 +1 @@
-:root { --app-bar-color: var(--color-primary); --app-bar-title-padding: 0 12px; --app-bar-text-color: #fff; --app-bar-height: 54px; --app-bar-left-gap: 6px; --app-bar-right-gap: 6px; --app-bar-border-radius: 4px;}.var-app-bar { position: relative; display: flex; width: 100%; justify-content: center; align-items: center; height: var(--app-bar-height); background: var(--app-bar-color); color: var(--app-bar-text-color); transition: background-color 0.25s;}.var-app-bar__title { flex: 1; display: flex; justify-content: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: var(--app-bar-title-padding);}.var-app-bar__left,.var-app-bar__right { display: flex; align-items: center; height: 100%; z-index: 2;}.var-app-bar__left { position: absolute; top: 0; left: var(--app-bar-left-gap);}.var-app-bar__right { position: absolute; top: 0; right: var(--app-bar-right-gap);}.var-app-bar--round { border-radius: var(--app-bar-border-radius);}
+:root { --app-bar-color: var(--color-primary); --app-bar-title-padding: 0 12px; --app-bar-title-font-size: var(--font-size-lg); --app-bar-text-color: #fff; --app-bar-height: 54px; --app-bar-left-gap: 6px; --app-bar-right-gap: 6px; --app-bar-border-radius: 4px; --app-bar-font-size: var(--font-size-lg);}.var-app-bar { position: relative; display: flex; width: 100%; font-size: var(--app-bar-font-size); justify-content: center; align-items: center; height: var(--app-bar-height); background: var(--app-bar-color); color: var(--app-bar-text-color); transition: background-color 0.25s;}.var-app-bar__title { font-size: var(--app-bar-title-font-size); flex: 1; display: flex; justify-content: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: var(--app-bar-title-padding);}.var-app-bar__left,.var-app-bar__right { display: flex; align-items: center; height: 100%; z-index: 2;}.var-app-bar__left { position: absolute; top: 0; left: var(--app-bar-left-gap);}.var-app-bar__right { position: absolute; top: 0; right: var(--app-bar-right-gap);}.var-app-bar--round { border-radius: var(--app-bar-border-radius);}

package/es/index-bar/IndexBar.js

@@ -35,7 +35,10 @@ export function render(_ctx, _cache) {
       style: _normalizeStyle({
         color: _ctx.active === anchorName && _ctx.highlightColor ? _ctx.highlightColor : ''
       }),
-      onClick: $event => _ctx.anchorClick(anchorName, true)
+      onClick: $event => _ctx.anchorClick({
+        anchorName,
+        manualCall: true
+      })
     }, _toDisplayString(anchorName), 15
     /* TEXT, CLASS, STYLE, PROPS */
     , _hoisted_1);
@@ -76,25 +79,40 @@ export default defineComponent({
     };
     bindIndexAnchors(indexBarProvider);
 
-    var emitEvent = anchor => {
+    var emitEvent = (anchor, options) => {
       var anchorName = isPlainObject(anchor) ? anchor.name.value : anchor;
       if (anchorName === active.value || anchorName === undefined) return;
       active.value = anchorName;
-      call(props.onChange, anchorName);
+
+      if ((options == null ? void 0 : options.event) !== false) {
+        call(props.onChange, anchorName);
+      }
+    };
+
+    var getOffsetTop = () => {
+      if (!('getBoundingClientRect' in scroller.value)) return 0;
+      var {
+        top: parentTop
+      } = scroller.value.getBoundingClientRect();
+      var {
+        scrollTop
+      } = scroller.value;
+      var {
+        top: targetTop
+      } = barEl.value.getBoundingClientRect();
+      return scrollTop - parentTop + targetTop;
     };
 
     var handleScroll = () => {
       var scrollTop = getScrollTop(scroller.value);
       var scrollHeight = scroller.value === window ? document.body.scrollHeight : scroller.value.scrollHeight;
-      var {
-        offsetTop
-      } = barEl.value;
+      var offsetTop = getOffsetTop();
       indexAnchors.forEach((anchor, index) => {
         var anchorTop = anchor.ownTop.value;
         var top = scrollTop - anchorTop + stickyOffsetTop.value - offsetTop;
         var distance = index === indexAnchors.length - 1 ? scrollHeight : indexAnchors[index + 1].ownTop.value - anchor.ownTop.value;
 
-        if (top >= 0 && top < distance && !clickedName.value) {
+        if (top >= 0 && top < distance && clickedName.value === '') {
           if (index && !props.cssMode) {
             indexAnchors[index - 1].setDisabled(true);
           }
@@ -106,23 +124,26 @@ export default defineComponent({
     };
 
     var anchorClick = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(function* (anchorName, manualCall) {
+      var _ref2 = _asyncToGenerator(function* (_ref) {
         var {
-          offsetTop
-        } = barEl.value;
+          anchorName,
+          manualCall = false,
+          options
+        } = _ref;
         if (manualCall) call(props.onClick, anchorName);
         if (anchorName === active.value) return;
-        var indexAnchor = indexAnchors.find(_ref2 => {
+        var indexAnchor = indexAnchors.find(_ref3 => {
           var {
             name
-          } = _ref2;
+          } = _ref3;
           return anchorName === name.value;
         });
         if (!indexAnchor) return;
+        var offsetTop = getOffsetTop();
         var top = indexAnchor.ownTop.value - stickyOffsetTop.value + offsetTop;
         var left = getScrollLeft(scroller.value);
         clickedName.value = anchorName;
-        emitEvent(anchorName);
+        emitEvent(anchorName, options);
         yield varScrollTo(scroller.value, {
           left,
           top,
@@ -134,23 +155,26 @@ export default defineComponent({
         });
       });
 
-      return function anchorClick(_x, _x2) {
-        return _ref.apply(this, arguments);
+      return function anchorClick(_x) {
+        return _ref2.apply(this, arguments);
       };
     }(); // expose
 
 
-    var scrollTo = index => {
-      requestAnimationFrame(() => anchorClick(index));
+    var scrollTo = (index, options) => {
+      requestAnimationFrame(() => anchorClick({
+        anchorName: index,
+        options
+      }));
     };
 
     watch(() => length.value, /*#__PURE__*/_asyncToGenerator(function* () {
       yield doubleRaf();
-      indexAnchors.forEach(_ref4 => {
+      indexAnchors.forEach(_ref5 => {
         var {
           name,
           setOwnTop
-        } = _ref4;
+        } = _ref5;
         if (name.value) anchorNameList.value.push(name.value);
         setOwnTop();
       });

package/es/slider/Slider.js

@@ -3,19 +3,12 @@ import { useValidation, createNamespace, call } from '../utils/components';
 import { useForm } from '../form/provide';
 import { getLeft, multiplySizeUnit } from '../utils/elements';
 import { isArray, isNumber, toNumber } from '@varlet/shared';
-import { props } from './props';
+import { props, Thumbs } from './props';
 import VarFormDetails from '../form-details';
 var {
   n,
   classes
 } = createNamespace('slider');
-var Thumbs;
-
-(function (Thumbs) {
-  Thumbs["First"] = "1";
-  Thumbs["Second"] = "2";
-})(Thumbs || (Thumbs = {}));
-
 import { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, withModifiers as _withModifiers, resolveComponent as _resolveComponent, createVNode as _createVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
 
 var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);

package/es/slider/props.js

@@ -4,6 +4,13 @@ function labelValidator(label) {
   return ['always', 'normal', 'never'].includes(label);
 }
 
+export var Thumbs;
+
+(function (Thumbs) {
+  Thumbs["First"] = "1";
+  Thumbs["Second"] = "2";
+})(Thumbs || (Thumbs = {}));
+
 export var props = {
   // 当前进度百分比
   modelValue: {

package/es/snackbar/style/index.js

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