@kevisual/kv-login 0.0.8 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/.cnb.yml +12 -0
  2. package/index.html +1 -1
  3. package/package.json +6 -3
  4. package/readme.md +19 -2
  5. package/src/pages/kv-login.ts +1 -2
  6. package/web.html +93 -0
  7. package/dist/app.d.ts +0 -112
  8. package/dist/app.js +0 -5567
package/.cnb.yml ADDED
@@ -0,0 +1,12 @@
1
+ $:
2
+ vscode:
3
+ - docker:
4
+ image: docker.cnb.cool/kevisual/dev-env:latest
5
+ services:
6
+ - vscode
7
+ - docker
8
+ imports: https://cnb.cool/kevisual/env/-/blob/main/env.yml
9
+ # 开发环境启动后会执行的任务
10
+ # stages:
11
+ # - name: pnpm install
12
+ # script: pnpm install
package/index.html CHANGED
@@ -74,7 +74,7 @@
74
74
  <div class="demo-container">
75
75
  <div class="login-section">
76
76
  <h2>登录组件</h2>
77
- <kv-login>
77
+ <kv-login method="password">
78
78
  <div id="weixinLogin"></div>
79
79
  </kv-login>
80
80
  </div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kevisual/kv-login",
3
- "version": "0.0.8",
3
+ "version": "0.1.0",
4
4
  "description": "",
5
5
  "main": "src/main.ts",
6
6
  "scripts": {
@@ -14,13 +14,14 @@
14
14
  "keywords": [],
15
15
  "author": "abearxiong <xiongxiao@xiongxiao.me> (https://www.xiongxiao.me)",
16
16
  "license": "MIT",
17
- "packageManager": "pnpm@10.24.0",
17
+ "packageManager": "pnpm@10.26.0",
18
18
  "publishConfig": {
19
19
  "access": "public"
20
20
  },
21
21
  "type": "module",
22
22
  "dependencies": {
23
23
  "@kevisual/context": "^0.0.4",
24
+ "@kevisual/query": "^0.0.32",
24
25
  "@kevisual/query-login": "^0.0.7",
25
26
  "lit-html": "^3.3.1",
26
27
  "qrcode": "^1.5.4"
@@ -31,6 +32,8 @@
31
32
  },
32
33
  "types": "./types/index.d.ts",
33
34
  "devDependencies": {
34
- "@types/bun": "^1.3.3"
35
+ "@types/bun": "^1.3.4",
36
+ "@types/qrcode": "^1.5.6",
37
+ "vite": "^7.3.0"
35
38
  }
36
39
  }
package/readme.md CHANGED
@@ -4,9 +4,26 @@
4
4
 
5
5
  黑白
6
6
 
7
-
8
7
  ```html
9
8
  <kv-login>
10
9
  <div id="weixinLogin"></div>
11
10
  </kv-login>
12
- ```
11
+ ```
12
+
13
+ ## 网页
14
+
15
+ ```html
16
+ <script type="importmap">
17
+ {
18
+ "imports": {
19
+ "@kevisual/kv-login": "https://esm.kevisual.cn/@kevisual/kv-login"
20
+ }
21
+ }
22
+ </script>
23
+ <script type="module">
24
+ import '@kevisual/kv-login';
25
+ </script>
26
+ <kv-login method="password">
27
+ <div id="weixinLogin"></div>
28
+ </kv-login>
29
+ ```
package/src/pages/kv-login.ts CHANGED
@@ -85,6 +85,7 @@ class KvLogin extends HTMLElement {
85
85
  if (loginMethods.length > 0) {
86
86
  this.loginMethods = getLoginMethod(loginMethods)
87
87
  this.selectedMethod = loginMethods[0]
88
+ this.setLoginMethods(this.loginMethods);
88
89
  return;
89
90
  }
90
91
  }
@@ -133,8 +134,6 @@ class KvLogin extends HTMLElement {
133
134
 
134
135
  private handleLogin() {
135
136
  const formData = this.getFormData()
136
- // console.log('登录方式:', this.selectedMethod)
137
- // console.log('登录数据:', formData)
138
137
  loginHandle({
139
138
  loginMethod: this.selectedMethod,
140
139
  data: formData,
package/web.html ADDED
@@ -0,0 +1,93 @@
1
+ <!DOCTYPE html>
2
+ <html lang="zh-CN">
3
+
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>KvMessage Demo</title>
8
+ <script type="importmap">
9
+ {
10
+ "imports": {
11
+ "@kevisual/kv-login": "https://esm.kevisual.cn/@kevisual/kv-login"
12
+ }
13
+ }
14
+ </script>
15
+ <script type="module">
16
+ import '@kevisual/kv-login';
17
+ </script>
18
+ <style>
19
+ body {
20
+ margin: 0;
21
+ padding: 20px;
22
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
23
+ }
24
+
25
+ .demo-container {
26
+ display: flex;
27
+ flex-direction: column;
28
+ align-items: center;
29
+ gap: 20px;
30
+ padding: 40px 20px;
31
+ }
32
+
33
+ .button-group {
34
+ display: flex;
35
+ gap: 12px;
36
+ flex-wrap: wrap;
37
+ justify-content: center;
38
+ }
39
+
40
+ .demo-button {
41
+ padding: 10px 20px;
42
+ border: none;
43
+ border-radius: 6px;
44
+ cursor: pointer;
45
+ font-size: 14px;
46
+ transition: all 0.2s;
47
+ }
48
+
49
+ .demo-button.success {
50
+ background: #52c41a;
51
+ color: white;
52
+ }
53
+
54
+ .demo-button.success:hover {
55
+ background: #389e0d;
56
+ }
57
+
58
+ .demo-button.error {
59
+ background: #ff4d4f;
60
+ color: white;
61
+ }
62
+
63
+ .demo-button.error:hover {
64
+ background: #cf1322;
65
+ }
66
+
67
+ .demo-button.loading {
68
+ background: #1890ff;
69
+ color: white;
70
+ }
71
+
72
+ .demo-button.loading:hover {
73
+ background: #096dd9;
74
+ }
75
+
76
+ .login-section {
77
+ text-align: center;
78
+ }
79
+ </style>
80
+ </head>
81
+
82
+ <body>
83
+ <div class="demo-container">
84
+ <div class="login-section">
85
+ <h2>登录组件</h2>
86
+ <kv-login method="password">
87
+ <div id="weixinLogin"></div>
88
+ </kv-login>
89
+ </div>
90
+ </div>
91
+ </body>
92
+
93
+ </html>
package/dist/app.d.ts DELETED
@@ -1,112 +0,0 @@
1
- interface EventData<T = any> {
2
- type: string;
3
- data: T;
4
- }
5
- type EventHandler<T = any> = (event: EventData<T>) => void;
6
- declare class EventEmitter {
7
- private events;
8
- /**
9
- * 监听事件
10
- * @param type 事件类型
11
- * @param handler 事件处理函数
12
- */
13
- on<T = any>(type: string, handler: EventHandler<T>): void;
14
- /**
15
- * 移除事件监听器
16
- * @param type 事件类型
17
- * @param handler 事件处理函数 (可选，如果不提供则移除该类型的所有监听器)
18
- */
19
- off<T = any>(type: string, handler?: EventHandler<T>): void;
20
- /**
21
- * 触发事件
22
- * @param event 事件对象，包含 type 和 data
23
- */
24
- emit<T = any>(event: EventData<T>): void;
25
- /**
26
- * 触发事件（简化版本，直接传递type和data）
27
- * @param type 事件类型
28
- * @param data 事件数据
29
- */
30
- emitSimple<T = any>(type: string, data: T): void;
31
- /**
32
- * 清空所有事件监听器
33
- */
34
- clear(): void;
35
- /**
36
- * 获取指定类型的监听器数量
37
- * @param type 事件类型
38
- * @returns 监听器数量
39
- */
40
- listenerCount(type: string): number;
41
- /**
42
- * 获取所有事件类型
43
- * @returns 事件类型数组
44
- */
45
- eventNames(): string[];
46
- /**
47
- * 检查是否有指定类型的监听器
48
- * @param type 事件类型
49
- * @returns 是否有监听器
50
- */
51
- hasListeners(type: string): boolean;
52
- /**
53
- * 只监听一次事件
54
- * @param type 事件类型
55
- * @param handler 事件处理函数
56
- */
57
- once<T = any>(type: string, handler: EventHandler<T>): void;
58
- }
59
-
60
- declare const loginEmitter: EventEmitter;
61
-
62
- interface KvMessageOptions {
63
- type?: 'success' | 'error' | 'loading';
64
- message: string;
65
- duration?: number;
66
- closable?: boolean;
67
- position?: 'center' | 'right';
68
- }
69
- declare class KvMessage extends HTMLElement {
70
- private options;
71
- private timer;
72
- constructor();
73
- connectedCallback(): void;
74
- setOptions(options: KvMessageOptions): void;
75
- private render;
76
- private setTimer;
77
- remove(): void;
78
- disconnectedCallback(): void;
79
- }
80
- declare class KvMessageManager {
81
- private static instance;
82
- private container;
83
- private defaultPosition;
84
- static getInstance(): KvMessageManager;
85
- setDefaultPosition(position: 'center' | 'right'): void;
86
- private getContainer;
87
- show(options: KvMessageOptions): KvMessage;
88
- success(message: string, options?: {
89
- duration?: number;
90
- position?: 'center' | 'right';
91
- closable?: boolean;
92
- }): KvMessage;
93
- error(message: string, options?: {
94
- duration?: number;
95
- position?: 'center' | 'right';
96
- closable?: boolean;
97
- }): KvMessage;
98
- loading(message: string, options?: {
99
- position?: 'center' | 'right';
100
- closable?: boolean;
101
- }): KvMessage;
102
- remove(message: KvMessage): void;
103
- clear(): void;
104
- }
105
- declare const createMessage: () => KvMessageManager;
106
- declare global {
107
- interface Window {
108
- createMessage: typeof createMessage;
109
- }
110
- }
111
-
112
- export { loginEmitter };