@varlet/ui 2.15.0 → 2.15.2-alpha.1693502641730

package/es/swipe/Swipe.mjs

@@ -2,9 +2,8 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 import { defineComponent, ref, computed, watch, onActivated } from 'vue';
 import { useSwipeItems } from './provide.mjs';
-import { doubleRaf, nextTickFrame } from '../utils/elements.mjs';
 import { props } from './props.mjs';
-import { clamp, isNumber, toNumber } from '@varlet/shared';
+import { clamp, isNumber, toNumber, doubleRaf } from '@varlet/shared';
 import { call, createNamespace } from '../utils/components.mjs';
 import { onSmartUnmounted, onWindowResize, useTouch } from '@varlet/use';
 import { usePopup } from '../popup/provide.mjs';
@@ -153,23 +152,26 @@ var __sfc__ = defineComponent({
       }
       return clamp(index, 0, length.value - 1);
     };
-    var fixPosition = fn => {
-      var overLeft = trackTranslate.value >= size.value;
-      var overRight = trackTranslate.value <= -trackSize.value;
-      var leftTranslate = 0;
-      var rightTranslate = -(trackSize.value - size.value);
-      lockDuration.value = true;
-      if (overLeft || overRight) {
+    var fixPosition = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(function* () {
+        var overLeft = trackTranslate.value >= size.value;
+        var overRight = trackTranslate.value <= -trackSize.value;
+        var leftTranslate = 0;
+        var rightTranslate = -(trackSize.value - size.value);
         lockDuration.value = true;
-        trackTranslate.value = overRight ? leftTranslate : rightTranslate;
-        findSwipeItem(0).setTranslate(0);
-        findSwipeItem(length.value - 1).setTranslate(0);
-      }
-      nextTickFrame(() => {
+        if (overLeft || overRight) {
+          lockDuration.value = true;
+          trackTranslate.value = overRight ? leftTranslate : rightTranslate;
+          findSwipeItem(0).setTranslate(0);
+          findSwipeItem(length.value - 1).setTranslate(0);
+        }
+        yield doubleRaf();
         lockDuration.value = false;
-        call(fn);
       });
-    };
+      return function fixPosition() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
     var initialIndex = () => {
       if (initializedIndex) {
         return;
@@ -197,16 +199,20 @@ var __sfc__ = defineComponent({
       trackTranslate.value = value;
       dispatchSwipeItems();
     };
-    var handleTouchstart = event => {
-      if (length.value <= 1 || !props.touchable) {
-        return;
-      }
-      startTouch(event);
-      stopAutoplay();
-      fixPosition(() => {
+    var handleTouchstart = /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator(function* (event) {
+        if (length.value <= 1 || !props.touchable) {
+          return;
+        }
+        startTouch(event);
+        stopAutoplay();
+        yield fixPosition();
         lockDuration.value = true;
       });
-    };
+      return function handleTouchstart(_x) {
+        return _ref3.apply(this, arguments);
+      };
+    }();
     var handleTouchmove = event => {
       var {
         touchable,
@@ -264,21 +270,22 @@ var __sfc__ = defineComponent({
       });
     };
     // expose
-    var next = options => {
-      if (length.value <= 1) {
-        return;
-      }
-      initialIndex();
-      var {
-        loop,
-        onChange
-      } = props;
-      var currentIndex = index.value;
-      index.value = clampIndex(currentIndex + 1);
-      if ((options == null ? void 0 : options.event) !== false) {
-        call(onChange, index.value);
-      }
-      fixPosition(() => {
+    var next = /*#__PURE__*/function () {
+      var _ref4 = _asyncToGenerator(function* (options) {
+        if (length.value <= 1) {
+          return;
+        }
+        initialIndex();
+        var {
+          loop,
+          onChange
+        } = props;
+        var currentIndex = index.value;
+        index.value = clampIndex(currentIndex + 1);
+        if ((options == null ? void 0 : options.event) !== false) {
+          call(onChange, index.value);
+        }
+        yield fixPosition();
         if (currentIndex === length.value - 1 && loop) {
           findSwipeItem(0).setTranslate(trackSize.value);
           trackTranslate.value = length.value * -size.value;
@@ -288,23 +295,27 @@ var __sfc__ = defineComponent({
           trackTranslate.value = index.value * -size.value;
         }
       });
-    };
+      return function next(_x2) {
+        return _ref4.apply(this, arguments);
+      };
+    }();
     // expose
-    var prev = options => {
-      if (length.value <= 1) {
-        return;
-      }
-      initialIndex();
-      var {
-        loop,
-        onChange
-      } = props;
-      var currentIndex = index.value;
-      index.value = clampIndex(currentIndex - 1);
-      if ((options == null ? void 0 : options.event) !== false) {
-        call(onChange, index.value);
-      }
-      fixPosition(() => {
+    var prev = /*#__PURE__*/function () {
+      var _ref5 = _asyncToGenerator(function* (options) {
+        if (length.value <= 1) {
+          return;
+        }
+        initialIndex();
+        var {
+          loop,
+          onChange
+        } = props;
+        var currentIndex = index.value;
+        index.value = clampIndex(currentIndex - 1);
+        if ((options == null ? void 0 : options.event) !== false) {
+          call(onChange, index.value);
+        }
+        yield fixPosition();
         if (currentIndex === 0 && loop) {
           findSwipeItem(length.value - 1).setTranslate(-trackSize.value);
           trackTranslate.value = size.value;
@@ -314,7 +325,10 @@ var __sfc__ = defineComponent({
           trackTranslate.value = index.value * -size.value;
         }
       });
-    };
+      return function prev(_x3) {
+        return _ref5.apply(this, arguments);
+      };
+    }();
     // expose
     var to = (idx, options) => {
       if (length.value <= 1 || idx === index.value) {
@@ -347,7 +361,7 @@ var __sfc__ = defineComponent({
     if (popup) {
       // watch popup show again
       watch(() => popup.show.value, /*#__PURE__*/function () {
-        var _ref3 = _asyncToGenerator(function* (show) {
+        var _ref7 = _asyncToGenerator(function* (show) {
           if (show) {
             yield doubleRaf();
             resize();
@@ -355,8 +369,8 @@ var __sfc__ = defineComponent({
             stopAutoplay();
           }
         });
-        return function (_x) {
-          return _ref3.apply(this, arguments);
+        return function (_x4) {
+          return _ref7.apply(this, arguments);
         };
       }());
     }

package/es/table/table.css

@@ -1 +1 @@
-:root { --table-background: #fff; --table-border-radius: 2px; --table-thead-border-bottom: thin solid rgba(0, 0, 0, 0.12); --table-thead-th-text-color: rgba(0, 0, 0, 0.6); --table-thead-th-font-size: 14px; --table-thead-tr-border-bottom: thin solid rgba(0, 0, 0, 0.12); --table-tbody-tr-hover-background: #eee; --table-tbody-tr-border-bottom: thin solid rgba(0, 0, 0, 0.12); --table-tbody-td-text-color: #555; --table-tbody-td-font-size: 16px; --table-row-height: 46px; --table-row-padding: 0 16px; --table-footer-border-top: thin solid rgba(0, 0, 0, 0.12);}.var-table { width: 100%; background: var(--table-background); border-radius: var(--table-border-radius); transition: 0.25s background-color;}.var-table * { box-sizing: border-box;}.var-table__main { width: 100%; overflow-x: auto;}.var-table__main > table { min-width: 100%; display: table; border-spacing: 0; border-collapse: collapse; line-height: normal;}.var-table__main > table thead { display: table-header-group; border-bottom: var(--table-thead-border-bottom);}.var-table__main > table thead tr th { color: var(--table-thead-th-text-color); font-size: var(--table-thead-th-font-size);}.var-table__main > table thead tr:not(:last-child) { border-bottom: var(--table-thead-tr-border-bottom);}.var-table__main > table tbody { display: table-row-group;}.var-table__main > table tbody tr { display: table-row; outline: 0; vertical-align: middle;}.var-table__main > table tbody tr:hover { background: var(--table-tbody-tr-hover-background);}.var-table__main > table tbody tr:not(:last-child) { border-bottom: var(--table-tbody-tr-border-bottom);}.var-table__main > table tbody td { color: var(--table-tbody-td-text-color); font-size: var(--table-tbody-td-font-size);}.var-table__main > table th { display: table-cell; height: var(--table-row-height); padding: var(--table-row-padding); font-weight: 500; text-align: left;}.var-table__main > table td { display: table-cell; padding: var(--table-row-padding); height: var(--table-row-height); text-align: left;}.var-table__footer { width: 100%; min-height: var(--table-row-height); border-top: var(--table-footer-border-top);}
+:root { --table-background: #fff; --table-border-radius: 2px; --table-thead-border-bottom: thin solid rgba(0, 0, 0, 0.12); --table-thead-th-text-color: rgba(0, 0, 0, 0.6); --table-thead-th-font-size: 14px; --table-thead-tr-border-bottom: thin solid rgba(0, 0, 0, 0.12); --table-tbody-tr-hover-background: #eee; --table-tbody-tr-border-bottom: thin solid rgba(0, 0, 0, 0.12); --table-tbody-td-text-color: #555; --table-tbody-td-font-size: 16px; --table-row-height: 46px; --table-row-padding: 0 16px; --table-footer-border-top: thin solid rgba(0, 0, 0, 0.12);}.var-table { width: 100%; background: var(--table-background); border-radius: var(--table-border-radius); transition: 0.25s background-color;}.var-table * { box-sizing: border-box;}.var-table__main { width: 100%; overflow-x: auto;}.var-table__main > table { min-width: 100%; display: table; border-spacing: 0; border-collapse: collapse; line-height: normal;}.var-table__main > table thead { display: table-header-group; border-bottom: var(--table-thead-border-bottom);}.var-table__main > table thead tr th { color: var(--table-thead-th-text-color); font-size: var(--table-thead-th-font-size);}.var-table__main > table thead tr:not(:last-child) { border-bottom: var(--table-thead-tr-border-bottom);}.var-table__main > table tbody { display: table-row-group;}.var-table__main > table tbody tr { display: table-row; outline: 0; vertical-align: middle;}.var-table__main > table tbody tr:hover { background: var(--table-tbody-tr-hover-background); transition: background-color 0.25s;}.var-table__main > table tbody tr:not(:last-child) { border-bottom: var(--table-tbody-tr-border-bottom);}.var-table__main > table tbody td { color: var(--table-tbody-td-text-color); font-size: var(--table-tbody-td-font-size);}.var-table__main > table th { display: table-cell; height: var(--table-row-height); padding: var(--table-row-padding); font-weight: 500; text-align: left;}.var-table__main > table td { display: table-cell; padding: var(--table-row-padding); height: var(--table-row-height); text-align: left;}.var-table__footer { width: 100%; min-height: var(--table-row-height); border-top: var(--table-footer-border-top);}

package/es/tabs/Tabs.mjs

@@ -4,9 +4,9 @@ import VarSticky from '../sticky/index.mjs';
 import { defineComponent, watch, ref, computed, Transition, onActivated } from 'vue';
 import { props } from './props.mjs';
 import { useTabList } from './provide.mjs';
-import { clamp, isNumber } from '@varlet/shared';
+import { clamp, isNumber, doubleRaf } from '@varlet/shared';
 import { linear } from '../utils/shared.mjs';
-import { toSizeUnit, scrollTo, doubleRaf } from '../utils/elements.mjs';
+import { toSizeUnit, scrollTo } from '../utils/elements.mjs';
 import { createNamespace, call, formatElevation } from '../utils/components.mjs';
 import { onWindowResize } from '@varlet/use';
 var {

package/es/tabs-items/TabsItems.mjs

@@ -5,7 +5,7 @@ import { defineComponent, watch, ref } from 'vue';
 import { useTabItem } from './provide.mjs';
 import { call, createNamespace } from '../utils/components.mjs';
 import { props } from './props.mjs';
-import { doubleRaf } from '../utils/elements.mjs';
+import { doubleRaf } from '@varlet/shared';
 var {
   n
 } = createNamespace('tabs-items');

package/es/time-picker/TimePicker.mjs

@@ -1,12 +1,11 @@
-import { computed, defineComponent, reactive, ref, watch } from 'vue';
 import dayjs from 'dayjs/esm';
 import Clock from './clock.mjs';
+import { computed, defineComponent, reactive, ref, watch } from 'vue';
 import { props, hoursAmpm, hours24 } from './props.mjs';
-import { toNumber } from '@varlet/shared';
+import { toNumber, getRect } from '@varlet/shared';
 import { createNamespace, call, formatElevation } from '../utils/components.mjs';
 import { padStart } from '../utils/shared.mjs';
 import { getNumberTime, getIsDisableMinute, getIsDisableSecond } from './utils.mjs';
-import { getRect } from '../utils/elements.mjs';
 var {
   n,
   classes

package/es/time-picker/clock.mjs

@@ -1,11 +1,10 @@
-import { computed, defineComponent, ref, watch } from 'vue';
 import dayjs from 'dayjs/esm';
+import { computed, defineComponent, ref, watch } from 'vue';
 import { hoursAmpm, hours24, minSec } from './props.mjs';
 import { notConvert, convertHour, getIsDisableMinute, getIsDisableSecond, getNumberTime } from './utils.mjs';
-import { toNumber } from '@varlet/shared';
+import { toNumber, getRect } from '@varlet/shared';
 import { createNamespace } from '../utils/components.mjs';
 import { padStart } from '../utils/shared.mjs';
-import { getRect } from '../utils/elements.mjs';
 var {
   n,
   classes

package/es/utils/elements.mjs

@@ -1,31 +1,5 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import { isNumber, isObject, isString, kebabCase, toNumber, isWindow, inBrowser } from '@varlet/shared';
-import { getGlobalThis } from './shared.mjs';
+import { isNumber, isObject, isString, kebabCase, toNumber, isWindow, inBrowser, getRect, getStyle } from '@varlet/shared';
 import { error } from './logger.mjs';
-// shorthand only
-export function getStyle(element) {
-  return window.getComputedStyle(element);
-}
-export function getRect(element) {
-  if (isWindow(element)) {
-    var width = element.innerWidth;
-    var height = element.innerHeight;
-    var rect = {
-      x: 0,
-      y: 0,
-      top: 0,
-      left: 0,
-      right: width,
-      bottom: height,
-      width,
-      height
-    };
-    return _extends({}, rect, {
-      toJSON: () => rect
-    });
-  }
-  return element.getBoundingClientRect();
-}
 export function getLeft(element) {
   var {
     left
@@ -48,21 +22,6 @@ export function getScrollLeft(element) {
   var left = 'scrollLeft' in element ? element.scrollLeft : element.pageXOffset;
   return Math.max(left, 0);
 }
-export function inViewport(element) {
-  var {
-    top,
-    bottom,
-    left,
-    right
-  } = getRect(element);
-  var {
-    width,
-    height
-  } = getRect(window);
-  var xInViewport = left <= width && right >= 0;
-  var yInViewport = top <= height && bottom >= 0;
-  return xInViewport && yInViewport;
-}
 export function getTranslateY(el) {
   var {
     transform
@@ -216,31 +175,6 @@ export var multiplySizeUnit = function (value, quantity) {
   var unit = legalSize.match(/(vh|%|r?em|px|vw|vmin|vmax)$/)[0];
   return "" + parseFloat(legalSize) * quantity + unit;
 };
-export function requestAnimationFrame(fn) {
-  var globalThis = getGlobalThis();
-  return globalThis.requestAnimationFrame ? globalThis.requestAnimationFrame(fn) : globalThis.setTimeout(fn, 16);
-}
-export function cancelAnimationFrame(handle) {
-  var globalThis = getGlobalThis();
-  globalThis.cancelAnimationFrame ? globalThis.cancelAnimationFrame(handle) : globalThis.clearTimeout(handle);
-}
-export function nextTickFrame(fn) {
-  requestAnimationFrame(() => {
-    requestAnimationFrame(fn);
-  });
-}
-export function doubleRaf() {
-  return new Promise(resolve => {
-    requestAnimationFrame(() => {
-      requestAnimationFrame(resolve);
-    });
-  });
-}
-export function raf() {
-  return new Promise(resolve => {
-    requestAnimationFrame(resolve);
-  });
-}
 export function scrollTo(element, _ref) {
   var {
     top = 0,
@@ -275,10 +209,6 @@ export function formatStyleVars(styleVars) {
     return styles;
   }, {});
 }
-export function supportTouch() {
-  var inBrowser = typeof window !== 'undefined';
-  return inBrowser && 'ontouchstart' in window;
-}
 export function padStartFlex(style) {
   return style === 'start' || style === 'end' ? "flex-" + style : style;
 }

package/es/utils/shared.mjs

@@ -37,11 +37,6 @@ export var linear = value => value;
 export var cubic = value => Math.pow(value, 3);
 export var easeInOutCubic = value => value < 0.5 ? cubic(value * 2) / 2 : 1 - cubic((1 - value) * 2) / 2;
 export var dt = (value, defaultText) => value == null ? defaultText : value;
-export var getGlobalThis = () => {
-  if (typeof globalThis !== 'undefined') return globalThis;
-  if (typeof window !== 'undefined') return window;
-  return typeof global !== 'undefined' ? global : self;
-};
 
 // eslint-disable-next-line default-param-last
 export var padStart = function (str, maxLength, fillString) {

package/es/utils/test.mjs

@@ -2,8 +2,7 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 import { nextTick } from 'vue';
 import { config } from '@vue/test-utils';
-import { isPlainObject } from '@varlet/shared';
-import { getStyle } from './elements.mjs';
+import { isPlainObject, getStyle } from '@varlet/shared';
 export var delay = time => new Promise(resolve => {
   setTimeout(resolve, time);
 });