lyb-pixi-js 1.11.12 → 1.11.13
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.
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { Container } from "pixi.js";
|
|
2
|
+
/** @description 元素拖拽定位 */
|
|
3
|
+
export declare class LibPixiDragLocate extends Container {
|
|
4
|
+
static stage: Container;
|
|
5
|
+
/** 输入框 */
|
|
6
|
+
private _inputEl;
|
|
7
|
+
/** 搜索结果 */
|
|
8
|
+
private _resultEl;
|
|
9
|
+
/** 状态栏元素 */
|
|
10
|
+
private _statusBarEl;
|
|
11
|
+
/** 坐标元素 */
|
|
12
|
+
private _positionEl;
|
|
13
|
+
/** 当前坐标值 */
|
|
14
|
+
private _positionValue;
|
|
15
|
+
/** 是否处于定位状态 */
|
|
16
|
+
private _isLocalte;
|
|
17
|
+
/** 是否显示输入框 */
|
|
18
|
+
private _showInput;
|
|
19
|
+
/** 是否允许移动 */
|
|
20
|
+
private _allowMove;
|
|
21
|
+
/** 按下坐标 */
|
|
22
|
+
private _downPos;
|
|
23
|
+
/** 当前处于移动的元素 */
|
|
24
|
+
private _currentMoveContainer?;
|
|
25
|
+
constructor();
|
|
26
|
+
/** @description 创建输入框 */
|
|
27
|
+
private _createInput;
|
|
28
|
+
/** @description 创建用于展示搜索结果的列表 */
|
|
29
|
+
private _createResultList;
|
|
30
|
+
/** @description 创建搜索结果元素 */
|
|
31
|
+
private _createResultEl;
|
|
32
|
+
/** @description 创建状态栏 */
|
|
33
|
+
private _createStatusBar;
|
|
34
|
+
/** @description 递归搜索 */
|
|
35
|
+
private _findByName;
|
|
36
|
+
}
|
|
@@ -0,0 +1,230 @@
|
|
|
1
|
+
import { Container, Ticker } from "pixi.js";
|
|
2
|
+
import gsap from "gsap";
|
|
3
|
+
import { libPixiFilter } from "../../Utils/LibPixiFilter";
|
|
4
|
+
import { libJsCopy } from "lyb-js/Browser/LibJsCopy.js";
|
|
5
|
+
/** @description 元素拖拽定位 */
|
|
6
|
+
export class LibPixiDragLocate extends Container {
|
|
7
|
+
constructor() {
|
|
8
|
+
super();
|
|
9
|
+
/** 当前坐标值 */
|
|
10
|
+
this._positionValue = "";
|
|
11
|
+
/** 是否处于定位状态 */
|
|
12
|
+
this._isLocalte = false;
|
|
13
|
+
/** 是否显示输入框 */
|
|
14
|
+
this._showInput = false;
|
|
15
|
+
/** 是否允许移动 */
|
|
16
|
+
this._allowMove = false;
|
|
17
|
+
/** 按下坐标 */
|
|
18
|
+
this._downPos = { x: 0, y: 0 };
|
|
19
|
+
window.addEventListener("keydown", (e) => {
|
|
20
|
+
if (e.altKey && e.key.toLowerCase() === "q") {
|
|
21
|
+
e.preventDefault();
|
|
22
|
+
if (this._isLocalte)
|
|
23
|
+
return;
|
|
24
|
+
this._showInput = true;
|
|
25
|
+
}
|
|
26
|
+
if (e.key === "Escape") {
|
|
27
|
+
this._showInput = false;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
this._createInput();
|
|
31
|
+
this._createResultList();
|
|
32
|
+
this._createStatusBar();
|
|
33
|
+
LibPixiDragLocate.stage.on("pointerdown", (event) => {
|
|
34
|
+
if (!this._currentMoveContainer)
|
|
35
|
+
return;
|
|
36
|
+
this._allowMove = true;
|
|
37
|
+
const { x, y } = LibPixiDragLocate.stage.toLocal(event.global);
|
|
38
|
+
this._downPos = { x, y };
|
|
39
|
+
});
|
|
40
|
+
LibPixiDragLocate.stage.on("pointermove", (event) => {
|
|
41
|
+
if (!this._allowMove || !this._currentMoveContainer)
|
|
42
|
+
return;
|
|
43
|
+
const { x, y } = LibPixiDragLocate.stage.toLocal(event.global);
|
|
44
|
+
const dx = x - this._downPos.x;
|
|
45
|
+
const dy = y - this._downPos.y;
|
|
46
|
+
this._currentMoveContainer.x += dx;
|
|
47
|
+
this._currentMoveContainer.y += dy;
|
|
48
|
+
this._downPos = { x, y };
|
|
49
|
+
const posX = Math.round(this._currentMoveContainer.x);
|
|
50
|
+
const posY = Math.round(this._currentMoveContainer.y);
|
|
51
|
+
this._positionEl.textContent = `X: ${posX}, Y: ${posY}`;
|
|
52
|
+
this._positionValue = `xxx.position.set(${posX}, ${posY})`;
|
|
53
|
+
});
|
|
54
|
+
LibPixiDragLocate.stage.on("pointerup", () => {
|
|
55
|
+
this._allowMove = false;
|
|
56
|
+
}, this);
|
|
57
|
+
Ticker.shared.add(() => {
|
|
58
|
+
if (this._showInput) {
|
|
59
|
+
if (this._isLocalte) {
|
|
60
|
+
this._inputEl.style.display = "none";
|
|
61
|
+
this._resultEl.style.display = "none";
|
|
62
|
+
this._statusBarEl.style.display = "flex";
|
|
63
|
+
}
|
|
64
|
+
else {
|
|
65
|
+
this._inputEl.style.display = "block";
|
|
66
|
+
this._resultEl.style.display = "flex";
|
|
67
|
+
this._statusBarEl.style.display = "none";
|
|
68
|
+
this._inputEl.focus();
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
else {
|
|
72
|
+
this._inputEl.style.display = "none";
|
|
73
|
+
this._resultEl.style.display = "none";
|
|
74
|
+
}
|
|
75
|
+
});
|
|
76
|
+
}
|
|
77
|
+
/** @description 创建输入框 */
|
|
78
|
+
_createInput() {
|
|
79
|
+
this._inputEl = document.createElement("input");
|
|
80
|
+
this._inputEl.type = "text";
|
|
81
|
+
this._inputEl.style.cssText = `
|
|
82
|
+
background-color: rgba(0,0,0,0.75);
|
|
83
|
+
border: 2px solid rgba(255,255,255,0.5);
|
|
84
|
+
color: #fff;
|
|
85
|
+
display: none;
|
|
86
|
+
font-size: 25px;
|
|
87
|
+
height: 50px;
|
|
88
|
+
left: 50%;
|
|
89
|
+
outline: none;
|
|
90
|
+
position: fixed;
|
|
91
|
+
text-align: center;
|
|
92
|
+
top: 25%;
|
|
93
|
+
transform: translate(-50%, -50%);
|
|
94
|
+
width: 50vw;
|
|
95
|
+
`;
|
|
96
|
+
document.body.appendChild(this._inputEl);
|
|
97
|
+
this._inputEl.addEventListener("input", () => {
|
|
98
|
+
const results = this._findByName(LibPixiDragLocate.stage, this._inputEl.value);
|
|
99
|
+
//创建搜索结果列表
|
|
100
|
+
this._resultEl.innerHTML = "";
|
|
101
|
+
const renderNode = (item) => {
|
|
102
|
+
const resultEl = this._createResultEl(item.node.constructor.name, item.node.name, item.depth);
|
|
103
|
+
this._resultEl.appendChild(resultEl);
|
|
104
|
+
gsap.killTweensOf(item.node);
|
|
105
|
+
//悬浮结果列表元素闪烁
|
|
106
|
+
resultEl.addEventListener("mouseenter", () => {
|
|
107
|
+
gsap.to(item.node, {
|
|
108
|
+
alpha: 0,
|
|
109
|
+
duration: 0.25,
|
|
110
|
+
yoyo: true,
|
|
111
|
+
ease: "none",
|
|
112
|
+
repeat: -1,
|
|
113
|
+
});
|
|
114
|
+
});
|
|
115
|
+
//离开结果后停止闪烁
|
|
116
|
+
resultEl.addEventListener("mouseleave", () => {
|
|
117
|
+
gsap.killTweensOf(item.node);
|
|
118
|
+
item.node.alpha = 1;
|
|
119
|
+
});
|
|
120
|
+
resultEl.addEventListener("click", () => {
|
|
121
|
+
gsap.killTweensOf(item.node);
|
|
122
|
+
this._currentMoveContainer = item.node;
|
|
123
|
+
item.node.alpha = 1;
|
|
124
|
+
item.node.filters = [libPixiFilter("desaturate", 0)];
|
|
125
|
+
this._isLocalte = true;
|
|
126
|
+
});
|
|
127
|
+
item.children.forEach(renderNode);
|
|
128
|
+
};
|
|
129
|
+
results.forEach(renderNode);
|
|
130
|
+
});
|
|
131
|
+
}
|
|
132
|
+
/** @description 创建用于展示搜索结果的列表 */
|
|
133
|
+
_createResultList() {
|
|
134
|
+
this._resultEl = document.createElement("div");
|
|
135
|
+
this._resultEl.style.cssText = `
|
|
136
|
+
background-color: rgba(0,0,0,0.75);
|
|
137
|
+
border: 2px solid rgba(255,255,255,0.5);
|
|
138
|
+
left: 50%;
|
|
139
|
+
transform: translateX(-50%);
|
|
140
|
+
height: 300px;
|
|
141
|
+
overflow-y: auto;
|
|
142
|
+
position: fixed;
|
|
143
|
+
display: none;
|
|
144
|
+
gap: 10px;
|
|
145
|
+
flex-direction: column;
|
|
146
|
+
top: calc(25% + 50px);
|
|
147
|
+
width: 50vw;
|
|
148
|
+
`;
|
|
149
|
+
document.body.appendChild(this._resultEl);
|
|
150
|
+
}
|
|
151
|
+
/** @description 创建搜索结果元素 */
|
|
152
|
+
_createResultEl(className, tagName, depth) {
|
|
153
|
+
const resultItem = document.createElement("div");
|
|
154
|
+
resultItem.style.cssText = `
|
|
155
|
+
display: flex;
|
|
156
|
+
justify-content: space-between;
|
|
157
|
+
padding: 5px 10px;
|
|
158
|
+
align-items: center;
|
|
159
|
+
width: 100%;
|
|
160
|
+
font-size: 25px;
|
|
161
|
+
background-color: rgba(255,255,255,0.1);
|
|
162
|
+
color: #fff;
|
|
163
|
+
padding-left: ${depth * 20}px;
|
|
164
|
+
`;
|
|
165
|
+
const classNameEl = document.createElement("div");
|
|
166
|
+
classNameEl.textContent = className;
|
|
167
|
+
resultItem.appendChild(classNameEl);
|
|
168
|
+
const tagNameEl = document.createElement("div");
|
|
169
|
+
tagNameEl.textContent = tagName;
|
|
170
|
+
resultItem.appendChild(tagNameEl);
|
|
171
|
+
return resultItem;
|
|
172
|
+
}
|
|
173
|
+
/** @description 创建状态栏 */
|
|
174
|
+
_createStatusBar() {
|
|
175
|
+
this._statusBarEl = document.createElement("div");
|
|
176
|
+
this._statusBarEl.style.cssText = `
|
|
177
|
+
align-items: center;
|
|
178
|
+
background-color: rgba(0,0,0,0.75);
|
|
179
|
+
border: 2px solid rgba(0, 255, 13, 0.5);
|
|
180
|
+
color: #fff;
|
|
181
|
+
display: none;
|
|
182
|
+
font-size: 25px;
|
|
183
|
+
justify-content: center;
|
|
184
|
+
position: fixed;
|
|
185
|
+
top: 25%;
|
|
186
|
+
height: 50px;
|
|
187
|
+
left: 50%;
|
|
188
|
+
transform: translate(-50%, -50%);
|
|
189
|
+
width: 50vw;
|
|
190
|
+
`;
|
|
191
|
+
this._positionEl = document.createElement("div");
|
|
192
|
+
this._statusBarEl.appendChild(this._positionEl);
|
|
193
|
+
document.body.appendChild(this._statusBarEl);
|
|
194
|
+
this._statusBarEl.addEventListener("click", () => {
|
|
195
|
+
this._isLocalte = false;
|
|
196
|
+
libJsCopy(this._positionValue);
|
|
197
|
+
if (this._currentMoveContainer) {
|
|
198
|
+
this._currentMoveContainer.filters = [];
|
|
199
|
+
this._currentMoveContainer = undefined;
|
|
200
|
+
}
|
|
201
|
+
});
|
|
202
|
+
}
|
|
203
|
+
/** @description 递归搜索 */
|
|
204
|
+
_findByName(root, keyword) {
|
|
205
|
+
if (!keyword)
|
|
206
|
+
return [];
|
|
207
|
+
const match = (node) => {
|
|
208
|
+
var _a;
|
|
209
|
+
return ((_a = node.name) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(keyword.toLowerCase())) ||
|
|
210
|
+
node.constructor.name.toLowerCase().includes(keyword.toLowerCase());
|
|
211
|
+
};
|
|
212
|
+
const dfs = (node, depth) => {
|
|
213
|
+
const children = node.children
|
|
214
|
+
.filter((c) => c instanceof Container)
|
|
215
|
+
.flatMap((c) => dfs(c, depth + 1));
|
|
216
|
+
if (match(node) || children.length > 0) {
|
|
217
|
+
return [
|
|
218
|
+
{
|
|
219
|
+
node,
|
|
220
|
+
depth,
|
|
221
|
+
children,
|
|
222
|
+
expanded: true,
|
|
223
|
+
},
|
|
224
|
+
];
|
|
225
|
+
}
|
|
226
|
+
return [];
|
|
227
|
+
};
|
|
228
|
+
return dfs(root, 0);
|
|
229
|
+
}
|
|
230
|
+
}
|
package/libPixiJs.d.ts
CHANGED
|
@@ -27,7 +27,7 @@ import { LibPixiSlide } from "./Components/Custom/LibPixiSlide";
|
|
|
27
27
|
import { LibPixiLabelValue } from "./Components/Custom/LibPixiLabelValue";
|
|
28
28
|
import { LibPixiPuzzleBg } from "./Components/Custom/LibPixiPuzzleBg";
|
|
29
29
|
import { LibDestroyContainer } from "./Components/Base/LibDestroyContainer";
|
|
30
|
-
import {
|
|
30
|
+
import { LibPixiDragLocate } from "./Components/Custom/LibPixiDragLocate";
|
|
31
31
|
/** @description 组件 */
|
|
32
32
|
export declare const Components: {
|
|
33
33
|
Base: {
|
|
@@ -130,7 +130,7 @@ export declare const Components: {
|
|
|
130
130
|
/** @description 设计图背景拼接 */
|
|
131
131
|
LibPixiPuzzleBg: typeof LibPixiPuzzleBg;
|
|
132
132
|
/** @description 元素拖拽定位 */
|
|
133
|
-
|
|
133
|
+
LibPixiDragLocate: typeof LibPixiDragLocate;
|
|
134
134
|
};
|
|
135
135
|
};
|
|
136
136
|
/** @description 方法 */
|
package/libPixiJs.js
CHANGED
|
@@ -45,7 +45,7 @@ import { libContainerCenter } from "./Utils/LibContainerCenter";
|
|
|
45
45
|
import { libPixiHVCenter } from "./Utils/LibPixiHVCenter";
|
|
46
46
|
import { libPixiHVGap } from "./Utils/LibPixiHVGap";
|
|
47
47
|
import { LibDestroyContainer } from "./Components/Base/LibDestroyContainer";
|
|
48
|
-
import {
|
|
48
|
+
import { LibPixiDragLocate } from "./Components/Custom/LibPixiDragLocate";
|
|
49
49
|
/** @description 组件 */
|
|
50
50
|
export const Components = {
|
|
51
51
|
Base: {
|
|
@@ -148,7 +148,7 @@ export const Components = {
|
|
|
148
148
|
/** @description 设计图背景拼接 */
|
|
149
149
|
LibPixiPuzzleBg,
|
|
150
150
|
/** @description 元素拖拽定位 */
|
|
151
|
-
|
|
151
|
+
LibPixiDragLocate,
|
|
152
152
|
},
|
|
153
153
|
};
|
|
154
154
|
/** @description 方法 */
|
package/lyb-pixi.js
CHANGED
|
@@ -1315,7 +1315,7 @@
|
|
|
1315
1315
|
var ys = arrObjKeys(obj, inspect2);
|
|
1316
1316
|
var isPlainObject = gPO ? gPO(obj) === Object.prototype : obj instanceof Object || obj.constructor === Object;
|
|
1317
1317
|
var protoTag = obj instanceof Object ? "" : "null prototype";
|
|
1318
|
-
var stringTag = !isPlainObject && toStringTag && Object(obj) === obj && toStringTag in obj ? $slice.call(toStr(obj), 8, -1) : protoTag ? "Object" : "";
|
|
1318
|
+
var stringTag = !isPlainObject && toStringTag && Object(obj) === obj && toStringTag in obj ? $slice.call(toStr$1(obj), 8, -1) : protoTag ? "Object" : "";
|
|
1319
1319
|
var constructorTag = isPlainObject || typeof obj.constructor !== "function" ? "" : obj.constructor.name ? obj.constructor.name + " " : "";
|
|
1320
1320
|
var tag2 = constructorTag + (stringTag || protoTag ? "[" + $join.call($concat$1.call([], stringTag || [], protoTag || []), ": ") + "] " : "");
|
|
1321
1321
|
if (ys.length === 0) {
|
|
@@ -1337,25 +1337,25 @@
|
|
|
1337
1337
|
return $replace$1.call(String(s2), /"/g, """);
|
|
1338
1338
|
}
|
|
1339
1339
|
function isArray$3(obj) {
|
|
1340
|
-
return toStr(obj) === "[object Array]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
|
|
1340
|
+
return toStr$1(obj) === "[object Array]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
|
|
1341
1341
|
}
|
|
1342
1342
|
function isDate(obj) {
|
|
1343
|
-
return toStr(obj) === "[object Date]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
|
|
1343
|
+
return toStr$1(obj) === "[object Date]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
|
|
1344
1344
|
}
|
|
1345
1345
|
function isRegExp$1(obj) {
|
|
1346
|
-
return toStr(obj) === "[object RegExp]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
|
|
1346
|
+
return toStr$1(obj) === "[object RegExp]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
|
|
1347
1347
|
}
|
|
1348
1348
|
function isError(obj) {
|
|
1349
|
-
return toStr(obj) === "[object Error]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
|
|
1349
|
+
return toStr$1(obj) === "[object Error]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
|
|
1350
1350
|
}
|
|
1351
1351
|
function isString(obj) {
|
|
1352
|
-
return toStr(obj) === "[object String]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
|
|
1352
|
+
return toStr$1(obj) === "[object String]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
|
|
1353
1353
|
}
|
|
1354
1354
|
function isNumber(obj) {
|
|
1355
|
-
return toStr(obj) === "[object Number]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
|
|
1355
|
+
return toStr$1(obj) === "[object Number]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
|
|
1356
1356
|
}
|
|
1357
1357
|
function isBoolean(obj) {
|
|
1358
|
-
return toStr(obj) === "[object Boolean]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
|
|
1358
|
+
return toStr$1(obj) === "[object Boolean]" && (!toStringTag || !(typeof obj === "object" && toStringTag in obj));
|
|
1359
1359
|
}
|
|
1360
1360
|
function isSymbol(obj) {
|
|
1361
1361
|
if (hasShammedSymbols) {
|
|
@@ -1391,7 +1391,7 @@
|
|
|
1391
1391
|
function has$3(obj, key) {
|
|
1392
1392
|
return hasOwn$1.call(obj, key);
|
|
1393
1393
|
}
|
|
1394
|
-
function toStr(obj) {
|
|
1394
|
+
function toStr$1(obj) {
|
|
1395
1395
|
return objectToString.call(obj);
|
|
1396
1396
|
}
|
|
1397
1397
|
function nameOf(f2) {
|
|
@@ -1700,7 +1700,7 @@
|
|
|
1700
1700
|
var uri = URIError;
|
|
1701
1701
|
var abs$2 = Math.abs;
|
|
1702
1702
|
var floor$2 = Math.floor;
|
|
1703
|
-
var max$
|
|
1703
|
+
var max$3 = Math.max;
|
|
1704
1704
|
var min$2 = Math.min;
|
|
1705
1705
|
var pow$2 = Math.pow;
|
|
1706
1706
|
var round$3 = Math.round;
|
|
@@ -1833,102 +1833,78 @@
|
|
|
1833
1833
|
Object_getPrototypeOf = $Object2.getPrototypeOf || null;
|
|
1834
1834
|
return Object_getPrototypeOf;
|
|
1835
1835
|
}
|
|
1836
|
-
var
|
|
1837
|
-
var
|
|
1838
|
-
|
|
1839
|
-
|
|
1840
|
-
|
|
1841
|
-
|
|
1842
|
-
var
|
|
1843
|
-
|
|
1844
|
-
|
|
1845
|
-
var
|
|
1846
|
-
|
|
1847
|
-
|
|
1848
|
-
|
|
1849
|
-
|
|
1850
|
-
|
|
1851
|
-
|
|
1852
|
-
|
|
1853
|
-
|
|
1854
|
-
|
|
1855
|
-
|
|
1856
|
-
|
|
1857
|
-
|
|
1858
|
-
|
|
1859
|
-
|
|
1860
|
-
|
|
1861
|
-
|
|
1862
|
-
|
|
1863
|
-
var joiny = function(arr, joiner) {
|
|
1864
|
-
var str = "";
|
|
1865
|
-
for (var i2 = 0; i2 < arr.length; i2 += 1) {
|
|
1866
|
-
str += arr[i2];
|
|
1867
|
-
if (i2 + 1 < arr.length) {
|
|
1868
|
-
str += joiner;
|
|
1869
|
-
}
|
|
1836
|
+
var ERROR_MESSAGE = "Function.prototype.bind called on incompatible ";
|
|
1837
|
+
var toStr = Object.prototype.toString;
|
|
1838
|
+
var max$2 = Math.max;
|
|
1839
|
+
var funcType = "[object Function]";
|
|
1840
|
+
var concatty = function concatty2(a2, b2) {
|
|
1841
|
+
var arr = [];
|
|
1842
|
+
for (var i2 = 0; i2 < a2.length; i2 += 1) {
|
|
1843
|
+
arr[i2] = a2[i2];
|
|
1844
|
+
}
|
|
1845
|
+
for (var j2 = 0; j2 < b2.length; j2 += 1) {
|
|
1846
|
+
arr[j2 + a2.length] = b2[j2];
|
|
1847
|
+
}
|
|
1848
|
+
return arr;
|
|
1849
|
+
};
|
|
1850
|
+
var slicy = function slicy2(arrLike, offset) {
|
|
1851
|
+
var arr = [];
|
|
1852
|
+
for (var i2 = offset || 0, j2 = 0; i2 < arrLike.length; i2 += 1, j2 += 1) {
|
|
1853
|
+
arr[j2] = arrLike[i2];
|
|
1854
|
+
}
|
|
1855
|
+
return arr;
|
|
1856
|
+
};
|
|
1857
|
+
var joiny = function(arr, joiner) {
|
|
1858
|
+
var str = "";
|
|
1859
|
+
for (var i2 = 0; i2 < arr.length; i2 += 1) {
|
|
1860
|
+
str += arr[i2];
|
|
1861
|
+
if (i2 + 1 < arr.length) {
|
|
1862
|
+
str += joiner;
|
|
1870
1863
|
}
|
|
1871
|
-
|
|
1872
|
-
|
|
1873
|
-
|
|
1874
|
-
|
|
1875
|
-
|
|
1876
|
-
|
|
1877
|
-
|
|
1878
|
-
|
|
1879
|
-
|
|
1880
|
-
|
|
1881
|
-
|
|
1882
|
-
|
|
1883
|
-
|
|
1884
|
-
|
|
1885
|
-
);
|
|
1886
|
-
if (Object(result) === result) {
|
|
1887
|
-
return result;
|
|
1888
|
-
}
|
|
1889
|
-
return this;
|
|
1890
|
-
}
|
|
1891
|
-
return target.apply(
|
|
1892
|
-
that,
|
|
1864
|
+
}
|
|
1865
|
+
return str;
|
|
1866
|
+
};
|
|
1867
|
+
var implementation$1 = function bind2(that) {
|
|
1868
|
+
var target = this;
|
|
1869
|
+
if (typeof target !== "function" || toStr.apply(target) !== funcType) {
|
|
1870
|
+
throw new TypeError(ERROR_MESSAGE + target);
|
|
1871
|
+
}
|
|
1872
|
+
var args = slicy(arguments, 1);
|
|
1873
|
+
var bound;
|
|
1874
|
+
var binder = function() {
|
|
1875
|
+
if (this instanceof bound) {
|
|
1876
|
+
var result = target.apply(
|
|
1877
|
+
this,
|
|
1893
1878
|
concatty(args, arguments)
|
|
1894
1879
|
);
|
|
1895
|
-
|
|
1896
|
-
|
|
1897
|
-
|
|
1898
|
-
|
|
1899
|
-
boundArgs[i2] = "$" + i2;
|
|
1900
|
-
}
|
|
1901
|
-
bound = Function("binder", "return function (" + joiny(boundArgs, ",") + "){ return binder.apply(this,arguments); }")(binder);
|
|
1902
|
-
if (target.prototype) {
|
|
1903
|
-
var Empty = function Empty2() {
|
|
1904
|
-
};
|
|
1905
|
-
Empty.prototype = target.prototype;
|
|
1906
|
-
bound.prototype = new Empty();
|
|
1907
|
-
Empty.prototype = null;
|
|
1880
|
+
if (Object(result) === result) {
|
|
1881
|
+
return result;
|
|
1882
|
+
}
|
|
1883
|
+
return this;
|
|
1908
1884
|
}
|
|
1909
|
-
return
|
|
1885
|
+
return target.apply(
|
|
1886
|
+
that,
|
|
1887
|
+
concatty(args, arguments)
|
|
1888
|
+
);
|
|
1910
1889
|
};
|
|
1911
|
-
|
|
1912
|
-
|
|
1913
|
-
|
|
1914
|
-
|
|
1915
|
-
|
|
1916
|
-
|
|
1917
|
-
|
|
1918
|
-
|
|
1919
|
-
|
|
1920
|
-
|
|
1921
|
-
|
|
1922
|
-
|
|
1923
|
-
|
|
1924
|
-
|
|
1925
|
-
|
|
1926
|
-
|
|
1927
|
-
|
|
1928
|
-
|
|
1929
|
-
functionCall = Function.prototype.call;
|
|
1930
|
-
return functionCall;
|
|
1931
|
-
}
|
|
1890
|
+
var boundLength = max$2(0, target.length - args.length);
|
|
1891
|
+
var boundArgs = [];
|
|
1892
|
+
for (var i2 = 0; i2 < boundLength; i2++) {
|
|
1893
|
+
boundArgs[i2] = "$" + i2;
|
|
1894
|
+
}
|
|
1895
|
+
bound = Function("binder", "return function (" + joiny(boundArgs, ",") + "){ return binder.apply(this,arguments); }")(binder);
|
|
1896
|
+
if (target.prototype) {
|
|
1897
|
+
var Empty = function Empty2() {
|
|
1898
|
+
};
|
|
1899
|
+
Empty.prototype = target.prototype;
|
|
1900
|
+
bound.prototype = new Empty();
|
|
1901
|
+
Empty.prototype = null;
|
|
1902
|
+
}
|
|
1903
|
+
return bound;
|
|
1904
|
+
};
|
|
1905
|
+
var implementation = implementation$1;
|
|
1906
|
+
var functionBind = Function.prototype.bind || implementation;
|
|
1907
|
+
var functionCall = Function.prototype.call;
|
|
1932
1908
|
var functionApply;
|
|
1933
1909
|
var hasRequiredFunctionApply;
|
|
1934
1910
|
function requireFunctionApply() {
|
|
@@ -1939,14 +1915,14 @@
|
|
|
1939
1915
|
return functionApply;
|
|
1940
1916
|
}
|
|
1941
1917
|
var reflectApply = typeof Reflect !== "undefined" && Reflect && Reflect.apply;
|
|
1942
|
-
var bind$2 =
|
|
1918
|
+
var bind$2 = functionBind;
|
|
1943
1919
|
var $apply$1 = requireFunctionApply();
|
|
1944
|
-
var $call$2 =
|
|
1920
|
+
var $call$2 = functionCall;
|
|
1945
1921
|
var $reflectApply = reflectApply;
|
|
1946
1922
|
var actualApply = $reflectApply || bind$2.call($call$2, $apply$1);
|
|
1947
|
-
var bind$1 =
|
|
1923
|
+
var bind$1 = functionBind;
|
|
1948
1924
|
var $TypeError$4 = type;
|
|
1949
|
-
var $call$1 =
|
|
1925
|
+
var $call$1 = functionCall;
|
|
1950
1926
|
var $actualApply = actualApply;
|
|
1951
1927
|
var callBindApplyHelpers = function callBindBasic2(args) {
|
|
1952
1928
|
if (args.length < 1 || typeof args[0] !== "function") {
|
|
@@ -2015,7 +1991,7 @@
|
|
|
2015
1991
|
hasRequiredHasown = 1;
|
|
2016
1992
|
var call = Function.prototype.call;
|
|
2017
1993
|
var $hasOwn = Object.prototype.hasOwnProperty;
|
|
2018
|
-
var bind2 =
|
|
1994
|
+
var bind2 = functionBind;
|
|
2019
1995
|
hasown = bind2.call(call, $hasOwn);
|
|
2020
1996
|
return hasown;
|
|
2021
1997
|
}
|
|
@@ -2030,7 +2006,7 @@
|
|
|
2030
2006
|
var $URIError = uri;
|
|
2031
2007
|
var abs$1 = abs$2;
|
|
2032
2008
|
var floor$1 = floor$2;
|
|
2033
|
-
var max$1 = max$
|
|
2009
|
+
var max$1 = max$3;
|
|
2034
2010
|
var min$1 = min$2;
|
|
2035
2011
|
var pow$1 = pow$2;
|
|
2036
2012
|
var round$2 = round$3;
|
|
@@ -2064,7 +2040,7 @@
|
|
|
2064
2040
|
var $ObjectGPO = requireObject_getPrototypeOf();
|
|
2065
2041
|
var $ReflectGPO = requireReflect_getPrototypeOf();
|
|
2066
2042
|
var $apply = requireFunctionApply();
|
|
2067
|
-
var $call =
|
|
2043
|
+
var $call = functionCall;
|
|
2068
2044
|
var needsEval = {};
|
|
2069
2045
|
var TypedArray = typeof Uint8Array === "undefined" || !getProto ? undefined$1 : getProto(Uint8Array);
|
|
2070
2046
|
var INTRINSICS = {
|
|
@@ -2234,7 +2210,7 @@
|
|
|
2234
2210
|
"%WeakMapPrototype%": ["WeakMap", "prototype"],
|
|
2235
2211
|
"%WeakSetPrototype%": ["WeakSet", "prototype"]
|
|
2236
2212
|
};
|
|
2237
|
-
var bind =
|
|
2213
|
+
var bind = functionBind;
|
|
2238
2214
|
var hasOwn = requireHasown();
|
|
2239
2215
|
var $concat = bind.call($call, Array.prototype.concat);
|
|
2240
2216
|
var $spliceApply = bind.call($apply, Array.prototype.splice);
|
|
@@ -57786,6 +57762,7 @@ void main(void){
|
|
|
57786
57762
|
bg.position.set(x2 || 0, y2 || 0);
|
|
57787
57763
|
document.addEventListener("keydown", (e2) => {
|
|
57788
57764
|
if (e2.altKey && e2.code === "Space") {
|
|
57765
|
+
e2.preventDefault();
|
|
57789
57766
|
bg.visible = !bg.visible;
|
|
57790
57767
|
} else if (e2.code === "ArrowUp") {
|
|
57791
57768
|
bg.y -= 2;
|
|
@@ -57872,7 +57849,7 @@ void main(void){
|
|
|
57872
57849
|
fallbackCopy(text);
|
|
57873
57850
|
}
|
|
57874
57851
|
};
|
|
57875
|
-
class
|
|
57852
|
+
class LibPixiDragLocate extends Container {
|
|
57876
57853
|
constructor() {
|
|
57877
57854
|
super();
|
|
57878
57855
|
this._positionValue = "";
|
|
@@ -57882,10 +57859,10 @@ void main(void){
|
|
|
57882
57859
|
this._downPos = { x: 0, y: 0 };
|
|
57883
57860
|
window.addEventListener("keydown", (e2) => {
|
|
57884
57861
|
if (e2.altKey && e2.key.toLowerCase() === "q") {
|
|
57862
|
+
e2.preventDefault();
|
|
57885
57863
|
if (this._isLocalte)
|
|
57886
57864
|
return;
|
|
57887
57865
|
this._showInput = true;
|
|
57888
|
-
e2.preventDefault();
|
|
57889
57866
|
}
|
|
57890
57867
|
if (e2.key === "Escape") {
|
|
57891
57868
|
this._showInput = false;
|
|
@@ -57894,17 +57871,17 @@ void main(void){
|
|
|
57894
57871
|
this._createInput();
|
|
57895
57872
|
this._createResultList();
|
|
57896
57873
|
this._createStatusBar();
|
|
57897
|
-
|
|
57874
|
+
LibPixiDragLocate.stage.on("pointerdown", (event) => {
|
|
57898
57875
|
if (!this._currentMoveContainer)
|
|
57899
57876
|
return;
|
|
57900
57877
|
this._allowMove = true;
|
|
57901
|
-
const { x: x2, y: y2 } =
|
|
57878
|
+
const { x: x2, y: y2 } = LibPixiDragLocate.stage.toLocal(event.global);
|
|
57902
57879
|
this._downPos = { x: x2, y: y2 };
|
|
57903
57880
|
});
|
|
57904
|
-
|
|
57881
|
+
LibPixiDragLocate.stage.on("pointermove", (event) => {
|
|
57905
57882
|
if (!this._allowMove || !this._currentMoveContainer)
|
|
57906
57883
|
return;
|
|
57907
|
-
const { x: x2, y: y2 } =
|
|
57884
|
+
const { x: x2, y: y2 } = LibPixiDragLocate.stage.toLocal(event.global);
|
|
57908
57885
|
const dx = x2 - this._downPos.x;
|
|
57909
57886
|
const dy = y2 - this._downPos.y;
|
|
57910
57887
|
this._currentMoveContainer.x += dx;
|
|
@@ -57915,7 +57892,7 @@ void main(void){
|
|
|
57915
57892
|
this._positionEl.textContent = `X: ${posX}, Y: ${posY}`;
|
|
57916
57893
|
this._positionValue = `xxx.position.set(${posX}, ${posY})`;
|
|
57917
57894
|
});
|
|
57918
|
-
|
|
57895
|
+
LibPixiDragLocate.stage.on(
|
|
57919
57896
|
"pointerup",
|
|
57920
57897
|
() => {
|
|
57921
57898
|
this._allowMove = false;
|
|
@@ -57962,7 +57939,7 @@ void main(void){
|
|
|
57962
57939
|
document.body.appendChild(this._inputEl);
|
|
57963
57940
|
this._inputEl.addEventListener("input", () => {
|
|
57964
57941
|
const results = this._findByName(
|
|
57965
|
-
|
|
57942
|
+
LibPixiDragLocate.stage,
|
|
57966
57943
|
this._inputEl.value
|
|
57967
57944
|
);
|
|
57968
57945
|
this._resultEl.innerHTML = "";
|
|
@@ -58196,7 +58173,7 @@ void main(void){
|
|
|
58196
58173
|
/** @description 设计图背景拼接 */
|
|
58197
58174
|
LibPixiPuzzleBg,
|
|
58198
58175
|
/** @description 元素拖拽定位 */
|
|
58199
|
-
|
|
58176
|
+
LibPixiDragLocate
|
|
58200
58177
|
}
|
|
58201
58178
|
};
|
|
58202
58179
|
const Utils = {
|