@vobs/captcha 1.2.1 → 1.3.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.
- package/dist/index.cjs +154 -717
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +71 -637
- package/dist/index.js.map +1 -1
- package/dist/slider.cjs +152 -716
- package/dist/slider.cjs.map +1 -1
- package/dist/slider.js +100 -667
- package/dist/slider.js.map +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -1,605 +1,31 @@
|
|
|
1
1
|
var __defProp = Object.defineProperty;
|
|
2
2
|
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
3
|
|
|
4
|
-
// packages/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
function invokeDebug(name, ...args) {
|
|
17
|
-
return;
|
|
18
|
-
}
|
|
19
|
-
__name(invokeDebug, "invokeDebug");
|
|
20
|
-
|
|
21
|
-
// packages/reactivity/src/owner.ts
|
|
22
|
-
var currentOwner = null;
|
|
23
|
-
var nextOwnerId = 1;
|
|
24
|
-
var ownerNames = /* @__PURE__ */ new WeakMap();
|
|
25
|
-
function createOwner() {
|
|
26
|
-
const parent = currentOwner;
|
|
27
|
-
let disposed = parent?.disposed ?? false;
|
|
28
|
-
const children = [];
|
|
29
|
-
const cleanups = [];
|
|
30
|
-
const errorHandlers = /* @__PURE__ */ new Set();
|
|
31
|
-
const owner = {
|
|
32
|
-
id: `owner-${nextOwnerId++}`,
|
|
33
|
-
parent,
|
|
34
|
-
children,
|
|
35
|
-
depth: (parent?.depth ?? -1) + 1,
|
|
36
|
-
get disposed() {
|
|
37
|
-
return disposed;
|
|
38
|
-
},
|
|
39
|
-
run(fn) {
|
|
40
|
-
if (disposed) throw new Error("Vobs: \u5DF2\u9500\u6BC1\u7684 Owner \u4E0D\u80FD\u7EE7\u7EED\u8FD0\u884C");
|
|
41
|
-
const previous = currentOwner;
|
|
42
|
-
currentOwner = owner;
|
|
43
|
-
try {
|
|
44
|
-
return fn();
|
|
45
|
-
} finally {
|
|
46
|
-
currentOwner = previous;
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
addCleanup(cleanup) {
|
|
50
|
-
if (disposed) {
|
|
51
|
-
cleanup();
|
|
52
|
-
return;
|
|
53
|
-
}
|
|
54
|
-
cleanups.push(cleanup);
|
|
55
|
-
},
|
|
56
|
-
onDispose(cleanup) {
|
|
57
|
-
owner.addCleanup(cleanup);
|
|
58
|
-
},
|
|
59
|
-
onError(handler) {
|
|
60
|
-
errorHandlers.add(handler);
|
|
61
|
-
const remove = /* @__PURE__ */ __name(() => errorHandlers.delete(handler), "remove");
|
|
62
|
-
owner.addCleanup(remove);
|
|
63
|
-
return remove;
|
|
64
|
-
},
|
|
65
|
-
handleError(error) {
|
|
66
|
-
for (const handler of [...errorHandlers].reverse()) {
|
|
67
|
-
try {
|
|
68
|
-
handler(error);
|
|
69
|
-
return true;
|
|
70
|
-
} catch (handlerError) {
|
|
71
|
-
return parent?.handleError(handlerError) ?? false;
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
return parent?.handleError(error) ?? false;
|
|
75
|
-
},
|
|
76
|
-
dispose() {
|
|
77
|
-
if (disposed) return;
|
|
78
|
-
disposed = true;
|
|
79
|
-
for (const child of [...children]) child.dispose();
|
|
80
|
-
children.length = 0;
|
|
81
|
-
let firstError;
|
|
82
|
-
for (let index = cleanups.length - 1; index >= 0; index--) {
|
|
83
|
-
try {
|
|
84
|
-
cleanups[index]();
|
|
85
|
-
} catch (error) {
|
|
86
|
-
firstError ?? (firstError = error);
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
cleanups.length = 0;
|
|
90
|
-
if (parent) {
|
|
91
|
-
const index = parent.children.indexOf(owner);
|
|
92
|
-
if (index >= 0) parent.children.splice(index, 1);
|
|
93
|
-
}
|
|
94
|
-
if (firstError) throw firstError;
|
|
95
|
-
}
|
|
96
|
-
};
|
|
97
|
-
if (parent && !parent.disposed) parent.children.push(owner);
|
|
98
|
-
return owner;
|
|
99
|
-
}
|
|
100
|
-
__name(createOwner, "createOwner");
|
|
101
|
-
function setOwnerDebugName(owner, name) {
|
|
102
|
-
ownerNames.set(owner, name);
|
|
103
|
-
}
|
|
104
|
-
__name(setOwnerDebugName, "setOwnerDebugName");
|
|
105
|
-
function getCurrentOwner() {
|
|
106
|
-
return currentOwner;
|
|
107
|
-
}
|
|
108
|
-
__name(getCurrentOwner, "getCurrentOwner");
|
|
109
|
-
function onDispose(cleanup) {
|
|
110
|
-
const owner = getCurrentOwner();
|
|
111
|
-
if (!owner) throw new Error("Vobs: onDispose \u5FC5\u987B\u5728 Owner \u4F5C\u7528\u57DF\u5185\u8C03\u7528");
|
|
112
|
-
owner.onDispose(cleanup);
|
|
113
|
-
}
|
|
114
|
-
__name(onDispose, "onDispose");
|
|
115
|
-
|
|
116
|
-
// packages/reactivity/src/signal.ts
|
|
117
|
-
var currentSubscriber = null;
|
|
118
|
-
function getCurrentSubscriber() {
|
|
119
|
-
return currentSubscriber;
|
|
120
|
-
}
|
|
121
|
-
__name(getCurrentSubscriber, "getCurrentSubscriber");
|
|
122
|
-
function setCurrentSubscriber(subscriber) {
|
|
123
|
-
currentSubscriber = subscriber;
|
|
124
|
-
}
|
|
125
|
-
__name(setCurrentSubscriber, "setCurrentSubscriber");
|
|
126
|
-
function trackDependency(dependency) {
|
|
127
|
-
if (!currentSubscriber || currentSubscriber.disposed) return;
|
|
128
|
-
!currentSubscriber.dependencies.has(dependency);
|
|
129
|
-
currentSubscriber.dependencies.add(dependency);
|
|
130
|
-
}
|
|
131
|
-
__name(trackDependency, "trackDependency");
|
|
132
|
-
function state(initialValue, debugName) {
|
|
133
|
-
let value = initialValue;
|
|
134
|
-
let disposed = false;
|
|
135
|
-
const subscribers = /* @__PURE__ */ new Set();
|
|
136
|
-
const signalInstance = {
|
|
137
|
-
get value() {
|
|
138
|
-
const subscriber = getCurrentSubscriber();
|
|
139
|
-
if (subscriber && !subscriber.disposed) {
|
|
140
|
-
subscribers.add(subscriber);
|
|
141
|
-
trackDependency(signalInstance);
|
|
142
|
-
}
|
|
143
|
-
return value;
|
|
144
|
-
},
|
|
145
|
-
set value(nextValue) {
|
|
146
|
-
if (disposed || Object.is(value, nextValue)) return;
|
|
147
|
-
value = nextValue;
|
|
148
|
-
for (const subscriber of [...subscribers]) subscriber.notify();
|
|
149
|
-
},
|
|
150
|
-
unsubscribe(subscriber) {
|
|
151
|
-
subscribers.delete(subscriber);
|
|
152
|
-
},
|
|
153
|
-
// 与 `.value =` 赋值同一条路径:判等短路、debug hook、notify 全部一致。
|
|
154
|
-
// 以闭包实现,可安全地作为回调直接传递(无 this 绑定问题)。
|
|
155
|
-
set(next) {
|
|
156
|
-
signalInstance.value = next;
|
|
157
|
-
},
|
|
158
|
-
dispose() {
|
|
159
|
-
if (disposed) return;
|
|
160
|
-
disposed = true;
|
|
161
|
-
subscribers.clear();
|
|
162
|
-
}
|
|
163
|
-
};
|
|
164
|
-
const owner = getCurrentOwner();
|
|
165
|
-
owner?.addCleanup(signalInstance.dispose);
|
|
166
|
-
if (debugName?.trim()) setSignalDebugName(signalInstance, debugName.trim());
|
|
167
|
-
return signalInstance;
|
|
168
|
-
}
|
|
169
|
-
__name(state, "state");
|
|
170
|
-
|
|
171
|
-
// packages/reactivity/src/scheduler.ts
|
|
172
|
-
var _Scheduler = class _Scheduler {
|
|
173
|
-
constructor() {
|
|
174
|
-
this.dirtyEffects = /* @__PURE__ */ new Set();
|
|
175
|
-
this.lowPriorityEffects = /* @__PURE__ */ new Set();
|
|
176
|
-
// flush 不可重入(flushing 标志保证),缓冲数组可在轮次间安全复用,避免每轮分配。
|
|
177
|
-
this.normalBuffer = [];
|
|
178
|
-
this.lowBuffer = [];
|
|
179
|
-
this.flushing = false;
|
|
180
|
-
this.scheduled = false;
|
|
181
|
-
this.batchDepth = 0;
|
|
182
|
-
}
|
|
183
|
-
schedule(effect2) {
|
|
184
|
-
if (effect2.disposed) return;
|
|
185
|
-
this.dirtyEffects.add(effect2);
|
|
186
|
-
this.lowPriorityEffects.delete(effect2);
|
|
187
|
-
this.ensureScheduled();
|
|
188
|
-
}
|
|
189
|
-
/** Queue an effect behind normal updates while preserving deterministic order. */
|
|
190
|
-
scheduleLow(effect2) {
|
|
191
|
-
if (effect2.disposed) return;
|
|
192
|
-
if (!this.dirtyEffects.has(effect2)) this.lowPriorityEffects.add(effect2);
|
|
193
|
-
this.ensureScheduled();
|
|
194
|
-
}
|
|
195
|
-
ensureScheduled() {
|
|
196
|
-
if (this.batchDepth === 0 && !this.flushing && !this.scheduled) {
|
|
197
|
-
this.scheduled = true;
|
|
198
|
-
queueMicrotask(() => {
|
|
199
|
-
this.scheduled = false;
|
|
200
|
-
this.flush();
|
|
201
|
-
});
|
|
202
|
-
}
|
|
203
|
-
}
|
|
204
|
-
remove(effect2) {
|
|
205
|
-
this.dirtyEffects.delete(effect2);
|
|
206
|
-
this.lowPriorityEffects.delete(effect2);
|
|
207
|
-
}
|
|
208
|
-
batch(fn) {
|
|
209
|
-
this.batchDepth++;
|
|
210
|
-
try {
|
|
211
|
-
return fn();
|
|
212
|
-
} finally {
|
|
213
|
-
this.batchDepth--;
|
|
214
|
-
if (this.batchDepth === 0) this.flush();
|
|
215
|
-
}
|
|
216
|
-
}
|
|
217
|
-
flush() {
|
|
218
|
-
if (this.flushing || this.batchDepth > 0) return;
|
|
219
|
-
this.flushing = true;
|
|
220
|
-
let rounds = 0;
|
|
221
|
-
let firstError;
|
|
222
|
-
let hasError = false;
|
|
223
|
-
try {
|
|
224
|
-
while (this.dirtyEffects.size > 0 || this.lowPriorityEffects.size > 0) {
|
|
225
|
-
if (++rounds > 100) {
|
|
226
|
-
this.dirtyEffects.clear();
|
|
227
|
-
this.lowPriorityEffects.clear();
|
|
228
|
-
throw new Error("Vobs: \u54CD\u5E94\u5F0F\u66F4\u65B0\u8D85\u8FC7 100 \u8F6E\uFF0C\u53EF\u80FD\u5B58\u5728\u5FAA\u73AF\u4F9D\u8D56");
|
|
229
|
-
}
|
|
230
|
-
this.collectRunnable(this.dirtyEffects, this.normalBuffer);
|
|
231
|
-
this.collectRunnable(this.lowPriorityEffects, this.lowBuffer);
|
|
232
|
-
sortEffects(this.normalBuffer);
|
|
233
|
-
sortEffects(this.lowBuffer);
|
|
234
|
-
for (const effect2 of this.normalBuffer) {
|
|
235
|
-
try {
|
|
236
|
-
effect2.run();
|
|
237
|
-
} catch (error) {
|
|
238
|
-
if (!hasError) {
|
|
239
|
-
firstError = error;
|
|
240
|
-
hasError = true;
|
|
241
|
-
}
|
|
242
|
-
}
|
|
243
|
-
}
|
|
244
|
-
for (const effect2 of this.lowBuffer) {
|
|
245
|
-
try {
|
|
246
|
-
effect2.run();
|
|
247
|
-
} catch (error) {
|
|
248
|
-
if (!hasError) {
|
|
249
|
-
firstError = error;
|
|
250
|
-
hasError = true;
|
|
251
|
-
}
|
|
252
|
-
}
|
|
253
|
-
}
|
|
254
|
-
this.normalBuffer.length = 0;
|
|
255
|
-
this.lowBuffer.length = 0;
|
|
256
|
-
}
|
|
257
|
-
} finally {
|
|
258
|
-
this.normalBuffer.length = 0;
|
|
259
|
-
this.lowBuffer.length = 0;
|
|
260
|
-
this.flushing = false;
|
|
261
|
-
}
|
|
262
|
-
if (hasError) throw firstError;
|
|
263
|
-
}
|
|
264
|
-
/** 收集未 disposed 的 effect 并清空源集合;run() 期间新调度的 effect 留给下一轮。 */
|
|
265
|
-
collectRunnable(source, target) {
|
|
266
|
-
for (const effect2 of source) {
|
|
267
|
-
if (!effect2.disposed) target.push(effect2);
|
|
268
|
-
}
|
|
269
|
-
source.clear();
|
|
270
|
-
}
|
|
271
|
-
};
|
|
272
|
-
__name(_Scheduler, "Scheduler");
|
|
273
|
-
var Scheduler = _Scheduler;
|
|
274
|
-
function sortEffects(effects) {
|
|
275
|
-
if (effects.length > 1) {
|
|
276
|
-
effects.sort((a, b) => b.depth - a.depth || a.order - b.order);
|
|
277
|
-
}
|
|
278
|
-
}
|
|
279
|
-
__name(sortEffects, "sortEffects");
|
|
280
|
-
var scheduler = new Scheduler();
|
|
281
|
-
|
|
282
|
-
// packages/reactivity/src/effect.ts
|
|
283
|
-
var nextEffectOrder = 1;
|
|
284
|
-
function cleanupDependencies(subscriber) {
|
|
285
|
-
for (const dependency of subscriber.dependencies) {
|
|
286
|
-
dependency.unsubscribe(subscriber);
|
|
287
|
-
}
|
|
288
|
-
subscriber.dependencies.clear();
|
|
289
|
-
}
|
|
290
|
-
__name(cleanupDependencies, "cleanupDependencies");
|
|
291
|
-
function effect(callback) {
|
|
292
|
-
const owner = getCurrentOwner();
|
|
293
|
-
let cleanup;
|
|
294
|
-
let dirty = true;
|
|
295
|
-
let disposed = false;
|
|
296
|
-
const eff = {
|
|
297
|
-
order: nextEffectOrder++,
|
|
298
|
-
depth: owner?.depth ?? 0,
|
|
299
|
-
dependencies: /* @__PURE__ */ new Set(),
|
|
300
|
-
get disposed() {
|
|
301
|
-
return disposed;
|
|
302
|
-
},
|
|
303
|
-
notify() {
|
|
304
|
-
if (disposed || dirty) return;
|
|
305
|
-
dirty = true;
|
|
306
|
-
scheduler.schedule(eff);
|
|
307
|
-
},
|
|
308
|
-
run() {
|
|
309
|
-
if (disposed || !dirty) return;
|
|
310
|
-
dirty = false;
|
|
311
|
-
const previousCleanup = cleanup;
|
|
312
|
-
cleanup = void 0;
|
|
313
|
-
let cleanupError;
|
|
314
|
-
if (previousCleanup) {
|
|
315
|
-
try {
|
|
316
|
-
previousCleanup();
|
|
317
|
-
} catch (error) {
|
|
318
|
-
const handled2 = owner?.handleError(error) ?? false;
|
|
319
|
-
if (!handled2) cleanupError = error;
|
|
320
|
-
}
|
|
321
|
-
}
|
|
322
|
-
cleanupDependencies(eff);
|
|
323
|
-
const previous = getCurrentSubscriber();
|
|
324
|
-
setCurrentSubscriber(eff);
|
|
325
|
-
let thrown;
|
|
326
|
-
let handled = false;
|
|
327
|
-
try {
|
|
328
|
-
const result = owner ? owner.run(callback) : callback();
|
|
329
|
-
cleanup = typeof result === "function" ? result : void 0;
|
|
330
|
-
} catch (error) {
|
|
331
|
-
thrown = error;
|
|
332
|
-
handled = owner?.handleError(error) ?? false;
|
|
333
|
-
if (!handled) throw error;
|
|
334
|
-
} finally {
|
|
335
|
-
setCurrentSubscriber(previous);
|
|
336
|
-
}
|
|
337
|
-
if (cleanupError && !thrown) throw cleanupError;
|
|
338
|
-
},
|
|
339
|
-
scheduleLow() {
|
|
340
|
-
if (disposed || dirty) return;
|
|
341
|
-
dirty = true;
|
|
342
|
-
scheduler.scheduleLow(eff);
|
|
343
|
-
},
|
|
344
|
-
dispose() {
|
|
345
|
-
if (disposed) return;
|
|
346
|
-
disposed = true;
|
|
347
|
-
dirty = false;
|
|
348
|
-
scheduler.remove(eff);
|
|
349
|
-
const previousCleanup = cleanup;
|
|
350
|
-
cleanup = void 0;
|
|
351
|
-
let cleanupError;
|
|
352
|
-
if (previousCleanup) {
|
|
353
|
-
try {
|
|
354
|
-
previousCleanup();
|
|
355
|
-
} catch (error) {
|
|
356
|
-
const handled = owner?.handleError(error) ?? false;
|
|
357
|
-
if (!handled) cleanupError = error;
|
|
358
|
-
}
|
|
359
|
-
}
|
|
360
|
-
cleanupDependencies(eff);
|
|
361
|
-
if (cleanupError) throw cleanupError;
|
|
362
|
-
}
|
|
363
|
-
};
|
|
364
|
-
owner?.addCleanup(eff.dispose);
|
|
365
|
-
eff.run();
|
|
366
|
-
return eff;
|
|
367
|
-
}
|
|
368
|
-
__name(effect, "effect");
|
|
369
|
-
|
|
370
|
-
// packages/runtime/src/debug.ts
|
|
371
|
-
var activeRuntimeDebugHooks = null;
|
|
372
|
-
function getRuntimeDebugHooks() {
|
|
373
|
-
return activeRuntimeDebugHooks;
|
|
374
|
-
}
|
|
375
|
-
__name(getRuntimeDebugHooks, "getRuntimeDebugHooks");
|
|
376
|
-
function invokeRuntimeDebug(name, ...args) {
|
|
377
|
-
return;
|
|
378
|
-
}
|
|
379
|
-
__name(invokeRuntimeDebug, "invokeRuntimeDebug");
|
|
380
|
-
function readDebugValue(read) {
|
|
381
|
-
try {
|
|
382
|
-
return read();
|
|
383
|
-
} catch {
|
|
384
|
-
return "[Uninspectable]";
|
|
385
|
-
}
|
|
386
|
-
}
|
|
387
|
-
__name(readDebugValue, "readDebugValue");
|
|
388
|
-
function describeDebugNode(node) {
|
|
389
|
-
if (!node || typeof node !== "object") return "node";
|
|
390
|
-
const value = node;
|
|
391
|
-
const name = typeof value.tagName === "string" ? value.tagName.toLowerCase() : typeof value.nodeName === "string" ? value.nodeName.toLowerCase() : "node";
|
|
392
|
-
const id = typeof value.id === "string" && value.id ? `#${value.id}` : "";
|
|
393
|
-
const className = typeof value.className === "string" && value.className ? `.${value.className.trim().split(/\s+/).filter(Boolean).join(".")}` : "";
|
|
394
|
-
return `${name}${id}${className}`;
|
|
395
|
-
}
|
|
396
|
-
__name(describeDebugNode, "describeDebugNode");
|
|
397
|
-
|
|
398
|
-
// packages/runtime/src/hmr.ts
|
|
399
|
-
var globalTarget = globalThis;
|
|
400
|
-
var hmrGlobal = globalTarget.__VOBS_HMR__ ?? { modules: /* @__PURE__ */ new Map() };
|
|
401
|
-
globalTarget.__VOBS_HMR__ = hmrGlobal;
|
|
402
|
-
function markHmrInstanceMounted(node, parent) {
|
|
403
|
-
const instance = hmrInstances.get(node);
|
|
404
|
-
if (instance) instance.parent = parent;
|
|
405
|
-
}
|
|
406
|
-
__name(markHmrInstanceMounted, "markHmrInstanceMounted");
|
|
407
|
-
var hmrInstances = /* @__PURE__ */ new WeakMap();
|
|
408
|
-
var nodeOwners = /* @__PURE__ */ new WeakMap();
|
|
409
|
-
var eventBindings = /* @__PURE__ */ new WeakMap();
|
|
410
|
-
function getRenderer() {
|
|
411
|
-
{
|
|
412
|
-
throw new Error("\u6E32\u67D3\u5668\u672A\u521D\u59CB\u5316");
|
|
413
|
-
}
|
|
414
|
-
}
|
|
415
|
-
__name(getRenderer, "getRenderer");
|
|
416
|
-
function createText(content) {
|
|
417
|
-
return getRenderer().createText(content);
|
|
418
|
-
}
|
|
419
|
-
__name(createText, "createText");
|
|
420
|
-
function createElement(tag) {
|
|
421
|
-
return getRenderer().createElement(tag);
|
|
422
|
-
}
|
|
423
|
-
__name(createElement, "createElement");
|
|
424
|
-
function createComment(content) {
|
|
425
|
-
return getRenderer().createComment(content);
|
|
426
|
-
}
|
|
427
|
-
__name(createComment, "createComment");
|
|
428
|
-
function insertBefore(parent, child, anchor) {
|
|
429
|
-
if (isVobsFragment(child)) {
|
|
430
|
-
child.mount(parent, isVobsFragment(anchor) ? anchor.start : anchor);
|
|
431
|
-
return;
|
|
432
|
-
}
|
|
433
|
-
getRenderer().insertBefore(parent, child, isVobsFragment(anchor) ? anchor.start : anchor);
|
|
434
|
-
markHmrInstanceMounted(child, parent);
|
|
435
|
-
}
|
|
436
|
-
__name(insertBefore, "insertBefore");
|
|
437
|
-
function removeChild(parent, child) {
|
|
438
|
-
disposeNodeOwner(child);
|
|
439
|
-
if (isVobsFragment(child)) {
|
|
440
|
-
child.unmount(parent);
|
|
441
|
-
return;
|
|
442
|
-
}
|
|
443
|
-
getRenderer().removeChild(parent, child);
|
|
444
|
-
}
|
|
445
|
-
__name(removeChild, "removeChild");
|
|
446
|
-
function setProperty(node, key, value) {
|
|
447
|
-
getRenderer().setProperty(node, key, value);
|
|
448
|
-
}
|
|
449
|
-
__name(setProperty, "setProperty");
|
|
450
|
-
function setAttribute(node, key, value) {
|
|
451
|
-
getRenderer().setAttribute(node, key, value);
|
|
452
|
-
}
|
|
453
|
-
__name(setAttribute, "setAttribute");
|
|
454
|
-
function addEventListener(node, event, handler) {
|
|
455
|
-
const renderer = getRenderer();
|
|
456
|
-
const owner = getCurrentOwner();
|
|
457
|
-
let bindings = eventBindings.get(node);
|
|
458
|
-
if (!bindings) {
|
|
459
|
-
bindings = /* @__PURE__ */ new Map();
|
|
460
|
-
eventBindings.set(node, bindings);
|
|
461
|
-
}
|
|
462
|
-
const previous = bindings.get(event);
|
|
463
|
-
if (previous && previous.original === handler && previous.owner === owner) return;
|
|
464
|
-
if (previous) renderer.removeEventListener(node, event, previous.handler);
|
|
465
|
-
const listener = owner ? (reason) => {
|
|
466
|
-
try {
|
|
467
|
-
owner.run(() => handler(reason));
|
|
468
|
-
} catch (error) {
|
|
469
|
-
const handled = owner.handleError(error);
|
|
470
|
-
invokeRuntimeDebug("error", {
|
|
471
|
-
error,
|
|
472
|
-
owner,
|
|
473
|
-
phase: "event",
|
|
474
|
-
handled,
|
|
475
|
-
recovery: handled ? "handled" : "propagated"
|
|
476
|
-
});
|
|
477
|
-
if (!handled) throw error;
|
|
478
|
-
}
|
|
479
|
-
} : handler;
|
|
480
|
-
const binding = { handler: listener, owner, original: handler };
|
|
481
|
-
bindings.set(event, binding);
|
|
482
|
-
renderer.addEventListener(node, event, listener);
|
|
483
|
-
owner?.onDispose(() => {
|
|
484
|
-
if (bindings?.get(event) !== binding) return;
|
|
485
|
-
bindings.delete(event);
|
|
486
|
-
renderer.removeEventListener(node, event, listener);
|
|
487
|
-
});
|
|
488
|
-
}
|
|
489
|
-
__name(addEventListener, "addEventListener");
|
|
490
|
-
function createBlock(factory) {
|
|
491
|
-
const owner = createOwner();
|
|
492
|
-
setOwnerDebugName(owner, "dynamic");
|
|
493
|
-
let node;
|
|
494
|
-
try {
|
|
495
|
-
node = owner.run(factory);
|
|
496
|
-
} catch (error) {
|
|
497
|
-
owner.dispose();
|
|
498
|
-
throw error;
|
|
499
|
-
}
|
|
500
|
-
if (!node) {
|
|
501
|
-
owner.dispose();
|
|
502
|
-
return null;
|
|
503
|
-
}
|
|
504
|
-
associateNodeOwner(node, owner);
|
|
505
|
-
return node;
|
|
506
|
-
}
|
|
507
|
-
__name(createBlock, "createBlock");
|
|
508
|
-
function associateNodeOwner(node, owner) {
|
|
509
|
-
nodeOwners.set(node, owner);
|
|
510
|
-
}
|
|
511
|
-
__name(associateNodeOwner, "associateNodeOwner");
|
|
512
|
-
function disposeNodeOwner(node) {
|
|
513
|
-
const owner = nodeOwners.get(node);
|
|
514
|
-
if (!owner) return;
|
|
515
|
-
nodeOwners.delete(node);
|
|
516
|
-
owner.dispose();
|
|
517
|
-
}
|
|
518
|
-
__name(disposeNodeOwner, "disposeNodeOwner");
|
|
519
|
-
|
|
520
|
-
// packages/runtime/src/fragment.ts
|
|
521
|
-
function createFragment(factory) {
|
|
522
|
-
const start = createComment("vobs:fragment:start");
|
|
523
|
-
const end = createComment("vobs:fragment:end");
|
|
524
|
-
let parent = null;
|
|
525
|
-
let initialized = false;
|
|
526
|
-
const owner = getCurrentOwner();
|
|
527
|
-
const fragment = {
|
|
528
|
-
kind: "vobs-fragment",
|
|
529
|
-
start,
|
|
530
|
-
end,
|
|
531
|
-
mount(nextParent, anchor) {
|
|
532
|
-
if (parent && parent !== nextParent) {
|
|
533
|
-
throw new Error("Vobs Fragment: \u4E0D\u80FD\u8DE8\u7236\u8282\u70B9\u79FB\u52A8 Fragment");
|
|
534
|
-
}
|
|
535
|
-
if (initialized) {
|
|
536
|
-
moveRange(nextParent, start, end, anchor);
|
|
537
|
-
return;
|
|
538
|
-
}
|
|
539
|
-
const renderer = getRenderer();
|
|
540
|
-
renderer.insertBefore(nextParent, start, anchor);
|
|
541
|
-
renderer.insertBefore(nextParent, end, anchor);
|
|
542
|
-
parent = nextParent;
|
|
543
|
-
initialized = true;
|
|
544
|
-
if (owner) owner.run(() => factory(nextParent, end));
|
|
545
|
-
else factory(nextParent, end);
|
|
546
|
-
},
|
|
547
|
-
unmount(nextParent) {
|
|
548
|
-
if (!initialized || parent !== nextParent) {
|
|
549
|
-
throw new Error("Vobs Fragment: Fragment \u4E0D\u5C5E\u4E8E\u6307\u5B9A\u7236\u8282\u70B9");
|
|
550
|
-
}
|
|
551
|
-
const renderer = getRenderer();
|
|
552
|
-
let current = renderer.nextSibling(start);
|
|
553
|
-
while (current && current !== end) {
|
|
554
|
-
const next = renderer.nextSibling(current);
|
|
555
|
-
renderer.removeChild(nextParent, current);
|
|
556
|
-
current = next;
|
|
557
|
-
}
|
|
558
|
-
renderer.removeChild(nextParent, start);
|
|
559
|
-
renderer.removeChild(nextParent, end);
|
|
560
|
-
parent = null;
|
|
561
|
-
initialized = false;
|
|
562
|
-
}
|
|
563
|
-
};
|
|
564
|
-
return fragment;
|
|
565
|
-
}
|
|
566
|
-
__name(createFragment, "createFragment");
|
|
567
|
-
function isVobsFragment(value) {
|
|
568
|
-
return Boolean(value) && typeof value === "object" && value.kind === "vobs-fragment";
|
|
569
|
-
}
|
|
570
|
-
__name(isVobsFragment, "isVobsFragment");
|
|
571
|
-
function moveRange(parent, start, end, anchor) {
|
|
572
|
-
const renderer = getRenderer();
|
|
573
|
-
const nodes = [start];
|
|
574
|
-
let current = renderer.nextSibling(start);
|
|
575
|
-
while (current) {
|
|
576
|
-
nodes.push(current);
|
|
577
|
-
if (current === end) break;
|
|
578
|
-
current = renderer.nextSibling(current);
|
|
579
|
-
}
|
|
580
|
-
if (nodes[nodes.length - 1] !== end) {
|
|
581
|
-
throw new Error("Vobs Fragment: \u627E\u4E0D\u5230\u7ED3\u675F\u951A\u70B9");
|
|
582
|
-
}
|
|
583
|
-
for (const node of nodes) renderer.insertBefore(parent, node, anchor);
|
|
584
|
-
}
|
|
585
|
-
__name(moveRange, "moveRange");
|
|
586
|
-
|
|
587
|
-
// packages/runtime/src/dynamic.ts
|
|
588
|
-
function insertDynamic(parent, anchor, factory) {
|
|
589
|
-
const marker = createComment("vobs:dynamic");
|
|
590
|
-
insertBefore(parent, marker, anchor);
|
|
591
|
-
let current = null;
|
|
592
|
-
effect(() => {
|
|
593
|
-
const next = createBlock(factory);
|
|
594
|
-
if (next === current) return;
|
|
595
|
-
if (current) removeChild(parent, current);
|
|
596
|
-
current = next;
|
|
597
|
-
if (current) insertBefore(parent, current, marker);
|
|
598
|
-
});
|
|
599
|
-
}
|
|
600
|
-
__name(insertDynamic, "insertDynamic");
|
|
4
|
+
// packages/captcha/src/index.ts
|
|
5
|
+
import {
|
|
6
|
+
addEventListener as addEventListener2,
|
|
7
|
+
createElement as createElement2,
|
|
8
|
+
createFragment,
|
|
9
|
+
createText as createText2,
|
|
10
|
+
effect as effect2,
|
|
11
|
+
insertBefore as insertBefore2,
|
|
12
|
+
insertDynamic,
|
|
13
|
+
setAttribute as setAttribute2,
|
|
14
|
+
setProperty as setProperty2
|
|
15
|
+
} from "@vobs/vobs";
|
|
601
16
|
|
|
602
17
|
// packages/captcha/src/slider.ts
|
|
18
|
+
import {
|
|
19
|
+
addEventListener,
|
|
20
|
+
createElement,
|
|
21
|
+
createText,
|
|
22
|
+
effect,
|
|
23
|
+
insertBefore,
|
|
24
|
+
setAttribute,
|
|
25
|
+
setProperty,
|
|
26
|
+
state
|
|
27
|
+
} from "@vobs/vobs";
|
|
28
|
+
import { onDispose } from "@vobs/reactivity";
|
|
603
29
|
var sessionId = createSessionId();
|
|
604
30
|
function collectCaptchaDeviceSignals() {
|
|
605
31
|
if (typeof navigator === "undefined" || typeof window === "undefined") {
|
|
@@ -1053,35 +479,35 @@ __name(createSessionId, "createSessionId");
|
|
|
1053
479
|
|
|
1054
480
|
// packages/captcha/src/index.ts
|
|
1055
481
|
function Captcha(props = {}) {
|
|
1056
|
-
const root =
|
|
1057
|
-
const challengeHost =
|
|
1058
|
-
const messageHost =
|
|
1059
|
-
const actions =
|
|
1060
|
-
const header =
|
|
1061
|
-
const headerText =
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
-
|
|
1069
|
-
|
|
482
|
+
const root = createElement2("section");
|
|
483
|
+
const challengeHost = createElement2("div");
|
|
484
|
+
const messageHost = createElement2("div");
|
|
485
|
+
const actions = createElement2("div");
|
|
486
|
+
const header = createElement2("div");
|
|
487
|
+
const headerText = createText2("");
|
|
488
|
+
setAttribute2(header, "class", "vobs-captcha__header");
|
|
489
|
+
setAttribute2(challengeHost, "class", "vobs-captcha__challenge");
|
|
490
|
+
setAttribute2(messageHost, "class", "vobs-captcha__message-host");
|
|
491
|
+
setAttribute2(actions, "class", "vobs-captcha__actions");
|
|
492
|
+
insertBefore2(root, header, null);
|
|
493
|
+
insertBefore2(root, challengeHost, null);
|
|
494
|
+
insertBefore2(root, messageHost, null);
|
|
495
|
+
insertBefore2(root, actions, null);
|
|
1070
496
|
insertDynamic(header, null, () => {
|
|
1071
497
|
const label = readString2(props, "label");
|
|
1072
498
|
if (!label) return null;
|
|
1073
499
|
setText(headerText, label);
|
|
1074
500
|
return headerText;
|
|
1075
501
|
});
|
|
1076
|
-
|
|
502
|
+
effect2(() => {
|
|
1077
503
|
const status = readValue2(props, "status", "idle");
|
|
1078
|
-
|
|
1079
|
-
|
|
504
|
+
setAttribute2(root, "class", classNames2("vobs-captcha", readString2(props, "class"), readString2(props, "className")));
|
|
505
|
+
setAttribute2(root, "data-status", status);
|
|
1080
506
|
setOptionalAttribute(root, "id", readString2(props, "id"));
|
|
1081
507
|
setOptionalAttribute(root, "title", readString2(props, "title"));
|
|
1082
508
|
setOptionalAttribute(root, "role", readString2(props, "role"));
|
|
1083
|
-
|
|
1084
|
-
if (readValue2(props, "disabled", false) || status === "loading" || status === "verifying")
|
|
509
|
+
setAttribute2(root, "aria-busy", String(status === "loading" || status === "verifying"));
|
|
510
|
+
if (readValue2(props, "disabled", false) || status === "loading" || status === "verifying") setAttribute2(root, "aria-disabled", "true");
|
|
1085
511
|
else root.removeAttribute("aria-disabled");
|
|
1086
512
|
bindDataAndAriaAttributes(root, props);
|
|
1087
513
|
});
|
|
@@ -1118,12 +544,14 @@ function Captcha(props = {}) {
|
|
|
1118
544
|
}
|
|
1119
545
|
}) ?? createMessage(readValue2(input, "emptyLabel", "Captcha is not ready."));
|
|
1120
546
|
}
|
|
547
|
+
__name(renderChallenge, "renderChallenge");
|
|
1121
548
|
function renderMessage(input) {
|
|
1122
549
|
const status = readValue2(input, "status", "idle");
|
|
1123
550
|
if (readValue2(input, "messagePlacement", "challenge") !== "footer") return null;
|
|
1124
551
|
if (status !== "error") return null;
|
|
1125
552
|
return createMessage(readError(input) || readValue2(input, "errorLabel", "Captcha verification failed."));
|
|
1126
553
|
}
|
|
554
|
+
__name(renderMessage, "renderMessage");
|
|
1127
555
|
function renderActions(input) {
|
|
1128
556
|
const status = readValue2(input, "status", "idle");
|
|
1129
557
|
const disabled = readValue2(input, "disabled", false) || status === "loading" || status === "verifying";
|
|
@@ -1133,7 +561,7 @@ function Captcha(props = {}) {
|
|
|
1133
561
|
return createFragment((parent, anchor) => {
|
|
1134
562
|
const canRetry = status === "idle" || status === "expired" || status === "error" || status === "loading" && readValue2(input, "showRetryWhileLoading", false) || readValue2(input, "showRetry", false) && status !== "loading" && status !== "verifying";
|
|
1135
563
|
if (retry && canRetry) {
|
|
1136
|
-
|
|
564
|
+
insertBefore2(parent, createActionButton(
|
|
1137
565
|
readValue2(input, "retryLabel", "Retry"),
|
|
1138
566
|
readCallback(input, "retryIcon", void 0),
|
|
1139
567
|
retry,
|
|
@@ -1143,7 +571,7 @@ function Captcha(props = {}) {
|
|
|
1143
571
|
}
|
|
1144
572
|
const canCancel = status === "loading" || status === "verifying" || readValue2(input, "showCancel", false);
|
|
1145
573
|
if (cancel && canCancel) {
|
|
1146
|
-
|
|
574
|
+
insertBefore2(parent, createActionButton(
|
|
1147
575
|
readValue2(input, "cancelLabel", "Cancel"),
|
|
1148
576
|
void 0,
|
|
1149
577
|
cancel,
|
|
@@ -1153,29 +581,32 @@ function Captcha(props = {}) {
|
|
|
1153
581
|
}
|
|
1154
582
|
});
|
|
1155
583
|
}
|
|
584
|
+
__name(renderActions, "renderActions");
|
|
1156
585
|
function createActionButton(label, icon, handler, disabled, variant) {
|
|
1157
|
-
const button =
|
|
1158
|
-
|
|
1159
|
-
|
|
1160
|
-
|
|
1161
|
-
|
|
586
|
+
const button = createElement2("button");
|
|
587
|
+
setAttribute2(button, "class", `vobs-captcha__action ${variant}`);
|
|
588
|
+
setAttribute2(button, "type", "button");
|
|
589
|
+
setAttribute2(button, "aria-label", label);
|
|
590
|
+
setProperty2(button, "disabled", disabled);
|
|
1162
591
|
if (icon !== void 0) {
|
|
1163
|
-
const iconHost =
|
|
1164
|
-
|
|
592
|
+
const iconHost = createElement2("span");
|
|
593
|
+
setAttribute2(iconHost, "class", "vobs-captcha__action-icon");
|
|
1165
594
|
const value = typeof icon === "function" ? icon() : icon;
|
|
1166
|
-
if (value !== null && value !== void 0)
|
|
1167
|
-
|
|
595
|
+
if (value !== null && value !== void 0) insertBefore2(iconHost, value, null);
|
|
596
|
+
insertBefore2(button, iconHost, null);
|
|
1168
597
|
}
|
|
1169
|
-
|
|
1170
|
-
|
|
598
|
+
insertBefore2(button, createText2(label), null);
|
|
599
|
+
addEventListener2(button, "click", handler);
|
|
1171
600
|
return button;
|
|
1172
601
|
}
|
|
602
|
+
__name(createActionButton, "createActionButton");
|
|
1173
603
|
function createMessage(message) {
|
|
1174
|
-
const node =
|
|
1175
|
-
|
|
1176
|
-
|
|
604
|
+
const node = createElement2("p");
|
|
605
|
+
setAttribute2(node, "class", "vobs-captcha__message");
|
|
606
|
+
insertBefore2(node, createText2(message), null);
|
|
1177
607
|
return node;
|
|
1178
608
|
}
|
|
609
|
+
__name(createMessage, "createMessage");
|
|
1179
610
|
}
|
|
1180
611
|
__name(Captcha, "Captcha");
|
|
1181
612
|
function setText(node, value) {
|
|
@@ -1212,7 +643,7 @@ function readError(props) {
|
|
|
1212
643
|
}
|
|
1213
644
|
__name(readError, "readError");
|
|
1214
645
|
function setOptionalAttribute(node, name, value) {
|
|
1215
|
-
if (value)
|
|
646
|
+
if (value) setAttribute2(node, name, value);
|
|
1216
647
|
else node.removeAttribute(name);
|
|
1217
648
|
}
|
|
1218
649
|
__name(setOptionalAttribute, "setOptionalAttribute");
|
|
@@ -1221,7 +652,7 @@ function bindDataAndAriaAttributes(node, props) {
|
|
|
1221
652
|
if (!name.startsWith("aria-") && !name.startsWith("data-")) continue;
|
|
1222
653
|
const value = readValue2(props, name, void 0);
|
|
1223
654
|
if (value === void 0 || value === null || value === false) node.removeAttribute(name);
|
|
1224
|
-
else
|
|
655
|
+
else setAttribute2(node, name, String(value));
|
|
1225
656
|
}
|
|
1226
657
|
}
|
|
1227
658
|
__name(bindDataAndAriaAttributes, "bindDataAndAriaAttributes");
|
|
@@ -1229,7 +660,10 @@ function isSignal2(value) {
|
|
|
1229
660
|
return value !== null && typeof value === "object" && "value" in value && typeof value.dispose === "function";
|
|
1230
661
|
}
|
|
1231
662
|
__name(isSignal2, "isSignal");
|
|
1232
|
-
|
|
1233
|
-
|
|
1234
|
-
|
|
663
|
+
export {
|
|
664
|
+
Captcha,
|
|
665
|
+
SliderCaptcha,
|
|
666
|
+
analyzeSliderTrail,
|
|
667
|
+
collectCaptchaDeviceSignals
|
|
668
|
+
};
|
|
1235
669
|
//# sourceMappingURL=index.js.map
|