@gup-fe/js-sdk 2.2.1 → 2.3.0

package/README.md

@@ -1,178 +0,0 @@
-# @gup-fe/js-sdk
-
-统一登录与交互 SDK，支持 React 项目及任意框架项目的命令式调用。
-
-## 安装
-
-```bash
-npm install @gup-fe/js-sdk
-# 或者
-pnpm add @gup-fe/js-sdk
-```
-
-> **⚠️ 注意：**
-> - **React 项目**：直接使用主入口即可。
-> - **非 React 项目**：使用内置了所有依赖（包括 React）的 `bundle` 版本，无需手动安装任何依赖。
-> - **无构建工具**：请参考下文的 [CDN 接入](#4-cdn--无构建工具接入)。
-
----
-
-## 快速上手
-
-### 1. 初始化 (推荐)
-
-在项目入口处调用 `init` 方法配置全局参数，后续调用 API 时无需重复传入 `gameId`。
-
-```javascript
-import { init } from '@gup-fe/js-sdk';
-
-init({ gameId: '5242' });
-```
-
-### 2. React 项目
-
-直接引入 `Login` 组件。
-
-```tsx
-import { useState, useEffect } from 'react';
-import { Login, isLoggedIn, getUserInfo, logout } from '@gup-fe/js-sdk';
-
-function App() {
-  const [isOpen, setIsOpen] = useState(false);
-  const [user, setUser] = useState(null);
-
-  useEffect(() => {
-    if (isLoggedIn()) {
-      setUser(getUserInfo());
-    }
-  }, []);
-
-  return (
-    <div>
-      {user ? (
-        <div>
-          <span>你好，{user.username}</span>
-          <button onClick={() => { logout(); setUser(null); }}>退出</button>
-        </div>
-      ) : (
-        <button onClick={() => setIsOpen(true)}>登录</button>
-      )}
-      
-      <Login 
-        open={isOpen} 
-        onOpenChange={setIsOpen}
-        onLoginSuccess={(data) => {
-          setUser(getUserInfo());
-          setIsOpen(false);
-        }} 
-      />
-    </div>
-  );
-}
-```
-
-适用于 Vue、原生 JS 等使用构建工具（Vite/Webpack）的项目。使用 `/bundle` 入口可以免去手动安装 React 的麻烦。
-
-```javascript
-import { login, logout, isLoggedIn } from '@gup-fe/js-sdk/bundle';
-
-const { close } = login({
-  onLoginSuccess: (data) => {
-    console.log('登录成功', data);
-    close();
-  }
-});
-```
-
-### 4. CDN / 无构建工具接入
-
-对于不使用 `npm` 的原生 HTML 页面，请按照以下顺序引入。推荐使用 `bundle` 版本以获得最简单的“零依赖”接入体验（已内置 React 运行时，无需手动引入 React）。
-
-```html
-<!-- 推荐使用 bundle 版本，已内置所有依赖（包含 React） -->
-<script src="https://unpkg.com/@gup-fe/js-sdk/dist/js-sdk.bundle.umd.js"></script>
-
-<script>
-  SDK.init({ gameId: '5242' });
-  
-  SDK.login({
-    onLoginSuccess: (data) => console.log('登录成功', data)
-  });
-</script>
-```
-
----
-
-## API 参考
-
-### 核心方法
-
-#### `init(config)`
-初始化 SDK 全局配置。
-- `config.gameId`: (必填) 游戏 ID。
-
-#### `login(options)`
-唤起登录弹窗。
-- `options.onLoginSuccess`: 登录成功回调。
-- `options.onLoginError`: 登录失败回调。
-- `options.loginTypes`: 可选。自定义登录方式 `['phone', 'uid', 'account']`。
-
-#### `logout()`
-清除当前登录状态。
-
-#### `isLoggedIn()`
-判断当前是否已登录。
-
-#### `getUserInfo()`
-获取当前登录的用户信息（返回 `UserInfo` 对象）。
-
-### 类型定义
-
-#### `UserInfo`
-```typescript
-interface UserInfo {
-  username: string;
-  openid: string;
-  account?: PassAccount;
-  // ... 其他属性
-}
-```
-
----
-
-## UI 自定义 (StyleVars)
-
-SDK 支持通过 `styleVars` 参数自定义基础视觉样式（基于 CSS 变量）。
-
-### 支持的变量
-
-| 变量名 | 说明 | 默认值 |
-| --- | --- | --- |
-| `--primary-color` | 主题色（按钮、高亮等） | `#497efe` |
-| `--icon-color` | 图标颜色 | `#497efe` |
-| `--input-bg-color` | 输入框背景色 | `#f5f5f5` |
-| `--input-border-color` | 输入框边框颜色 | `transparent` |
-| `--input-label-color` | 输入框标签文字颜色 | `#999999` |
-
-### 使用示例
-
-#### 1. React 方式
-```tsx
-<Login 
-  styleVars={{
-    '--primary-color': '#ff5000',
-    '--input-bg-color': '#ffffff',
-    '--input-border-color': '#eeeeee'
-  }}
-/>
-```
-
-#### 2. 命令式方式
-```javascript
-login({
-  styleVars: {
-    '--primary-color': '#00c853'
-  }
-});
-```
-

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gup-fe/js-sdk",
   "type": "module",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "license": "UNLICENSED",
   "publishConfig": {
     "access": "public",
@@ -56,8 +56,8 @@
     "vite": "^7.3.1",
     "vite-plugin-css-injected-by-js": "^5.0.1",
     "vite-plugin-dts": "^4.5.4",
-    "@gup-fe/eslint-config": "0.0.0",
     "@gup-fe/lib": "1.0.0",
+    "@gup-fe/eslint-config": "0.0.0",
     "@gup-fe/typescript-config": "0.0.0",
     "@gup-fe/tailwind-config": "0.0.0",
     "@gup-fe/ui": "1.0.0"