@varlet/shared 2.18.1 → 2.18.2-alpha.1698939289602

package/lib/index.d.ts

@@ -3,6 +3,9 @@ declare const normalizeToArray: <T>(value: T | T[]) => T[];
 declare const removeItem: (arr: Array<unknown>, item: unknown) => unknown[] | undefined;
 declare const toggleItem: (arr: Array<unknown>, item: unknown) => void;
 declare const find: <T>(arr: T[], callback: (item: T, index: number, array: T[]) => any, from?: 'start' | 'end') => [T, number] | [null, -1];
+type ClassName = string | undefined | null;
+type Classes = (ClassName | [any, ClassName, ClassName?])[];
+declare const classes: (...classes: Classes) => any[];
 
 declare const getGlobalThis: () => typeof globalThis;
 declare const requestAnimationFrame: (fn: FrameRequestCallback) => number;
@@ -19,6 +22,7 @@ declare const getScrollLeft: (element: Element | Window) => number;
 
 declare const debounce: (fn: any, delay?: number) => (this: unknown, ...args: any[]) => void;
 declare const throttle: (fn: any, delay?: number) => (() => void);
+declare function call<P extends any[], R>(fn?: ((...arg: P) => R) | ((...arg: P) => R)[] | null, ...args: P): R | R[] | undefined;
 
 declare const isString: (val: unknown) => val is string;
 declare const isBoolean: (val: unknown) => val is boolean;
@@ -32,6 +36,7 @@ declare const isEmpty: (val: unknown) => boolean;
 declare const isWindow: (val: unknown) => val is Window;
 declare const supportTouch: () => boolean;
 declare const inBrowser: () => boolean;
+declare const hasOwn: (val: object, key: string | symbol) => key is never;
 
 declare const toNumber: (val: number | string | boolean | undefined | null) => number;
 declare const clamp: (num: number, min: number, max: number) => number;
@@ -40,5 +45,11 @@ declare const clampArrayRange: (index: number, arr: Array<unknown>) => number;
 declare const bigCamelize: (s: string) => string;
 declare const camelize: (s: string) => string;
 declare const kebabCase: (s: string) => string;
+type BEM<S extends string | undefined, N extends string, NC extends string> = S extends undefined ? NC : S extends `$--${infer CM}` ? `${N}--${CM}` : S extends `--${infer M}` ? `${NC}--${M}` : `${NC}__${S}`;
+declare function createNamespaceFn<N extends string>(namespace: N): <C extends string>(name: C) => {
+    name: string;
+    n: <S extends string | undefined = undefined>(suffix?: S | undefined) => BEM<S, N, `${N}-${C}`>;
+    classes: (...classes: Classes) => any[];
+};
 
-export { bigCamelize, camelize, cancelAnimationFrame, clamp, clampArrayRange, debounce, doubleRaf, find, getGlobalThis, getRect, getScrollLeft, getScrollTop, getStyle, inBrowser, inViewport, isArray, isBoolean, isEmpty, isFunction, isNumber, isObject, isPlainObject, isString, isURL, isWindow, kebabCase, normalizeToArray, preventDefault, raf, removeItem, requestAnimationFrame, supportTouch, throttle, toDataURL, toNumber, toggleItem, uniq };
+export { BEM, ClassName, Classes, bigCamelize, call, camelize, cancelAnimationFrame, clamp, clampArrayRange, classes, createNamespaceFn, debounce, doubleRaf, find, getGlobalThis, getRect, getScrollLeft, getScrollTop, getStyle, hasOwn, inBrowser, inViewport, isArray, isBoolean, isEmpty, isFunction, isNumber, isObject, isPlainObject, isString, isURL, isWindow, kebabCase, normalizeToArray, preventDefault, raf, removeItem, requestAnimationFrame, supportTouch, throttle, toDataURL, toNumber, toggleItem, uniq };

package/lib/index.js

@@ -36,6 +36,8 @@ var isEmpty = (val) => val === void 0 || val === null || val === "" || Array.isA
 var isWindow = (val) => val === window;
 var supportTouch = () => inBrowser() && "ontouchstart" in window;
 var inBrowser = () => typeof window !== "undefined";
+var { hasOwnProperty } = Object.prototype;
+var hasOwn = (val, key) => hasOwnProperty.call(val, key);
 
 // src/array.ts
 var uniq = (arr) => [...new Set(arr)];
@@ -62,6 +64,13 @@ var find = (arr, callback, from = "start") => {
   }
   return [null, -1];
 };
+var classes = (...classes2) => classes2.map((className) => {
+  if (isArray(className)) {
+    const [condition, truthy, falsy = null] = className;
+    return condition ? truthy : falsy;
+  }
+  return className;
+});
 
 // src/elements.ts
 var getGlobalThis = () => {
@@ -173,6 +182,14 @@ var throttle = (fn, delay = 200) => {
     }
   };
 };
+function call(fn, ...args) {
+  if (isArray(fn)) {
+    return fn.map((f) => f(...args));
+  }
+  if (fn) {
+    return fn(...args);
+  }
+}
 
 // src/number.ts
 var toNumber = (val) => {
@@ -197,12 +214,34 @@ var kebabCase = (s) => {
   const ret = s.replace(/([A-Z])/g, " $1").trim();
   return ret.split(" ").join("-").toLowerCase();
 };
+function createNamespaceFn(namespace) {
+  return (name) => {
+    const componentName = `${namespace}-${name}`;
+    const createBEM = (suffix) => {
+      if (!suffix) {
+        return componentName;
+      }
+      if (suffix[0] === "$") {
+        return suffix.replace("$", namespace);
+      }
+      return suffix.startsWith("--") ? `${componentName}${suffix}` : `${componentName}__${suffix}`;
+    };
+    return {
+      name: bigCamelize(componentName),
+      n: createBEM,
+      classes
+    };
+  };
+}
 export {
   bigCamelize,
+  call,
   camelize,
   cancelAnimationFrame,
   clamp,
   clampArrayRange,
+  classes,
+  createNamespaceFn,
   debounce,
   doubleRaf,
   find,
@@ -211,6 +250,7 @@ export {
   getScrollLeft,
   getScrollTop,
   getStyle,
+  hasOwn,
   inBrowser,
   inViewport,
   isArray,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/shared",
-  "version": "2.18.1",
+  "version": "2.18.2-alpha.1698939289602",
   "type": "module",
   "main": "lib/index.js",
   "module": "lib/index.js",