shop-components 0.0.26 → 0.1.1
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/{stories/device-viewer/roller.d.ts → device-viewer/belt.d.ts} +1 -4
- package/dist/device-viewer/index.d.ts +3 -1
- package/dist/shop-components.mjs +62270 -0
- package/dist/shop-components.umd.js +9644 -0
- package/package.json +4 -2
- package/dist/assets/Color-RQJUDNI5-leAiB7jg.js +0 -1
- package/dist/assets/Configure-OUhXg2g0.js +0 -173
- package/dist/assets/DRACOLoader-FOpiHRUS.js +0 -2
- package/dist/assets/DocsRenderer-K4EAMTCU-wTc0yUaa.js +0 -7
- package/dist/assets/Header-Yyx952jD.css +0 -1
- package/dist/assets/Header.stories-8tnkOwSt.js +0 -31
- package/dist/assets/Page-fZ7a-HXz.css +0 -1
- package/dist/assets/Page.stories-53Crpe03.js +0 -61
- package/dist/assets/RGBELoader-re-MEsjP.js +0 -5
- package/dist/assets/SFL-CDD14-9UY62fbR.glb +0 -0
- package/dist/assets/WithTooltip-Y7J54OF7-e8Yh5ASp.js +0 -1
- package/dist/assets/_commonjsHelpers-4gQjN7DL.js +0 -1
- package/dist/assets/accessibility-Fv4dmnDm.png +0 -0
- package/dist/assets/addon-library-VlAgJsjc.png +0 -0
- package/dist/assets/bg-circle-d8WfpvaX.png +0 -0
- package/dist/assets/context-tKiKnkuP.png +0 -0
- package/dist/assets/docs-Pvr7BWzI.png +0 -0
- package/dist/assets/entry-preview-TptA_luc.js +0 -8
- package/dist/assets/entry-preview-docs-AhrJ3R4Z.js +0 -2
- package/dist/assets/figma-plugin-h9oRC4jr.png +0 -0
- package/dist/assets/formatter-B5HCVTEV-DKi3GmSv.js +0 -58
- package/dist/assets/iframe-tlQuLR4E.js +0 -7
- package/dist/assets/img-radar-kufDNNXQ.png +0 -0
- package/dist/assets/img-radar2-1cPZO_cj.png +0 -0
- package/dist/assets/index-CXFn8OGe.js +0 -513
- package/dist/assets/index-C_uo8BdM.js +0 -1
- package/dist/assets/index-PPLHz8o0.js +0 -6
- package/dist/assets/index-jFdhmKfM.js +0 -3
- package/dist/assets/index-jtEywAqJ.js +0 -1
- package/dist/assets/index-ogXoivrg.js +0 -1
- package/dist/assets/index.stories-TVZrSYZv.js +0 -20
- package/dist/assets/index.stories-Uq0Yg-kp.js +0 -896
- package/dist/assets/index.stories-VJP6Jo4U.js +0 -22
- package/dist/assets/index.stories-VoNcNCFd.js +0 -27
- package/dist/assets/index.stories-YIFSciWI.js +0 -1174
- package/dist/assets/index.stories-iMKoZNyH.js +0 -46
- package/dist/assets/lightroom_14b-MJkJLVlP.hdr +0 -0
- package/dist/assets/lightroom_14b_512-e_XJNpR6.js +0 -3981
- package/dist/assets/lightroom_14b_512-nMVn659Q.hdr +0 -0
- package/dist/assets/lit-element-P_wTzRvl.js +0 -19
- package/dist/assets/preview-1q4RDNOi.js +0 -1
- package/dist/assets/preview-6iG64ELu.js +0 -20
- package/dist/assets/preview-7nNmfNVr.js +0 -7
- package/dist/assets/preview-9bpQVOkQ.js +0 -1
- package/dist/assets/preview-FnnPJHgu.js +0 -1
- package/dist/assets/preview-VI2eoWmp.js +0 -1
- package/dist/assets/preview-bEa2SesL.js +0 -7
- package/dist/assets/preview-u8M_OEO2.js +0 -396
- package/dist/assets/preview-zZA4w0lH.js +0 -1
- package/dist/assets/property-EQZXZ3dt.js +0 -5
- package/dist/assets/query-7eORIRsG.js +0 -13
- package/dist/assets/roller-8Vy8W3X_.glb +0 -0
- package/dist/assets/roller-hopper-Heae_wy5.glb +0 -0
- package/dist/assets/share-xgPlHEHy.png +0 -0
- package/dist/assets/styling-ZOs40c1G.png +0 -0
- package/dist/assets/syntaxhighlighter-JOJW2KGS-uBo08tOF.js +0 -1
- package/dist/assets/testing-HG80fZfa.png +0 -0
- package/dist/assets/theming--liSzaFj.png +0 -0
- package/dist/assets/three.module-9MfFqitO.js +0 -3825
- package/dist/assets/tiny-invariant-VyoA2Os1.js +0 -1
- package/dist/assets/worker-h5IcTUxB.js +0 -1
- package/dist/favicon.svg +0 -7
- package/dist/iframe.html +0 -495
- package/dist/index.html +0 -155
- package/dist/index.json +0 -1
- package/dist/package.json +0 -60
- package/dist/project.json +0 -1
- package/dist/sb-addons/essentials-actions-3/manager-bundle.js +0 -3
- package/dist/sb-addons/essentials-actions-3/manager-bundle.js.LEGAL.txt +0 -0
- package/dist/sb-addons/essentials-backgrounds-4/manager-bundle.js +0 -12
- package/dist/sb-addons/essentials-backgrounds-4/manager-bundle.js.LEGAL.txt +0 -0
- package/dist/sb-addons/essentials-controls-2/manager-bundle.js +0 -60
- package/dist/sb-addons/essentials-controls-2/manager-bundle.js.LEGAL.txt +0 -18
- package/dist/sb-addons/essentials-measure-7/manager-bundle.js +0 -3
- package/dist/sb-addons/essentials-measure-7/manager-bundle.js.LEGAL.txt +0 -0
- package/dist/sb-addons/essentials-outline-8/manager-bundle.js +0 -3
- package/dist/sb-addons/essentials-outline-8/manager-bundle.js.LEGAL.txt +0 -0
- package/dist/sb-addons/essentials-toolbars-6/manager-bundle.js +0 -3
- package/dist/sb-addons/essentials-toolbars-6/manager-bundle.js.LEGAL.txt +0 -0
- package/dist/sb-addons/essentials-viewport-5/manager-bundle.js +0 -3
- package/dist/sb-addons/essentials-viewport-5/manager-bundle.js.LEGAL.txt +0 -0
- package/dist/sb-addons/links-1/manager-bundle.js +0 -3
- package/dist/sb-addons/links-1/manager-bundle.js.LEGAL.txt +0 -0
- package/dist/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js +0 -3
- package/dist/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js.LEGAL.txt +0 -0
- package/dist/sb-common-assets/fonts.css +0 -31
- package/dist/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-bold.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-italic.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-regular.woff2 +0 -0
- package/dist/sb-manager/WithTooltip-Y7J54OF7-3AIPQNGM.js +0 -1
- package/dist/sb-manager/chunk-I53COLQ6.js +0 -183
- package/dist/sb-manager/chunk-L35575BZ.js +0 -234
- package/dist/sb-manager/chunk-TZAR34JC.js +0 -6
- package/dist/sb-manager/chunk-UOBNU442.js +0 -347
- package/dist/sb-manager/chunk-VMGB76WP.js +0 -9
- package/dist/sb-manager/chunk-XP3HGWTR.js +0 -1
- package/dist/sb-manager/formatter-B5HCVTEV-7DCBOGO6.js +0 -58
- package/dist/sb-manager/globals-module-info.js +0 -1
- package/dist/sb-manager/globals-runtime.js +0 -1
- package/dist/sb-manager/globals.js +0 -1
- package/dist/sb-manager/index.js +0 -1
- package/dist/sb-manager/runtime.js +0 -1
- package/dist/sb-manager/syntaxhighlighter-JOJW2KGS-7BF26SBB.js +0 -1
- package/dist/sb-preview/globals.js +0 -1
- package/dist/sb-preview/runtime.js +0 -128
- package/dist/stories/cropper/index.d.ts +0 -18
- package/dist/stories/cropper/index.js +0 -118
- package/dist/stories/cropper/index.js.map +0 -1
- package/dist/stories/cropper/index.stories.d.ts +0 -11
- package/dist/stories/cropper/index.stories.js +0 -14
- package/dist/stories/cropper/index.stories.js.map +0 -1
- package/dist/stories/device-viewer/amr.d.ts +0 -75
- package/dist/stories/device-viewer/amr.js +0 -554
- package/dist/stories/device-viewer/amr.js.map +0 -1
- package/dist/stories/device-viewer/assembly.d.ts +0 -11
- package/dist/stories/device-viewer/assembly.js +0 -47
- package/dist/stories/device-viewer/assembly.js.map +0 -1
- package/dist/stories/device-viewer/asserts/fonts/type.json +0 -1281
- package/dist/stories/device-viewer/dimension/index.d.ts +0 -31
- package/dist/stories/device-viewer/dimension/index.js +0 -131
- package/dist/stories/device-viewer/dimension/index.js.map +0 -1
- package/dist/stories/device-viewer/dimension/line3.d.ts +0 -21
- package/dist/stories/device-viewer/dimension/line3.js +0 -98
- package/dist/stories/device-viewer/dimension/line3.js.map +0 -1
- package/dist/stories/device-viewer/dimension/size-box.d.ts +0 -39
- package/dist/stories/device-viewer/dimension/size-box.js +0 -176
- package/dist/stories/device-viewer/dimension/size-box.js.map +0 -1
- package/dist/stories/device-viewer/group-roller.d.ts +0 -20
- package/dist/stories/device-viewer/group-roller.js +0 -65
- package/dist/stories/device-viewer/group-roller.js.map +0 -1
- package/dist/stories/device-viewer/index.d.ts +0 -47
- package/dist/stories/device-viewer/index.js +0 -530
- package/dist/stories/device-viewer/index.js.map +0 -1
- package/dist/stories/device-viewer/index.stories.d.ts +0 -27
- package/dist/stories/device-viewer/index.stories.js +0 -37
- package/dist/stories/device-viewer/index.stories.js.map +0 -1
- package/dist/stories/device-viewer/lines.d.ts +0 -36
- package/dist/stories/device-viewer/lines.js +0 -171
- package/dist/stories/device-viewer/lines.js.map +0 -1
- package/dist/stories/device-viewer/main.d.ts +0 -1
- package/dist/stories/device-viewer/main.js +0 -2
- package/dist/stories/device-viewer/main.js.map +0 -1
- package/dist/stories/device-viewer/mechanism/mechanism.d.ts +0 -29
- package/dist/stories/device-viewer/mechanism/mechanism.js +0 -164
- package/dist/stories/device-viewer/mechanism/mechanism.js.map +0 -1
- package/dist/stories/device-viewer/outerline.d.ts +0 -16
- package/dist/stories/device-viewer/outerline.js +0 -63
- package/dist/stories/device-viewer/outerline.js.map +0 -1
- package/dist/stories/device-viewer/roller.js +0 -121
- package/dist/stories/device-viewer/roller.js.map +0 -1
- package/dist/stories/device-viewer/row.d.ts +0 -18
- package/dist/stories/device-viewer/row.js +0 -58
- package/dist/stories/device-viewer/row.js.map +0 -1
- package/dist/stories/device-viewer/scene.d.ts +0 -101
- package/dist/stories/device-viewer/scene.js +0 -535
- package/dist/stories/device-viewer/scene.js.map +0 -1
- package/dist/stories/device-viewer/slot/slot-item.d.ts +0 -20
- package/dist/stories/device-viewer/slot/slot-item.js +0 -82
- package/dist/stories/device-viewer/slot/slot-item.js.map +0 -1
- package/dist/stories/device-viewer/slot.d.ts +0 -71
- package/dist/stories/device-viewer/slot.js +0 -272
- package/dist/stories/device-viewer/slot.js.map +0 -1
- package/dist/stories/device-viewer/sound.d.ts +0 -5
- package/dist/stories/device-viewer/sound.js +0 -13
- package/dist/stories/device-viewer/sound.js.map +0 -1
- package/dist/stories/device-viewer/text2.d.ts +0 -4
- package/dist/stories/device-viewer/text2.js +0 -12
- package/dist/stories/device-viewer/text2.js.map +0 -1
- package/dist/stories/device-viewer/text3.d.ts +0 -4
- package/dist/stories/device-viewer/text3.js +0 -14
- package/dist/stories/device-viewer/text3.js.map +0 -1
- package/dist/stories/device-viewer/utils/index.d.ts +0 -36
- package/dist/stories/device-viewer/utils/index.js +0 -166
- package/dist/stories/device-viewer/utils/index.js.map +0 -1
- package/dist/stories/device-viewer/worker/generate-mesh-bvh-worker.d.ts +0 -8
- package/dist/stories/device-viewer/worker/generate-mesh-bvh-worker.js +0 -88
- package/dist/stories/device-viewer/worker/generate-mesh-bvh-worker.js.map +0 -1
- package/dist/stories/device-viewer/worker/generateAsync.worker.d.ts +0 -1
- package/dist/stories/device-viewer/worker/generateAsync.worker.js +0 -57
- package/dist/stories/device-viewer/worker/generateAsync.worker.js.map +0 -1
- package/dist/stories/device-viewer/worker/path-tracing-scene-worker.d.ts +0 -16
- package/dist/stories/device-viewer/worker/path-tracing-scene-worker.js +0 -29
- package/dist/stories/device-viewer/worker/path-tracing-scene-worker.js.map +0 -1
- package/dist/stories/main/index.d.ts +0 -1
- package/dist/stories/main/index.js +0 -2
- package/dist/stories/main/index.js.map +0 -1
- package/dist/stories/main.d.ts +0 -4
- package/dist/stories/main.js +0 -5
- package/dist/stories/main.js.map +0 -1
- package/dist/stories/plugin.d.ts +0 -5
- package/dist/stories/plugin.js +0 -6
- package/dist/stories/plugin.js.map +0 -1
- package/dist/stories/plugins/change-slot/index.d.ts +0 -0
- package/dist/stories/plugins/change-slot/index.js +0 -2
- package/dist/stories/plugins/change-slot/index.js.map +0 -1
- package/dist/stories/sglb/index.d.ts +0 -27
- package/dist/stories/sglb/index.js +0 -151
- package/dist/stories/sglb/index.js.map +0 -1
- package/dist/stories/smap-viewer/index.d.ts +0 -14
- package/dist/stories/smap-viewer/index.js +0 -59
- package/dist/stories/smap-viewer/index.js.map +0 -1
- package/dist/stories/smap-viewer/index.stories.d.ts +0 -22
- package/dist/stories/smap-viewer/index.stories.js +0 -27
- package/dist/stories/smap-viewer/index.stories.js.map +0 -1
- package/dist/stories/step-viewer/index.d.ts +0 -17
- package/dist/stories/step-viewer/index.js +0 -109
- package/dist/stories/step-viewer/index.js.map +0 -1
- package/dist/stories/step-viewer/index.stories.d.ts +0 -20
- package/dist/stories/step-viewer/index.stories.js +0 -24
- package/dist/stories/step-viewer/index.stories.js.map +0 -1
- package/dist/stories/test/index.d.ts +0 -25
- package/dist/stories/test/index.js +0 -99
- package/dist/stories/test/index.js.map +0 -1
- package/dist/stories/test/index.stories.d.ts +0 -14
- package/dist/stories/test/index.stories.js +0 -16
- package/dist/stories/test/index.stories.js.map +0 -1
- package/dist/stories/test/scene.d.ts +0 -20
- package/dist/stories/test/scene.js +0 -86
- package/dist/stories/test/scene.js.map +0 -1
- package/dist/stories/utils/index.d.ts +0 -4
- package/dist/stories/utils/index.js +0 -28
- package/dist/stories/utils/index.js.map +0 -1
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
import { Vector2 } from 'three';
|
|
3
|
-
export declare class Line {
|
|
4
|
-
name: string;
|
|
5
|
-
slot: string;
|
|
6
|
-
start: Vector2;
|
|
7
|
-
end: Vector2;
|
|
8
|
-
readonly split = "--";
|
|
9
|
-
uuid: string;
|
|
10
|
-
valid: boolean;
|
|
11
|
-
editable: boolean;
|
|
12
|
-
highlight: boolean;
|
|
13
|
-
constructor(name: string, slot: string, start: Vector2, end: Vector2);
|
|
14
|
-
update(start: Vector2, end: Vector2): void;
|
|
15
|
-
}
|
|
16
|
-
export declare class DeviceLines extends LitElement {
|
|
17
|
-
offset: Vector2;
|
|
18
|
-
heightOffset: number;
|
|
19
|
-
lines: Map<string, Line>;
|
|
20
|
-
container: HTMLDivElement | undefined;
|
|
21
|
-
constructor(offset: Vector2, heightOffset?: number);
|
|
22
|
-
setOffset(x: number, y: number): void;
|
|
23
|
-
setHeightOffset(height: number): void;
|
|
24
|
-
hide(): void;
|
|
25
|
-
show(): void;
|
|
26
|
-
addLine(line: Line): void;
|
|
27
|
-
clear(): void;
|
|
28
|
-
removeLine(line: Line): void;
|
|
29
|
-
getLineByName(name: string): Line[];
|
|
30
|
-
getLineBySlot(slot: string): Line[];
|
|
31
|
-
getPath(line: Line): string;
|
|
32
|
-
updateLine(line: Line): void;
|
|
33
|
-
forceUpdate(): void;
|
|
34
|
-
protected render(): unknown;
|
|
35
|
-
static styles: import("lit").CSSResult;
|
|
36
|
-
}
|
|
@@ -1,171 +0,0 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
|
-
import { css, LitElement, svg } from 'lit';
|
|
8
|
-
import { customElement, query, state } from 'lit/decorators.js';
|
|
9
|
-
export class Line {
|
|
10
|
-
constructor(name, slot, start, end) {
|
|
11
|
-
this.name = name;
|
|
12
|
-
this.slot = slot;
|
|
13
|
-
this.start = start;
|
|
14
|
-
this.end = end;
|
|
15
|
-
this.split = '--';
|
|
16
|
-
this.uuid = '';
|
|
17
|
-
this.valid = false;
|
|
18
|
-
this.editable = false;
|
|
19
|
-
this.highlight = false;
|
|
20
|
-
this.uuid = name + this.split + slot;
|
|
21
|
-
}
|
|
22
|
-
update(start, end) {
|
|
23
|
-
this.start = start.clone();
|
|
24
|
-
this.end = end.clone();
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
let DeviceLines = class DeviceLines extends LitElement {
|
|
28
|
-
constructor(offset, heightOffset = 0) {
|
|
29
|
-
super();
|
|
30
|
-
this.offset = offset;
|
|
31
|
-
this.heightOffset = heightOffset;
|
|
32
|
-
this.lines = new Map();
|
|
33
|
-
this.setOffset(this.offset.x, this.offset.y);
|
|
34
|
-
}
|
|
35
|
-
setOffset(x, y) {
|
|
36
|
-
this.offset.set(x, y);
|
|
37
|
-
this.style.setProperty('--left', this.offset.x + 'px');
|
|
38
|
-
this.style.setProperty('--top', this.offset.y + 'px');
|
|
39
|
-
}
|
|
40
|
-
setHeightOffset(height) {
|
|
41
|
-
this.heightOffset = height;
|
|
42
|
-
this.style.setProperty('--heightOffset', this.heightOffset + 'px');
|
|
43
|
-
}
|
|
44
|
-
hide() {
|
|
45
|
-
this.container?.classList.add('hidden');
|
|
46
|
-
}
|
|
47
|
-
show() {
|
|
48
|
-
this.container?.classList.remove('hidden');
|
|
49
|
-
}
|
|
50
|
-
addLine(line) {
|
|
51
|
-
if (!this.lines.has(line.uuid)) {
|
|
52
|
-
this.lines.set(line.uuid, line);
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
clear() {
|
|
56
|
-
this.lines.clear();
|
|
57
|
-
}
|
|
58
|
-
removeLine(line) {
|
|
59
|
-
this.lines.delete(line.uuid);
|
|
60
|
-
}
|
|
61
|
-
getLineByName(name) {
|
|
62
|
-
const results = [];
|
|
63
|
-
this.lines.forEach((r, key) => {
|
|
64
|
-
if (r.name === name) {
|
|
65
|
-
results.push(r);
|
|
66
|
-
}
|
|
67
|
-
});
|
|
68
|
-
return results;
|
|
69
|
-
}
|
|
70
|
-
getLineBySlot(slot) {
|
|
71
|
-
const results = [];
|
|
72
|
-
this.lines.forEach((r, key) => {
|
|
73
|
-
if (r.slot === slot) {
|
|
74
|
-
results.push(r);
|
|
75
|
-
}
|
|
76
|
-
});
|
|
77
|
-
return results;
|
|
78
|
-
}
|
|
79
|
-
getPath(line) {
|
|
80
|
-
const end = line.end.clone();
|
|
81
|
-
end.set(end.x - this.offset.x, end.y - this.offset.y);
|
|
82
|
-
const left = line.start.clone().add(end).multiplyScalar(0.5);
|
|
83
|
-
const right = line.start.clone().add(end).multiplyScalar(0.7);
|
|
84
|
-
return `M${line.start.x} ${line.start.y}
|
|
85
|
-
C${left.x} ${line.start.y}
|
|
86
|
-
${right.x} ${line.end.y}
|
|
87
|
-
${end.x} ${end.y}
|
|
88
|
-
`;
|
|
89
|
-
}
|
|
90
|
-
updateLine(line) {
|
|
91
|
-
this.lines.set(line.uuid, line);
|
|
92
|
-
}
|
|
93
|
-
forceUpdate() {
|
|
94
|
-
this.requestUpdate();
|
|
95
|
-
}
|
|
96
|
-
render() {
|
|
97
|
-
return svg `
|
|
98
|
-
<svg class="container">
|
|
99
|
-
<g>
|
|
100
|
-
${[...this.lines.values()].map(r => {
|
|
101
|
-
return svg `<path
|
|
102
|
-
class="${r.valid ? 'valid' : ''} ${r.editable ? 'editable' : ''} ${r.highlight ? 'highlight' : ''}"
|
|
103
|
-
d="${this.getPath(r)}"></path>`;
|
|
104
|
-
})}
|
|
105
|
-
</g>
|
|
106
|
-
</svg>`;
|
|
107
|
-
}
|
|
108
|
-
static { this.styles = css `
|
|
109
|
-
:host {
|
|
110
|
-
--left: 0px;
|
|
111
|
-
--top: 0px;
|
|
112
|
-
position: absolute;
|
|
113
|
-
left: var(--left);
|
|
114
|
-
top: var(--top);
|
|
115
|
-
pointer-events: none;
|
|
116
|
-
width: calc(100% - var(--left));
|
|
117
|
-
height: calc(100% - var(--top));
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
svg {
|
|
121
|
-
width: 100%;
|
|
122
|
-
height: calc(100% + var(--heightOffset));
|
|
123
|
-
&.hidden {
|
|
124
|
-
display: none;
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
path {
|
|
129
|
-
stroke: #787878;
|
|
130
|
-
fill: transparent;
|
|
131
|
-
stroke-width: 0.5px;
|
|
132
|
-
stroke-dasharray: 4 4;
|
|
133
|
-
|
|
134
|
-
&.valid {
|
|
135
|
-
stroke-width: 1px;
|
|
136
|
-
stroke: #00FF95;
|
|
137
|
-
stroke-dasharray: none;
|
|
138
|
-
&:hover {
|
|
139
|
-
cursor: pointer;
|
|
140
|
-
}
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
&.highlight {
|
|
144
|
-
stroke: #0066FF;
|
|
145
|
-
cursor: pointer;
|
|
146
|
-
stroke-width: 2px;
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
&.editable {
|
|
150
|
-
pointer-events: auto;
|
|
151
|
-
&:hover {
|
|
152
|
-
cursor: pointer;
|
|
153
|
-
stroke: #0066FF;
|
|
154
|
-
stroke-width: 2px;
|
|
155
|
-
stroke-dasharray: none;
|
|
156
|
-
}
|
|
157
|
-
}
|
|
158
|
-
}
|
|
159
|
-
`; }
|
|
160
|
-
};
|
|
161
|
-
__decorate([
|
|
162
|
-
state()
|
|
163
|
-
], DeviceLines.prototype, "lines", void 0);
|
|
164
|
-
__decorate([
|
|
165
|
-
query('.container')
|
|
166
|
-
], DeviceLines.prototype, "container", void 0);
|
|
167
|
-
DeviceLines = __decorate([
|
|
168
|
-
customElement('device-lines')
|
|
169
|
-
], DeviceLines);
|
|
170
|
-
export { DeviceLines };
|
|
171
|
-
//# sourceMappingURL=lines.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"lines.js","sourceRoot":"","sources":["../../../stories/device-viewer/lines.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./scene";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"main.js","sourceRoot":"","sources":["../../../stories/device-viewer/main.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { Object3D } from 'three';
|
|
2
|
-
import { CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer';
|
|
3
|
-
export interface UserData {
|
|
4
|
-
[key: string]: any;
|
|
5
|
-
}
|
|
6
|
-
export interface MechanismProps {
|
|
7
|
-
name: '';
|
|
8
|
-
userData?: UserData;
|
|
9
|
-
target: string;
|
|
10
|
-
default: number;
|
|
11
|
-
min: number;
|
|
12
|
-
max: number;
|
|
13
|
-
}
|
|
14
|
-
export declare class Mechanism extends CSS2DObject {
|
|
15
|
-
props: MechanismProps;
|
|
16
|
-
amr: Object3D;
|
|
17
|
-
private _direction;
|
|
18
|
-
private _controllingRotate;
|
|
19
|
-
private _controlling;
|
|
20
|
-
private _startAt;
|
|
21
|
-
private _looper;
|
|
22
|
-
private _initial;
|
|
23
|
-
private _canRotate;
|
|
24
|
-
private _timer;
|
|
25
|
-
mechanism: Object3D | undefined;
|
|
26
|
-
constructor(props: MechanismProps, amr: Object3D);
|
|
27
|
-
private _update;
|
|
28
|
-
dispose(): void;
|
|
29
|
-
}
|
|
@@ -1,164 +0,0 @@
|
|
|
1
|
-
import { CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer';
|
|
2
|
-
import { Tween } from '@tweenjs/tween.js';
|
|
3
|
-
import RotateRight from '../asserts/rotate-right.png';
|
|
4
|
-
import RotateRightHL from '../asserts/rotate-right-hl.png';
|
|
5
|
-
export class Mechanism extends CSS2DObject {
|
|
6
|
-
constructor(props, amr) {
|
|
7
|
-
const box = document.createElement('div');
|
|
8
|
-
super(box);
|
|
9
|
-
this.props = props;
|
|
10
|
-
this.amr = amr;
|
|
11
|
-
this._direction = 1;
|
|
12
|
-
this._controllingRotate = false;
|
|
13
|
-
this._controlling = false;
|
|
14
|
-
this._startAt = 0;
|
|
15
|
-
this._looper = 0;
|
|
16
|
-
this._initial = 0;
|
|
17
|
-
this._canRotate = false;
|
|
18
|
-
this._update = () => {
|
|
19
|
-
this._looper = requestAnimationFrame(this._update);
|
|
20
|
-
if (this._controlling) {
|
|
21
|
-
let duration = (Date.now() - this._startAt) / 200;
|
|
22
|
-
if (duration > 4) {
|
|
23
|
-
duration = 4;
|
|
24
|
-
}
|
|
25
|
-
let next = this._initial + 0.005 * duration * this._direction;
|
|
26
|
-
if (next > this.props.max || next < this.props.min) {
|
|
27
|
-
return;
|
|
28
|
-
}
|
|
29
|
-
this._initial = next;
|
|
30
|
-
if (!this.mechanism)
|
|
31
|
-
return;
|
|
32
|
-
this.mechanism.position.setY(next);
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
if (props.userData && props.userData.target) {
|
|
36
|
-
amr.traverse(m => {
|
|
37
|
-
if (m.name === props.userData.target.name) {
|
|
38
|
-
this.mechanism = m;
|
|
39
|
-
}
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
box.style.fontSize = '30px';
|
|
43
|
-
box.style.color = '#0066FF';
|
|
44
|
-
box.style.cursor = 'pointer';
|
|
45
|
-
box.style.pointerEvents = 'auto';
|
|
46
|
-
const arrowUp = document.createElement('div');
|
|
47
|
-
arrowUp.innerText = '↑';
|
|
48
|
-
arrowUp.style.position = 'absolute';
|
|
49
|
-
arrowUp.style.left = '0';
|
|
50
|
-
arrowUp.style.transform = 'translateX(-50%)';
|
|
51
|
-
arrowUp.style.marginBottom = '5px';
|
|
52
|
-
arrowUp.setAttribute('data-direction', 'up');
|
|
53
|
-
const arrowDown = document.createElement('div');
|
|
54
|
-
arrowDown.style.position = 'absolute';
|
|
55
|
-
arrowDown.style.left = '0';
|
|
56
|
-
arrowDown.style.transform = 'translateX(-50%)';
|
|
57
|
-
arrowDown.innerText = '↓';
|
|
58
|
-
arrowUp.style.bottom = arrowDown.style.top = '8px';
|
|
59
|
-
arrowDown.setAttribute('data-direction', 'down');
|
|
60
|
-
Array.from([arrowUp, arrowDown]).forEach(item => {
|
|
61
|
-
item.addEventListener('mousemove', () => {
|
|
62
|
-
item.style.color = '#00FF95';
|
|
63
|
-
});
|
|
64
|
-
item.addEventListener('mouseleave', () => {
|
|
65
|
-
item.style.color = '#0066FF';
|
|
66
|
-
});
|
|
67
|
-
item.addEventListener('pointerdown', () => {
|
|
68
|
-
if (!this.mechanism)
|
|
69
|
-
return;
|
|
70
|
-
this._controlling = true;
|
|
71
|
-
this._startAt = Date.now();
|
|
72
|
-
this._initial = this.mechanism.position.y;
|
|
73
|
-
this._direction = item.getAttribute('data-direction') === 'up' ? 1 : -1;
|
|
74
|
-
});
|
|
75
|
-
item.addEventListener('pointerup', () => {
|
|
76
|
-
this._controlling = false;
|
|
77
|
-
});
|
|
78
|
-
item.addEventListener('pointerleave', () => {
|
|
79
|
-
this._controlling = false;
|
|
80
|
-
});
|
|
81
|
-
});
|
|
82
|
-
if (props.userData) {
|
|
83
|
-
this._canRotate = props.userData.canRotate;
|
|
84
|
-
if (this._canRotate) {
|
|
85
|
-
const { rotateTarget, rotateDuration, rotateStep, rotateMax, rotateMin } = props.userData;
|
|
86
|
-
let rotateTargetObject;
|
|
87
|
-
if (rotateTarget) {
|
|
88
|
-
amr.traverse(m => {
|
|
89
|
-
if (m.name === rotateTarget.name) {
|
|
90
|
-
rotateTargetObject = m;
|
|
91
|
-
}
|
|
92
|
-
});
|
|
93
|
-
if (rotateTargetObject) {
|
|
94
|
-
const arrowLeft = document.createElement('div');
|
|
95
|
-
arrowLeft.style.background = `url(${RotateRight}) center no-repeat`;
|
|
96
|
-
arrowLeft.style.backgroundSize = `100% auto`;
|
|
97
|
-
arrowLeft.style.width = arrowLeft.style.height = `35px`;
|
|
98
|
-
arrowLeft.style.position = 'absolute';
|
|
99
|
-
arrowLeft.style.top = '0';
|
|
100
|
-
arrowLeft.style.transform = 'translateY(-50%) scaleX(-100%) rotateZ(-30deg) rotateX(-40deg)';
|
|
101
|
-
arrowLeft.style.marginBottom = '5px';
|
|
102
|
-
arrowLeft.setAttribute('data-direction', 'left');
|
|
103
|
-
box.append(arrowLeft);
|
|
104
|
-
const arrowRight = document.createElement('div');
|
|
105
|
-
arrowRight.style.background = `url(${RotateRight}) center no-repeat`;
|
|
106
|
-
arrowRight.style.backgroundSize = `100% auto`;
|
|
107
|
-
arrowRight.style.width = arrowRight.style.height = `35px`;
|
|
108
|
-
arrowRight.style.position = 'absolute';
|
|
109
|
-
arrowLeft.style.right = arrowRight.style.left = '10px';
|
|
110
|
-
arrowRight.style.top = '0';
|
|
111
|
-
arrowRight.style.transform = 'translateY(-50%) rotateZ(-30deg) rotateX(-40deg)';
|
|
112
|
-
arrowRight.style.marginBottom = '5px';
|
|
113
|
-
arrowRight.setAttribute('data-direction', 'right');
|
|
114
|
-
box.append(arrowRight);
|
|
115
|
-
Array.from([arrowLeft, arrowRight]).forEach(item => {
|
|
116
|
-
item.addEventListener('mousemove', () => {
|
|
117
|
-
item.style.backgroundImage = `url(${RotateRightHL})`;
|
|
118
|
-
});
|
|
119
|
-
item.addEventListener('mouseleave', () => {
|
|
120
|
-
item.style.backgroundImage = `url(${RotateRight})`;
|
|
121
|
-
});
|
|
122
|
-
item.addEventListener('pointerdown', () => {
|
|
123
|
-
if (this._timer && this._timer.isPlaying())
|
|
124
|
-
return;
|
|
125
|
-
this._controllingRotate = true;
|
|
126
|
-
this._startAt = Date.now();
|
|
127
|
-
this._direction = item.getAttribute('data-direction') === 'left' ? -1 : 1;
|
|
128
|
-
let targetY = (rotateStep / 180) * Math.PI * this._direction + rotateTargetObject.rotation.y;
|
|
129
|
-
if (targetY > rotateMax / 180 * Math.PI) {
|
|
130
|
-
targetY = rotateMax / 180 * Math.PI;
|
|
131
|
-
}
|
|
132
|
-
else if (targetY < rotateMin / 180 * Math.PI) {
|
|
133
|
-
targetY = rotateMin / 180 * Math.PI;
|
|
134
|
-
}
|
|
135
|
-
this._timer = new Tween(rotateTargetObject.rotation)
|
|
136
|
-
.to({
|
|
137
|
-
y: targetY
|
|
138
|
-
})
|
|
139
|
-
.duration(rotateDuration)
|
|
140
|
-
.start();
|
|
141
|
-
});
|
|
142
|
-
item.addEventListener('pointerup', () => {
|
|
143
|
-
this._controllingRotate = false;
|
|
144
|
-
});
|
|
145
|
-
item.addEventListener('pointerleave', () => {
|
|
146
|
-
this._controllingRotate = false;
|
|
147
|
-
});
|
|
148
|
-
});
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
box.append(arrowUp, arrowDown);
|
|
154
|
-
this.scale.set(0.01, 0.01, 0.01);
|
|
155
|
-
this.matrixAutoUpdate = false;
|
|
156
|
-
this.updateMatrix();
|
|
157
|
-
this._update();
|
|
158
|
-
}
|
|
159
|
-
dispose() {
|
|
160
|
-
cancelAnimationFrame(this._looper);
|
|
161
|
-
this.element.remove();
|
|
162
|
-
}
|
|
163
|
-
}
|
|
164
|
-
//# sourceMappingURL=mechanism.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"mechanism.js","sourceRoot":"","sources":["../../../../stories/device-viewer/mechanism/mechanism.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { Object3D, Vector3 } from 'three';
|
|
2
|
-
import { CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer';
|
|
3
|
-
export declare class Outerline extends Object3D {
|
|
4
|
-
radius: number;
|
|
5
|
-
private _text;
|
|
6
|
-
private _line;
|
|
7
|
-
private _box;
|
|
8
|
-
constructor(radius: number, height: number);
|
|
9
|
-
update(radius: number): void;
|
|
10
|
-
change(pos: Vector3): void;
|
|
11
|
-
}
|
|
12
|
-
export declare class RadiusText extends CSS2DObject {
|
|
13
|
-
private _wrapper;
|
|
14
|
-
constructor(radius: string);
|
|
15
|
-
update(radius: string): void;
|
|
16
|
-
}
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { BufferGeometry, DoubleSide, Line, LineBasicMaterial, Mesh, MeshBasicMaterial, Object3D, RingGeometry, Vector3 } from 'three';
|
|
2
|
-
import { CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer';
|
|
3
|
-
export class Outerline extends Object3D {
|
|
4
|
-
constructor(radius, height) {
|
|
5
|
-
super();
|
|
6
|
-
this.radius = radius;
|
|
7
|
-
this._text = new RadiusText('');
|
|
8
|
-
this._line = new Line(new BufferGeometry(), new LineBasicMaterial({
|
|
9
|
-
color: '#888'
|
|
10
|
-
}));
|
|
11
|
-
this._box = new Mesh();
|
|
12
|
-
this._box.geometry = new RingGeometry(radius, radius + 0.003, 128);
|
|
13
|
-
this._box.material = new MeshBasicMaterial({
|
|
14
|
-
color: '#898989',
|
|
15
|
-
side: DoubleSide
|
|
16
|
-
});
|
|
17
|
-
this.position.y = height;
|
|
18
|
-
this._box.rotateX(-Math.PI / 2);
|
|
19
|
-
this.add(this._box);
|
|
20
|
-
this.add(this._line);
|
|
21
|
-
this.add(this._text);
|
|
22
|
-
}
|
|
23
|
-
update(radius) {
|
|
24
|
-
this.radius = radius;
|
|
25
|
-
this._box.geometry?.dispose();
|
|
26
|
-
this._box.geometry = new RingGeometry(radius, radius + 0.003, 128);
|
|
27
|
-
this._text.update((radius * 1000).toFixed(0));
|
|
28
|
-
}
|
|
29
|
-
change(pos) {
|
|
30
|
-
const target = pos.clone();
|
|
31
|
-
target.setY(0);
|
|
32
|
-
target.normalize().multiplyScalar(this.radius);
|
|
33
|
-
this._text.position.set(target.x, target.y, target.z);
|
|
34
|
-
this._line.geometry.dispose();
|
|
35
|
-
this._line.geometry.setFromPoints([target, new Vector3()]);
|
|
36
|
-
this._line.computeLineDistances();
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
export class RadiusText extends CSS2DObject {
|
|
40
|
-
constructor(radius) {
|
|
41
|
-
const box = document.createElement('div');
|
|
42
|
-
super(box);
|
|
43
|
-
this._wrapper = document.createElement('div');
|
|
44
|
-
this._wrapper.style.fontSize = '10px';
|
|
45
|
-
this._wrapper.style.color = '#898989';
|
|
46
|
-
this._wrapper.style.whiteSpace = 'nowrap';
|
|
47
|
-
this._wrapper.style.position = 'absolute';
|
|
48
|
-
this._wrapper.style.transform = 'translateX(-50%)';
|
|
49
|
-
this._wrapper.style.bottom = '4px';
|
|
50
|
-
const circle = document.createElement('div');
|
|
51
|
-
circle.style.position = 'relative';
|
|
52
|
-
circle.style.zIndex = '10';
|
|
53
|
-
circle.style.width = circle.style.height = '5px';
|
|
54
|
-
circle.style.borderRadius = '50%';
|
|
55
|
-
circle.style.background = '#ff6666';
|
|
56
|
-
box.append(this._wrapper, circle);
|
|
57
|
-
this.update(radius);
|
|
58
|
-
}
|
|
59
|
-
update(radius) {
|
|
60
|
-
this._wrapper.innerText = '旋转半径:' + radius + ' mm';
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
//# sourceMappingURL=outerline.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"outerline.js","sourceRoot":"","sources":["../../../stories/device-viewer/outerline.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,121 +0,0 @@
|
|
|
1
|
-
import { BoxGeometry, EdgesGeometry, Group, LineSegments, Mesh, MeshBasicMaterial, MeshStandardMaterial } from 'three';
|
|
2
|
-
import { AMRAssembly } from './assembly';
|
|
3
|
-
import Model from './asserts/models/roller.glb?url';
|
|
4
|
-
import EventEmitter from 'eventemitter3';
|
|
5
|
-
import { clearThreeObjectMesh, ObjectSize } from './utils';
|
|
6
|
-
export class Roller extends AMRAssembly {
|
|
7
|
-
constructor(_props) {
|
|
8
|
-
super(Model);
|
|
9
|
-
this._props = _props;
|
|
10
|
-
this._goodsWidthGap = 0.01;
|
|
11
|
-
this._goodsLengthGap = 0.005;
|
|
12
|
-
this._emitter = new EventEmitter();
|
|
13
|
-
this.addEventListener = this._emitter.addListener.bind(this._emitter);
|
|
14
|
-
this._shaftInstances = [];
|
|
15
|
-
this._length = 0;
|
|
16
|
-
this._container = new Group();
|
|
17
|
-
this._goodsSize = new ObjectSize(0, 0, 0);
|
|
18
|
-
this.add(this._container);
|
|
19
|
-
}
|
|
20
|
-
get length() {
|
|
21
|
-
return this._length;
|
|
22
|
-
}
|
|
23
|
-
loaded(glb) {
|
|
24
|
-
this._container.add(glb.clone(true));
|
|
25
|
-
this._container.traverse(m => {
|
|
26
|
-
if (m.name.startsWith('Shaft')) {
|
|
27
|
-
this._shaft = m;
|
|
28
|
-
}
|
|
29
|
-
if (m.userData.isContainer) {
|
|
30
|
-
this._goodsContainer = m;
|
|
31
|
-
}
|
|
32
|
-
const key = 'length';
|
|
33
|
-
if (Object.keys(m.morphTargetDictionary || {}).includes(key)) {
|
|
34
|
-
const index = m.morphTargetDictionary[key];
|
|
35
|
-
this._length = m.morphTargetInfluences[index];
|
|
36
|
-
}
|
|
37
|
-
});
|
|
38
|
-
this._shaft?.removeFromParent();
|
|
39
|
-
this.setGoodsSize({
|
|
40
|
-
length: this.size.length,
|
|
41
|
-
width: this.size.width,
|
|
42
|
-
height: this.size.height
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
|
-
setGoodsSize({ length, width, height }) {
|
|
46
|
-
this._goodsSize.length = length;
|
|
47
|
-
this._goodsSize.width = width;
|
|
48
|
-
this._goodsSize.height = height;
|
|
49
|
-
if (this._goods) {
|
|
50
|
-
clearThreeObjectMesh(this._goods);
|
|
51
|
-
this._goods.removeFromParent();
|
|
52
|
-
}
|
|
53
|
-
this.size.length = length + this._goodsLengthGap * 2 + 0.12;
|
|
54
|
-
this.size.height = height + 0.115;
|
|
55
|
-
this.size.width = width + this._goodsWidthGap * 2 + 0.086;
|
|
56
|
-
this.setShapeKey('goodsWidth', width + this._goodsWidthGap * 2);
|
|
57
|
-
this.setShapeKey('goodsLength', length + this._goodsLengthGap * 2);
|
|
58
|
-
this._generateShaft();
|
|
59
|
-
this._emitter.emit('size-change', this.size);
|
|
60
|
-
const box = new BoxGeometry(this._goodsSize.width, height, this._goodsSize.length);
|
|
61
|
-
box.translate(0, height / 2, 0);
|
|
62
|
-
const edges = new EdgesGeometry(box);
|
|
63
|
-
this._goods = new Mesh(box, new MeshStandardMaterial({
|
|
64
|
-
color: '#22f',
|
|
65
|
-
opacity: 0.2,
|
|
66
|
-
transparent: true
|
|
67
|
-
}));
|
|
68
|
-
const lines = new LineSegments(edges, new MeshBasicMaterial({
|
|
69
|
-
color: '#22f'
|
|
70
|
-
}));
|
|
71
|
-
this._goods.add(lines);
|
|
72
|
-
this._goodsContainer?.add(this._goods);
|
|
73
|
-
}
|
|
74
|
-
setShapeKey(key, value) {
|
|
75
|
-
if (key === 'goodsLength') {
|
|
76
|
-
this._length = value;
|
|
77
|
-
}
|
|
78
|
-
const nodes = [];
|
|
79
|
-
this._shaft?.traverse(m => nodes.push(m));
|
|
80
|
-
this._container.traverse(m => nodes.push(m));
|
|
81
|
-
nodes.forEach(node => {
|
|
82
|
-
let val = value;
|
|
83
|
-
if (node.userData[`origin_${key}`]) {
|
|
84
|
-
val -= node.userData[`origin_${key}`];
|
|
85
|
-
}
|
|
86
|
-
if (!Object.keys(node.morphTargetDictionary || {}).includes(key))
|
|
87
|
-
return;
|
|
88
|
-
const index = node.morphTargetDictionary[key];
|
|
89
|
-
node.morphTargetInfluences && (node.morphTargetInfluences[index] = val);
|
|
90
|
-
});
|
|
91
|
-
}
|
|
92
|
-
_generateShaft() {
|
|
93
|
-
if (!this._shaft)
|
|
94
|
-
return;
|
|
95
|
-
if (this._shaftInstances.length) {
|
|
96
|
-
this._shaftInstances.forEach(i => {
|
|
97
|
-
clearThreeObjectMesh(i);
|
|
98
|
-
});
|
|
99
|
-
}
|
|
100
|
-
this._shaftInstances = [];
|
|
101
|
-
const totalLength = this._length + 0.01;
|
|
102
|
-
const radius = 0.05;
|
|
103
|
-
let gap = 0.03519;
|
|
104
|
-
const length = radius + gap;
|
|
105
|
-
const instanceCount = Math.floor(totalLength / length);
|
|
106
|
-
gap += (totalLength - (length * instanceCount + gap)) / (instanceCount + 1);
|
|
107
|
-
const newLength = radius + gap;
|
|
108
|
-
for (let i = 0; i < instanceCount; i++) {
|
|
109
|
-
const instance = this._shaft.clone(true);
|
|
110
|
-
instance.position.z += newLength * i - (totalLength) / 2 + (radius / 2 + gap);
|
|
111
|
-
this._container.add(instance);
|
|
112
|
-
this._shaftInstances.push(instance);
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
destroy() {
|
|
116
|
-
this._emitter.removeAllListeners();
|
|
117
|
-
this._emitter = null;
|
|
118
|
-
clearThreeObjectMesh(this);
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
//# sourceMappingURL=roller.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"roller.js","sourceRoot":"","sources":["../../../stories/device-viewer/roller.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,aAAa,EACb,KAAK,EACL,YAAY,EACZ,IAAI,EACJ,iBAAiB,EACjB,oBAAoB,EAGrB,MAAgD,OAAO,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,MAA2B,YAAY,CAAA;AAC7D,OAAO,KAAK,MAAqC,iCAAiC,CAAA;AAClF,OAAO,YAAY,MAA8B,eAAe,CAAA;AAChE,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAM1D,MAAM,OAAO,MAAO,SAAQ,WAAW;IAoBrC,YAAoB,MAAmB;QACrC,KAAK,CAAC,KAAK,CAAC,CAAA;QADM,WAAM,GAAN,MAAM,CAAa;QAnB/B,mBAAc,GAAG,IAAI,CAAA;QACrB,oBAAe,GAAG,KAAK,CAAA;QAEvB,aAAQ,GAAG,IAAI,YAAY,EAAE,CAAA;QACrC,qBAAgB,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QAGxD,oBAAe,GAAe,EAAE,CAAA;QAEhC,YAAO,GAAG,CAAC,CAAA;QAEX,eAAU,GAAG,IAAI,KAAK,EAAE,CAAA;QAIxB,eAAU,GAAG,IAAI,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;QAO1C,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IAC3B,CAAC;IAED,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,CAAA;IACrB,CAAC;IAED,MAAM,CAAC,GAAa;QAClB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;QACpC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;YAC3B,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC/B,IAAI,CAAC,MAAM,GAAG,CAAC,CAAA;YACjB,CAAC;YACD,IAAI,CAAC,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;gBAC3B,IAAI,CAAC,eAAe,GAAG,CAAC,CAAA;YAC1B,CAAC;YACD,MAAM,GAAG,GAAG,QAAQ,CAAA;YAEpB,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,qBAAqB,IAAI,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;gBAE7D,MAAM,KAAK,GAAG,CAAC,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAA;gBAE1C,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAA;YAC/C,CAAC;QACH,CAAC,CAAC,CAAA;QACF,IAAI,CAAC,MAAM,EAAE,gBAAgB,EAAE,CAAA;QAC/B,IAAI,CAAC,YAAY,CAAC;YAChB,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM;YACxB,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK;YACtB,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM;SACzB,CAAC,CAAA;IACJ,CAAC;IAED,YAAY,CAAC,EACE,MAAM,EAAE,KAAK,EAAE,MAAM,EAKnC;QACC,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,MAAM,CAAA;QAC/B,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,KAAK,CAAA;QAC7B,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,MAAM,CAAA;QAE/B,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,oBAAoB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;YACjC,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAA;QAChC,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC,eAAe,GAAG,CAAC,GAAG,IAAI,CAAA;QAC3D,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,KAAK,CAAA;QACjC,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,GAAG,IAAI,CAAC,cAAc,GAAG,CAAC,GAAG,KAAK,CAAA;QAEzD,IAAI,CAAC,WAAW,CAAC,YAAY,EAAE,KAAK,GAAG,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,CAAA;QAC/D,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,CAAA;QAClE,IAAI,CAAC,cAAc,EAAE,CAAA;QACrB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;QAE5C,MAAM,GAAG,GAAG,IAAI,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAA;QAClF,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;QAC/B,MAAM,KAAK,GAAG,IAAI,aAAa,CAAC,GAAG,CAAC,CAAA;QAEpC,IAAI,CAAC,MAAM,GAAG,IAAI,IAAI,CAAC,GAAG,EAAE,IAAI,oBAAoB,CAAC;YACnD,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,GAAG;YACZ,WAAW,EAAE,IAAI;SAClB,CAAC,CAAC,CAAA;QACH,MAAM,KAAK,GAAG,IAAI,YAAY,CAAC,KAAK,EAAE,IAAI,iBAAiB,CAAC;YAC1D,KAAK,EAAE,MAAM;SACd,CAAC,CAAC,CAAA;QAEH,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;QACtB,IAAI,CAAC,eAAe,EAAE,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACxC,CAAC;IAED,WAAW,CAAC,GAAW,EAAE,KAAa;QACpC,IAAI,GAAG,KAAK,aAAa,EAAE,CAAC;YAC1B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACtB,CAAC;QACD,MAAM,KAAK,GAAe,EAAE,CAAA;QAC5B,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;QACzC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;QAC5C,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACnB,IAAI,GAAG,GAAG,KAAK,CAAA;YACf,IAAI,IAAI,CAAC,QAAQ,CAAC,UAAU,GAAG,EAAE,CAAC,EAAE,CAAC;gBACnC,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,UAAU,GAAG,EAAE,CAAC,CAAA;YACvC,CAAC;YAED,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,IAAI,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC;gBAAE,OAAM;YAGxE,MAAM,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAA;YAE7C,IAAI,CAAC,qBAAqB,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAA;QACzE,CAAC,CAAC,CAAA;IACJ,CAAC;IAEO,cAAc;QACpB,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,OAAM;QACxB,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,CAAC;YAChC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;gBAC/B,oBAAoB,CAAC,CAAC,CAAC,CAAA;YACzB,CAAC,CAAC,CAAA;QACJ,CAAC;QAED,IAAI,CAAC,eAAe,GAAG,EAAE,CAAA;QACzB,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;QACvC,MAAM,MAAM,GAAG,IAAI,CAAA;QACnB,IAAI,GAAG,GAAG,OAAO,CAAA;QACjB,MAAM,MAAM,GAAG,MAAM,GAAG,GAAG,CAAA;QAC3B,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC,CAAA;QACtD,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,MAAM,GAAG,aAAa,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,aAAa,GAAG,CAAC,CAAC,CAAA;QAC3E,MAAM,SAAS,GAAG,MAAM,GAAG,GAAG,CAAA;QAC9B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,EAAE,CAAC,EAAE,EAAE,CAAC;YACvC,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;YACxC,QAAQ,CAAC,QAAQ,CAAC,CAAC,IAAI,SAAS,GAAG,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,GAAG,GAAG,CAAC,CAAA;YAC7E,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;YAC7B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QACrC,CAAC;IACH,CAAC;IAED,OAAO;QACL,IAAI,CAAC,QAAQ,CAAC,kBAAkB,EAAE,CAAA;QAElC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;QACpB,oBAAoB,CAAC,IAAI,CAAC,CAAA;IAC5B,CAAC;CACF"}
|