@sheinx/hooks 3.9.2 → 3.9.3-beta.2

package/cjs/utils/dom/element.d.ts

@@ -16,7 +16,9 @@ export declare function isScrollable(el: HTMLElement): boolean;
 export declare function getClosestScrollContainer(element: HTMLElement | null): HTMLElement | null;
 export declare function getClosestPositionedContainer(element: Element | HTMLElement | null, positions?: React.CSSProperties['position'][]): HTMLElement | null;
 export declare function cssSupport(attr: keyof CSSStyleDeclaration, value: string): boolean;
+export declare function getCssVarValue(varName: string): string;
 export declare const parsePxToNumber: (str: string) => number;
+export declare function getBaseFontSizeDiff(): number;
 export declare const getFieldId: (name?: string, formName?: string) => string | undefined;
 export declare const getOriginField: (name?: string, formName?: string) => string;
 //# sourceMappingURL=element.d.ts.map

package/cjs/utils/dom/element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["element.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B;;;;;;GAMG;AACH,wBAAgB,QAAQ,CACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,WAAW,UAAQ,EACnB,SAAS,CAAC,EAAE,MAAM,GACjB,KAAK,CAAC,SAAS,CASjB;AAGD,eAAO,MAAM,iBAAiB,OACxB,WAAW,WACN,GAAG;;;gBA+Cb,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,kBAmBxF;AAED,wBAAgB,YAAY,CAAC,EAAE,EAAE,WAAW,WAW3C;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,WAAW,GAAG,IAAI,CAqBzF;AAED,wBAAgB,6BAA6B,CAC3C,OAAO,EAAE,OAAO,GAAG,WAAW,GAAG,IAAI,EACrC,SAAS,GAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,EAA0B,sBAuBrE;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,mBAAmB,EAAE,KAAK,EAAE,MAAM,WAYxE;AAED,eAAO,MAAM,eAAe,QAAS,MAAM,WAAwC,CAAC;AAEpF,eAAO,MAAM,UAAU,UAAW,MAAM,aAAa,MAAM,uBAG1D,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,MAAM,aAAa,MAAM,WAG9D,CAAC"}
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["element.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B;;;;;;GAMG;AACH,wBAAgB,QAAQ,CACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,WAAW,UAAQ,EACnB,SAAS,CAAC,EAAE,MAAM,GACjB,KAAK,CAAC,SAAS,CASjB;AAGD,eAAO,MAAM,iBAAiB,OACxB,WAAW,WACN,GAAG;;;gBA+Cb,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,kBAmBxF;AAED,wBAAgB,YAAY,CAAC,EAAE,EAAE,WAAW,WAW3C;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,WAAW,GAAG,IAAI,CAqBzF;AAED,wBAAgB,6BAA6B,CAC3C,OAAO,EAAE,OAAO,GAAG,WAAW,GAAG,IAAI,EACrC,SAAS,GAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,EAA0B,sBAuBrE;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,mBAAmB,EAAE,KAAK,EAAE,MAAM,WAYxE;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,UAM7C;AAED,eAAO,MAAM,eAAe,QAAS,MAAM,WAAwC,CAAC;AAIpF,wBAAgB,mBAAmB,WASlC;AAGD,eAAO,MAAM,UAAU,UAAW,MAAM,aAAa,MAAM,uBAG1D,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,MAAM,aAAa,MAAM,WAG9D,CAAC"}

package/cjs/utils/dom/element.js

@@ -5,8 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.addResizeObserver = void 0;
 exports.cssSupport = cssSupport;
+exports.getBaseFontSizeDiff = getBaseFontSizeDiff;
 exports.getClosestPositionedContainer = getClosestPositionedContainer;
 exports.getClosestScrollContainer = getClosestScrollContainer;
+exports.getCssVarValue = getCssVarValue;
 exports.getOriginField = exports.getFieldId = void 0;
 exports.getParent = getParent;
 exports.isScrollable = isScrollable;
@@ -194,9 +196,28 @@ function cssSupport(attr, value) {
   }
   return false;
 }
+function getCssVarValue(varName) {
+  if ((0, _is.isBrowser)()) {
+    var style = getComputedStyle(document.documentElement);
+    return style.getPropertyValue(varName).trim();
+  }
+  return '';
+}
 var parsePxToNumber = exports.parsePxToNumber = function parsePxToNumber(str) {
   return Number(str.replace(/\s+|px/gi, ''));
 };
+var _baseFontSizeDiff = 0;
+var BASE_FONT_SIZE = 14;
+function getBaseFontSizeDiff() {
+  if (_baseFontSizeDiff) return _baseFontSizeDiff;
+  var currentBaseFontSizeStr = getCssVarValue('--soui-font-14');
+  if (currentBaseFontSizeStr) {
+    var currentBaseFontSize = parsePxToNumber(currentBaseFontSizeStr);
+    _baseFontSizeDiff = BASE_FONT_SIZE - currentBaseFontSize;
+    return _baseFontSizeDiff;
+  }
+  return 0;
+}
 var getFieldId = exports.getFieldId = function getFieldId(name, formName) {
   if (!name) return undefined;
   return "".concat(formName ? "".concat(formName, "_") : '').concat(name);

package/esm/utils/dom/element.d.ts

@@ -16,7 +16,9 @@ export declare function isScrollable(el: HTMLElement): boolean;
 export declare function getClosestScrollContainer(element: HTMLElement | null): HTMLElement | null;
 export declare function getClosestPositionedContainer(element: Element | HTMLElement | null, positions?: React.CSSProperties['position'][]): HTMLElement | null;
 export declare function cssSupport(attr: keyof CSSStyleDeclaration, value: string): boolean;
+export declare function getCssVarValue(varName: string): string;
 export declare const parsePxToNumber: (str: string) => number;
+export declare function getBaseFontSizeDiff(): number;
 export declare const getFieldId: (name?: string, formName?: string) => string | undefined;
 export declare const getOriginField: (name?: string, formName?: string) => string;
 //# sourceMappingURL=element.d.ts.map

package/esm/utils/dom/element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["element.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B;;;;;;GAMG;AACH,wBAAgB,QAAQ,CACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,WAAW,UAAQ,EACnB,SAAS,CAAC,EAAE,MAAM,GACjB,KAAK,CAAC,SAAS,CASjB;AAGD,eAAO,MAAM,iBAAiB,OACxB,WAAW,WACN,GAAG;;;gBA+Cb,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,kBAmBxF;AAED,wBAAgB,YAAY,CAAC,EAAE,EAAE,WAAW,WAW3C;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,WAAW,GAAG,IAAI,CAqBzF;AAED,wBAAgB,6BAA6B,CAC3C,OAAO,EAAE,OAAO,GAAG,WAAW,GAAG,IAAI,EACrC,SAAS,GAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,EAA0B,sBAuBrE;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,mBAAmB,EAAE,KAAK,EAAE,MAAM,WAYxE;AAED,eAAO,MAAM,eAAe,QAAS,MAAM,WAAwC,CAAC;AAEpF,eAAO,MAAM,UAAU,UAAW,MAAM,aAAa,MAAM,uBAG1D,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,MAAM,aAAa,MAAM,WAG9D,CAAC"}
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["element.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B;;;;;;GAMG;AACH,wBAAgB,QAAQ,CACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,WAAW,UAAQ,EACnB,SAAS,CAAC,EAAE,MAAM,GACjB,KAAK,CAAC,SAAS,CASjB;AAGD,eAAO,MAAM,iBAAiB,OACxB,WAAW,WACN,GAAG;;;gBA+Cb,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,kBAmBxF;AAED,wBAAgB,YAAY,CAAC,EAAE,EAAE,WAAW,WAW3C;AAED,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,WAAW,GAAG,IAAI,CAqBzF;AAED,wBAAgB,6BAA6B,CAC3C,OAAO,EAAE,OAAO,GAAG,WAAW,GAAG,IAAI,EACrC,SAAS,GAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,EAA0B,sBAuBrE;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,mBAAmB,EAAE,KAAK,EAAE,MAAM,WAYxE;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,UAM7C;AAED,eAAO,MAAM,eAAe,QAAS,MAAM,WAAwC,CAAC;AAIpF,wBAAgB,mBAAmB,WASlC;AAGD,eAAO,MAAM,UAAU,UAAW,MAAM,aAAa,MAAM,uBAG1D,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,MAAM,aAAa,MAAM,WAG9D,CAAC"}

package/esm/utils/dom/element.js

@@ -180,9 +180,28 @@ export function cssSupport(attr, value) {
   }
   return false;
 }
+export function getCssVarValue(varName) {
+  if (isBrowser()) {
+    var style = getComputedStyle(document.documentElement);
+    return style.getPropertyValue(varName).trim();
+  }
+  return '';
+}
 export var parsePxToNumber = function parsePxToNumber(str) {
   return Number(str.replace(/\s+|px/gi, ''));
 };
+var _baseFontSizeDiff = 0;
+var BASE_FONT_SIZE = 14;
+export function getBaseFontSizeDiff() {
+  if (_baseFontSizeDiff) return _baseFontSizeDiff;
+  var currentBaseFontSizeStr = getCssVarValue('--soui-font-14');
+  if (currentBaseFontSizeStr) {
+    var currentBaseFontSize = parsePxToNumber(currentBaseFontSizeStr);
+    _baseFontSizeDiff = BASE_FONT_SIZE - currentBaseFontSize;
+    return _baseFontSizeDiff;
+  }
+  return 0;
+}
 export var getFieldId = function getFieldId(name, formName) {
   if (!name) return undefined;
   return "".concat(formName ? "".concat(formName, "_") : '').concat(name);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/hooks",
-  "version": "3.9.2",
+  "version": "3.9.3-beta.2",
   "description": "",
   "keywords": [],
   "license": "MIT",