@whitesev/pops 1.7.2 → 1.7.4
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.amd.js +95 -1403
- package/dist/index.amd.js.map +1 -1
- package/dist/index.cjs.js +95 -1403
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +95 -1403
- package/dist/index.esm.js.map +1 -1
- package/dist/index.iife.js +95 -1403
- package/dist/index.iife.js.map +1 -1
- package/dist/index.system.js +95 -1403
- package/dist/index.system.js.map +1 -1
- package/dist/index.umd.js +95 -1403
- package/dist/index.umd.js.map +1 -1
- package/dist/types/src/GlobalConfig.d.ts +20 -0
- package/dist/types/src/Pops.d.ts +18 -1
- package/dist/types/src/utils/PopsUtils.d.ts +2 -1
- package/package.json +2 -1
- package/src/GlobalConfig.ts +60 -0
- package/src/Pops.ts +6 -1
- package/src/components/alert/index.ts +2 -0
- package/src/components/confirm/index.ts +2 -0
- package/src/components/drawer/index.ts +2 -0
- package/src/components/folder/index.ts +3 -1
- package/src/components/iframe/index.ts +2 -0
- package/src/components/loading/index.ts +2 -0
- package/src/components/panel/PanelHandleContentDetails.ts +1 -1
- package/src/components/panel/index.ts +2 -0
- package/src/components/prompt/index.ts +2 -0
- package/src/components/rightClickMenu/index.ts +2 -0
- package/src/components/searchSuggestion/index.ts +2 -0
- package/src/components/tooltip/index.ts +2 -0
- package/src/css/index.css +8 -0
- package/src/utils/PopsInstanceUtils.ts +109 -119
- package/src/utils/PopsUtils.ts +5 -2
- package/dist/types/src/utils/AnyTouch.d.ts +0 -17
- package/src/utils/AnyTouch.js +0 -1394
package/dist/index.system.js
CHANGED
|
@@ -37,1405 +37,37 @@ System.register('pops', [], (function (exports) {
|
|
|
37
37
|
return PopsCoreEnv.self;
|
|
38
38
|
},
|
|
39
39
|
};
|
|
40
|
-
const OriginPrototype
|
|
40
|
+
const OriginPrototype = {
|
|
41
41
|
Object: {
|
|
42
42
|
defineProperty: Object.defineProperty,
|
|
43
43
|
},
|
|
44
44
|
};
|
|
45
45
|
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
const
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
Object.setPrototypeOf ||
|
|
72
|
-
({ __proto__: [] } instanceof Array &&
|
|
73
|
-
function (d, b) {
|
|
74
|
-
d.__proto__ = b;
|
|
75
|
-
}) ||
|
|
76
|
-
function (d, b) {
|
|
77
|
-
for (var p in b) if (Object.hasOwnProperty.call(b, p)) d[p] = b[p];
|
|
78
|
-
};
|
|
79
|
-
return extendStatics(d, b);
|
|
80
|
-
};
|
|
81
|
-
|
|
82
|
-
function __extends(d, b) {
|
|
83
|
-
if (typeof b !== "function" && b !== null)
|
|
84
|
-
throw new TypeError(
|
|
85
|
-
"Class extends value " + String(b) + " is not a constructor or null"
|
|
86
|
-
);
|
|
87
|
-
extendStatics(d, b);
|
|
88
|
-
function __() {
|
|
89
|
-
this.constructor = d;
|
|
90
|
-
}
|
|
91
|
-
d.prototype =
|
|
92
|
-
b === null
|
|
93
|
-
? Object.create(b)
|
|
94
|
-
: ((__.prototype = b.prototype), new __());
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
var __assign = function () {
|
|
98
|
-
__assign =
|
|
99
|
-
Object.assign ||
|
|
100
|
-
function __assign(t) {
|
|
101
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
102
|
-
s = arguments[i];
|
|
103
|
-
for (var p in s) if (Object.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
104
|
-
}
|
|
105
|
-
return t;
|
|
106
|
-
};
|
|
107
|
-
|
|
108
|
-
return __assign.apply(this, arguments);
|
|
109
|
-
};
|
|
110
|
-
|
|
111
|
-
function __values(o) {
|
|
112
|
-
var s = typeof Symbol === "function" && Symbol.iterator,
|
|
113
|
-
m = s && o[s],
|
|
114
|
-
i = 0;
|
|
115
|
-
if (m) return m.call(o);
|
|
116
|
-
if (o && typeof o.length === "number")
|
|
117
|
-
return {
|
|
118
|
-
next: function () {
|
|
119
|
-
if (o && i >= o.length) o = void 0;
|
|
120
|
-
return { value: o && o[i++], done: !o };
|
|
121
|
-
},
|
|
122
|
-
};
|
|
123
|
-
throw new TypeError(
|
|
124
|
-
s ? "Object is not iterable." : "Symbol.iterator is not defined."
|
|
125
|
-
);
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
var AnyEvent = (function () {
|
|
129
|
-
function AnyEvent() {
|
|
130
|
-
this.__map = {};
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
AnyEvent.prototype.beforeEach = function (interceptor) {
|
|
134
|
-
this.__interceptor = interceptor;
|
|
135
|
-
};
|
|
136
|
-
|
|
137
|
-
AnyEvent.prototype.on = function (typeOrTypes, listener) {
|
|
138
|
-
var e_1, _a;
|
|
139
|
-
var types = Array.isArray(typeOrTypes) ? typeOrTypes : [typeOrTypes];
|
|
140
|
-
try {
|
|
141
|
-
for (
|
|
142
|
-
var types_1 = __values(types), types_1_1 = types_1.next();
|
|
143
|
-
!types_1_1.done;
|
|
144
|
-
types_1_1 = types_1.next()
|
|
145
|
-
) {
|
|
146
|
-
var type = types_1_1.value;
|
|
147
|
-
|
|
148
|
-
this.__map[type] = this.__map[type] || [];
|
|
149
|
-
|
|
150
|
-
var listeners = this.__map[type];
|
|
151
|
-
if (listeners) {
|
|
152
|
-
listeners.push(listener);
|
|
153
|
-
}
|
|
154
|
-
}
|
|
155
|
-
} catch (e_1_1) {
|
|
156
|
-
e_1 = { error: e_1_1 };
|
|
157
|
-
} finally {
|
|
158
|
-
try {
|
|
159
|
-
if (types_1_1 && !types_1_1.done && (_a = types_1.return))
|
|
160
|
-
_a.call(types_1);
|
|
161
|
-
} finally {
|
|
162
|
-
if (e_1) throw e_1.error;
|
|
163
|
-
}
|
|
164
|
-
}
|
|
165
|
-
return this;
|
|
166
|
-
};
|
|
167
|
-
|
|
168
|
-
AnyEvent.prototype.emit = function (type, payload, callback) {
|
|
169
|
-
var _this = this;
|
|
170
|
-
if (void 0 !== this.__interceptor) {
|
|
171
|
-
this.__interceptor(type, function () {
|
|
172
|
-
_this.__emit(type, payload);
|
|
173
|
-
callback && callback();
|
|
174
|
-
});
|
|
175
|
-
} else {
|
|
176
|
-
this.__emit(type, payload);
|
|
177
|
-
callback && callback();
|
|
178
|
-
}
|
|
179
|
-
};
|
|
180
|
-
|
|
181
|
-
AnyEvent.prototype.__emit = function (type, event) {
|
|
182
|
-
var e_2, _a;
|
|
183
|
-
|
|
184
|
-
var listeners = this.__map[type];
|
|
185
|
-
if (
|
|
186
|
-
Array.isArray(listeners) &&
|
|
187
|
-
(listeners === null || listeners === void 0
|
|
188
|
-
? void 0
|
|
189
|
-
: listeners.length)
|
|
190
|
-
) {
|
|
191
|
-
try {
|
|
192
|
-
for (
|
|
193
|
-
var listeners_1 = __values(listeners),
|
|
194
|
-
listeners_1_1 = listeners_1.next();
|
|
195
|
-
!listeners_1_1.done;
|
|
196
|
-
listeners_1_1 = listeners_1.next()
|
|
197
|
-
) {
|
|
198
|
-
var listener = listeners_1_1.value;
|
|
199
|
-
listener(event, type);
|
|
200
|
-
}
|
|
201
|
-
} catch (e_2_1) {
|
|
202
|
-
e_2 = { error: e_2_1 };
|
|
203
|
-
} finally {
|
|
204
|
-
try {
|
|
205
|
-
if (
|
|
206
|
-
listeners_1_1 &&
|
|
207
|
-
!listeners_1_1.done &&
|
|
208
|
-
(_a = listeners_1.return)
|
|
209
|
-
)
|
|
210
|
-
_a.call(listeners_1);
|
|
211
|
-
} finally {
|
|
212
|
-
if (e_2) throw e_2.error;
|
|
213
|
-
}
|
|
214
|
-
}
|
|
215
|
-
}
|
|
216
|
-
this.event = event;
|
|
217
|
-
};
|
|
218
|
-
|
|
219
|
-
AnyEvent.prototype.off = function (type, listener) {
|
|
220
|
-
var listeners = this.__map[type];
|
|
221
|
-
if (void 0 !== listeners) {
|
|
222
|
-
if (void 0 === listener) {
|
|
223
|
-
delete this.__map[type];
|
|
224
|
-
} else {
|
|
225
|
-
var index = listeners.findIndex(function (cb) {
|
|
226
|
-
return cb === listener;
|
|
227
|
-
});
|
|
228
|
-
listeners.splice(index, 1);
|
|
229
|
-
}
|
|
230
|
-
}
|
|
231
|
-
};
|
|
232
|
-
AnyEvent.prototype.destroy = function () {
|
|
233
|
-
this.__map = {};
|
|
234
|
-
};
|
|
235
|
-
return AnyEvent;
|
|
236
|
-
})();
|
|
237
|
-
|
|
238
|
-
var TOUCH_START = "touchstart";
|
|
239
|
-
var TOUCH_MOVE = "touchmove";
|
|
240
|
-
var TOUCH_END = "touchend";
|
|
241
|
-
var TOUCH_CANCEL = "touchcancel";
|
|
242
|
-
var MOUSE_UP = "mouseup";
|
|
243
|
-
var MOUSE_MOVE = "mousemove";
|
|
244
|
-
var MOUSE_DOWN = "mousedown";
|
|
245
|
-
var TYPE_START$1 = "start";
|
|
246
|
-
var TYPE_MOVE$1 = "move";
|
|
247
|
-
var TYPE_END$1 = "end";
|
|
248
|
-
|
|
249
|
-
function isFunction(input) {
|
|
250
|
-
return "[object Function]" === Object.prototype.toString.call(input);
|
|
251
|
-
}
|
|
252
|
-
|
|
253
|
-
var CLIENT_X = "clientX";
|
|
254
|
-
var CLIENT_Y = "clientY";
|
|
255
|
-
var COMPUTE_INTERVAL = 16;
|
|
256
|
-
var TYPE_START = "start";
|
|
257
|
-
var TYPE_MOVE = "move";
|
|
258
|
-
var TYPE_CANCEL = "cancel";
|
|
259
|
-
var TYPE_END = "end";
|
|
260
|
-
var DIRECTION_LEFT = "left";
|
|
261
|
-
var DIRECTION_RIGHT = "right";
|
|
262
|
-
var DIRECTION_UP = "up";
|
|
263
|
-
var DIRECTION_DOWN = "down";
|
|
264
|
-
|
|
265
|
-
var _a;
|
|
266
|
-
var STATUS_CODE_AND_NAME_MAP =
|
|
267
|
-
((_a = {}),
|
|
268
|
-
(_a[4] = TYPE_START),
|
|
269
|
-
(_a[5] = TYPE_MOVE),
|
|
270
|
-
(_a[1] = TYPE_END),
|
|
271
|
-
(_a[3] = TYPE_CANCEL),
|
|
272
|
-
_a);
|
|
273
|
-
|
|
274
|
-
function getStatusName(code) {
|
|
275
|
-
return STATUS_CODE_AND_NAME_MAP[code];
|
|
276
|
-
}
|
|
277
|
-
|
|
278
|
-
function flow(isVaild, lastStatus, phase) {
|
|
279
|
-
var _a, _b, _c, _d, _e, _f, _g;
|
|
280
|
-
var STATE_MAP = {
|
|
281
|
-
1:
|
|
282
|
-
((_a = {}),
|
|
283
|
-
(_a[0] = ((_b = {}), (_b[TYPE_MOVE] = 4), _b)),
|
|
284
|
-
(_a[4] =
|
|
285
|
-
((_c = {}),
|
|
286
|
-
(_c[TYPE_MOVE] = 5),
|
|
287
|
-
(_c[TYPE_END] = 1),
|
|
288
|
-
(_c[TYPE_CANCEL] = 3),
|
|
289
|
-
_c)),
|
|
290
|
-
(_a[5] =
|
|
291
|
-
((_d = {}),
|
|
292
|
-
(_d[TYPE_MOVE] = 5),
|
|
293
|
-
(_d[TYPE_END] = 1),
|
|
294
|
-
(_d[TYPE_CANCEL] = 3),
|
|
295
|
-
_d)),
|
|
296
|
-
_a),
|
|
297
|
-
0:
|
|
298
|
-
((_e = {}),
|
|
299
|
-
(_e[4] =
|
|
300
|
-
((_f = {}),
|
|
301
|
-
(_f[TYPE_MOVE] = 2),
|
|
302
|
-
(_f[TYPE_END] = 1),
|
|
303
|
-
(_f[TYPE_CANCEL] = 3),
|
|
304
|
-
_f)),
|
|
305
|
-
(_e[5] =
|
|
306
|
-
((_g = {}),
|
|
307
|
-
(_g[TYPE_START] = 2),
|
|
308
|
-
(_g[TYPE_MOVE] = 2),
|
|
309
|
-
(_g[TYPE_END] = 1),
|
|
310
|
-
(_g[TYPE_CANCEL] = 3),
|
|
311
|
-
_g)),
|
|
312
|
-
_e),
|
|
313
|
-
};
|
|
314
|
-
|
|
315
|
-
var map = STATE_MAP[Number(isVaild)][lastStatus];
|
|
316
|
-
return (void 0 !== map && map[phase]) || 0;
|
|
317
|
-
}
|
|
318
|
-
|
|
319
|
-
function resetState(context) {
|
|
320
|
-
if ([1, 3, 2].includes(context.state)) {
|
|
321
|
-
context.state = 0;
|
|
322
|
-
}
|
|
323
|
-
}
|
|
324
|
-
|
|
325
|
-
function isMoveOrEndOrCancel(state) {
|
|
326
|
-
return [5, 1, 3].includes(state);
|
|
327
|
-
}
|
|
328
|
-
|
|
329
|
-
function isDisabled(context) {
|
|
330
|
-
if (context.disabled) {
|
|
331
|
-
context.state = 0;
|
|
332
|
-
return true;
|
|
333
|
-
}
|
|
334
|
-
}
|
|
335
|
-
|
|
336
|
-
function createPluginContext(defaultOptions, options) {
|
|
337
|
-
return __assign(__assign(__assign({}, defaultOptions), options), {
|
|
338
|
-
state: 0,
|
|
339
|
-
disabled: false,
|
|
340
|
-
});
|
|
341
|
-
}
|
|
342
|
-
|
|
343
|
-
function round2(n) {
|
|
344
|
-
return Math.round(n * 100) / 100;
|
|
345
|
-
}
|
|
346
|
-
|
|
347
|
-
function inputCreator() {
|
|
348
|
-
var id = 0;
|
|
349
|
-
var prevInput;
|
|
350
|
-
|
|
351
|
-
var activeInput;
|
|
352
|
-
|
|
353
|
-
var startInput;
|
|
354
|
-
|
|
355
|
-
var startMultiInput;
|
|
356
|
-
|
|
357
|
-
return function (basicsInput) {
|
|
358
|
-
prevInput = activeInput;
|
|
359
|
-
if (void 0 !== basicsInput) {
|
|
360
|
-
id = Number.MAX_SAFE_INTEGER > id ? ++id : 1;
|
|
361
|
-
var pureInput = extendInput(basicsInput, id);
|
|
362
|
-
activeInput = pureInput;
|
|
363
|
-
var isStart = pureInput.isStart,
|
|
364
|
-
pointLength = pureInput.pointLength;
|
|
365
|
-
if (isStart) {
|
|
366
|
-
startInput = pureInput;
|
|
367
|
-
prevInput = void 0;
|
|
368
|
-
if (1 < pointLength) {
|
|
369
|
-
startMultiInput = pureInput;
|
|
370
|
-
} else {
|
|
371
|
-
startMultiInput = void 0;
|
|
372
|
-
}
|
|
373
|
-
}
|
|
374
|
-
return __assign(__assign({}, pureInput), {
|
|
375
|
-
prevInput: prevInput,
|
|
376
|
-
|
|
377
|
-
startMultiInput: startMultiInput,
|
|
378
|
-
|
|
379
|
-
startInput: startInput,
|
|
380
|
-
});
|
|
381
|
-
}
|
|
382
|
-
};
|
|
383
|
-
}
|
|
384
|
-
|
|
385
|
-
function getCenter(points) {
|
|
386
|
-
var length = points.length;
|
|
387
|
-
if (0 < length) {
|
|
388
|
-
if (1 === length) {
|
|
389
|
-
var _a = points[0],
|
|
390
|
-
clientX = _a.clientX,
|
|
391
|
-
clientY = _a.clientY;
|
|
392
|
-
return { x: Math.round(clientX), y: Math.round(clientY) };
|
|
393
|
-
}
|
|
394
|
-
var countPoint = points.reduce(
|
|
395
|
-
function (countPoint, point) {
|
|
396
|
-
countPoint.x += point[CLIENT_X];
|
|
397
|
-
countPoint.y += point[CLIENT_Y];
|
|
398
|
-
return countPoint;
|
|
399
|
-
},
|
|
400
|
-
{ x: 0, y: 0 }
|
|
401
|
-
);
|
|
402
|
-
return {
|
|
403
|
-
x: Math.round(countPoint.x / length),
|
|
404
|
-
y: Math.round(countPoint.y / length),
|
|
405
|
-
};
|
|
406
|
-
}
|
|
407
|
-
}
|
|
408
|
-
|
|
409
|
-
function extendInput(basicsInput, id) {
|
|
410
|
-
var phase = basicsInput.phase,
|
|
411
|
-
points = basicsInput.points,
|
|
412
|
-
changedPoints = basicsInput.changedPoints,
|
|
413
|
-
nativeEvent = basicsInput.nativeEvent;
|
|
414
|
-
var pointLength = points.length;
|
|
415
|
-
var isStart = TYPE_START === phase;
|
|
416
|
-
var isEnd =
|
|
417
|
-
(TYPE_END === phase && 0 === pointLength) || TYPE_CANCEL === phase;
|
|
418
|
-
var timestamp = Date.now();
|
|
419
|
-
var _a = getCenter(points) || getCenter(changedPoints),
|
|
420
|
-
x = _a.x,
|
|
421
|
-
y = _a.y;
|
|
422
|
-
var currentTarget = nativeEvent.currentTarget;
|
|
423
|
-
return Object.assign(basicsInput, {
|
|
424
|
-
id: id,
|
|
425
|
-
x: x,
|
|
426
|
-
y: y,
|
|
427
|
-
timestamp: timestamp,
|
|
428
|
-
isStart: isStart,
|
|
429
|
-
isEnd: isEnd,
|
|
430
|
-
pointLength: pointLength,
|
|
431
|
-
currentTarget: currentTarget,
|
|
432
|
-
|
|
433
|
-
getOffset: function (el) {
|
|
434
|
-
if (el === void 0) {
|
|
435
|
-
el = currentTarget;
|
|
436
|
-
}
|
|
437
|
-
var rect = el.getBoundingClientRect();
|
|
438
|
-
return {
|
|
439
|
-
x: x - Math.round(rect.left),
|
|
440
|
-
y: y - Math.round(rect.top),
|
|
441
|
-
};
|
|
442
|
-
},
|
|
443
|
-
});
|
|
444
|
-
}
|
|
445
|
-
|
|
446
|
-
function mouse() {
|
|
447
|
-
var prevPoints;
|
|
448
|
-
var isPressed = false;
|
|
449
|
-
|
|
450
|
-
var _target = null;
|
|
451
|
-
var createInput = inputCreator();
|
|
452
|
-
|
|
453
|
-
return function (event) {
|
|
454
|
-
var clientX = event.clientX,
|
|
455
|
-
clientY = event.clientY,
|
|
456
|
-
type = event.type,
|
|
457
|
-
button = event.button,
|
|
458
|
-
target = event.target;
|
|
459
|
-
var points = [{ clientX: clientX, clientY: clientY, target: target }];
|
|
460
|
-
var phase;
|
|
461
|
-
if (MOUSE_DOWN === type && 0 === button) {
|
|
462
|
-
_target = target;
|
|
463
|
-
isPressed = true;
|
|
464
|
-
phase = TYPE_START$1;
|
|
465
|
-
} else if (isPressed) {
|
|
466
|
-
if (MOUSE_MOVE === type) {
|
|
467
|
-
phase = TYPE_MOVE$1;
|
|
468
|
-
} else if (MOUSE_UP === type) {
|
|
469
|
-
points = [];
|
|
470
|
-
phase = TYPE_END$1;
|
|
471
|
-
isPressed = false;
|
|
472
|
-
}
|
|
473
|
-
} else {
|
|
474
|
-
return;
|
|
475
|
-
}
|
|
476
|
-
|
|
477
|
-
var changedPoints = prevPoints || [
|
|
478
|
-
{ clientX: clientX, clientY: clientY, target: target },
|
|
479
|
-
];
|
|
480
|
-
prevPoints = [{ clientX: clientX, clientY: clientY, target: target }];
|
|
481
|
-
if (void 0 !== phase) {
|
|
482
|
-
return createInput({
|
|
483
|
-
phase: phase,
|
|
484
|
-
changedPoints: changedPoints,
|
|
485
|
-
points: points,
|
|
486
|
-
|
|
487
|
-
target: _target,
|
|
488
|
-
|
|
489
|
-
targets: [_target],
|
|
490
|
-
nativeEvent: event,
|
|
491
|
-
});
|
|
492
|
-
}
|
|
493
|
-
};
|
|
494
|
-
}
|
|
495
|
-
|
|
496
|
-
function touch(el) {
|
|
497
|
-
var createInput = inputCreator();
|
|
498
|
-
|
|
499
|
-
return function (event) {
|
|
500
|
-
var targets = [];
|
|
501
|
-
|
|
502
|
-
var points = [];
|
|
503
|
-
Array.from(event.touches).forEach(function (_a) {
|
|
504
|
-
var clientX = _a.clientX,
|
|
505
|
-
clientY = _a.clientY,
|
|
506
|
-
target = _a.target;
|
|
507
|
-
if (el === null || el === void 0 ? void 0 : el.contains(target)) {
|
|
508
|
-
targets.push(target);
|
|
509
|
-
points.push({
|
|
510
|
-
clientX: clientX,
|
|
511
|
-
clientY: clientY,
|
|
512
|
-
target: target,
|
|
513
|
-
});
|
|
514
|
-
}
|
|
515
|
-
});
|
|
516
|
-
var changedPoints = Array.from(event.changedTouches).map(function (_a) {
|
|
517
|
-
var clientX = _a.clientX,
|
|
518
|
-
clientY = _a.clientY,
|
|
519
|
-
target = _a.target;
|
|
520
|
-
return { clientX: clientX, clientY: clientY, target: target };
|
|
521
|
-
});
|
|
522
|
-
return createInput({
|
|
523
|
-
phase: event.type.replace("touch", ""),
|
|
524
|
-
changedPoints: changedPoints,
|
|
525
|
-
|
|
526
|
-
points: points,
|
|
527
|
-
nativeEvent: event,
|
|
528
|
-
target: event.target,
|
|
529
|
-
|
|
530
|
-
targets: targets,
|
|
531
|
-
});
|
|
532
|
-
};
|
|
533
|
-
}
|
|
534
|
-
|
|
535
|
-
function dispatchDomEvent(typeName, el, payload, eventInit) {
|
|
536
|
-
var data = {};
|
|
537
|
-
for (var key in payload) {
|
|
538
|
-
if (!["target", "currentTarget", "type"].includes(key)) {
|
|
539
|
-
data[key] = payload[key];
|
|
540
|
-
}
|
|
541
|
-
}
|
|
542
|
-
|
|
543
|
-
var event;
|
|
544
|
-
if (document.createEvent) {
|
|
545
|
-
event = document.createEvent("HTMLEvents");
|
|
546
|
-
event.initEvent(
|
|
547
|
-
typeName,
|
|
548
|
-
eventInit === null || eventInit === void 0
|
|
549
|
-
? void 0
|
|
550
|
-
: eventInit.bubbles,
|
|
551
|
-
eventInit === null || eventInit === void 0
|
|
552
|
-
? void 0
|
|
553
|
-
: eventInit.cancelable
|
|
554
|
-
);
|
|
555
|
-
} else {
|
|
556
|
-
event = new Event(typeName, eventInit);
|
|
557
|
-
}
|
|
558
|
-
Object.assign(event, data, {
|
|
559
|
-
match: function () {
|
|
560
|
-
return (
|
|
561
|
-
payload.targets &&
|
|
562
|
-
0 < payload.targets.length &&
|
|
563
|
-
payload.targets.every(function (target) {
|
|
564
|
-
return event.currentTarget.contains(target);
|
|
565
|
-
})
|
|
566
|
-
);
|
|
567
|
-
},
|
|
568
|
-
});
|
|
569
|
-
return el.dispatchEvent(event);
|
|
570
|
-
}
|
|
571
|
-
|
|
572
|
-
function canPreventDefault(event, options) {
|
|
573
|
-
var preventDefault = options.preventDefault;
|
|
574
|
-
if (isFunction(preventDefault)) {
|
|
575
|
-
return preventDefault(event);
|
|
576
|
-
} else {
|
|
577
|
-
return !!preventDefault;
|
|
578
|
-
}
|
|
579
|
-
}
|
|
580
|
-
|
|
581
|
-
var ELEMENT_TYPES = [
|
|
582
|
-
TOUCH_START,
|
|
583
|
-
TOUCH_MOVE,
|
|
584
|
-
TOUCH_END,
|
|
585
|
-
TOUCH_CANCEL,
|
|
586
|
-
MOUSE_DOWN,
|
|
587
|
-
];
|
|
588
|
-
var WINDOW_TYPES = [MOUSE_MOVE, MOUSE_UP];
|
|
589
|
-
|
|
590
|
-
function bindElement(el, catchEvent, options) {
|
|
591
|
-
ELEMENT_TYPES.forEach(function (type) {
|
|
592
|
-
el.addEventListener(type, catchEvent, options);
|
|
593
|
-
});
|
|
594
|
-
WINDOW_TYPES.forEach(function (type) {
|
|
595
|
-
window.addEventListener(type, catchEvent, options);
|
|
596
|
-
});
|
|
597
|
-
return function () {
|
|
598
|
-
ELEMENT_TYPES.forEach(function (types) {
|
|
599
|
-
el.removeEventListener(types, catchEvent);
|
|
600
|
-
});
|
|
601
|
-
WINDOW_TYPES.forEach(function (type) {
|
|
602
|
-
window.removeEventListener(type, catchEvent);
|
|
603
|
-
});
|
|
604
|
-
};
|
|
605
|
-
}
|
|
606
|
-
|
|
607
|
-
var TYPE_COMPUTED = "computed";
|
|
608
|
-
var DEFAULT_OPTIONS$6 = {
|
|
609
|
-
domEvents: { bubbles: true, cancelable: true },
|
|
610
|
-
|
|
611
|
-
preventDefault: function (event) {
|
|
612
|
-
if (event.target && "tagName" in event.target) {
|
|
613
|
-
var tagName = event.target.tagName;
|
|
614
|
-
return !/^(?:INPUT|TEXTAREA|BUTTON|SELECT)$/.test(tagName);
|
|
615
|
-
}
|
|
616
|
-
return false;
|
|
617
|
-
},
|
|
618
|
-
};
|
|
619
|
-
var TYPE_UNBIND = "u";
|
|
620
|
-
var TYPE_INPUT = "input";
|
|
621
|
-
var TYPE_AT_AFTER = "at:after";
|
|
622
|
-
var default_1$1 = (function (_super) {
|
|
623
|
-
__extends(default_1, _super);
|
|
624
|
-
|
|
625
|
-
function default_1(el, options) {
|
|
626
|
-
var _a;
|
|
627
|
-
|
|
628
|
-
var _this = _super.call(this) || this;
|
|
629
|
-
|
|
630
|
-
_this.v = "2.1.3";
|
|
631
|
-
|
|
632
|
-
_this.__computeFunctionList = [];
|
|
633
|
-
|
|
634
|
-
_this.__computeFunctionCreatorList = [];
|
|
635
|
-
|
|
636
|
-
_this.__pluginContexts = [];
|
|
637
|
-
_this.__isIgnoreMouse = false;
|
|
638
|
-
|
|
639
|
-
_this.el = el;
|
|
640
|
-
_this.c = {};
|
|
641
|
-
_this.__options = __assign(__assign({}, DEFAULT_OPTIONS$6), options);
|
|
642
|
-
|
|
643
|
-
var createInputFromTouch = touch(_this.el);
|
|
644
|
-
var createInputFromMouse = mouse();
|
|
645
|
-
|
|
646
|
-
_this.__inputCreatorMap =
|
|
647
|
-
((_a = {}),
|
|
648
|
-
(_a[TOUCH_START] = createInputFromTouch),
|
|
649
|
-
(_a[TOUCH_MOVE] = createInputFromTouch),
|
|
650
|
-
(_a[TOUCH_END] = createInputFromTouch),
|
|
651
|
-
(_a[TOUCH_CANCEL] = createInputFromTouch),
|
|
652
|
-
(_a[MOUSE_DOWN] = createInputFromMouse),
|
|
653
|
-
(_a[MOUSE_MOVE] = createInputFromMouse),
|
|
654
|
-
(_a[MOUSE_UP] = createInputFromMouse),
|
|
655
|
-
_a);
|
|
656
|
-
|
|
657
|
-
_this.on(TYPE_AT_AFTER, function (payload) {
|
|
658
|
-
var target = payload.target,
|
|
659
|
-
__type = payload.__type;
|
|
660
|
-
var domEvents = _this.__options.domEvents;
|
|
661
|
-
|
|
662
|
-
if (!!domEvents && void 0 !== _this.el && !!target) {
|
|
663
|
-
dispatchDomEvent(__type, target, payload, domEvents);
|
|
664
|
-
dispatchDomEvent(TYPE_AT_AFTER, target, payload, domEvents);
|
|
665
|
-
}
|
|
666
|
-
});
|
|
667
|
-
if (void 0 !== el) {
|
|
668
|
-
el.style.webkitTapHighlightColor = "rgba(0,0,0,0)";
|
|
669
|
-
var supportsPassive_1 = false;
|
|
670
|
-
try {
|
|
671
|
-
var opts = {};
|
|
672
|
-
OriginPrototype.Object.defineProperty(opts, "passive", {
|
|
673
|
-
get: function () {
|
|
674
|
-
supportsPassive_1 = true;
|
|
675
|
-
},
|
|
676
|
-
});
|
|
677
|
-
window.addEventListener(
|
|
678
|
-
"_",
|
|
679
|
-
function () {
|
|
680
|
-
return void 0;
|
|
681
|
-
},
|
|
682
|
-
opts
|
|
683
|
-
);
|
|
684
|
-
} catch (_b) {}
|
|
685
|
-
|
|
686
|
-
_this.on(
|
|
687
|
-
TYPE_UNBIND,
|
|
688
|
-
bindElement(
|
|
689
|
-
el,
|
|
690
|
-
_this.catchEvent.bind(_this),
|
|
691
|
-
false === _this.__options.preventDefault && supportsPassive_1
|
|
692
|
-
? { passive: true }
|
|
693
|
-
: { passive: false }
|
|
694
|
-
)
|
|
695
|
-
);
|
|
696
|
-
}
|
|
697
|
-
return _this;
|
|
698
|
-
}
|
|
699
|
-
|
|
700
|
-
default_1.prototype.use = function (plugin, pluginOptions) {
|
|
701
|
-
this.__pluginContexts.push(plugin(this, pluginOptions));
|
|
702
|
-
};
|
|
703
|
-
|
|
704
|
-
default_1.prototype.catchEvent = function (event) {
|
|
705
|
-
var input = this.__inputCreatorMap[event.type](event);
|
|
706
|
-
if (void 0 !== input) {
|
|
707
|
-
var stopPropagation = function () {
|
|
708
|
-
return event.stopPropagation();
|
|
709
|
-
};
|
|
710
|
-
var stopImmediatePropagation = function () {
|
|
711
|
-
return event.stopImmediatePropagation();
|
|
712
|
-
};
|
|
713
|
-
var preventDefault = function () {
|
|
714
|
-
return event.preventDefault();
|
|
715
|
-
};
|
|
716
|
-
if (canPreventDefault(event, this.__options)) {
|
|
717
|
-
preventDefault();
|
|
718
|
-
} else {
|
|
719
|
-
if ("touchstart" === event.type) {
|
|
720
|
-
this.__isIgnoreMouse = true;
|
|
721
|
-
} else if ("touchmove" === event.type) {
|
|
722
|
-
this.__isIgnoreMouse = false;
|
|
723
|
-
}
|
|
724
|
-
if (this.__isIgnoreMouse && event.type.startsWith("mouse")) {
|
|
725
|
-
if ("mouseup" === event.type) {
|
|
726
|
-
this.__isIgnoreMouse = false;
|
|
727
|
-
}
|
|
728
|
-
return;
|
|
729
|
-
}
|
|
730
|
-
}
|
|
731
|
-
|
|
732
|
-
this.emit(TYPE_INPUT, input);
|
|
733
|
-
this.emit2("at:".concat(input.phase), input, {});
|
|
734
|
-
var computed_1 = {};
|
|
735
|
-
|
|
736
|
-
this.__computeFunctionList.forEach(function (compute) {
|
|
737
|
-
var result = compute(input, computed_1);
|
|
738
|
-
if (void 0 !== result) {
|
|
739
|
-
for (var key in result) {
|
|
740
|
-
computed_1[key] = result[key];
|
|
741
|
-
}
|
|
742
|
-
}
|
|
743
|
-
});
|
|
744
|
-
|
|
745
|
-
this.emit(
|
|
746
|
-
TYPE_COMPUTED,
|
|
747
|
-
__assign(__assign(__assign({}, input), computed_1), {
|
|
748
|
-
stopPropagation: stopPropagation,
|
|
749
|
-
stopImmediatePropagation: stopImmediatePropagation,
|
|
750
|
-
preventDefault: preventDefault,
|
|
751
|
-
})
|
|
752
|
-
);
|
|
753
|
-
}
|
|
754
|
-
};
|
|
755
|
-
default_1.prototype.compute = function (
|
|
756
|
-
computeFunctionCreatorList,
|
|
757
|
-
|
|
758
|
-
callback
|
|
759
|
-
) {
|
|
760
|
-
var e_1, _a;
|
|
761
|
-
try {
|
|
762
|
-
for (
|
|
763
|
-
var computeFunctionCreatorList_1 = __values(
|
|
764
|
-
computeFunctionCreatorList
|
|
765
|
-
),
|
|
766
|
-
computeFunctionCreatorList_1_1 =
|
|
767
|
-
computeFunctionCreatorList_1.next();
|
|
768
|
-
!computeFunctionCreatorList_1_1.done;
|
|
769
|
-
computeFunctionCreatorList_1_1 = computeFunctionCreatorList_1.next()
|
|
770
|
-
) {
|
|
771
|
-
var computeFunctionCreator = computeFunctionCreatorList_1_1.value;
|
|
772
|
-
if (
|
|
773
|
-
!this.__computeFunctionCreatorList.includes(
|
|
774
|
-
computeFunctionCreator
|
|
775
|
-
)
|
|
776
|
-
) {
|
|
777
|
-
this.__computeFunctionCreatorList.push(computeFunctionCreator);
|
|
778
|
-
|
|
779
|
-
this.__computeFunctionList.push(computeFunctionCreator());
|
|
780
|
-
}
|
|
781
|
-
}
|
|
782
|
-
} catch (e_1_1) {
|
|
783
|
-
e_1 = { error: e_1_1 };
|
|
784
|
-
} finally {
|
|
785
|
-
try {
|
|
786
|
-
if (
|
|
787
|
-
computeFunctionCreatorList_1_1 &&
|
|
788
|
-
!computeFunctionCreatorList_1_1.done &&
|
|
789
|
-
(_a = computeFunctionCreatorList_1.return)
|
|
790
|
-
)
|
|
791
|
-
_a.call(computeFunctionCreatorList_1);
|
|
792
|
-
} finally {
|
|
793
|
-
if (e_1) throw e_1.error;
|
|
794
|
-
}
|
|
795
|
-
}
|
|
796
|
-
|
|
797
|
-
this.on(TYPE_COMPUTED, callback);
|
|
798
|
-
};
|
|
799
|
-
|
|
800
|
-
default_1.prototype.beforeEach = function (interceptor) {
|
|
801
|
-
var _this = this;
|
|
802
|
-
|
|
803
|
-
_super.prototype.beforeEach.call(this, function (type, next) {
|
|
804
|
-
var _a;
|
|
805
|
-
if ((_a = _this.c) === null || _a === void 0 ? void 0 : _a.name) {
|
|
806
|
-
interceptor(type, next);
|
|
807
|
-
} else {
|
|
808
|
-
next();
|
|
809
|
-
}
|
|
810
|
-
});
|
|
811
|
-
};
|
|
812
|
-
|
|
813
|
-
default_1.prototype.get = function (name) {
|
|
814
|
-
return this.__pluginContexts.find(function (pluginContext) {
|
|
815
|
-
return name === pluginContext.name;
|
|
816
|
-
});
|
|
817
|
-
};
|
|
818
|
-
|
|
819
|
-
default_1.prototype.set = function (newOptions) {
|
|
820
|
-
this.__options = __assign(__assign({}, this.__options), newOptions);
|
|
821
|
-
};
|
|
822
|
-
|
|
823
|
-
default_1.prototype.emit2 = function (type, payload, pluginContext) {
|
|
824
|
-
var _this = this;
|
|
825
|
-
this.c = pluginContext;
|
|
826
|
-
|
|
827
|
-
this.emit(
|
|
828
|
-
type,
|
|
829
|
-
__assign(__assign({}, payload), { type: type }),
|
|
830
|
-
function () {
|
|
831
|
-
_this.emit(
|
|
832
|
-
TYPE_AT_AFTER,
|
|
833
|
-
__assign(__assign({}, payload), { name: type, __type: type })
|
|
834
|
-
);
|
|
835
|
-
}
|
|
836
|
-
);
|
|
837
|
-
};
|
|
838
|
-
default_1.prototype.destroy = function () {
|
|
839
|
-
this.emit(TYPE_UNBIND);
|
|
840
|
-
_super.prototype.destroy.call(this);
|
|
841
|
-
};
|
|
842
|
-
return default_1;
|
|
843
|
-
})(AnyEvent);
|
|
844
|
-
|
|
845
|
-
var getVLength = function (v) {
|
|
846
|
-
return Math.sqrt(v.x * v.x + v.y * v.y);
|
|
847
|
-
};
|
|
848
|
-
|
|
849
|
-
var getDotProduct = function (v1, v2) {
|
|
850
|
-
return v1.x * v2.x + v1.y * v2.y;
|
|
851
|
-
};
|
|
852
|
-
|
|
853
|
-
var getRadian = function (v1, v2) {
|
|
854
|
-
var mr = getVLength(v1) * getVLength(v2);
|
|
855
|
-
if (mr === 0) return 0;
|
|
856
|
-
var r = getDotProduct(v1, v2) / mr;
|
|
857
|
-
if (r > 1) r = 1;
|
|
858
|
-
return Math.acos(r);
|
|
859
|
-
};
|
|
860
|
-
|
|
861
|
-
var getCross = function (v1, v2) {
|
|
862
|
-
return v1.x * v2.y - v2.x * v1.y;
|
|
863
|
-
};
|
|
864
|
-
|
|
865
|
-
var radianToAngle = function (radian) {
|
|
866
|
-
return (radian / Math.PI) * 180;
|
|
867
|
-
};
|
|
868
|
-
|
|
869
|
-
var getAngle = function (v1, v2) {
|
|
870
|
-
var angle = getRadian(v1, v2);
|
|
871
|
-
if (getCross(v1, v2) > 0) {
|
|
872
|
-
angle *= -1;
|
|
873
|
-
}
|
|
874
|
-
return radianToAngle(angle);
|
|
875
|
-
};
|
|
876
|
-
|
|
877
|
-
var getDirection = function (x, y) {
|
|
878
|
-
if (0 === x && 0 === y) {
|
|
879
|
-
return;
|
|
880
|
-
}
|
|
881
|
-
if (Math.abs(x) >= Math.abs(y)) {
|
|
882
|
-
return 0 < x ? DIRECTION_RIGHT : DIRECTION_LEFT;
|
|
883
|
-
} else {
|
|
884
|
-
return 0 < y ? DIRECTION_DOWN : DIRECTION_UP;
|
|
885
|
-
}
|
|
886
|
-
};
|
|
887
|
-
|
|
888
|
-
function ComputeAngle() {
|
|
889
|
-
var angle = 0;
|
|
890
|
-
var deltaAngle = 0;
|
|
891
|
-
|
|
892
|
-
return function (input, computed) {
|
|
893
|
-
var prevVecotr = computed.prevVecotr,
|
|
894
|
-
startVecotr = computed.startVecotr,
|
|
895
|
-
activeVecotr = computed.activeVecotr;
|
|
896
|
-
if (activeVecotr) {
|
|
897
|
-
deltaAngle = Math.round(getAngle(activeVecotr, prevVecotr));
|
|
898
|
-
angle = Math.round(getAngle(activeVecotr, startVecotr));
|
|
899
|
-
}
|
|
900
|
-
return { angle: angle, deltaAngle: deltaAngle };
|
|
901
|
-
};
|
|
902
|
-
}
|
|
903
|
-
|
|
904
|
-
function ComputeDeltaXY() {
|
|
905
|
-
return function (input) {
|
|
906
|
-
var prevInput = input.prevInput;
|
|
907
|
-
var deltaX = 0;
|
|
908
|
-
var deltaY = 0;
|
|
909
|
-
var deltaXYAngle = 0;
|
|
910
|
-
if (void 0 !== prevInput) {
|
|
911
|
-
deltaX = input.x - prevInput.x;
|
|
912
|
-
deltaY = input.y - prevInput.y;
|
|
913
|
-
if (0 !== deltaX || 0 !== deltaY) {
|
|
914
|
-
var deltaXY = Math.sqrt(Math.pow(deltaX, 2) + Math.pow(deltaY, 2));
|
|
915
|
-
deltaXYAngle = Math.round(
|
|
916
|
-
radianToAngle(Math.acos(Math.abs(deltaX) / deltaXY))
|
|
917
|
-
);
|
|
918
|
-
}
|
|
919
|
-
}
|
|
920
|
-
return {
|
|
921
|
-
deltaX: deltaX,
|
|
922
|
-
deltaY: deltaY,
|
|
923
|
-
deltaXYAngle: deltaXYAngle,
|
|
924
|
-
};
|
|
925
|
-
};
|
|
926
|
-
}
|
|
927
|
-
|
|
928
|
-
function ComputeDistance() {
|
|
929
|
-
var displacementX = 0;
|
|
930
|
-
var displacementY = 0;
|
|
931
|
-
var distanceX = 0;
|
|
932
|
-
var distanceY = 0;
|
|
933
|
-
var distance = 0;
|
|
934
|
-
|
|
935
|
-
var overallDirection;
|
|
936
|
-
|
|
937
|
-
return function (input) {
|
|
938
|
-
var phase = input.phase,
|
|
939
|
-
startInput = input.startInput;
|
|
940
|
-
if (TYPE_START === phase) {
|
|
941
|
-
displacementX = 0;
|
|
942
|
-
displacementY = 0;
|
|
943
|
-
distanceX = 0;
|
|
944
|
-
distanceY = 0;
|
|
945
|
-
distance = 0;
|
|
946
|
-
} else if (TYPE_MOVE === phase) {
|
|
947
|
-
displacementX = Math.round(
|
|
948
|
-
input.points[0][CLIENT_X] - startInput.points[0][CLIENT_X]
|
|
949
|
-
);
|
|
950
|
-
displacementY = Math.round(
|
|
951
|
-
input.points[0][CLIENT_Y] - startInput.points[0][CLIENT_Y]
|
|
952
|
-
);
|
|
953
|
-
distanceX = Math.abs(displacementX);
|
|
954
|
-
distanceY = Math.abs(displacementY);
|
|
955
|
-
distance = Math.round(getVLength({ x: distanceX, y: distanceY }));
|
|
956
|
-
overallDirection = getDirection(displacementX, displacementY);
|
|
957
|
-
}
|
|
958
|
-
return {
|
|
959
|
-
displacementX: displacementX,
|
|
960
|
-
displacementY: displacementY,
|
|
961
|
-
distanceX: distanceX,
|
|
962
|
-
distanceY: distanceY,
|
|
963
|
-
distance: distance,
|
|
964
|
-
|
|
965
|
-
overallDirection: overallDirection,
|
|
966
|
-
};
|
|
967
|
-
};
|
|
968
|
-
}
|
|
969
|
-
|
|
970
|
-
function ComputeScale() {
|
|
971
|
-
var scale = 1;
|
|
972
|
-
|
|
973
|
-
return function (input, computed) {
|
|
974
|
-
var deltaScale = 1;
|
|
975
|
-
var prevVecotr = computed.prevVecotr,
|
|
976
|
-
startVecotr = computed.startVecotr,
|
|
977
|
-
activeVecotr = computed.activeVecotr;
|
|
978
|
-
if (activeVecotr) {
|
|
979
|
-
deltaScale = round2(
|
|
980
|
-
getVLength(activeVecotr) / getVLength(prevVecotr)
|
|
981
|
-
);
|
|
982
|
-
scale = round2(getVLength(activeVecotr) / getVLength(startVecotr));
|
|
983
|
-
}
|
|
984
|
-
return { scale: scale, deltaScale: deltaScale };
|
|
985
|
-
};
|
|
986
|
-
}
|
|
987
|
-
|
|
988
|
-
function ComputeVAndDir() {
|
|
989
|
-
var velocityX = 0;
|
|
990
|
-
var velocityY = 0;
|
|
991
|
-
var speedX = 0;
|
|
992
|
-
var speedY = 0;
|
|
993
|
-
|
|
994
|
-
var direction;
|
|
995
|
-
|
|
996
|
-
var lastValidInput;
|
|
997
|
-
|
|
998
|
-
return function (input) {
|
|
999
|
-
if (void 0 !== input) {
|
|
1000
|
-
lastValidInput = lastValidInput || input.startInput;
|
|
1001
|
-
var deltaTime = input.timestamp - lastValidInput.timestamp;
|
|
1002
|
-
if (COMPUTE_INTERVAL < deltaTime) {
|
|
1003
|
-
var deltaX = input.x - lastValidInput.x;
|
|
1004
|
-
var deltaY = input.y - lastValidInput.y;
|
|
1005
|
-
speedX = Math.round((deltaX / deltaTime) * 100) / 100;
|
|
1006
|
-
speedY = Math.round((deltaY / deltaTime) * 100) / 100;
|
|
1007
|
-
velocityX = Math.abs(speedX);
|
|
1008
|
-
velocityY = Math.abs(speedY);
|
|
1009
|
-
direction = getDirection(deltaX, deltaY);
|
|
1010
|
-
lastValidInput = input;
|
|
1011
|
-
}
|
|
1012
|
-
}
|
|
1013
|
-
return {
|
|
1014
|
-
velocityX: velocityX,
|
|
1015
|
-
velocityY: velocityY,
|
|
1016
|
-
speedX: speedX,
|
|
1017
|
-
speedY: speedY,
|
|
1018
|
-
|
|
1019
|
-
direction: direction,
|
|
1020
|
-
};
|
|
1021
|
-
};
|
|
1022
|
-
}
|
|
1023
|
-
|
|
1024
|
-
function ComputeMaxLength() {
|
|
1025
|
-
var maxPointLength = 0;
|
|
1026
|
-
|
|
1027
|
-
return function (input) {
|
|
1028
|
-
var phase = input.phase;
|
|
1029
|
-
if (TYPE_START === phase) {
|
|
1030
|
-
maxPointLength = input.pointLength;
|
|
1031
|
-
}
|
|
1032
|
-
return { maxPointLength: maxPointLength };
|
|
1033
|
-
};
|
|
1034
|
-
}
|
|
1035
|
-
|
|
1036
|
-
function computeVector(input) {
|
|
1037
|
-
return {
|
|
1038
|
-
x: input.points[1][CLIENT_X] - input.points[0][CLIENT_X],
|
|
1039
|
-
y: input.points[1][CLIENT_Y] - input.points[0][CLIENT_Y],
|
|
1040
|
-
};
|
|
1041
|
-
}
|
|
1042
|
-
function ComputeVectorForMutli() {
|
|
1043
|
-
var startVecotr;
|
|
1044
|
-
|
|
1045
|
-
var prevVecotr;
|
|
1046
|
-
var activeVecotr;
|
|
1047
|
-
|
|
1048
|
-
return function (input) {
|
|
1049
|
-
var prevInput = input.prevInput,
|
|
1050
|
-
startMultiInput = input.startMultiInput;
|
|
1051
|
-
if (
|
|
1052
|
-
void 0 !== startMultiInput &&
|
|
1053
|
-
void 0 !== prevInput &&
|
|
1054
|
-
input.id !== startMultiInput.id &&
|
|
1055
|
-
1 < prevInput.pointLength &&
|
|
1056
|
-
1 < input.pointLength
|
|
1057
|
-
) {
|
|
1058
|
-
startVecotr = computeVector(startMultiInput);
|
|
1059
|
-
prevVecotr = computeVector(prevInput);
|
|
1060
|
-
activeVecotr = computeVector(input);
|
|
1061
|
-
} else {
|
|
1062
|
-
activeVecotr = void 0;
|
|
1063
|
-
}
|
|
1064
|
-
return {
|
|
1065
|
-
startVecotr: startVecotr,
|
|
1066
|
-
|
|
1067
|
-
prevVecotr: prevVecotr,
|
|
1068
|
-
activeVecotr: activeVecotr,
|
|
1069
|
-
};
|
|
1070
|
-
};
|
|
1071
|
-
}
|
|
1072
|
-
|
|
1073
|
-
var DEFAULT_OPTIONS$5 = {
|
|
1074
|
-
name: "tap",
|
|
1075
|
-
pointLength: 1,
|
|
1076
|
-
tapTimes: 1,
|
|
1077
|
-
waitNextTapTime: 300,
|
|
1078
|
-
maxDistance: 2,
|
|
1079
|
-
maxDistanceFromPrevTap: 9,
|
|
1080
|
-
maxPressTime: 250,
|
|
1081
|
-
};
|
|
1082
|
-
|
|
1083
|
-
function tap(at, options) {
|
|
1084
|
-
var context = createPluginContext(DEFAULT_OPTIONS$5, options);
|
|
1085
|
-
var tapCount = 0;
|
|
1086
|
-
|
|
1087
|
-
var prevTapPoint;
|
|
1088
|
-
|
|
1089
|
-
var prevTapTime;
|
|
1090
|
-
|
|
1091
|
-
var countDownToFailTimer;
|
|
1092
|
-
function reset() {
|
|
1093
|
-
tapCount = 0;
|
|
1094
|
-
prevTapPoint = void 0;
|
|
1095
|
-
prevTapTime = void 0;
|
|
1096
|
-
}
|
|
1097
|
-
function countDownToFail() {
|
|
1098
|
-
countDownToFailTimer = setTimeout(function () {
|
|
1099
|
-
context.state = 2;
|
|
1100
|
-
reset();
|
|
1101
|
-
}, context.waitNextTapTime);
|
|
1102
|
-
}
|
|
1103
|
-
|
|
1104
|
-
function isValidDistanceFromPrevTap(center, options) {
|
|
1105
|
-
if (void 0 !== prevTapPoint) {
|
|
1106
|
-
var distanceFromPreviousTap = getVLength({
|
|
1107
|
-
x: center.x - prevTapPoint.x,
|
|
1108
|
-
|
|
1109
|
-
y: center.y - prevTapPoint.y,
|
|
1110
|
-
});
|
|
1111
|
-
prevTapPoint = center;
|
|
1112
|
-
return options.maxDistanceFromPrevTap >= distanceFromPreviousTap;
|
|
1113
|
-
} else {
|
|
1114
|
-
prevTapPoint = center;
|
|
1115
|
-
return true;
|
|
1116
|
-
}
|
|
1117
|
-
}
|
|
1118
|
-
|
|
1119
|
-
function isValidInterval(waitNextTapTime) {
|
|
1120
|
-
var now = performance.now();
|
|
1121
|
-
|
|
1122
|
-
if (void 0 === prevTapTime) {
|
|
1123
|
-
prevTapTime = now;
|
|
1124
|
-
return true;
|
|
1125
|
-
} else {
|
|
1126
|
-
var interval = now - prevTapTime;
|
|
1127
|
-
prevTapTime = now;
|
|
1128
|
-
return interval < waitNextTapTime;
|
|
1129
|
-
}
|
|
1130
|
-
}
|
|
1131
|
-
|
|
1132
|
-
at.compute([ComputeDistance, ComputeMaxLength], function (computed) {
|
|
1133
|
-
if (isDisabled(context)) return;
|
|
1134
|
-
var phase = computed.phase,
|
|
1135
|
-
x = computed.x,
|
|
1136
|
-
y = computed.y;
|
|
1137
|
-
if (TYPE_END !== phase) return;
|
|
1138
|
-
context.state = 0;
|
|
1139
|
-
if (test()) {
|
|
1140
|
-
clearTimeout(countDownToFailTimer);
|
|
1141
|
-
if (
|
|
1142
|
-
isValidDistanceFromPrevTap({ x: x, y: y }, context) &&
|
|
1143
|
-
isValidInterval(context.waitNextTapTime)
|
|
1144
|
-
) {
|
|
1145
|
-
tapCount++;
|
|
1146
|
-
} else {
|
|
1147
|
-
tapCount = 1;
|
|
1148
|
-
}
|
|
1149
|
-
if (0 === tapCount % context.tapTimes) {
|
|
1150
|
-
context.state = 1;
|
|
1151
|
-
at.emit2(context.name, computed, context);
|
|
1152
|
-
reset();
|
|
1153
|
-
} else {
|
|
1154
|
-
countDownToFail();
|
|
1155
|
-
}
|
|
1156
|
-
} else {
|
|
1157
|
-
reset();
|
|
1158
|
-
context.state = 2;
|
|
1159
|
-
}
|
|
1160
|
-
function test() {
|
|
1161
|
-
var startInput = computed.startInput,
|
|
1162
|
-
pointLength = computed.pointLength,
|
|
1163
|
-
timestamp = computed.timestamp;
|
|
1164
|
-
var deltaTime = timestamp - startInput.timestamp;
|
|
1165
|
-
var distance = computed.distance,
|
|
1166
|
-
maxPointLength = computed.maxPointLength;
|
|
1167
|
-
return (
|
|
1168
|
-
maxPointLength === context.pointLength &&
|
|
1169
|
-
0 === pointLength &&
|
|
1170
|
-
context.maxDistance >= distance &&
|
|
1171
|
-
context.maxPressTime > deltaTime
|
|
1172
|
-
);
|
|
1173
|
-
}
|
|
1174
|
-
});
|
|
1175
|
-
return context;
|
|
1176
|
-
}
|
|
1177
|
-
|
|
1178
|
-
var DEFAULT_OPTIONS$4 = { name: "pan", threshold: 10, pointLength: 1 };
|
|
1179
|
-
|
|
1180
|
-
function pan(at, options) {
|
|
1181
|
-
var context = createPluginContext(DEFAULT_OPTIONS$4, options);
|
|
1182
|
-
at.compute(
|
|
1183
|
-
[ComputeVAndDir, ComputeDistance, ComputeDeltaXY],
|
|
1184
|
-
|
|
1185
|
-
function (computed) {
|
|
1186
|
-
resetState(context);
|
|
1187
|
-
if (isDisabled(context)) return;
|
|
1188
|
-
var isValid = test();
|
|
1189
|
-
context.state = flow(isValid, context.state, computed.phase);
|
|
1190
|
-
if (isValid || isMoveOrEndOrCancel(context.state)) {
|
|
1191
|
-
var name_1 = context.name;
|
|
1192
|
-
at.emit2(name_1, computed, context);
|
|
1193
|
-
at.emit2(name_1 + getStatusName(context.state), computed, context);
|
|
1194
|
-
if (
|
|
1195
|
-
![TYPE_END, TYPE_CANCEL].includes(computed.phase) &&
|
|
1196
|
-
computed.direction
|
|
1197
|
-
) {
|
|
1198
|
-
at.emit2(name_1 + computed.direction, computed, context);
|
|
1199
|
-
}
|
|
1200
|
-
}
|
|
1201
|
-
function test() {
|
|
1202
|
-
var pointLength = computed.pointLength,
|
|
1203
|
-
distance = computed.distance;
|
|
1204
|
-
return (
|
|
1205
|
-
context.pointLength === pointLength &&
|
|
1206
|
-
context.threshold <= distance
|
|
1207
|
-
);
|
|
1208
|
-
}
|
|
1209
|
-
}
|
|
1210
|
-
);
|
|
1211
|
-
return context;
|
|
1212
|
-
}
|
|
1213
|
-
|
|
1214
|
-
var DEFAULT_OPTIONS$3 = {
|
|
1215
|
-
name: "swipe",
|
|
1216
|
-
threshold: 10,
|
|
1217
|
-
velocity: 0.3,
|
|
1218
|
-
pointLength: 1,
|
|
1219
|
-
};
|
|
1220
|
-
|
|
1221
|
-
function swipe(at, options) {
|
|
1222
|
-
var context = createPluginContext(DEFAULT_OPTIONS$3, options);
|
|
1223
|
-
at.compute(
|
|
1224
|
-
[ComputeDistance, ComputeVAndDir, ComputeMaxLength],
|
|
1225
|
-
|
|
1226
|
-
function (computed) {
|
|
1227
|
-
context.state = 0;
|
|
1228
|
-
if (context.disabled) return;
|
|
1229
|
-
if (test()) {
|
|
1230
|
-
var name_1 = context.name;
|
|
1231
|
-
context.state = 1;
|
|
1232
|
-
at.emit2(name_1, computed, context);
|
|
1233
|
-
at.emit2(name_1 + computed.direction, computed, context);
|
|
1234
|
-
}
|
|
1235
|
-
function test() {
|
|
1236
|
-
if (TYPE_END !== computed.phase) return false;
|
|
1237
|
-
var velocityX = computed.velocityX,
|
|
1238
|
-
velocityY = computed.velocityY,
|
|
1239
|
-
distance = computed.distance,
|
|
1240
|
-
maxPointLength = computed.maxPointLength;
|
|
1241
|
-
return (
|
|
1242
|
-
maxPointLength === context.pointLength &&
|
|
1243
|
-
0 === computed.points.length &&
|
|
1244
|
-
context.threshold < distance &&
|
|
1245
|
-
context.velocity < Math.max(velocityX, velocityY)
|
|
1246
|
-
);
|
|
1247
|
-
}
|
|
1248
|
-
}
|
|
1249
|
-
);
|
|
1250
|
-
return context;
|
|
1251
|
-
}
|
|
1252
|
-
|
|
1253
|
-
var DEFAULT_OPTIONS$2 = {
|
|
1254
|
-
name: "press",
|
|
1255
|
-
pointLength: 1,
|
|
1256
|
-
maxDistance: 9,
|
|
1257
|
-
minPressTime: 251,
|
|
1258
|
-
};
|
|
1259
|
-
|
|
1260
|
-
function press(at, options) {
|
|
1261
|
-
var context = createPluginContext(DEFAULT_OPTIONS$2, options);
|
|
1262
|
-
var timeoutId = 0;
|
|
1263
|
-
|
|
1264
|
-
at.compute([ComputeDistance], function (computed) {
|
|
1265
|
-
if (isDisabled(context)) return;
|
|
1266
|
-
var phase = computed.phase,
|
|
1267
|
-
startInput = computed.startInput,
|
|
1268
|
-
pointLength = computed.pointLength;
|
|
1269
|
-
if (TYPE_START === phase && context.pointLength === pointLength) {
|
|
1270
|
-
resetState(context);
|
|
1271
|
-
clearTimeout(timeoutId);
|
|
1272
|
-
timeoutId = setTimeout(function () {
|
|
1273
|
-
context.state = 1;
|
|
1274
|
-
at.emit2(context.name, computed, context);
|
|
1275
|
-
}, context.minPressTime);
|
|
1276
|
-
} else if (TYPE_END === phase && 1 === context.state) {
|
|
1277
|
-
at.emit2(
|
|
1278
|
-
"".concat(context.name).concat(DIRECTION_UP),
|
|
1279
|
-
computed,
|
|
1280
|
-
context
|
|
1281
|
-
);
|
|
1282
|
-
} else if (1 !== context.state) {
|
|
1283
|
-
var deltaTime = computed.timestamp - startInput.timestamp;
|
|
1284
|
-
if (
|
|
1285
|
-
!test() ||
|
|
1286
|
-
(context.minPressTime > deltaTime &&
|
|
1287
|
-
[TYPE_END, TYPE_CANCEL].includes(phase))
|
|
1288
|
-
) {
|
|
1289
|
-
clearTimeout(timeoutId);
|
|
1290
|
-
context.state = 2;
|
|
1291
|
-
}
|
|
1292
|
-
}
|
|
1293
|
-
function test() {
|
|
1294
|
-
var distance = computed.distance;
|
|
1295
|
-
return distance && context.maxDistance > distance;
|
|
1296
|
-
}
|
|
1297
|
-
});
|
|
1298
|
-
return context;
|
|
1299
|
-
}
|
|
1300
|
-
|
|
1301
|
-
var DEFAULT_OPTIONS$1 = {
|
|
1302
|
-
name: "pinch",
|
|
1303
|
-
threshold: 0,
|
|
1304
|
-
pointLength: 2,
|
|
1305
|
-
};
|
|
1306
|
-
|
|
1307
|
-
function pinch(at, options) {
|
|
1308
|
-
var context = createPluginContext(DEFAULT_OPTIONS$1, options);
|
|
1309
|
-
at.compute(
|
|
1310
|
-
[ComputeVectorForMutli, ComputeScale],
|
|
1311
|
-
|
|
1312
|
-
function (computed) {
|
|
1313
|
-
resetState(context);
|
|
1314
|
-
if (isDisabled(context)) return;
|
|
1315
|
-
var isValid = test();
|
|
1316
|
-
context.state = flow(isValid, context.state, computed.phase);
|
|
1317
|
-
var name = context.name;
|
|
1318
|
-
if (isValid || isMoveOrEndOrCancel(context.state)) {
|
|
1319
|
-
at.emit2(name, computed, context);
|
|
1320
|
-
var deltaScale = computed.deltaScale;
|
|
1321
|
-
if (1 !== deltaScale) {
|
|
1322
|
-
at.emit2(
|
|
1323
|
-
name + (1 < deltaScale ? "in" : "out"),
|
|
1324
|
-
computed,
|
|
1325
|
-
context
|
|
1326
|
-
);
|
|
1327
|
-
}
|
|
1328
|
-
}
|
|
1329
|
-
var stateName = getStatusName(context.state);
|
|
1330
|
-
if (stateName) {
|
|
1331
|
-
at.emit2(name + stateName, computed, context);
|
|
1332
|
-
}
|
|
1333
|
-
function test() {
|
|
1334
|
-
var pointLength = computed.pointLength,
|
|
1335
|
-
scale = computed.scale;
|
|
1336
|
-
computed.deltaScale;
|
|
1337
|
-
computed.phase;
|
|
1338
|
-
return (
|
|
1339
|
-
context.pointLength === pointLength &&
|
|
1340
|
-
context.threshold < Math.abs(scale - 1)
|
|
1341
|
-
);
|
|
1342
|
-
}
|
|
1343
|
-
}
|
|
1344
|
-
);
|
|
1345
|
-
return context;
|
|
1346
|
-
}
|
|
1347
|
-
|
|
1348
|
-
var DEFAULT_OPTIONS = {
|
|
1349
|
-
name: "rotate",
|
|
1350
|
-
threshold: 0,
|
|
1351
|
-
pointLength: 2,
|
|
1352
|
-
};
|
|
1353
|
-
|
|
1354
|
-
function rotate(at, options) {
|
|
1355
|
-
var context = createPluginContext(DEFAULT_OPTIONS, options);
|
|
1356
|
-
at.compute(
|
|
1357
|
-
[ComputeVectorForMutli, ComputeAngle],
|
|
1358
|
-
|
|
1359
|
-
function (computed) {
|
|
1360
|
-
if (isDisabled(context)) return;
|
|
1361
|
-
resetState(context);
|
|
1362
|
-
var isValid = test();
|
|
1363
|
-
context.state = flow(isValid, context.state, computed.phase);
|
|
1364
|
-
var name = context.name;
|
|
1365
|
-
if (isValid || isMoveOrEndOrCancel(context.state)) {
|
|
1366
|
-
at.emit2(name, computed, context);
|
|
1367
|
-
}
|
|
1368
|
-
var stateName = getStatusName(context.state);
|
|
1369
|
-
if (stateName) {
|
|
1370
|
-
at.emit2(name + stateName, computed, context);
|
|
1371
|
-
}
|
|
1372
|
-
function test() {
|
|
1373
|
-
var pointLength = computed.pointLength,
|
|
1374
|
-
angle = computed.angle;
|
|
1375
|
-
return (
|
|
1376
|
-
context.pointLength === pointLength &&
|
|
1377
|
-
context.threshold < Math.abs(angle)
|
|
1378
|
-
);
|
|
1379
|
-
}
|
|
1380
|
-
}
|
|
1381
|
-
);
|
|
1382
|
-
return context;
|
|
1383
|
-
}
|
|
1384
|
-
|
|
1385
|
-
function doubletap(at) {
|
|
1386
|
-
at.use(tap, { name: "doubletap", tapTimes: 2 });
|
|
1387
|
-
var doubleTapContext = at.get("doubletap");
|
|
1388
|
-
|
|
1389
|
-
var timeID;
|
|
1390
|
-
|
|
1391
|
-
at.beforeEach(function (type, next) {
|
|
1392
|
-
if ("tap" === type) {
|
|
1393
|
-
clearTimeout(timeID);
|
|
1394
|
-
timeID = setTimeout(function () {
|
|
1395
|
-
if ([0, 2].includes(doubleTapContext.state)) {
|
|
1396
|
-
next();
|
|
1397
|
-
}
|
|
1398
|
-
}, 300);
|
|
1399
|
-
} else {
|
|
1400
|
-
next();
|
|
1401
|
-
}
|
|
1402
|
-
});
|
|
1403
|
-
return doubleTapContext;
|
|
1404
|
-
}
|
|
1405
|
-
|
|
1406
|
-
var default_1 = (function (_super) {
|
|
1407
|
-
__extends(default_1, _super);
|
|
1408
|
-
|
|
1409
|
-
function default_1(el, options) {
|
|
1410
|
-
var _this = _super.call(this, el, options) || this;
|
|
1411
|
-
_this.use(tap);
|
|
1412
|
-
_this.use(pan);
|
|
1413
|
-
_this.use(swipe);
|
|
1414
|
-
_this.use(press);
|
|
1415
|
-
_this.use(pinch);
|
|
1416
|
-
_this.use(rotate);
|
|
1417
|
-
return _this;
|
|
1418
|
-
}
|
|
1419
|
-
default_1.STATE_POSSIBLE = 0;
|
|
1420
|
-
default_1.STATE_START = 4;
|
|
1421
|
-
default_1.STATE_MOVE = 5;
|
|
1422
|
-
default_1.STATE_END = 1;
|
|
1423
|
-
default_1.STATE_CANCELLED = 3;
|
|
1424
|
-
default_1.STATE_FAILED = 2;
|
|
1425
|
-
default_1.STATE_RECOGNIZED = 1;
|
|
1426
|
-
default_1.tap = tap;
|
|
1427
|
-
default_1.pan = pan;
|
|
1428
|
-
default_1.swipe = swipe;
|
|
1429
|
-
default_1.press = press;
|
|
1430
|
-
default_1.rotate = rotate;
|
|
1431
|
-
default_1.pinch = pinch;
|
|
1432
|
-
default_1.doubletap = doubletap;
|
|
1433
|
-
return default_1;
|
|
1434
|
-
})(default_1$1);
|
|
1435
|
-
|
|
1436
|
-
return default_1;
|
|
1437
|
-
});
|
|
1438
|
-
};
|
|
46
|
+
let t$1 = class t{constructor(){this.__map={};}beforeEach(t){this.__interceptor=t;}on(t,i){const s=Array.isArray(t)?t:[t];for(const t of s){this.__map[t]=this.__map[t]||[];const s=this.__map[t];s&&s.push(i);}return this}emit(t,i,s){void 0!==this.__interceptor?this.__interceptor(t,(()=>{this.__emit(t,i),s&&s();})):(this.__emit(t,i),s&&s());}__emit(t,i){const s=this.__map[t];if(Array.isArray(s)&&(null==s?void 0:s.length))for(const _ of s)_(i,t);this.event=i;}off(t,i){const s=this.__map[t];if(void 0!==s)if(void 0===i)delete this.__map[t];else {const t=s.findIndex((t=>t===i));s.splice(t,1);}}destroy(){this.__map={};}};
|
|
47
|
+
|
|
48
|
+
const n$1="clientX",e$2="clientY",t=16,c$3="start",o$1="move",s$1="cancel",u$3="end",a$2="left",i$3="right",r$4="up",d$1="down",m$2={4:"start",5:"move",1:"end",3:"cancel"};function v$1(n){return m$2[n]}function b(n,e,t){const c={1:{0:{move:4},4:{move:5,end:1,cancel:3},5:{move:5,end:1,cancel:3}},0:{4:{move:2,end:1,cancel:3},5:{start:2,move:2,end:1,cancel:3}}}[Number(n)][e];return void 0!==c&&c[t]||0}function g$1(n){[1,3,2].includes(n.state)&&(n.state=0);}function h$3(n){return [5,1,3].includes(n)}function j(n){if(n.disabled)return n.state=0,!0}function O(n,e){return Object.assign(Object.assign(Object.assign({},n),e),{state:0,disabled:!1})}function p$3(n){return Math.round(100*n)/100}
|
|
49
|
+
|
|
50
|
+
function r$3(){let t,o,i,r,a=0;return function(u){if(t=o,void 0!==u){a=Number.MAX_SAFE_INTEGER>a?++a:1;const h=function(t,o){const{phase:i,points:r,changedPoints:a,nativeEvent:u}=t,h=r.length,p=c$3===i,g=u$3===i&&0===h||s$1===i,l=Date.now(),{x:d,y:m}=c$2(r)||c$2(a),{currentTarget:v}=u;return Object.assign(t,{id:o,x:d,y:m,timestamp:l,isStart:p,isEnd:g,pointLength:h,currentTarget:v,getOffset(t=v){const e=t.getBoundingClientRect();return {x:d-Math.round(e.left),y:m-Math.round(e.top)}}})}(u,a);o=h;const{isStart:p,pointLength:g}=h;return p&&(i=h,t=void 0,r=1<g?h:void 0),Object.assign(Object.assign({},h),{prevInput:t,startMultiInput:r,startInput:i})}}}function c$2(t){const{length:e}=t;if(0<e){if(1===e){const{clientX:e,clientY:n}=t[0];return {x:Math.round(e),y:Math.round(n)}}const n=t.reduce(((t,e)=>(t.x+=e[n$1],t.y+=e[e$2],t)),{x:0,y:0});return {x:Math.round(n.x/e),y:Math.round(n.y/e)}}}function a$1(t,e,n,s){const o={};for(const t in n)["target","currentTarget","type"].includes(t)||(o[t]=n[t]);let i;return document.createEvent?(i=document.createEvent("HTMLEvents"),i.initEvent(t,null==s?void 0:s.bubbles,null==s?void 0:s.cancelable)):i=new Event(t,s),Object.assign(i,o,{match:()=>n.targets&&0<n.targets.length&&n.targets.every((t=>i.currentTarget.contains(t)))}),e.dispatchEvent(i)}function u$2(t,e){const{preventDefault:n}=e;return s=n,"[object Function]"===Object.prototype.toString.call(s)?n(t):!!n;var s;}const h$2=["touchstart","touchmove","touchend","touchcancel","mousedown"],p$2=["mousemove","mouseup"];const g={domEvents:{bubbles:!0,cancelable:!0},preventDefault:t=>{if(t.target&&"tagName"in t.target){const{tagName:e}=t.target;return !/^(?:INPUT|TEXTAREA|BUTTON|SELECT)$/.test(e)}return !1}};let l$1 = class l extends t$1{constructor(t,e){super(),this.v="2.1.3",this.__computeFunctionList=[],this.__computeFunctionCreatorList=[],this.__pluginContexts=[],this.__isIgnoreMouse=!1,this.el=t,this.c={},this.__options=Object.assign(Object.assign({},g),e);const n=function(t){const e=r$3();return function(n){const s=[],o=[];Array.from(n.touches).forEach((({clientX:e,clientY:n,target:i})=>{(null==t?void 0:t.contains(i))&&(s.push(i),o.push({clientX:e,clientY:n,target:i}));}));const i=Array.from(n.changedTouches).map((({clientX:t,clientY:e,target:n})=>({clientX:t,clientY:e,target:n})));return e({phase:n.type.replace("touch",""),changedPoints:i,points:o,nativeEvent:n,target:n.target,targets:s})}}(this.el),s=function(){let t,e=!1,n=null;const s=r$3();return function(o){const{clientX:i,clientY:r,type:c,button:a,target:u}=o;let h,p=[{clientX:i,clientY:r,target:u}];if("mousedown"===c&&0===a)n=u,e=!0,h="start";else {if(!e)return;"mousemove"===c?h="move":"mouseup"===c&&(p=[],h="end",e=!1);}const g=t||[{clientX:i,clientY:r,target:u}];if(t=[{clientX:i,clientY:r,target:u}],void 0!==h)return s({phase:h,changedPoints:g,points:p,target:n,targets:[n],nativeEvent:o})}}();if(this.__inputCreatorMap={touchstart:n,touchmove:n,touchend:n,touchcancel:n,mousedown:s,mousemove:s,mouseup:s},this.on("at:after",(t=>{const{target:e,__type:n}=t,{domEvents:s}=this.__options;s&&void 0!==this.el&&e&&(a$1(n,e,t,s),a$1("at:after",e,t,s));})),void 0!==t){t.style.webkitTapHighlightColor="rgba(0,0,0,0)";let e=!1;try{const t={};Object.defineProperty(t,"passive",{get(){e=!0;}}),window.addEventListener("_",(()=>{}),t);}catch(t){}this.on("u",function(t,e,n){return h$2.forEach((s=>{t.addEventListener(s,e,n);})),p$2.forEach((t=>{window.addEventListener(t,e,n);})),()=>{h$2.forEach((n=>{t.removeEventListener(n,e);})),p$2.forEach((t=>{window.removeEventListener(t,e);}));}}(t,this.catchEvent.bind(this),!1===this.__options.preventDefault&&e?{passive:!0}:{passive:!1}));}}use(t,e){this.__pluginContexts.push(t(this,e));}catchEvent(t){const e=this.__inputCreatorMap[t.type](t);if(void 0!==e){const n=()=>t.stopPropagation(),s=()=>t.stopImmediatePropagation(),o=()=>t.preventDefault();if(u$2(t,this.__options))o();else if("touchstart"===t.type?this.__isIgnoreMouse=!0:"touchmove"===t.type&&(this.__isIgnoreMouse=!1),this.__isIgnoreMouse&&t.type.startsWith("mouse"))return void("mouseup"===t.type&&(this.__isIgnoreMouse=!1));this.emit("input",e),this.emit2(`at:${e.phase}`,e,{});const i={};this.__computeFunctionList.forEach((t=>{const n=t(e,i);if(void 0!==n)for(const t in n)i[t]=n[t];})),this.emit("computed",Object.assign(Object.assign(Object.assign({},e),i),{stopPropagation:n,stopImmediatePropagation:s,preventDefault:o}));}}compute(t,e){for(const e of t)this.__computeFunctionCreatorList.includes(e)||(this.__computeFunctionCreatorList.push(e),this.__computeFunctionList.push(e()));this.on("computed",e);}beforeEach(t){super.beforeEach(((e,n)=>{var s;(null===(s=this.c)||void 0===s?void 0:s.name)?t(e,n):n();}));}get(t){return this.__pluginContexts.find((e=>t===e.name))}set(t){this.__options=Object.assign(Object.assign({},this.__options),t);}emit2(t,e,n){this.c=n,this.emit(t,Object.assign(Object.assign({},e),{type:t}),(()=>{this.emit("at:after",Object.assign(Object.assign({},e),{name:t,__type:t}));}));}destroy(){this.emit("u"),super.destroy();}};
|
|
51
|
+
|
|
52
|
+
var x=r=>Math.sqrt(r.x*r.x+r.y*r.y),y=(r,a)=>r.x*a.x+r.y*a.y,e$1=(r,a)=>{var t=x(r)*x(a);if(0===t)return 0;var h=y(r,a)/t;return h>1&&(h=1),Math.acos(h)},n=(r,a)=>r.x*a.y-a.x*r.y,o=r=>r/Math.PI*180,s=(r,a)=>{var t=e$1(r,a);return n(r,a)>0&&(t*=-1),o(t)},u$1=(x,y)=>{if(0!==x||0!==y)return Math.abs(x)>=Math.abs(y)?0<x?i$3:a$2:0<y?d$1:r$4};
|
|
53
|
+
|
|
54
|
+
function p$1(){let n=0,e=0;return function(o,r){const{prevVecotr:i,startVecotr:a,activeVecotr:c}=r;return c&&(e=Math.round(s(c,i)),n=Math.round(s(c,a))),{angle:n,deltaAngle:e}}}function d(){return function(t){const{prevInput:e}=t;let o$1=0,r=0,i=0;if(void 0!==e&&(o$1=t.x-e.x,r=t.y-e.y,0!==o$1||0!==r)){const t=Math.sqrt(Math.pow(o$1,2)+Math.pow(r,2));i=Math.round(o(Math.acos(Math.abs(o$1)/t)));}return {deltaX:o$1,deltaY:r,deltaXYAngle:i}}}function h$1(){let t,n=0,u=0,s=0,p=0,d=0;return function(h){const{phase:l,startInput:f}=h;return c$3===l?(n=0,u=0,s=0,p=0,d=0):o$1===l&&(n=Math.round(h.points[0][n$1]-f.points[0][n$1]),u=Math.round(h.points[0][e$2]-f.points[0][e$2]),s=Math.abs(n),p=Math.abs(u),d=Math.round(x({x:s,y:p})),t=u$1(n,u)),{displacementX:n,displacementY:u,distanceX:s,distanceY:p,distance:d,overallDirection:t}}}function l(){let t=1;return function(n,o){let r=1;const{prevVecotr:i,startVecotr:a,activeVecotr:c}=o;return c&&(r=p$3(x(c)/x(i)),t=p$3(x(c)/x(a))),{scale:t,deltaScale:r}}}function f(){let t$1,n,e=0,r=0,i=0,a=0;return function(c){if(void 0!==c){n=n||c.startInput;const u=c.timestamp-n.timestamp;if(t<u){const s=c.x-n.x,p=c.y-n.y;i=Math.round(s/u*100)/100,a=Math.round(p/u*100)/100,e=Math.abs(i),r=Math.abs(a),t$1=u$1(s,p),n=c;}}return {velocityX:e,velocityY:r,speedX:i,speedY:a,direction:t$1}}}function M(){let t=0;return function(n){const{phase:e}=n;return c$3===e&&(t=n.pointLength),{maxPointLength:t}}}function v(t){return {x:t.points[1][n$1]-t.points[0][n$1],y:t.points[1][e$2]-t.points[0][e$2]}}function m$1(){let t,n,e;return function(o){const{prevInput:r,startMultiInput:i}=o;return void 0!==i&&void 0!==r&&o.id!==i.id&&1<r.pointLength&&1<o.pointLength?(t=v(i),n=v(r),e=v(o)):e=void 0,{startVecotr:t,prevVecotr:n,activeVecotr:e}}}
|
|
55
|
+
|
|
56
|
+
const m={name:"tap",pointLength:1,tapTimes:1,waitNextTapTime:300,maxDistance:2,maxDistanceFromPrevTap:9,maxPressTime:250};function r$2(r,s){const c=O(m,s);let p,u,x$1,T=0;function f(){T=0,p=void 0,u=void 0;}return r.compute([h$1,M],(t=>{if(j(c))return;const{phase:i,x:o,y:m}=t;u$3===i&&(c.state=0,!function(){const{startInput:e,pointLength:n,timestamp:a}=t,i=a-e.timestamp,{distance:o,maxPointLength:m}=t;return m===c.pointLength&&0===n&&c.maxDistance>=o&&c.maxPressTime>i}()?(f(),c.state=2):(clearTimeout(x$1),function(t,e){if(void 0!==p){const n=x({x:t.x-p.x,y:t.y-p.y});return p=t,e.maxDistanceFromPrevTap>=n}return p=t,!0}({x:o,y:m},c)&&function(t){const e=performance.now();if(void 0===u)return u=e,!0;{const n=e-u;return u=e,n<t}}(c.waitNextTapTime)?T++:T=1,0==T%c.tapTimes?(c.state=1,r.emit2(c.name,t,c),f()):x$1=setTimeout((()=>{c.state=2,f();}),c.waitNextTapTime)));})),c}
|
|
57
|
+
|
|
58
|
+
const p={name:"pan",threshold:10,pointLength:1};function u(u,d$1){const f$1=O(p,d$1);return u.compute([f,h$1,d],(t=>{if(g$1(f$1),j(f$1))return;const c=function(){const{pointLength:e,distance:n}=t;return f$1.pointLength===e&&f$1.threshold<=n}();if(f$1.state=b(c,f$1.state,t.phase),c||h$3(f$1.state)){const{name:e}=f$1;u.emit2(e,t,f$1),u.emit2(e+v$1(f$1.state),t,f$1),![u$3,s$1].includes(t.phase)&&t.direction&&u.emit2(e+t.direction,t,f$1);}})),f$1}
|
|
59
|
+
|
|
60
|
+
const c$1={name:"swipe",threshold:10,velocity:.3,pointLength:1};function a(a,r){const s=O(c$1,r);return a.compute([h$1,f,M],(t=>{if(s.state=0,!s.disabled&&function(){if(u$3!==t.phase)return !1;const{velocityX:o,velocityY:n,distance:i,maxPointLength:c}=t;return c===s.pointLength&&0===t.points.length&&s.threshold<i&&s.velocity<Math.max(o,n)}()){const{name:e}=s;s.state=1,a.emit2(e,t,s),a.emit2(e+t.direction,t,s);}})),s}
|
|
61
|
+
|
|
62
|
+
const r$1={name:"press",pointLength:1,maxDistance:9,minPressTime:251};function c(c,u){const p=O(r$1,u);let f=0;return c.compute([h$1],(t=>{if(j(p))return;const{phase:o,startInput:r,pointLength:u}=t;if(c$3===o&&p.pointLength===u)g$1(p),clearTimeout(f),f=setTimeout((()=>{p.state=1,c.emit2(p.name,t,p);}),p.minPressTime);else if(u$3===o&&1===p.state)c.emit2(`${p.name}${r$4}`,t,p);else if(1!==p.state){const e=t.timestamp-r.timestamp;(!function(){const{distance:e}=t;return e&&p.maxDistance>e}()||p.minPressTime>e&&[u$3,s$1].includes(o))&&(clearTimeout(f),p.state=2);}})),p}
|
|
63
|
+
|
|
64
|
+
const i$2={name:"pinch",threshold:0,pointLength:2};function r(r,m){const p=O(i$2,m);return r.compute([m$1,l],(t=>{if(g$1(p),j(p))return;const c=function(){const{pointLength:e,scale:n,deltaScale:o,phase:a}=t;return p.pointLength===e&&p.threshold<Math.abs(n-1)}();p.state=b(c,p.state,t.phase);const{name:h}=p;if(c||h$3(p.state)){r.emit2(h,t,p);const{deltaScale:e}=t;1!==e&&r.emit2(h+(1<e?"in":"out"),t,p);}const i=v$1(p.state);i&&r.emit2(h+i,t,p);})),p}
|
|
65
|
+
|
|
66
|
+
const h={name:"rotate",threshold:0,pointLength:2};function i$1(i,m){const u=O(h,m);return i.compute([m$1,p$1],(t=>{if(j(u))return;g$1(u);const r=function(){const{pointLength:e,angle:n}=t;return u.pointLength===e&&u.threshold<Math.abs(n)}();u.state=b(r,u.state,t.phase);const{name:c}=u;(r||h$3(u.state))&&i.emit2(c,t,u);const h=v$1(u.state);h&&i.emit2(c+h,t,u);})),u}
|
|
67
|
+
|
|
68
|
+
function e(e){e.use(r$2,{name:"doubletap",tapTimes:2});const a=e.get("doubletap");let o;return e.beforeEach(((t,e)=>{"tap"===t?(clearTimeout(o),o=setTimeout((()=>{[0,2].includes(a.state)&&e();}),300)):e();})),a}
|
|
69
|
+
|
|
70
|
+
class i extends l$1{constructor(t,u$1){super(t,u$1),this.use(r$2),this.use(u),this.use(a),this.use(c),this.use(r),this.use(i$1);}}i.STATE_POSSIBLE=0,i.STATE_START=4,i.STATE_MOVE=5,i.STATE_END=1,i.STATE_CANCELLED=3,i.STATE_FAILED=2,i.STATE_RECOGNIZED=1,i.tap=r$2,i.pan=u,i.swipe=a,i.press=c,i.rotate=i$1,i.pinch=r,i.doubletap=e;
|
|
1439
71
|
|
|
1440
72
|
class PopsUtils {
|
|
1441
73
|
/**
|
|
@@ -1674,7 +306,9 @@ System.register('pops', [], (function (exports) {
|
|
|
1674
306
|
: parseFloat(result.toString());
|
|
1675
307
|
return result;
|
|
1676
308
|
}
|
|
1677
|
-
AnyTouch =
|
|
309
|
+
AnyTouch = () => {
|
|
310
|
+
return i;
|
|
311
|
+
};
|
|
1678
312
|
}
|
|
1679
313
|
const popsUtils = new PopsUtils();
|
|
1680
314
|
|
|
@@ -1772,7 +406,7 @@ System.register('pops', [], (function (exports) {
|
|
|
1772
406
|
/* 在上层与主元素之间寻找可以被selector所匹配到的 */
|
|
1773
407
|
let closestElement = target.closest(_selector_);
|
|
1774
408
|
/* event的target值不能直接修改 */
|
|
1775
|
-
OriginPrototype
|
|
409
|
+
OriginPrototype.Object.defineProperty(event, "target", {
|
|
1776
410
|
get() {
|
|
1777
411
|
return closestElement;
|
|
1778
412
|
},
|
|
@@ -3404,7 +2038,7 @@ System.register('pops', [], (function (exports) {
|
|
|
3404
2038
|
let clickElementTopOffset = 0;
|
|
3405
2039
|
let AnyTouch = popsUtils.AnyTouch();
|
|
3406
2040
|
let anyTouchElement = new AnyTouch(options.dragElement, {
|
|
3407
|
-
|
|
2041
|
+
preventDefault(event) {
|
|
3408
2042
|
if (typeof options.preventEvent === "function") {
|
|
3409
2043
|
return options.preventEvent(event);
|
|
3410
2044
|
}
|
|
@@ -3572,7 +2206,7 @@ System.register('pops', [], (function (exports) {
|
|
|
3572
2206
|
}
|
|
3573
2207
|
});
|
|
3574
2208
|
/* 因为会覆盖上面的点击事件,主动触发一下 */
|
|
3575
|
-
anyTouchElement.on(["
|
|
2209
|
+
anyTouchElement.on(["tap"], function (event) {
|
|
3576
2210
|
event.changedPoints.forEach((item) => {
|
|
3577
2211
|
popsDOMUtils.trigger(item.target, "click", void 0, true);
|
|
3578
2212
|
});
|
|
@@ -3620,7 +2254,7 @@ System.register('pops', [], (function (exports) {
|
|
|
3620
2254
|
},
|
|
3621
2255
|
};
|
|
3622
2256
|
|
|
3623
|
-
var indexCSS = "@charset \"utf-8\";\r\n* {\r\n\t-webkit-box-sizing: border-box;\r\n\tbox-sizing: border-box;\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n\t-webkit-tap-highlight-color: transparent;\r\n\t/* 代替::-webkit-scrollbar */\r\n\tscrollbar-width: thin;\r\n}\r\n.pops {\r\n\t--pops-bg-opacity: 1;\r\n\t--pops-bd-opacity: 1;\r\n\t--pops-font-size: 16px;\r\n}\r\n.pops-mask {\r\n\t--pops-mask-bg-opacity: 0.4;\r\n}\r\n.pops {\r\n\tbackground-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n\tborder-radius: 4px;\r\n\tborder: 1px solid rgb(235, 238, 245, var(--pops-bd-opacity));\r\n\tfont-size: var(--pops-font-size);\r\n\tbox-shadow: 0 0 12px rgba(0, 0, 0, 0.12);\r\n\tbox-sizing: border-box;\r\n\toverflow: hidden;\r\n\ttransition: all 0.35s;\r\n}\r\n.pops-anim {\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tbottom: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n.pops-anim[anim=\"\"] {\r\n\ttop: unset;\r\n\tright: unset;\r\n\tbottom: unset;\r\n\tleft: unset;\r\n\twidth: unset;\r\n\theight: unset;\r\n\ttransition: none;\r\n}\r\n/* 底部图标动画和样式 */\r\n.pops i.pops-bottom-icon[is-loading=\"true\"] {\r\n\tanimation: rotating 2s linear infinite;\r\n}\r\n.pops i.pops-bottom-icon {\r\n\theight: 1em;\r\n\twidth: 1em;\r\n\tline-height: 1em;\r\n\tdisplay: inline-flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tposition: relative;\r\n\tfill: currentColor;\r\n\tcolor: inherit;\r\n\tfont-size: inherit;\r\n}\r\n\r\n/* 遮罩层样式 */\r\n.pops-mask {\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tbottom: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tborder: 0;\r\n\tborder-radius: 0;\r\n\tbackground-color: rgba(0, 0, 0, var(--pops-mask-bg-opacity));\r\n\tbox-shadow: none;\r\n\ttransition: none;\r\n}\r\n\r\n.pops-header-controls button.pops-header-control[type][data-header] {\r\n\tfloat: right;\r\n\tmargin: 0 0;\r\n\toutline: 0;\r\n\tborder: 0;\r\n\tborder-color: rgb(136, 136, 136, var(--pops-bd-opacity));\r\n\tbackground-color: transparent;\r\n\tcolor: #888;\r\n\tcursor: pointer;\r\n}\r\n.pops-header-controls button.pops-header-control[type=\"max\"],\r\n.pops-header-controls button.pops-header-control[type=\"mise\"],\r\n.pops-header-controls button.pops-header-control[type=\"min\"] {\r\n\tposition: relative;\r\n\tfloat: right;\r\n\tmargin: 0 2px;\r\n\toutline: 0 !important;\r\n\tborder: 0;\r\n\tborder-color: rgb(136, 136, 136, var(--pops-bd-opacity));\r\n\tbackground-color: transparent;\r\n\tcolor: rgb(136, 136, 136);\r\n\tcursor: pointer;\r\n\ttransition: all 0.3s ease-in-out;\r\n}\r\nbutton.pops-header-control i {\r\n\tcolor: rgb(144, 147, 153);\r\n\tfont-size: inherit;\r\n\tdisplay: inline-flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tposition: relative;\r\n\tfill: currentColor;\r\n}\r\nbutton.pops-header-control svg {\r\n\theight: 1.25em;\r\n\twidth: 1.25em;\r\n}\r\nbutton.pops-header-control {\r\n\tright: 15px;\r\n\tpadding: 0;\r\n\tborder: none;\r\n\toutline: 0;\r\n\tbackground: 0 0;\r\n\tcursor: pointer;\r\n\tposition: unset;\r\n\tline-height: 1.15;\r\n}\r\nbutton.pops-header-control i:hover {\r\n\tcolor: rgb(64, 158, 255);\r\n}\r\n.pops-header-controls[data-margin] button.pops-header-control {\r\n\tmargin: 0 6px;\r\n}\r\n.pops[type-value] .pops-header-controls {\r\n\tdisplay: flex;\r\n}\r\n";
|
|
2257
|
+
var indexCSS = "@charset \"utf-8\";\r\n* {\r\n\t-webkit-box-sizing: border-box;\r\n\tbox-sizing: border-box;\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n\t-webkit-tap-highlight-color: transparent;\r\n\t/* 代替::-webkit-scrollbar */\r\n\tscrollbar-width: thin;\r\n}\r\n.pops {\r\n\t--pops-bg-opacity: 1;\r\n\t--pops-bd-opacity: 1;\r\n\t--pops-font-size: 16px;\r\n}\r\n.pops-mask {\r\n\t--pops-mask-bg-opacity: 0.4;\r\n}\r\n.pops {\r\n\tbackground-color: rgb(255, 255, 255, var(--pops-bg-opacity));\r\n\tborder-radius: 4px;\r\n\tborder: 1px solid rgb(235, 238, 245, var(--pops-bd-opacity));\r\n\tfont-size: var(--pops-font-size);\r\n\tbox-shadow: 0 0 12px rgba(0, 0, 0, 0.12);\r\n\tbox-sizing: border-box;\r\n\toverflow: hidden;\r\n\ttransition: all 0.35s;\r\n}\r\n.pops-anim {\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tbottom: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n.pops-anim[anim=\"\"] {\r\n\ttop: unset;\r\n\tright: unset;\r\n\tbottom: unset;\r\n\tleft: unset;\r\n\twidth: unset;\r\n\theight: unset;\r\n\ttransition: none;\r\n}\r\n/* 底部图标动画和样式 */\r\n.pops i.pops-bottom-icon[is-loading=\"true\"] {\r\n\tanimation: rotating 2s linear infinite;\r\n}\r\n.pops i.pops-bottom-icon {\r\n\theight: 1em;\r\n\twidth: 1em;\r\n\tline-height: 1em;\r\n\tdisplay: inline-flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tposition: relative;\r\n\tfill: currentColor;\r\n\tcolor: inherit;\r\n\tfont-size: inherit;\r\n}\r\n\r\n/* 遮罩层样式 */\r\n.pops-mask {\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tbottom: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tborder: 0;\r\n\tborder-radius: 0;\r\n\tbackground-color: rgba(0, 0, 0, var(--pops-mask-bg-opacity));\r\n\tbox-shadow: none;\r\n\ttransition: none;\r\n}\r\n\r\n.pops-header-controls button.pops-header-control[type][data-header] {\r\n\tfloat: right;\r\n\tmargin: 0 0;\r\n\toutline: 0;\r\n\tborder: 0;\r\n\tborder-color: rgb(136, 136, 136, var(--pops-bd-opacity));\r\n\tbackground-color: transparent;\r\n\tcolor: #888;\r\n\tcursor: pointer;\r\n}\r\n.pops-header-controls button.pops-header-control[type=\"max\"],\r\n.pops-header-controls button.pops-header-control[type=\"mise\"],\r\n.pops-header-controls button.pops-header-control[type=\"min\"] {\r\n\tposition: relative;\r\n\tfloat: right;\r\n\tmargin: 0 2px;\r\n\toutline: 0 !important;\r\n\tborder: 0;\r\n\tborder-color: rgb(136, 136, 136, var(--pops-bd-opacity));\r\n\tbackground-color: transparent;\r\n\tcolor: rgb(136, 136, 136);\r\n\tcursor: pointer;\r\n\ttransition: all 0.3s ease-in-out;\r\n}\r\nbutton.pops-header-control i {\r\n\tcolor: rgb(144, 147, 153);\r\n\tfont-size: inherit;\r\n\tdisplay: inline-flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tposition: relative;\r\n\tfill: currentColor;\r\n}\r\nbutton.pops-header-control svg {\r\n\theight: 1.25em;\r\n\twidth: 1.25em;\r\n}\r\nbutton.pops-header-control {\r\n\tright: 15px;\r\n\tpadding: 0;\r\n\tborder: none;\r\n\toutline: 0;\r\n\tbackground: 0 0;\r\n\tcursor: pointer;\r\n\tposition: unset;\r\n\tline-height: 1.15;\r\n}\r\nbutton.pops-header-control i:hover {\r\n\tcolor: rgb(64, 158, 255);\r\n}\r\n.pops-header-controls[data-margin] button.pops-header-control {\r\n\tmargin: 0 6px;\r\n}\r\n.pops[type-value] .pops-header-controls {\r\n\tdisplay: flex;\r\n}\r\n\r\n/* 标题禁止选中文字 */\r\n.pops [class^=\"pops\"][class*=\"-title\"] p[pops] {\r\n\t-webkit-user-select: none;\r\n\t-moz-user-select: none;\r\n\t-ms-user-select: none;\r\n\tuser-select: none;\r\n}\r\n";
|
|
3624
2258
|
|
|
3625
2259
|
var ninePalaceGridPositionCSS = ".pops[position=\"top_left\"] {\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tleft: 0;\r\n}\r\n.pops[position=\"top\"] {\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tleft: 50%;\r\n\ttransform: translateX(-50%);\r\n}\r\n.pops[position=\"top_right\"] {\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tright: 0;\r\n}\r\n.pops[position=\"center_left\"] {\r\n\tposition: fixed;\r\n\ttop: 50%;\r\n\tleft: 0;\r\n\ttransform: translateY(-50%);\r\n}\r\n.pops[position=\"center\"] {\r\n\tposition: fixed;\r\n\ttop: 50%;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, -50%);\r\n}\r\n.pops[position=\"center_right\"] {\r\n\tposition: fixed;\r\n\ttop: 50%;\r\n\tright: 0;\r\n\ttransform: translateY(-50%);\r\n}\r\n.pops[position=\"bottom_left\"] {\r\n\tposition: fixed;\r\n\tbottom: 0;\r\n\tleft: 0;\r\n}\r\n.pops[position=\"bottom\"] {\r\n\tposition: fixed;\r\n\tbottom: 0;\r\n\tleft: 50%;\r\n\ttransform: translate(-50%, 0);\r\n}\r\n.pops[position=\"bottom_right\"] {\r\n\tposition: fixed;\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n";
|
|
3626
2260
|
|
|
@@ -3708,6 +2342,49 @@ System.register('pops', [], (function (exports) {
|
|
|
3708
2342
|
|
|
3709
2343
|
var SVG_arrowLeft = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\">\r\n\t<path\r\n\t\td=\"M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z\"></path>\r\n</svg>\r\n";
|
|
3710
2344
|
|
|
2345
|
+
const GlobalConfig = {
|
|
2346
|
+
config: {},
|
|
2347
|
+
/**
|
|
2348
|
+
* 为所有弹窗设置全局属性
|
|
2349
|
+
*/
|
|
2350
|
+
setGlobalConfig(config) {
|
|
2351
|
+
Reflect.ownKeys(config).forEach((keyName) => {
|
|
2352
|
+
Reflect.set(GlobalConfig.config, keyName, Reflect.get(config, keyName));
|
|
2353
|
+
});
|
|
2354
|
+
},
|
|
2355
|
+
/**
|
|
2356
|
+
* 获取全局配置
|
|
2357
|
+
*/
|
|
2358
|
+
getGlobalConfig() {
|
|
2359
|
+
let result = {};
|
|
2360
|
+
let style = GlobalConfig.config.style == null
|
|
2361
|
+
? ""
|
|
2362
|
+
: typeof GlobalConfig.config.style === "function"
|
|
2363
|
+
? GlobalConfig.config.style()
|
|
2364
|
+
: GlobalConfig.config.style;
|
|
2365
|
+
if (typeof style === "string") {
|
|
2366
|
+
result.style = style;
|
|
2367
|
+
}
|
|
2368
|
+
let zIndex = GlobalConfig.config.zIndex == null
|
|
2369
|
+
? ""
|
|
2370
|
+
: typeof GlobalConfig.config.zIndex === "function"
|
|
2371
|
+
? GlobalConfig.config.zIndex()
|
|
2372
|
+
: GlobalConfig.config.zIndex;
|
|
2373
|
+
if (typeof zIndex === "string") {
|
|
2374
|
+
let newIndex = (zIndex = parseInt(zIndex));
|
|
2375
|
+
if (!isNaN(newIndex)) {
|
|
2376
|
+
result.zIndex = newIndex;
|
|
2377
|
+
}
|
|
2378
|
+
}
|
|
2379
|
+
else {
|
|
2380
|
+
if (!isNaN(zIndex)) {
|
|
2381
|
+
result.zIndex = zIndex;
|
|
2382
|
+
}
|
|
2383
|
+
}
|
|
2384
|
+
return result;
|
|
2385
|
+
},
|
|
2386
|
+
};
|
|
2387
|
+
|
|
3711
2388
|
const PopsElementHandler = {
|
|
3712
2389
|
/**
|
|
3713
2390
|
* 获取遮罩层HTML
|
|
@@ -4514,6 +3191,7 @@ System.register('pops', [], (function (exports) {
|
|
|
4514
3191
|
pops.config.cssText.alertCSS,
|
|
4515
3192
|
]);
|
|
4516
3193
|
let config = PopsAlertConfig();
|
|
3194
|
+
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
|
|
4517
3195
|
config = popsUtils.assign(config, details);
|
|
4518
3196
|
let guid = popsUtils.getRandomGUID();
|
|
4519
3197
|
// 设置当前类型
|
|
@@ -4703,6 +3381,7 @@ System.register('pops', [], (function (exports) {
|
|
|
4703
3381
|
pops.config.cssText.confirmCSS,
|
|
4704
3382
|
]);
|
|
4705
3383
|
let config = PopsConfirmConfig();
|
|
3384
|
+
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
|
|
4706
3385
|
config = popsUtils.assign(config, details);
|
|
4707
3386
|
let guid = popsUtils.getRandomGUID();
|
|
4708
3387
|
// 设置当前类型
|
|
@@ -4902,6 +3581,7 @@ System.register('pops', [], (function (exports) {
|
|
|
4902
3581
|
pops.config.cssText.promptCSS,
|
|
4903
3582
|
]);
|
|
4904
3583
|
let config = PopsPromptConfig();
|
|
3584
|
+
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
|
|
4905
3585
|
config = popsUtils.assign(config, details);
|
|
4906
3586
|
let guid = popsUtils.getRandomGUID();
|
|
4907
3587
|
const PopsType = "prompt";
|
|
@@ -5034,6 +3714,7 @@ System.register('pops', [], (function (exports) {
|
|
|
5034
3714
|
class PopsLoading {
|
|
5035
3715
|
constructor(details) {
|
|
5036
3716
|
let config = PopsLoadingConfig();
|
|
3717
|
+
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
|
|
5037
3718
|
config = popsUtils.assign(config, details);
|
|
5038
3719
|
let guid = popsUtils.getRandomGUID();
|
|
5039
3720
|
const PopsType = "loading";
|
|
@@ -5168,6 +3849,7 @@ System.register('pops', [], (function (exports) {
|
|
|
5168
3849
|
pops.config.cssText.iframeCSS,
|
|
5169
3850
|
]);
|
|
5170
3851
|
let config = PopsIframeConfig();
|
|
3852
|
+
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
|
|
5171
3853
|
config = popsUtils.assign(config, details);
|
|
5172
3854
|
if (config.url == null) {
|
|
5173
3855
|
throw "config.url不能为空";
|
|
@@ -5420,6 +4102,7 @@ System.register('pops', [], (function (exports) {
|
|
|
5420
4102
|
pops.config.cssText.tooltipCSS,
|
|
5421
4103
|
]);
|
|
5422
4104
|
let config = PopsTooltipConfig();
|
|
4105
|
+
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
|
|
5423
4106
|
config = popsUtils.assign(config, details);
|
|
5424
4107
|
if (!(config.target instanceof HTMLElement)) {
|
|
5425
4108
|
throw "config.target 必须是HTMLElement类型";
|
|
@@ -5760,6 +4443,7 @@ System.register('pops', [], (function (exports) {
|
|
|
5760
4443
|
pops.config.cssText.drawerCSS,
|
|
5761
4444
|
]);
|
|
5762
4445
|
let config = PopsDrawerConfig();
|
|
4446
|
+
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
|
|
5763
4447
|
config = popsUtils.assign(config, details);
|
|
5764
4448
|
let guid = popsUtils.getRandomGUID();
|
|
5765
4449
|
const PopsType = "drawer";
|
|
@@ -6098,6 +4782,8 @@ System.register('pops', [], (function (exports) {
|
|
|
6098
4782
|
pops.config.cssText.folderCSS,
|
|
6099
4783
|
]);
|
|
6100
4784
|
let config = PopsFolderConfig();
|
|
4785
|
+
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
|
|
4786
|
+
config = popsUtils.assign(config, details);
|
|
6101
4787
|
/* 办公几件套 */
|
|
6102
4788
|
Folder_ICON.docx = Folder_ICON.doc;
|
|
6103
4789
|
Folder_ICON.rtf = Folder_ICON.doc;
|
|
@@ -6151,7 +4837,6 @@ System.register('pops', [], (function (exports) {
|
|
|
6151
4837
|
androidIconList.forEach((keyName) => {
|
|
6152
4838
|
Folder_ICON[keyName] = Folder_ICON.apk;
|
|
6153
4839
|
});
|
|
6154
|
-
config = popsUtils.assign(config, details);
|
|
6155
4840
|
if (details?.folder) {
|
|
6156
4841
|
config.folder = details.folder;
|
|
6157
4842
|
}
|
|
@@ -8083,7 +6768,7 @@ System.register('pops', [], (function (exports) {
|
|
|
8083
6768
|
setPanEvent() {
|
|
8084
6769
|
const AnyTouch = popsUtils.AnyTouch();
|
|
8085
6770
|
this.$tooltip = new AnyTouch(this.$ele.button, {
|
|
8086
|
-
|
|
6771
|
+
preventDefault() {
|
|
8087
6772
|
return false;
|
|
8088
6773
|
},
|
|
8089
6774
|
});
|
|
@@ -9634,6 +8319,7 @@ System.register('pops', [], (function (exports) {
|
|
|
9634
8319
|
pops.config.cssText.panelCSS,
|
|
9635
8320
|
]);
|
|
9636
8321
|
let config = PopsPanelConfig();
|
|
8322
|
+
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
|
|
9637
8323
|
config = popsUtils.assign(config, details);
|
|
9638
8324
|
if (details && Array.isArray(details.content)) {
|
|
9639
8325
|
config.content = details.content;
|
|
@@ -9871,6 +8557,7 @@ System.register('pops', [], (function (exports) {
|
|
|
9871
8557
|
pops.config.cssText.rightClickMenu,
|
|
9872
8558
|
]);
|
|
9873
8559
|
let config = rightClickMenuConfig();
|
|
8560
|
+
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
|
|
9874
8561
|
config = popsUtils.assign(config, details);
|
|
9875
8562
|
if (config.target == null) {
|
|
9876
8563
|
throw "config.target 不能为空";
|
|
@@ -10244,7 +8931,7 @@ System.register('pops', [], (function (exports) {
|
|
|
10244
8931
|
*/
|
|
10245
8932
|
async function liElementClickEvent(clickEvent) {
|
|
10246
8933
|
if (typeof item.callback === "function") {
|
|
10247
|
-
OriginPrototype
|
|
8934
|
+
OriginPrototype.Object.defineProperty(menuEvent, "target", {
|
|
10248
8935
|
get() {
|
|
10249
8936
|
return menuEventTarget;
|
|
10250
8937
|
},
|
|
@@ -10348,6 +9035,7 @@ System.register('pops', [], (function (exports) {
|
|
|
10348
9035
|
pops.config.cssText.common,
|
|
10349
9036
|
]);
|
|
10350
9037
|
let config = searchSuggestionConfig();
|
|
9038
|
+
config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
|
|
10351
9039
|
config = popsUtils.assign(config, details);
|
|
10352
9040
|
if (config.target == null) {
|
|
10353
9041
|
throw new TypeError("config.target 不能为空");
|
|
@@ -10886,7 +9574,7 @@ System.register('pops', [], (function (exports) {
|
|
|
10886
9574
|
/** 配置 */
|
|
10887
9575
|
config = {
|
|
10888
9576
|
/** 版本号 */
|
|
10889
|
-
version: "2024.10.
|
|
9577
|
+
version: "2024.10.19",
|
|
10890
9578
|
cssText: {
|
|
10891
9579
|
/** 主CSS */
|
|
10892
9580
|
index: indexCSS,
|
|
@@ -11024,6 +9712,10 @@ System.register('pops', [], (function (exports) {
|
|
|
11024
9712
|
isPhone(userAgent = PopsCore.globalThis.navigator.userAgent) {
|
|
11025
9713
|
return Boolean(/(iPhone|iPad|iPod|iOS|Android)/i.test(userAgent));
|
|
11026
9714
|
}
|
|
9715
|
+
/**
|
|
9716
|
+
* 为所有弹窗设置全局属性
|
|
9717
|
+
*/
|
|
9718
|
+
GlobalConfig = GlobalConfig;
|
|
11027
9719
|
/**
|
|
11028
9720
|
* 普通信息框
|
|
11029
9721
|
* @param details 配置
|