shop-components 0.0.24 → 0.0.26

package/dist/stories/device-viewer/lines.d.ts

@@ -0,0 +1,36 @@
+import { LitElement } from 'lit';
+import { Vector2 } from 'three';
+export declare class Line {
+    name: string;
+    slot: string;
+    start: Vector2;
+    end: Vector2;
+    readonly split = "--";
+    uuid: string;
+    valid: boolean;
+    editable: boolean;
+    highlight: boolean;
+    constructor(name: string, slot: string, start: Vector2, end: Vector2);
+    update(start: Vector2, end: Vector2): void;
+}
+export declare class DeviceLines extends LitElement {
+    offset: Vector2;
+    heightOffset: number;
+    lines: Map<string, Line>;
+    container: HTMLDivElement | undefined;
+    constructor(offset: Vector2, heightOffset?: number);
+    setOffset(x: number, y: number): void;
+    setHeightOffset(height: number): void;
+    hide(): void;
+    show(): void;
+    addLine(line: Line): void;
+    clear(): void;
+    removeLine(line: Line): void;
+    getLineByName(name: string): Line[];
+    getLineBySlot(slot: string): Line[];
+    getPath(line: Line): string;
+    updateLine(line: Line): void;
+    forceUpdate(): void;
+    protected render(): unknown;
+    static styles: import("lit").CSSResult;
+}

package/dist/stories/device-viewer/lines.js

@@ -0,0 +1,171 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, LitElement, svg } from 'lit';
+import { customElement, query, state } from 'lit/decorators.js';
+export class Line {
+    constructor(name, slot, start, end) {
+        this.name = name;
+        this.slot = slot;
+        this.start = start;
+        this.end = end;
+        this.split = '--';
+        this.uuid = '';
+        this.valid = false;
+        this.editable = false;
+        this.highlight = false;
+        this.uuid = name + this.split + slot;
+    }
+    update(start, end) {
+        this.start = start.clone();
+        this.end = end.clone();
+    }
+}
+let DeviceLines = class DeviceLines extends LitElement {
+    constructor(offset, heightOffset = 0) {
+        super();
+        this.offset = offset;
+        this.heightOffset = heightOffset;
+        this.lines = new Map();
+        this.setOffset(this.offset.x, this.offset.y);
+    }
+    setOffset(x, y) {
+        this.offset.set(x, y);
+        this.style.setProperty('--left', this.offset.x + 'px');
+        this.style.setProperty('--top', this.offset.y + 'px');
+    }
+    setHeightOffset(height) {
+        this.heightOffset = height;
+        this.style.setProperty('--heightOffset', this.heightOffset + 'px');
+    }
+    hide() {
+        this.container?.classList.add('hidden');
+    }
+    show() {
+        this.container?.classList.remove('hidden');
+    }
+    addLine(line) {
+        if (!this.lines.has(line.uuid)) {
+            this.lines.set(line.uuid, line);
+        }
+    }
+    clear() {
+        this.lines.clear();
+    }
+    removeLine(line) {
+        this.lines.delete(line.uuid);
+    }
+    getLineByName(name) {
+        const results = [];
+        this.lines.forEach((r, key) => {
+            if (r.name === name) {
+                results.push(r);
+            }
+        });
+        return results;
+    }
+    getLineBySlot(slot) {
+        const results = [];
+        this.lines.forEach((r, key) => {
+            if (r.slot === slot) {
+                results.push(r);
+            }
+        });
+        return results;
+    }
+    getPath(line) {
+        const end = line.end.clone();
+        end.set(end.x - this.offset.x, end.y - this.offset.y);
+        const left = line.start.clone().add(end).multiplyScalar(0.5);
+        const right = line.start.clone().add(end).multiplyScalar(0.7);
+        return `M${line.start.x} ${line.start.y} 
+    C${left.x} ${line.start.y}
+    ${right.x} ${line.end.y}
+    ${end.x} ${end.y}
+    `;
+    }
+    updateLine(line) {
+        this.lines.set(line.uuid, line);
+    }
+    forceUpdate() {
+        this.requestUpdate();
+    }
+    render() {
+        return svg `
+      <svg class="container">
+        <g>
+          ${[...this.lines.values()].map(r => {
+            return svg `<path 
+class="${r.valid ? 'valid' : ''} ${r.editable ? 'editable' : ''} ${r.highlight ? 'highlight' : ''}" 
+d="${this.getPath(r)}"></path>`;
+        })}
+        </g>
+      </svg>`;
+    }
+    static { this.styles = css `
+    :host {
+      --left: 0px;
+      --top: 0px;
+      position: absolute;
+      left: var(--left);
+      top: var(--top);
+      pointer-events: none;
+      width: calc(100% - var(--left));
+      height: calc(100% - var(--top));
+    }
+    
+    svg {
+      width: 100%;
+      height: calc(100% + var(--heightOffset));
+      &.hidden {
+        display: none; 
+     }
+    }
+    
+    path {
+      stroke: #787878;
+      fill: transparent;
+      stroke-width: 0.5px;
+      stroke-dasharray: 4 4;
+      
+      &.valid {
+        stroke-width: 1px;
+        stroke: #00FF95;
+        stroke-dasharray: none;
+        &:hover {
+          cursor: pointer;
+        }
+      }
+      
+      &.highlight {
+        stroke: #0066FF;
+        cursor: pointer;
+        stroke-width: 2px;
+      }
+      
+      &.editable {
+        pointer-events: auto;
+        &:hover {
+          cursor: pointer;
+          stroke: #0066FF;
+          stroke-width: 2px;
+          stroke-dasharray: none;
+        }
+      }
+    }
+  `; }
+};
+__decorate([
+    state()
+], DeviceLines.prototype, "lines", void 0);
+__decorate([
+    query('.container')
+], DeviceLines.prototype, "container", void 0);
+DeviceLines = __decorate([
+    customElement('device-lines')
+], DeviceLines);
+export { DeviceLines };
+//# sourceMappingURL=lines.js.map

package/dist/stories/device-viewer/lines.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lines.js","sourceRoot":"","sources":["../../../stories/device-viewer/lines.ts"],"names":[],"mappings":"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"}

package/dist/stories/device-viewer/main.d.ts

@@ -0,0 +1 @@
+export * from "./scene";

package/dist/stories/device-viewer/main.js

@@ -0,0 +1,2 @@
+export * from "./scene";
+//# sourceMappingURL=main.js.map

package/dist/stories/device-viewer/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../../../stories/device-viewer/main.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

package/dist/stories/device-viewer/mechanism/mechanism.d.ts

@@ -0,0 +1,29 @@
+import { Object3D } from 'three';
+import { CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer';
+export interface UserData {
+    [key: string]: any;
+}
+export interface MechanismProps {
+    name: '';
+    userData?: UserData;
+    target: string;
+    default: number;
+    min: number;
+    max: number;
+}
+export declare class Mechanism extends CSS2DObject {
+    props: MechanismProps;
+    amr: Object3D;
+    private _direction;
+    private _controllingRotate;
+    private _controlling;
+    private _startAt;
+    private _looper;
+    private _initial;
+    private _canRotate;
+    private _timer;
+    mechanism: Object3D | undefined;
+    constructor(props: MechanismProps, amr: Object3D);
+    private _update;
+    dispose(): void;
+}

package/dist/stories/device-viewer/mechanism/mechanism.js

@@ -0,0 +1,164 @@
+import { CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer';
+import { Tween } from '@tweenjs/tween.js';
+import RotateRight from '../asserts/rotate-right.png';
+import RotateRightHL from '../asserts/rotate-right-hl.png';
+export class Mechanism extends CSS2DObject {
+    constructor(props, amr) {
+        const box = document.createElement('div');
+        super(box);
+        this.props = props;
+        this.amr = amr;
+        this._direction = 1;
+        this._controllingRotate = false;
+        this._controlling = false;
+        this._startAt = 0;
+        this._looper = 0;
+        this._initial = 0;
+        this._canRotate = false;
+        this._update = () => {
+            this._looper = requestAnimationFrame(this._update);
+            if (this._controlling) {
+                let duration = (Date.now() - this._startAt) / 200;
+                if (duration > 4) {
+                    duration = 4;
+                }
+                let next = this._initial + 0.005 * duration * this._direction;
+                if (next > this.props.max || next < this.props.min) {
+                    return;
+                }
+                this._initial = next;
+                if (!this.mechanism)
+                    return;
+                this.mechanism.position.setY(next);
+            }
+        };
+        if (props.userData && props.userData.target) {
+            amr.traverse(m => {
+                if (m.name === props.userData.target.name) {
+                    this.mechanism = m;
+                }
+            });
+        }
+        box.style.fontSize = '30px';
+        box.style.color = '#0066FF';
+        box.style.cursor = 'pointer';
+        box.style.pointerEvents = 'auto';
+        const arrowUp = document.createElement('div');
+        arrowUp.innerText = '↑';
+        arrowUp.style.position = 'absolute';
+        arrowUp.style.left = '0';
+        arrowUp.style.transform = 'translateX(-50%)';
+        arrowUp.style.marginBottom = '5px';
+        arrowUp.setAttribute('data-direction', 'up');
+        const arrowDown = document.createElement('div');
+        arrowDown.style.position = 'absolute';
+        arrowDown.style.left = '0';
+        arrowDown.style.transform = 'translateX(-50%)';
+        arrowDown.innerText = '↓';
+        arrowUp.style.bottom = arrowDown.style.top = '8px';
+        arrowDown.setAttribute('data-direction', 'down');
+        Array.from([arrowUp, arrowDown]).forEach(item => {
+            item.addEventListener('mousemove', () => {
+                item.style.color = '#00FF95';
+            });
+            item.addEventListener('mouseleave', () => {
+                item.style.color = '#0066FF';
+            });
+            item.addEventListener('pointerdown', () => {
+                if (!this.mechanism)
+                    return;
+                this._controlling = true;
+                this._startAt = Date.now();
+                this._initial = this.mechanism.position.y;
+                this._direction = item.getAttribute('data-direction') === 'up' ? 1 : -1;
+            });
+            item.addEventListener('pointerup', () => {
+                this._controlling = false;
+            });
+            item.addEventListener('pointerleave', () => {
+                this._controlling = false;
+            });
+        });
+        if (props.userData) {
+            this._canRotate = props.userData.canRotate;
+            if (this._canRotate) {
+                const { rotateTarget, rotateDuration, rotateStep, rotateMax, rotateMin } = props.userData;
+                let rotateTargetObject;
+                if (rotateTarget) {
+                    amr.traverse(m => {
+                        if (m.name === rotateTarget.name) {
+                            rotateTargetObject = m;
+                        }
+                    });
+                    if (rotateTargetObject) {
+                        const arrowLeft = document.createElement('div');
+                        arrowLeft.style.background = `url(${RotateRight}) center no-repeat`;
+                        arrowLeft.style.backgroundSize = `100% auto`;
+                        arrowLeft.style.width = arrowLeft.style.height = `35px`;
+                        arrowLeft.style.position = 'absolute';
+                        arrowLeft.style.top = '0';
+                        arrowLeft.style.transform = 'translateY(-50%) scaleX(-100%) rotateZ(-30deg) rotateX(-40deg)';
+                        arrowLeft.style.marginBottom = '5px';
+                        arrowLeft.setAttribute('data-direction', 'left');
+                        box.append(arrowLeft);
+                        const arrowRight = document.createElement('div');
+                        arrowRight.style.background = `url(${RotateRight}) center no-repeat`;
+                        arrowRight.style.backgroundSize = `100% auto`;
+                        arrowRight.style.width = arrowRight.style.height = `35px`;
+                        arrowRight.style.position = 'absolute';
+                        arrowLeft.style.right = arrowRight.style.left = '10px';
+                        arrowRight.style.top = '0';
+                        arrowRight.style.transform = 'translateY(-50%) rotateZ(-30deg) rotateX(-40deg)';
+                        arrowRight.style.marginBottom = '5px';
+                        arrowRight.setAttribute('data-direction', 'right');
+                        box.append(arrowRight);
+                        Array.from([arrowLeft, arrowRight]).forEach(item => {
+                            item.addEventListener('mousemove', () => {
+                                item.style.backgroundImage = `url(${RotateRightHL})`;
+                            });
+                            item.addEventListener('mouseleave', () => {
+                                item.style.backgroundImage = `url(${RotateRight})`;
+                            });
+                            item.addEventListener('pointerdown', () => {
+                                if (this._timer && this._timer.isPlaying())
+                                    return;
+                                this._controllingRotate = true;
+                                this._startAt = Date.now();
+                                this._direction = item.getAttribute('data-direction') === 'left' ? -1 : 1;
+                                let targetY = (rotateStep / 180) * Math.PI * this._direction + rotateTargetObject.rotation.y;
+                                if (targetY > rotateMax / 180 * Math.PI) {
+                                    targetY = rotateMax / 180 * Math.PI;
+                                }
+                                else if (targetY < rotateMin / 180 * Math.PI) {
+                                    targetY = rotateMin / 180 * Math.PI;
+                                }
+                                this._timer = new Tween(rotateTargetObject.rotation)
+                                    .to({
+                                    y: targetY
+                                })
+                                    .duration(rotateDuration)
+                                    .start();
+                            });
+                            item.addEventListener('pointerup', () => {
+                                this._controllingRotate = false;
+                            });
+                            item.addEventListener('pointerleave', () => {
+                                this._controllingRotate = false;
+                            });
+                        });
+                    }
+                }
+            }
+        }
+        box.append(arrowUp, arrowDown);
+        this.scale.set(0.01, 0.01, 0.01);
+        this.matrixAutoUpdate = false;
+        this.updateMatrix();
+        this._update();
+    }
+    dispose() {
+        cancelAnimationFrame(this._looper);
+        this.element.remove();
+    }
+}
+//# sourceMappingURL=mechanism.js.map

package/dist/stories/device-viewer/mechanism/mechanism.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mechanism.js","sourceRoot":"","sources":["../../../../stories/device-viewer/mechanism/mechanism.ts"],"names":[],"mappings":"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"}

package/dist/stories/device-viewer/outerline.d.ts

@@ -0,0 +1,16 @@
+import { Object3D, Vector3 } from 'three';
+import { CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer';
+export declare class Outerline extends Object3D {
+    radius: number;
+    private _text;
+    private _line;
+    private _box;
+    constructor(radius: number, height: number);
+    update(radius: number): void;
+    change(pos: Vector3): void;
+}
+export declare class RadiusText extends CSS2DObject {
+    private _wrapper;
+    constructor(radius: string);
+    update(radius: string): void;
+}

package/dist/stories/device-viewer/outerline.js

@@ -0,0 +1,63 @@
+import { BufferGeometry, DoubleSide, Line, LineBasicMaterial, Mesh, MeshBasicMaterial, Object3D, RingGeometry, Vector3 } from 'three';
+import { CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer';
+export class Outerline extends Object3D {
+    constructor(radius, height) {
+        super();
+        this.radius = radius;
+        this._text = new RadiusText('');
+        this._line = new Line(new BufferGeometry(), new LineBasicMaterial({
+            color: '#888'
+        }));
+        this._box = new Mesh();
+        this._box.geometry = new RingGeometry(radius, radius + 0.003, 128);
+        this._box.material = new MeshBasicMaterial({
+            color: '#898989',
+            side: DoubleSide
+        });
+        this.position.y = height;
+        this._box.rotateX(-Math.PI / 2);
+        this.add(this._box);
+        this.add(this._line);
+        this.add(this._text);
+    }
+    update(radius) {
+        this.radius = radius;
+        this._box.geometry?.dispose();
+        this._box.geometry = new RingGeometry(radius, radius + 0.003, 128);
+        this._text.update((radius * 1000).toFixed(0));
+    }
+    change(pos) {
+        const target = pos.clone();
+        target.setY(0);
+        target.normalize().multiplyScalar(this.radius);
+        this._text.position.set(target.x, target.y, target.z);
+        this._line.geometry.dispose();
+        this._line.geometry.setFromPoints([target, new Vector3()]);
+        this._line.computeLineDistances();
+    }
+}
+export class RadiusText extends CSS2DObject {
+    constructor(radius) {
+        const box = document.createElement('div');
+        super(box);
+        this._wrapper = document.createElement('div');
+        this._wrapper.style.fontSize = '10px';
+        this._wrapper.style.color = '#898989';
+        this._wrapper.style.whiteSpace = 'nowrap';
+        this._wrapper.style.position = 'absolute';
+        this._wrapper.style.transform = 'translateX(-50%)';
+        this._wrapper.style.bottom = '4px';
+        const circle = document.createElement('div');
+        circle.style.position = 'relative';
+        circle.style.zIndex = '10';
+        circle.style.width = circle.style.height = '5px';
+        circle.style.borderRadius = '50%';
+        circle.style.background = '#ff6666';
+        box.append(this._wrapper, circle);
+        this.update(radius);
+    }
+    update(radius) {
+        this._wrapper.innerText = '旋转半径：' + radius + ' mm';
+    }
+}
+//# sourceMappingURL=outerline.js.map

package/dist/stories/device-viewer/outerline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"outerline.js","sourceRoot":"","sources":["../../../stories/device-viewer/outerline.ts"],"names":[],"mappings":"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"}

package/dist/stories/device-viewer/roller.d.ts

@@ -0,0 +1,31 @@
+import { Object3D, Vector3 } from 'three';
+import { AMRAssembly } from './assembly';
+import EventEmitter from 'eventemitter3';
+export interface RollerProps {
+    goodsSize: Vector3;
+}
+export declare class Roller extends AMRAssembly {
+    private _props;
+    private _goodsWidthGap;
+    private _goodsLengthGap;
+    private _emitter;
+    addEventListener: <T extends string | symbol>(event: T, fn: (...args: any[]) => void, context?: any) => EventEmitter<string | symbol, any>;
+    private _shaft;
+    private _shaftInstances;
+    private _length;
+    private _container;
+    private _goodsContainer;
+    private _goodsSize;
+    private _goods;
+    constructor(_props: RollerProps);
+    get length(): number;
+    loaded(glb: Object3D): void;
+    setGoodsSize({ length, width, height }: {
+        length: number;
+        width: number;
+        height: number;
+    }): void;
+    setShapeKey(key: string, value: number): void;
+    private _generateShaft;
+    destroy(): void;
+}