@varlet/ui 2.6.2 → 2.6.3

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.6.1",
+  "version": "2.6.2",
   "name": "VARLET",
   "contributions": {
     "html": {

package/lib/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/lib/index-bar/IndexBar.js

@@ -48,7 +48,10 @@ function render(_ctx, _cache) {
       style: (0, _vue.normalizeStyle)({
         color: _ctx.active === anchorName && _ctx.highlightColor ? _ctx.highlightColor : ''
       }),
-      onClick: $event => _ctx.anchorClick(anchorName, true)
+      onClick: $event => _ctx.anchorClick({
+        anchorName,
+        manualCall: true
+      })
     }, (0, _vue.toDisplayString)(anchorName), 15
     /* TEXT, CLASS, STYLE, PROPS */
     , _hoisted_1);
@@ -90,25 +93,40 @@ var _default = (0, _vue.defineComponent)({
     };
     bindIndexAnchors(indexBarProvider);
 
-    var emitEvent = anchor => {
+    var emitEvent = (anchor, options) => {
       var anchorName = (0, _shared.isPlainObject)(anchor) ? anchor.name.value : anchor;
       if (anchorName === active.value || anchorName === undefined) return;
       active.value = anchorName;
-      (0, _components.call)(props.onChange, anchorName);
+
+      if ((options == null ? void 0 : options.event) !== false) {
+        (0, _components.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 = (0, _elements.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);
           }
@@ -120,23 +138,26 @@ var _default = (0, _vue.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) (0, _components.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 = (0, _elements.getScrollLeft)(scroller.value);
         clickedName.value = anchorName;
-        emitEvent(anchorName);
+        emitEvent(anchorName, options);
         yield (0, _elements.scrollTo)(scroller.value, {
           left,
           top,
@@ -148,23 +169,26 @@ var _default = (0, _vue.defineComponent)({
         });
       });
 
-      return function anchorClick(_x, _x2) {
-        return _ref.apply(this, arguments);
+      return function anchorClick(_x) {
+        return _ref2.apply(this, arguments);
       };
     }(); // expose
 
 
-    var scrollTo = index => {
-      (0, _elements.requestAnimationFrame)(() => anchorClick(index));
+    var scrollTo = (index, options) => {
+      (0, _elements.requestAnimationFrame)(() => anchorClick({
+        anchorName: index,
+        options
+      }));
     };
 
     (0, _vue.watch)(() => length.value, /*#__PURE__*/_asyncToGenerator(function* () {
       yield (0, _elements.doubleRaf)();
-      indexAnchors.forEach(_ref4 => {
+      indexAnchors.forEach(_ref5 => {
         var {
           name,
           setOwnTop
-        } = _ref4;
+        } = _ref5;
         if (name.value) anchorNameList.value.push(name.value);
         setOwnTop();
       });

package/lib/slider/Slider.js

@@ -24,12 +24,6 @@ var {
   n,
   classes
 } = (0, _components.createNamespace)('slider');
-var Thumbs;
-
-(function (Thumbs) {
-  Thumbs["First"] = "1";
-  Thumbs["Second"] = "2";
-})(Thumbs || (Thumbs = {}));
 
 var _withScopeId = n => ((0, _vue.pushScopeId)(""), n = n(), (0, _vue.popScopeId)(), n);
 
@@ -156,8 +150,8 @@ var _default = (0, _vue.defineComponent)({
     var maxWidth = (0, _vue.ref)(0);
     var isScroll = (0, _vue.ref)(false);
     var thumbsProps = (0, _vue.reactive)({
-      [Thumbs.First]: getThumbProps(),
-      [Thumbs.Second]: getThumbProps()
+      [_props.Thumbs.First]: getThumbProps(),
+      [_props.Thumbs.Second]: getThumbProps()
     });
     var scope = (0, _vue.computed)(() => (0, _shared.toNumber)(props.max) - (0, _shared.toNumber)(props.min));
     var unitWidth = (0, _vue.computed)(() => maxWidth.value / scope.value * (0, _shared.toNumber)(props.step));
@@ -171,17 +165,17 @@ var _default = (0, _vue.defineComponent)({
       if (range && (0, _shared.isArray)(modelValue)) {
         list = [{
           value: getValue(modelValue[0]),
-          enumValue: Thumbs.First,
+          enumValue: _props.Thumbs.First,
           text: toPrecision(modelValue[0])
         }, {
           value: getValue(modelValue[1]),
-          enumValue: Thumbs.Second,
+          enumValue: _props.Thumbs.Second,
           text: toPrecision(modelValue[1])
         }];
       } else if ((0, _shared.isNumber)(modelValue)) {
         list = [{
           value: getValue(modelValue),
-          enumValue: Thumbs.First,
+          enumValue: _props.Thumbs.First,
           text: toPrecision(modelValue)
         }];
       }
@@ -246,7 +240,7 @@ var _default = (0, _vue.defineComponent)({
       thumbsProps[type].percentValue = roundDistance;
 
       if (range && (0, _shared.isArray)(modelValue)) {
-        rangeValue = type === Thumbs.First ? [curValue, modelValue[1]] : [modelValue[0], curValue];
+        rangeValue = type === _props.Thumbs.First ? [curValue, modelValue[1]] : [modelValue[0], curValue];
       }
 
       if (prevValue !== curValue) {
@@ -258,12 +252,12 @@ var _default = (0, _vue.defineComponent)({
     };
 
     var getType = offset => {
-      if (!props.range) return Thumbs.First;
-      var thumb1Distance = thumbsProps[Thumbs.First].percentValue * unitWidth.value;
-      var thumb2Distance = thumbsProps[Thumbs.Second].percentValue * unitWidth.value;
+      if (!props.range) return _props.Thumbs.First;
+      var thumb1Distance = thumbsProps[_props.Thumbs.First].percentValue * unitWidth.value;
+      var thumb2Distance = thumbsProps[_props.Thumbs.Second].percentValue * unitWidth.value;
       var offsetToThumb1 = Math.abs(offset - thumb1Distance);
       var offsetToThumb2 = Math.abs(offset - thumb2Distance);
-      return offsetToThumb1 <= offsetToThumb2 ? Thumbs.First : Thumbs.Second;
+      return offsetToThumb1 <= offsetToThumb2 ? _props.Thumbs.First : _props.Thumbs.Second;
     };
 
     var start = (event, type) => {
@@ -297,7 +291,7 @@ var _default = (0, _vue.defineComponent)({
       var curValue = thumbsProps[type].percentValue * (0, _shared.toNumber)(step) + (0, _shared.toNumber)(min);
 
       if (range && (0, _shared.isArray)(modelValue)) {
-        rangeValue = type === Thumbs.First ? [curValue, modelValue[1]] : [modelValue[0], curValue];
+        rangeValue = type === _props.Thumbs.First ? [curValue, modelValue[1]] : [modelValue[0], curValue];
       }
 
       (0, _components.call)(onEnd, range ? rangeValue : curValue);
@@ -373,12 +367,12 @@ var _default = (0, _vue.defineComponent)({
       };
 
       if (props.range && (0, _shared.isArray)(modelValue)) {
-        thumbsProps[Thumbs.First].percentValue = getPercent(modelValue[0]);
-        thumbsProps[Thumbs.First].currentLeft = thumbsProps[Thumbs.First].percentValue * unitWidth.value;
-        thumbsProps[Thumbs.Second].percentValue = getPercent(modelValue[1]);
-        thumbsProps[Thumbs.Second].currentLeft = thumbsProps[Thumbs.Second].percentValue * unitWidth.value;
+        thumbsProps[_props.Thumbs.First].percentValue = getPercent(modelValue[0]);
+        thumbsProps[_props.Thumbs.First].currentLeft = thumbsProps[_props.Thumbs.First].percentValue * unitWidth.value;
+        thumbsProps[_props.Thumbs.Second].percentValue = getPercent(modelValue[1]);
+        thumbsProps[_props.Thumbs.Second].currentLeft = thumbsProps[_props.Thumbs.Second].percentValue * unitWidth.value;
       } else if ((0, _shared.isNumber)(modelValue)) {
-        thumbsProps[Thumbs.First].currentLeft = getPercent(modelValue) * unitWidth.value;
+        thumbsProps[_props.Thumbs.First].currentLeft = getPercent(modelValue) * unitWidth.value;
       }
     };
 
@@ -407,7 +401,7 @@ var _default = (0, _vue.defineComponent)({
     return {
       n,
       classes,
-      Thumbs,
+      Thumbs: _props.Thumbs,
       sliderEl,
       getFillStyle,
       isDisabled,

package/lib/slider/props.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.props = void 0;
+exports.props = exports.Thumbs = void 0;
 
 var _components = require("../utils/components");
 
@@ -9,6 +9,14 @@ function labelValidator(label) {
   return ['always', 'normal', 'never'].includes(label);
 }
 
+var Thumbs;
+exports.Thumbs = Thumbs;
+
+(function (Thumbs) {
+  Thumbs["First"] = "1";
+  Thumbs["Second"] = "2";
+})(Thumbs || (exports.Thumbs = Thumbs = {}));
+
 var props = {
   // 当前进度百分比
   modelValue: {

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')