@varlet/ui 2.16.7 → 2.16.8-alpha.1695118057982

package/es/utils/elements.mjs

@@ -1,35 +1,37 @@
-import { isNumber, isObject, isString, kebabCase, toNumber, isWindow, inBrowser, getRect, getStyle } from '@varlet/shared';
-import { error } from './logger.mjs';
-export function getLeft(element) {
-  var {
-    left
-  } = getRect(element);
+import {
+  isNumber,
+  isObject,
+  isString,
+  kebabCase,
+  toNumber,
+  isWindow,
+  inBrowser,
+  getRect,
+  getStyle
+} from "@varlet/shared";
+import { error } from "./logger.mjs";
+function getLeft(element) {
+  const { left } = getRect(element);
   return left + (document.body.scrollLeft || document.documentElement.scrollLeft);
 }
-export function getTop(element) {
-  var {
-    top
-  } = getRect(element);
+function getTop(element) {
+  const { top } = getRect(element);
   return top + (document.body.scrollTop || document.documentElement.scrollTop);
 }
-export function getScrollTop(element) {
-  var top = 'scrollTop' in element ? element.scrollTop : element.pageYOffset;
-
-  // iOS scroll bounce cause minus scrollTop
+function getScrollTop(element) {
+  const top = "scrollTop" in element ? element.scrollTop : element.pageYOffset;
   return Math.max(top, 0);
 }
-export function getScrollLeft(element) {
-  var left = 'scrollLeft' in element ? element.scrollLeft : element.pageXOffset;
+function getScrollLeft(element) {
+  const left = "scrollLeft" in element ? element.scrollLeft : element.pageXOffset;
   return Math.max(left, 0);
 }
-export function getTranslateY(el) {
-  var {
-    transform
-  } = getStyle(el);
-  return +transform.slice(transform.lastIndexOf(',') + 2, transform.length - 1);
+function getTranslateY(el) {
+  const { transform } = getStyle(el);
+  return +transform.slice(transform.lastIndexOf(",") + 2, transform.length - 1);
 }
-export function getParentScroller(el) {
-  var element = el;
+function getParentScroller(el) {
+  let element = el;
   while (element) {
     if (!element.parentNode) {
       break;
@@ -38,42 +40,37 @@ export function getParentScroller(el) {
     if (element === document.body || element === document.documentElement) {
       break;
     }
-    var scrollRE = /(scroll|auto)/;
-    var {
-      overflowY,
-      overflow
-    } = getStyle(element);
+    const scrollRE = /(scroll|auto)/;
+    const { overflowY, overflow } = getStyle(element);
     if (scrollRE.test(overflowY) || scrollRE.test(overflow)) {
       return element;
     }
   }
   return window;
 }
-export function getAllParentScroller(el) {
-  var allParentScroller = [];
-  var element = el;
+function getAllParentScroller(el) {
+  const allParentScroller = [];
+  let element = el;
   while (!isWindow(element)) {
     element = getParentScroller(element);
     allParentScroller.push(element);
   }
   return allParentScroller;
 }
-export function getTarget(target, componentName) {
+function getTarget(target, componentName) {
   if (isString(target)) {
-    var el = document.querySelector(target);
+    const el = document.querySelector(target);
     if (!el) {
-      error(componentName, 'target element cannot found');
+      error(componentName, "target element cannot found");
     }
     return el;
   }
-  if (isObject(target)) return target;
+  if (isObject(target))
+    return target;
   error(componentName, 'type of prop "target" should be a selector or an element object');
 }
-export function getViewportSize() {
-  var {
-    width,
-    height
-  } = getRect(window);
+function getViewportSize() {
+  const { width, height } = getRect(window);
   return {
     vw: width,
     vh: height,
@@ -81,116 +78,76 @@ export function getViewportSize() {
     vMax: Math.max(width, height)
   };
 }
-
-// example 1rem
-export var isRem = value => isString(value) && value.endsWith('rem');
-
-// example 1em
-export var isEm = value => isString(value) && value.endsWith('em') && !value.endsWith('rem');
-
-// e.g. 1 || 1px
-export var isPx = value => isString(value) && value.endsWith('px') || isNumber(value);
-
-// e.g. 1%
-export var isPercent = value => isString(value) && value.endsWith('%');
-
-// e.g. 1vw
-export var isVw = value => isString(value) && value.endsWith('vw');
-
-// e.g. 1vh
-export var isVh = value => isString(value) && value.endsWith('vh');
-
-// e.g. 1vmin
-export var isVMin = value => isString(value) && value.endsWith('vmin');
-
-// e.g. 1vmax
-export var isVMax = value => isString(value) && value.endsWith('vmax');
-
-// e.g. calc(1px + 1px)
-export var isCalc = value => isString(value) && value.startsWith('calc(');
-
-// e.g. var(--color-primary)
-export var isVar = value => isString(value) && value.startsWith('var(');
-
-// e.g. return 1
-export var toPxNum = value => {
+const isRem = (value) => isString(value) && value.endsWith("rem");
+const isEm = (value) => isString(value) && value.endsWith("em") && !value.endsWith("rem");
+const isPx = (value) => isString(value) && value.endsWith("px") || isNumber(value);
+const isPercent = (value) => isString(value) && value.endsWith("%");
+const isVw = (value) => isString(value) && value.endsWith("vw");
+const isVh = (value) => isString(value) && value.endsWith("vh");
+const isVMin = (value) => isString(value) && value.endsWith("vmin");
+const isVMax = (value) => isString(value) && value.endsWith("vmax");
+const isCalc = (value) => isString(value) && value.startsWith("calc(");
+const isVar = (value) => isString(value) && value.startsWith("var(");
+const toPxNum = (value) => {
   if (isNumber(value)) {
     return value;
   }
   if (isPx(value)) {
-    return +value.replace('px', '');
+    return +value.replace("px", "");
   }
   if (!inBrowser()) {
     return 0;
   }
-  var {
-    vw,
-    vh,
-    vMin,
-    vMax
-  } = getViewportSize();
+  const { vw, vh, vMin, vMax } = getViewportSize();
   if (isVw(value)) {
-    return +value.replace('vw', '') * vw / 100;
+    return +value.replace("vw", "") * vw / 100;
   }
   if (isVh(value)) {
-    return +value.replace('vh', '') * vh / 100;
+    return +value.replace("vh", "") * vh / 100;
   }
   if (isVMin(value)) {
-    return +value.replace('vmin', '') * vMin / 100;
+    return +value.replace("vmin", "") * vMin / 100;
   }
   if (isVMax(value)) {
-    return +value.replace('vmax', '') * vMax / 100;
+    return +value.replace("vmax", "") * vMax / 100;
   }
   if (isRem(value)) {
-    var num = +value.replace('rem', '');
-    var rootFontSize = getStyle(document.documentElement).fontSize;
+    const num = +value.replace("rem", "");
+    const rootFontSize = getStyle(document.documentElement).fontSize;
     return num * parseFloat(rootFontSize);
   }
   if (isString(value)) {
     return toNumber(value);
   }
-
-  // % and other
   return 0;
 };
-
-// e.g. return 1px 1% 1vw 1vh 1rem null var(--color-primary) calc(1px + 1px)
-export var toSizeUnit = value => {
+const toSizeUnit = (value) => {
   if (value == null) {
-    return undefined;
+    return void 0;
   }
   if (isPercent(value) || isVw(value) || isVh(value) || isEm(value) || isRem(value) || isCalc(value) || isVar(value) || isVMin(value) || isVMax(value)) {
     return value;
   }
-  return toPxNum(value) + "px";
+  return `${toPxNum(value)}px`;
 };
-export var multiplySizeUnit = function (value, quantity) {
-  if (quantity === void 0) {
-    quantity = 1;
-  }
+const multiplySizeUnit = (value, quantity = 1) => {
   if (value == null) {
-    return undefined;
+    return void 0;
   }
-  var legalSize = toSizeUnit(value);
-  var unit = legalSize.match(/(vh|%|r?em|px|vw|vmin|vmax)$/)[0];
-  return "" + parseFloat(legalSize) * quantity + unit;
+  const legalSize = toSizeUnit(value);
+  const unit = legalSize.match(/(vh|%|r?em|px|vw|vmin|vmax)$/)[0];
+  return `${parseFloat(legalSize) * quantity}${unit}`;
 };
-export function scrollTo(element, _ref) {
-  var {
-    top = 0,
-    left = 0,
-    duration = 300,
-    animation
-  } = _ref;
-  var startTime = Date.now();
-  var scrollTop = getScrollTop(element);
-  var scrollLeft = getScrollLeft(element);
-  return new Promise(resolve => {
-    var frame = () => {
-      var progress = (Date.now() - startTime) / duration;
+function scrollTo(element, { top = 0, left = 0, duration = 300, animation }) {
+  const startTime = Date.now();
+  const scrollTop = getScrollTop(element);
+  const scrollLeft = getScrollLeft(element);
+  return new Promise((resolve) => {
+    const frame = () => {
+      const progress = (Date.now() - startTime) / duration;
       if (progress < 1) {
-        var nextTop = scrollTop + (top - scrollTop) * animation(progress);
-        var nextLeft = scrollLeft + (left - scrollLeft) * animation(progress);
+        const nextTop = scrollTop + (top - scrollTop) * animation(progress);
+        const nextLeft = scrollLeft + (left - scrollLeft) * animation(progress);
         element.scrollTo(nextLeft, nextTop);
         requestAnimationFrame(frame);
       } else {
@@ -201,14 +158,40 @@ export function scrollTo(element, _ref) {
     requestAnimationFrame(frame);
   });
 }
-export function formatStyleVars(styleVars) {
-  return Object.entries(styleVars != null ? styleVars : {}).reduce((styles, _ref2) => {
-    var [key, value] = _ref2;
-    var cssVar = key.startsWith('--') ? key : "--" + kebabCase(key);
+function formatStyleVars(styleVars) {
+  return Object.entries(styleVars != null ? styleVars : {}).reduce((styles, [key, value]) => {
+    const cssVar = key.startsWith("--") ? key : `--${kebabCase(key)}`;
     styles[cssVar] = value;
     return styles;
   }, {});
 }
-export function padStartFlex(style) {
-  return style === 'start' || style === 'end' ? "flex-" + style : style;
-}
+function padStartFlex(style) {
+  return style === "start" || style === "end" ? `flex-${style}` : style;
+}
+export {
+  formatStyleVars,
+  getAllParentScroller,
+  getLeft,
+  getParentScroller,
+  getScrollLeft,
+  getScrollTop,
+  getTarget,
+  getTop,
+  getTranslateY,
+  getViewportSize,
+  isCalc,
+  isEm,
+  isPercent,
+  isPx,
+  isRem,
+  isVMax,
+  isVMin,
+  isVar,
+  isVh,
+  isVw,
+  multiplySizeUnit,
+  padStartFlex,
+  scrollTo,
+  toPxNum,
+  toSizeUnit
+};

package/es/utils/logger.mjs

@@ -1,6 +1,10 @@
-export function error(source, message) {
-  throw Error("Varlet [" + source + "]: " + message);
+function error(source, message) {
+  throw Error(`Varlet [${source}]: ${message}`);
 }
-export function warn(source, message) {
-  console.warn("Varlet [" + source + "]: " + message);
-}
+function warn(source, message) {
+  console.warn(`Varlet [${source}]: ${message}`);
+}
+export {
+  error,
+  warn
+};

package/es/utils/shared.mjs

@@ -1,18 +1,18 @@
-import { removeItem } from '@varlet/shared';
-export var isHTMLSupportImage = val => {
+import { removeItem } from "@varlet/shared";
+const isHTMLSupportImage = (val) => {
   if (val == null) {
     return false;
   }
-  return val.startsWith('data:image') || /\.(png|jpg|gif|jpeg|svg|webp)$/.test(val);
+  return val.startsWith("data:image") || /\.(png|jpg|gif|jpeg|svg|webp)$/.test(val);
 };
-export var isHTMLSupportVideo = val => {
+const isHTMLSupportVideo = (val) => {
   if (val == null) {
     return false;
   }
-  return val.startsWith('data:video') || /\.(mp4|webm|ogg)$/.test(val);
+  return val.startsWith("data:video") || /\.(mp4|webm|ogg)$/.test(val);
 };
-export var createCache = max => {
-  var cache = [];
+const createCache = (max) => {
+  const cache = [];
   return {
     cache,
     has(key) {
@@ -33,20 +33,22 @@ export var createCache = max => {
     }
   };
 };
-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;
-
-// eslint-disable-next-line default-param-last
-export var padStart = function (str, maxLength, fillString) {
-  if (str === void 0) {
-    str = '';
-  }
-  if (fillString === void 0) {
-    fillString = '';
-  }
-  if (str.length >= maxLength) return str;
-  var len = maxLength - str.length;
-  var repeatCount = Math.floor(len / fillString.length);
+const linear = (value) => value;
+const cubic = (value) => value ** 3;
+const easeInOutCubic = (value) => value < 0.5 ? cubic(value * 2) / 2 : 1 - cubic((1 - value) * 2) / 2;
+const padStart = (str = "", maxLength, fillString = "") => {
+  if (str.length >= maxLength)
+    return str;
+  const len = maxLength - str.length;
+  const repeatCount = Math.floor(len / fillString.length);
   return fillString.repeat(repeatCount) + fillString.slice(0, len % fillString.length) + str;
-};
+};
+export {
+  createCache,
+  cubic,
+  easeInOutCubic,
+  isHTMLSupportImage,
+  isHTMLSupportVideo,
+  linear,
+  padStart
+};