xxf_react 0.4.9 → 0.5.1

package/dist/responsive/BrowserAdapter.d.ts

@@ -0,0 +1,26 @@
+export type BrowserPlatform = 'mobile' | 'tablet' | 'desktop';
+export type BrowserName = 'Chrome' | 'Safari' | 'Firefox' | 'Edge' | 'IE' | 'Opera' | 'Samsung Internet' | 'Unknown';
+export type BrowserInfo = {
+    /** 浏览器名称（标准化） */
+    name: BrowserName;
+    /** 操作系统 */
+    os: string;
+    /** 平台类型 */
+    platform: BrowserPlatform;
+};
+export declare const parseBrowser: (ua: string) => BrowserInfo;
+export declare const useBrowser: () => BrowserInfo;
+export declare const useBrowserType: () => {
+    readonly isMobile: boolean;
+    readonly isTablet: boolean;
+    readonly isDesktop: boolean;
+    readonly isChrome: boolean;
+    readonly isSafari: boolean;
+    readonly isFirefox: boolean;
+    readonly isEdge: boolean;
+    readonly isIE: boolean;
+    readonly name: BrowserName;
+    readonly os: string;
+    readonly platform: BrowserPlatform;
+};
+//# sourceMappingURL=BrowserAdapter.d.ts.map

package/dist/responsive/BrowserAdapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrowserAdapter.d.ts","sourceRoot":"","sources":["../../src/responsive/BrowserAdapter.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE7D,MAAM,MAAM,WAAW,GACjB,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,MAAM,GACN,IAAI,GACJ,OAAO,GACP,kBAAkB,GAClB,SAAS,CAAA;AAEf,MAAM,MAAM,WAAW,GAAG;IACtB,iBAAiB;IACjB,IAAI,EAAE,WAAW,CAAA;IACjB,WAAW;IACX,EAAE,EAAE,MAAM,CAAA;IACV,WAAW;IACX,QAAQ,EAAE,eAAe,CAAA;CAC5B,CAAA;AAgDD,eAAO,MAAM,YAAY,GAAI,IAAI,MAAM,KAAG,WAczC,CAAA;AAGD,eAAO,MAAM,UAAU,mBAEtB,CAAA;AAGD,eAAO,MAAM,cAAc;;;;;;;;;mBA3EjB,WAAW;iBAEb,MAAM;uBAEA,eAAe;CAmG5B,CAAA"}

package/dist/responsive/BrowserAdapter.js

@@ -0,0 +1,79 @@
+import Bowser from 'bowser';
+/**
+ * UA -> BrowserInfo 缓存
+ * module scope，天然单例
+ */
+const browserCache = new Map();
+/* ===================== 新增 1：BrowserName 规范化 ===================== */
+const normalizeBrowserName = (name) => {
+    switch (name) {
+        case 'Chrome':
+        case 'Chromium':
+            return 'Chrome';
+        case 'Safari':
+        case 'Mobile Safari':
+            return 'Safari';
+        case 'Firefox':
+            return 'Firefox';
+        case 'Microsoft Edge':
+        case 'Edge':
+            return 'Edge';
+        case 'Internet Explorer':
+            return 'IE';
+        case 'Samsung Internet':
+            return 'Samsung Internet';
+        case 'Opera':
+            return 'Opera';
+        default:
+            return 'Unknown';
+    }
+};
+/* ===================== 新增 2：platform 兜底 ===================== */
+const normalizePlatform = (platform) => {
+    if (platform === 'mobile' || platform === 'tablet') {
+        return platform;
+    }
+    return 'desktop';
+};
+export const parseBrowser = (ua) => {
+    const cached = browserCache.get(ua);
+    if (cached)
+        return cached;
+    const parser = Bowser.getParser(ua);
+    const info = {
+        name: normalizeBrowserName(parser.getBrowserName()),
+        os: parser.getOSName() || 'Unknown',
+        platform: normalizePlatform(parser.getPlatformType(true)),
+    };
+    browserCache.set(ua, info);
+    return info;
+};
+/// 判断浏览器信息
+export const useBrowser = () => {
+    return parseBrowser(navigator.userAgent);
+};
+/// 判断浏览器类型（语义层）
+export const useBrowserType = () => {
+    const browser = useBrowser();
+    const isMobile = browser.platform === 'mobile';
+    const isTablet = browser.platform === 'tablet';
+    const isDesktop = browser.platform === 'desktop';
+    const isChrome = browser.name === 'Chrome';
+    const isSafari = browser.name === 'Safari';
+    const isFirefox = browser.name === 'Firefox';
+    const isEdge = browser.name === 'Edge';
+    const isIE = browser.name === 'IE';
+    return {
+        ...browser,
+        // platform
+        isMobile,
+        isTablet,
+        isDesktop,
+        // browser
+        isChrome,
+        isSafari,
+        isFirefox,
+        isEdge,
+        isIE,
+    };
+};

package/dist/responsive/index.d.ts

@@ -1,2 +1,3 @@
 export * from './ScreenAdapter';
+export * from './BrowserAdapter';
 //# sourceMappingURL=index.d.ts.map

package/dist/responsive/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/responsive/index.ts"],"names":[],"mappings":"AAEA,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/responsive/index.ts"],"names":[],"mappings":"AAEA,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC"}

package/dist/responsive/index.js

@@ -1,2 +1,3 @@
 'use client';
 export * from './ScreenAdapter';
+export * from './BrowserAdapter';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xxf_react",
-  "version": "0.4.9",
+  "version": "0.5.1",
   "private": false,
   "type": "module",
   "main": "dist/index.js",
@@ -63,6 +63,7 @@
   "dependencies": {
     "@microsoft/fetch-event-source": "^2.0.1",
     "@use-gesture/react": "^10.3.1",
+    "bowser": "^2.14.1",
     "dayjs": "^1.11.19",
     "mitt": "^3.0.1",
     "react-async-hook": "^4.0.0",